@linkurious/ogma-annotations-react 1.1.22 → 1.1.24

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import Ir, { createContext as jr, useContext as Kr, useReducer as Zr, useState as Nt, useEffect as rr } from "react";
+import $r, { createContext as jr, useContext as Kr, useReducer as Zr, useState as Nt, useEffect as nr } from "react";
 import { useOgma as Qr } from "@linkurious/ogma-react";
 var Pe = { exports: {} }, he = {};
 /**
@@ -14,15 +14,15 @@ var fr;
 function tn() {
   if (fr) return he;
   fr = 1;
-  var u = Ir, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(g, d, v) {
-    var y, A = {}, _ = null, S = null;
-    v !== void 0 && (_ = "" + v), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (S = d.ref);
-    for (y in d) n.call(d, y) && !c.hasOwnProperty(y) && (A[y] = d[y]);
-    if (g && g.defaultProps) for (y in d = g.defaultProps, d) A[y] === void 0 && (A[y] = d[y]);
-    return { $$typeof: e, type: g, key: _, ref: S, props: A, _owner: a.current };
-  }
-  return he.Fragment = s, he.jsx = f, he.jsxs = f, he;
+  var u = $r, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(g, f, v) {
+    var y, A = {}, k = null, S = null;
+    v !== void 0 && (k = "" + v), f.key !== void 0 && (k = "" + f.key), f.ref !== void 0 && (S = f.ref);
+    for (y in f) n.call(f, y) && !h.hasOwnProperty(y) && (A[y] = f[y]);
+    if (g && g.defaultProps) for (y in f = g.defaultProps, f) A[y] === void 0 && (A[y] = f[y]);
+    return { $$typeof: e, type: g, key: k, ref: S, props: A, _owner: l.current };
+  }
+  return he.Fragment = o, he.jsx = d, he.jsxs = d, he;
 }
 var ce = {};
 /**
@@ -37,46 +37,46 @@ var ce = {};
 var gr;
 function en() {
   return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var u = Ir, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), R = Symbol.iterator, C = "@@iterator";
+    var u = $r, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), R = Symbol.iterator, C = "@@iterator";
     function L(t) {
       if (t === null || typeof t != "object")
         return null;
-      var o = R && t[R] || t[C];
-      return typeof o == "function" ? o : null;
+      var s = R && t[R] || t[C];
+      return typeof s == "function" ? s : null;
     }
-    var I = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(t) {
+    var $ = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(t) {
       {
-        for (var o = arguments.length, h = new Array(o > 1 ? o - 1 : 0), p = 1; p < o; p++)
-          h[p - 1] = arguments[p];
-        z("error", t, h);
+        for (var s = arguments.length, c = new Array(s > 1 ? s - 1 : 0), p = 1; p < s; p++)
+          c[p - 1] = arguments[p];
+        z("error", t, c);
       }
     }
-    function z(t, o, h) {
+    function z(t, s, c) {
       {
-        var p = I.ReactDebugCurrentFrame, m = p.getStackAddendum();
-        m !== "" && (o += "%s", h = h.concat([m]));
-        var w = h.map(function(b) {
+        var p = $.ReactDebugCurrentFrame, m = p.getStackAddendum();
+        m !== "" && (s += "%s", c = c.concat([m]));
+        var w = c.map(function(b) {
           return String(b);
         });
-        w.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, w);
+        w.unshift("Warning: " + s), Function.prototype.apply.call(console[t], console, w);
       }
     }
     var B = !1, tt = !1, rt = !1, Yt = !1, Vt = !1, ge;
     ge = Symbol.for("react.module.reference");
     function Dt(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === n || t === c || Vt || t === a || t === v || t === y || Yt || t === S || B || tt || rt || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === A || t.$$typeof === f || t.$$typeof === g || t.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === n || t === h || Vt || t === l || t === v || t === y || Yt || t === S || B || tt || rt || typeof t == "object" && t !== null && (t.$$typeof === k || t.$$typeof === A || t.$$typeof === d || t.$$typeof === g || t.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       t.$$typeof === ge || t.getModuleId !== void 0));
     }
-    function Pt(t, o, h) {
+    function Pt(t, s, c) {
       var p = t.displayName;
       if (p)
         return p;
-      var m = o.displayName || o.name || "";
-      return m !== "" ? h + "(" + m + ")" : h;
+      var m = s.displayName || s.name || "";
+      return m !== "" ? c + "(" + m + ")" : c;
     }
     function pe(t) {
       return t.displayName || "Context";
@@ -84,18 +84,18 @@ function en() {
     function it(t) {
       if (t == null)
         return null;
-      if (typeof t.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+      if (typeof t.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
       switch (t) {
         case n:
           return "Fragment";
-        case s:
+        case o:
           return "Portal";
-        case c:
+        case h:
           return "Profiler";
-        case a:
+        case l:
           return "StrictMode";
         case v:
           return "Suspense";
@@ -105,17 +105,17 @@ function en() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case g:
-            var o = t;
-            return pe(o) + ".Consumer";
-          case f:
-            var h = t;
-            return pe(h._context) + ".Provider";
+            var s = t;
+            return pe(s) + ".Consumer";
           case d:
+            var c = t;
+            return pe(c._context) + ".Provider";
+          case f:
             return Pt(t, t.render, "ForwardRef");
           case A:
             var p = t.displayName || null;
             return p !== null ? p : it(t.type) || "Memo";
-          case _: {
+          case k: {
             var m = t, w = m._payload, b = m._init;
             try {
               return it(b(w));
@@ -153,7 +153,7 @@ function en() {
         lt++;
       }
     }
-    function He() {
+    function Be() {
       {
         if (lt--, lt === 0) {
           var t = {
@@ -185,11 +185,11 @@ function en() {
             })
           });
         }
-        lt < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        lt < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Gt = I.ReactCurrentDispatcher, Jt;
-    function $t(t, o, h) {
+    var Gt = $.ReactCurrentDispatcher, Jt;
+    function It(t, s, c) {
       {
         if (Jt === void 0)
           try {
@@ -204,16 +204,16 @@ function en() {
     }
     var Kt = !1, _t;
     {
-      var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      _t = new Be();
+      var qe = typeof WeakMap == "function" ? WeakMap : Map;
+      _t = new qe();
     }
-    function Zt(t, o) {
+    function Zt(t, s) {
       if (!t || Kt)
         return "";
       {
-        var h = _t.get(t);
-        if (h !== void 0)
-          return h;
+        var c = _t.get(t);
+        if (c !== void 0)
+          return c;
       }
       var p;
       Kt = !0;
@@ -222,7 +222,7 @@ function en() {
       var w;
       w = Gt.current, Gt.current = null, be();
       try {
-        if (o) {
+        if (s) {
           var b = function() {
             throw Error();
           };
@@ -273,56 +273,56 @@ function en() {
             }
         }
       } finally {
-        Kt = !1, Gt.current = w, He(), Error.prepareStackTrace = m;
+        Kt = !1, Gt.current = w, Be(), Error.prepareStackTrace = m;
       }
-      var W = t ? t.displayName || t.name : "", F = W ? $t(W) : "";
+      var W = t ? t.displayName || t.name : "", F = W ? It(W) : "";
       return typeof t == "function" && _t.set(t, F), F;
     }
-    function qe(t, o, h) {
+    function We(t, s, c) {
       return Zt(t, !1);
     }
-    function We(t) {
-      var o = t.prototype;
-      return !!(o && o.isReactComponent);
+    function Ue(t) {
+      var s = t.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function It(t, o, h) {
+    function $t(t, s, c) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Zt(t, We(t));
+        return Zt(t, Ue(t));
       if (typeof t == "string")
-        return $t(t);
+        return It(t);
       switch (t) {
         case v:
-          return $t("Suspense");
+          return It("Suspense");
         case y:
-          return $t("SuspenseList");
+          return It("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case d:
-            return qe(t.render);
+          case f:
+            return We(t.render);
           case A:
-            return It(t.type, o, h);
-          case _: {
+            return $t(t.type, s, c);
+          case k: {
             var p = t, m = p._payload, w = p._init;
             try {
-              return It(w(m), o, h);
+              return $t(w(m), s, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var bt = Object.prototype.hasOwnProperty, we = {}, xe = I.ReactDebugCurrentFrame;
+    var bt = Object.prototype.hasOwnProperty, we = {}, xe = $.ReactDebugCurrentFrame;
     function jt(t) {
       if (t) {
-        var o = t._owner, h = It(t.type, t._source, o ? o.type : null);
-        xe.setExtraStackFrame(h);
+        var s = t._owner, c = $t(t.type, t._source, s ? s.type : null);
+        xe.setExtraStackFrame(c);
       } else
         xe.setExtraStackFrame(null);
     }
-    function Ue(t, o, h, p, m) {
+    function Ye(t, s, c, p, m) {
       {
         var w = Function.call.bind(bt);
         for (var b in t)
@@ -330,28 +330,28 @@ function en() {
             var E = void 0;
             try {
               if (typeof t[b] != "function") {
-                var D = Error((p || "React class") + ": " + h + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var D = Error((p || "React class") + ": " + c + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw D.name = "Invariant Violation", D;
               }
-              E = t[b](o, b, p, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              E = t[b](s, b, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (T) {
               E = T;
             }
-            E && !(E instanceof Error) && (jt(m), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", h, b, typeof E), jt(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, jt(m), k("Failed %s type: %s", h, E.message), jt(null));
+            E && !(E instanceof Error) && (jt(m), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", c, b, typeof E), jt(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, jt(m), _("Failed %s type: %s", c, E.message), jt(null));
           }
       }
     }
-    var Ye = Array.isArray;
+    var Ve = Array.isArray;
     function Qt(t) {
-      return Ye(t);
+      return Ve(t);
     }
     function q(t) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, h = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return h;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, c = s && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return c;
       }
     }
-    function Ve(t) {
+    function Xe(t) {
       try {
         return Ee(t), !1;
       } catch {
@@ -362,64 +362,64 @@ function en() {
       return "" + t;
     }
     function te(t) {
-      if (Ve(t))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", q(t)), Ee(t);
+      if (Xe(t))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", q(t)), Ee(t);
     }
-    var ct = I.ReactCurrentOwner, Ae = {
+    var ct = $.ReactCurrentOwner, Ae = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ft, ke;
-    function Xe(t) {
+    function Ge(t) {
       if (bt.call(t, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (o && o.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
     function ee(t) {
       if (bt.call(t, "key")) {
-        var o = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (o && o.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function Ge(t, o) {
+    function Je(t, s) {
       typeof t.ref == "string" && ct.current;
     }
-    function Je(t, o) {
+    function Ke(t, s) {
       {
-        var h = function() {
-          Ft || (Ft = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var c = function() {
+          Ft || (Ft = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        h.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: h,
+        c.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: c,
           configurable: !0
         });
       }
     }
-    function Ke(t, o) {
+    function Ze(t, s) {
       {
-        var h = function() {
-          ke || (ke = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var c = function() {
+          ke || (ke = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        h.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: h,
+        c.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: c,
           configurable: !0
         });
       }
     }
-    var re = function(t, o, h, p, m, w, b) {
+    var re = function(t, s, c, p, m, w, b) {
       var E = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: t,
-        key: o,
-        ref: h,
+        key: s,
+        ref: c,
         props: b,
         // Record the component responsible for creating this element.
         _owner: w
@@ -441,12 +441,12 @@ function en() {
         value: m
       }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function _e(t, o, h, p, m) {
+    function _e(t, s, c, p, m) {
       {
         var w, b = {}, E = null, D = null;
-        h !== void 0 && (te(h), E = "" + h), ee(o) && (te(o.key), E = "" + o.key), Xe(o) && (D = o.ref, Ge(o, m));
-        for (w in o)
-          bt.call(o, w) && !Ae.hasOwnProperty(w) && (b[w] = o[w]);
+        c !== void 0 && (te(c), E = "" + c), ee(s) && (te(s.key), E = "" + s.key), Ge(s) && (D = s.ref, Je(s, m));
+        for (w in s)
+          bt.call(s, w) && !Ae.hasOwnProperty(w) && (b[w] = s[w]);
         if (t && t.defaultProps) {
           var T = t.defaultProps;
           for (w in T)
@@ -454,16 +454,16 @@ function en() {
         }
         if (E || D) {
           var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          E && Je(b, O), D && Ke(b, O);
+          E && Ke(b, O), D && Ze(b, O);
         }
         return re(t, E, D, m, p, ct.current, b);
       }
     }
-    var dt = I.ReactCurrentOwner, Se = I.ReactDebugCurrentFrame;
+    var dt = $.ReactCurrentOwner, Se = $.ReactDebugCurrentFrame;
     function wt(t) {
       if (t) {
-        var o = t._owner, h = It(t.type, t._source, o ? o.type : null);
-        Se.setExtraStackFrame(h);
+        var s = t._owner, c = $t(t.type, t._source, s ? s.type : null);
+        Se.setExtraStackFrame(c);
       } else
         Se.setExtraStackFrame(null);
     }
@@ -490,37 +490,37 @@ Check the render method of \`` + t + "`.";
     var Ce = {};
     function Te(t) {
       {
-        var o = xt();
-        if (!o) {
-          var h = typeof t == "string" ? t : t.displayName || t.name;
-          h && (o = `
+        var s = xt();
+        if (!s) {
+          var c = typeof t == "string" ? t : t.displayName || t.name;
+          c && (s = `
 
-Check the top-level render call using <` + h + ">.");
+Check the top-level render call using <` + c + ">.");
         }
-        return o;
+        return s;
       }
     }
-    function ie(t, o) {
+    function ie(t, s) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var h = Te(o);
-        if (Ce[h])
+        var c = Te(s);
+        if (Ce[c])
           return;
-        Ce[h] = !0;
+        Ce[c] = !0;
         var p = "";
-        t && t._owner && t._owner !== dt.current && (p = " It was passed a child from " + it(t._owner.type) + "."), wt(t), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, p), wt(null);
+        t && t._owner && t._owner !== dt.current && (p = " It was passed a child from " + it(t._owner.type) + "."), wt(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), wt(null);
       }
     }
-    function Re(t, o) {
+    function Re(t, s) {
       {
         if (typeof t != "object")
           return;
         if (Qt(t))
-          for (var h = 0; h < t.length; h++) {
-            var p = t[h];
-            G(p) && ie(p, o);
+          for (var c = 0; c < t.length; c++) {
+            var p = t[c];
+            G(p) && ie(p, s);
           }
         else if (G(t))
           t._store && (t._store.validated = !0);
@@ -528,49 +528,49 @@ Check the top-level render call using <` + h + ">.");
           var m = L(t);
           if (typeof m == "function" && m !== t.entries)
             for (var w = m.call(t), b; !(b = w.next()).done; )
-              G(b.value) && ie(b.value, o);
+              G(b.value) && ie(b.value, s);
         }
       }
     }
-    function se(t) {
+    function oe(t) {
       {
-        var o = t.type;
-        if (o == null || typeof o == "string")
+        var s = t.type;
+        if (s == null || typeof s == "string")
           return;
-        var h;
-        if (typeof o == "function")
-          h = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
+        var c;
+        if (typeof s == "function")
+          c = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === A))
-          h = o.propTypes;
+        s.$$typeof === A))
+          c = s.propTypes;
         else
           return;
-        if (h) {
-          var p = it(o);
-          Ue(h, t.props, "prop", p, t);
-        } else if (o.PropTypes !== void 0 && !St) {
+        if (c) {
+          var p = it(s);
+          Ye(c, t.props, "prop", p, t);
+        } else if (s.PropTypes !== void 0 && !St) {
           St = !0;
-          var m = it(o);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
+          var m = it(s);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ze(t) {
+    function Qe(t) {
       {
-        for (var o = Object.keys(t.props), h = 0; h < o.length; h++) {
-          var p = o[h];
+        for (var s = Object.keys(t.props), c = 0; c < s.length; c++) {
+          var p = s[c];
           if (p !== "children" && p !== "key") {
-            wt(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), wt(null);
+            wt(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), wt(null);
             break;
           }
         }
-        t.ref !== null && (wt(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), wt(null));
+        t.ref !== null && (wt(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), wt(null));
       }
     }
-    var oe = {};
-    function ae(t, o, h, p, m, w) {
+    var se = {};
+    function ae(t, s, c, p, m, w) {
       {
         var b = Dt(t);
         if (!b) {
@@ -579,13 +579,13 @@ Check the top-level render call using <` + h + ">.");
           var D = ne();
           D ? E += D : E += xt();
           var T;
-          t === null ? T = "null" : Qt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (it(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, E);
+          t === null ? T = "null" : Qt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (it(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, E);
         }
-        var O = _e(t, o, h, m, w);
+        var O = _e(t, s, c, m, w);
         if (O == null)
           return O;
         if (b) {
-          var j = o.children;
+          var j = s.children;
           if (j !== void 0)
             if (p)
               if (Qt(j)) {
@@ -593,43 +593,43 @@ Check the top-level render call using <` + h + ">.");
                   Re(j[W], t);
                 Object.freeze && Object.freeze(j);
               } else
-                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Re(j, t);
         }
-        if (bt.call(o, "key")) {
-          var F = it(t), P = Object.keys(o).filter(function(J) {
+        if (bt.call(s, "key")) {
+          var F = it(t), P = Object.keys(s).filter(function(J) {
             return J !== "key";
           }), H = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!oe[F + H]) {
+          if (!se[F + H]) {
             var N = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            k(`A props object containing a "key" prop is being spread into JSX:
+            _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, H, F, N, F), oe[F + H] = !0;
+  <%s key={someKey} {...props} />`, H, F, N, F), se[F + H] = !0;
           }
         }
-        return t === n ? Ze(O) : se(O), O;
+        return t === n ? Qe(O) : oe(O), O;
       }
     }
-    function Qe(t, o, h) {
-      return ae(t, o, h, !0);
+    function tr(t, s, c) {
+      return ae(t, s, c, !0);
     }
-    function r(t, o, h) {
-      return ae(t, o, h, !1);
+    function r(t, s, c) {
+      return ae(t, s, c, !1);
     }
-    var i = r, l = Qe;
-    ce.Fragment = n, ce.jsx = i, ce.jsxs = l;
+    var i = r, a = tr;
+    ce.Fragment = n, ce.jsx = i, ce.jsxs = a;
   }()), ce;
 }
 var pr;
 function rn() {
   return pr || (pr = 1, process.env.NODE_ENV === "production" ? Pe.exports = tn() : Pe.exports = en()), Pe.exports;
 }
-var nn = rn(), sn = Object.defineProperty, on = (u, e, s) => e in u ? sn(u, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : u[e] = s, x = (u, e, s) => on(u, typeof e != "symbol" ? e + "" : e, s);
-let Ne = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((e, s) => (s &= 63, s < 36 ? e += s.toString(36) : s < 62 ? e += (s - 26).toString(36).toUpperCase() : s > 62 ? e += "-" : e += "_", e), "");
+var nn = rn(), on = Object.defineProperty, sn = (u, e, o) => e in u ? on(u, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : u[e] = o, x = (u, e, o) => sn(u, typeof e != "symbol" ? e + "" : e, o);
+let He = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
 const fe = {
   strokeType: "plain",
   strokeColor: "#202020",
@@ -662,21 +662,21 @@ const fe = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, an = (u = 0, e = 0, s = 0, n = 0, a = { ...fe }) => ({
-  id: Ne(),
+}, an = (u = 0, e = 0, o = 0, n = 0, l = { ...fe }) => ({
+  id: He(),
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
       ...fe,
-      ...a
+      ...l
     }
   },
   geometry: {
     type: "LineString",
     coordinates: [
       [u, e],
-      [s, n]
+      [o, n]
     ]
   }
 }), ln = "http://www.w3.org/2000/svg";
@@ -698,90 +698,76 @@ function vt(u) {
   return { x: e[0], y: e[1] };
 }
 function un(u) {
-  const [e, s] = u.geometry.coordinates[0][0], [n, a] = u.geometry.coordinates[0][2];
-  u.geometry.bbox = [e, s, n, a];
+  const [e, o] = u.geometry.coordinates[0][0], [n, l] = u.geometry.coordinates[0][2];
+  u.geometry.bbox = [e, o, n, l];
 }
-function hn(u, e, s, n, a) {
-  u.geometry.bbox = [e, s, e + n, s + a], u.geometry.coordinates = [
+function hn(u, e, o, n, l) {
+  u.geometry.bbox = [e, o, e + n, o + l], u.geometry.coordinates = [
     [
-      [e, s],
-      [e + n, s],
-      [e + n, s + a],
-      [e, s + a],
-      [e, s]
+      [e, o],
+      [e + n, o],
+      [e + n, o + l],
+      [e, o + l],
+      [e, o]
     ]
   ];
 }
 function de(u) {
-  const [e, s] = u.geometry.coordinates[0];
-  return { x: e, y: s };
+  const [e, o] = u.geometry.coordinates[0];
+  return { x: e, y: o };
 }
 function Le(u, e) {
-  const [s, n] = u.geometry.coordinates[e === "start" ? 0 : 1];
-  return { x: s, y: n };
+  const [o, n] = u.geometry.coordinates[e === "start" ? 0 : 1];
+  return { x: o, y: n };
 }
 function je(u) {
-  const [e, s] = u.geometry.coordinates[1];
-  return { x: e, y: s };
+  const [e, o] = u.geometry.coordinates[1];
+  return { x: e, y: o };
 }
-function Mr(u, e, s) {
-  u.geometry.coordinates[0] = [e, s];
+function Mr(u, e, o) {
+  u.geometry.coordinates[0] = [e, o];
 }
-function zr(u, e, s) {
-  u.geometry.coordinates[1] = [e, s];
+function zr(u, e, o) {
+  u.geometry.coordinates[1] = [e, o];
 }
 function Fe(u) {
   return { start: de(u), end: je(u) };
 }
-function Ht(u, e, s, n) {
-  e === "start" ? Mr(u, s, n) : zr(u, s, n);
+function Ht(u, e, o, n) {
+  e === "start" ? Mr(u, o, n) : zr(u, o, n);
 }
 const Nr = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
 function cn(u) {
   return Array.isArray(u) && u.length === 2 && u.every(isFinite);
 }
-function dn(u, e, s, n) {
-  for (let a = 0; a < u.coordinates.length; a++) {
-    const c = u.coordinates[a];
-    if (cn(c))
-      c[0] = s + (c[0] - s) * e, c[1] = n + (c[1] - n) * e;
+function dn(u, e, o, n) {
+  for (let l = 0; l < u.coordinates.length; l++) {
+    const h = u.coordinates[l];
+    if (cn(h))
+      h[0] = o + (h[0] - o) * e, h[1] = n + (h[1] - n) * e;
     else
-      for (let f = 0; f < c.length; f++) {
-        const g = c[f];
-        g[0] = s + (g[0] - s) * e, g[1] = n + (g[1] - n) * e;
+      for (let d = 0; d < h.length; d++) {
+        const g = h[d];
+        g[0] = o + (g[0] - o) * e, g[1] = n + (g[1] - n) * e;
       }
   }
   return u;
 }
-function $e(u, e, s) {
+function Ie(u, e, o) {
   const n = Math.atan2(u.y - e.y, u.x - e.x);
   return {
-    x: e.x + s * Math.cos(n),
-    y: e.y + s * Math.sin(n)
+    x: e.x + o * Math.cos(n),
+    y: e.y + o * Math.sin(n)
   };
 }
-function or(u, e) {
+function Me(u, e) {
   if (!e) return { x: u.clientX, y: u.clientY };
-  const s = e.getBoundingClientRect();
+  const o = e.getBoundingClientRect();
   return {
-    x: u.clientX - s.left - e.clientLeft,
-    y: u.clientY - s.top - e.clientTop
+    x: u.clientX - o.left - e.clientLeft,
+    y: u.clientY - o.top - e.clientTop
   };
 }
-function fn(u, e) {
-  return u.startsWith("#") ? pn(u, e) : u.startsWith("rgb") ? yn(u, e) : u;
-}
-function gn(u) {
-  return u.length === 4 ? u.split("").map((e) => e + e).join("") : u;
-}
-function pn(u, e) {
-  const [s, n, a] = gn(u).match(/\w\w/g).map((c) => parseInt(c, 16));
-  return `rgba(${s}, ${n}, ${a}, ${e})`;
-}
-function yn(u, e) {
-  const [s, n, a] = u.match(/\d+/g).map((c) => parseInt(c, 10));
-  return `rgba(${s}, ${n}, ${a}, ${e})`;
-}
 const Ot = (u, e) => ({
   x: u.x - e.x,
   y: u.y - e.y
@@ -800,101 +786,107 @@ const Ot = (u, e) => ({
 }), qr = (u, e) => ({
   x: u.x * e,
   y: u.y * e
-}), Ie = (u, e) => ({
+}), $e = (u, e) => ({
   x: u.x * e.x,
   y: u.y * e.y
-}), ot = (u, e) => {
-  const s = Math.sin(e), n = Math.cos(e);
+}), st = (u, e) => {
+  const o = Math.sin(e), n = Math.cos(e);
   return {
-    x: u.x * n - u.y * s,
-    y: u.x * s + u.y * n
+    x: u.x * n - u.y * o,
+    y: u.x * o + u.y * n
   };
-}, vn = (u, e) => ({
+}, fn = (u, e) => ({
   x: u.x / e,
   y: u.y / e
-}), vr = (u, e) => u.x * e.x + u.y * e.y, mn = 0.5;
-function Wr(u, e = 5, s = 30) {
+}), vr = (u, e) => u.x * e.x + u.y * e.y, gn = 0.5;
+function Wr(u, e = 5, o = 30) {
   var n;
-  const { start: a, end: c } = Fe(u), f = Ot(c, a), g = u.properties.style && u.properties.style.strokeWidth ? (n = u.properties.style) == null ? void 0 : n.strokeWidth : 0;
-  return Math.min(s, Math.max(3 * g, qt(f) * 0.01, e));
+  const { start: l, end: h } = Fe(u), d = Ot(h, l), g = u.properties.style && u.properties.style.strokeWidth ? (n = u.properties.style) == null ? void 0 : n.strokeWidth : 0;
+  return Math.min(o, Math.max(3 * g, qt(d) * 0.01, e));
 }
-function mr(u, e, s, n) {
-  const a = qr(Hr(Br(e)), n);
-  if (!s || s !== "arrow" && s !== "arrow-plain") return "";
-  const c = Bt(u, ot(a, Math.PI / 10)), f = Bt(u, ot(a, -Math.PI / 10)), g = `${u.x} ${u.y}`;
-  return `M ${c.x} ${c.y} L ${g} ${f.x} ${f.y} ${s === "arrow" ? "" : `${c.x} ${c.y}`}`;
+function mr(u, e, o, n) {
+  const l = qr(Hr(Br(e)), n);
+  if (!o || o !== "arrow" && o !== "arrow-plain") return "";
+  const h = Bt(u, st(l, Math.PI / 10)), d = Bt(u, st(l, -Math.PI / 10)), g = `${u.x} ${u.y}`;
+  return `M ${h.x} ${h.y} L ${g} ${d.x} ${d.y} ${o === "arrow" ? "" : `${h.x} ${h.y}`}`;
 }
-function bn(u, e, s, n, a) {
-  const { start: c, end: f } = Fe(u), {
+function pn(u, e, o, n, l) {
+  const { start: h, end: d } = Fe(u), {
     tail: g,
-    head: d,
+    head: f,
     strokeColor: v,
     strokeWidth: y = 0
-  } = u.properties.style || s, A = Ot(f, c), _ = Wr(u, n, a), S = Rt("g"), R = Rt("path");
+  } = u.properties.style || o, A = Ot(d, h), k = Wr(u, n, l), S = Rt("g"), R = Rt("path");
   S.setAttribute("data-annotation", `${u.id}`), S.setAttribute("data-annotation-type", "arrow");
-  const C = d === "arrow-plain" || g === "arrow", L = v || "none";
+  const C = f === "arrow-plain" || g === "arrow", L = v || "none";
   R.setAttribute("stroke", L), R.setAttribute("stroke-width", `${y}`), R.setAttribute("fill", C ? v || "" : "none"), R.setAttribute("stroke-linecap", "round"), R.setAttribute("stroke-linejoin", "round");
-  const I = mr(c, Hr(A), g, _), k = mr(f, A, d, _), z = I + `M ${c.x} ${c.y} ${f.x} ${f.y}` + k;
-  R.setAttribute("d", z), S.appendChild(R), br(S, c, L, g, y), br(S, f, L, d, y), e.appendChild(S);
+  const $ = mr(h, Hr(A), g, k), _ = mr(d, A, f, k), z = $ + `M ${h.x} ${h.y} ${d.x} ${d.y}` + _;
+  R.setAttribute("d", z), S.appendChild(R), br(S, h, L, g, y), br(S, d, L, f, y), e.appendChild(S);
 }
-function br(u, e, s, n, a) {
-  n === "halo-dot" && wr(u, e, wn(s), a * 4), (n === "dot" || n === "halo-dot") && wr(u, e, s, a * 2);
+function br(u, e, o, n, l) {
+  n === "halo-dot" && wr(
+    u,
+    e,
+    yn(o),
+    gn,
+    l * 4
+  ), (n === "dot" || n === "halo-dot") && wr(u, e, o, 1, l * 2);
 }
-function wn(u) {
-  return u === "none" ? "none" : fn(u, mn);
+function yn(u) {
+  return u === "none" ? "none" : u;
 }
-function wr(u, e, s, n) {
-  const a = Rt("circle");
-  a.setAttribute("cx", `${e.x}`), a.setAttribute("cy", `${e.y}`), a.setAttribute("r", `${n}`), a.setAttribute("fill", s), u.appendChild(a);
+function wr(u, e, o, n, l) {
+  const h = Rt("circle");
+  h.setAttribute("cx", `${e.x}`), h.setAttribute("cy", `${e.y}`), h.setAttribute("r", `${l}`), h.setAttribute("fill-opacity", `${n}`), h.setAttribute("fill", o), u.appendChild(h);
 }
-const V = -1, Me = "dragging", ze = "dragstart", Ut = "dragend", ar = "select", lr = "unselect", xn = "hover", En = "unhover", ur = "remove", hr = "add", An = "cancelDrawing", cr = "update", kn = "link";
+const V = -1, ze = "dragging", Ne = "dragstart", Ut = "dragend", ar = "select", lr = "unselect", vn = "hover", mn = "unhover", ur = "remove", hr = "add", bn = "cancelDrawing", cr = "update", wn = "link";
 function Ur(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
 var xr = { exports: {} }, Er;
-function _n() {
+function xn() {
   return Er || (Er = 1, function(u) {
-    var e = Object.prototype.hasOwnProperty, s = "~";
+    var e = Object.prototype.hasOwnProperty, o = "~";
     function n() {
     }
-    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (s = !1));
-    function a(d, v, y) {
-      this.fn = d, this.context = v, this.once = y || !1;
+    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
+    function l(f, v, y) {
+      this.fn = f, this.context = v, this.once = y || !1;
     }
-    function c(d, v, y, A, _) {
+    function h(f, v, y, A, k) {
       if (typeof y != "function")
         throw new TypeError("The listener must be a function");
-      var S = new a(y, A || d, _), R = s ? s + v : v;
-      return d._events[R] ? d._events[R].fn ? d._events[R] = [d._events[R], S] : d._events[R].push(S) : (d._events[R] = S, d._eventsCount++), d;
+      var S = new l(y, A || f, k), R = o ? o + v : v;
+      return f._events[R] ? f._events[R].fn ? f._events[R] = [f._events[R], S] : f._events[R].push(S) : (f._events[R] = S, f._eventsCount++), f;
     }
-    function f(d, v) {
-      --d._eventsCount === 0 ? d._events = new n() : delete d._events[v];
+    function d(f, v) {
+      --f._eventsCount === 0 ? f._events = new n() : delete f._events[v];
     }
     function g() {
       this._events = new n(), this._eventsCount = 0;
     }
     g.prototype.eventNames = function() {
-      var d = [], v, y;
-      if (this._eventsCount === 0) return d;
+      var f = [], v, y;
+      if (this._eventsCount === 0) return f;
       for (y in v = this._events)
-        e.call(v, y) && d.push(s ? y.slice(1) : y);
-      return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(v)) : d;
-    }, g.prototype.listeners = function(d) {
-      var v = s ? s + d : d, y = this._events[v];
+        e.call(v, y) && f.push(o ? y.slice(1) : y);
+      return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(v)) : f;
+    }, g.prototype.listeners = function(f) {
+      var v = o ? o + f : f, y = this._events[v];
       if (!y) return [];
       if (y.fn) return [y.fn];
-      for (var A = 0, _ = y.length, S = new Array(_); A < _; A++)
+      for (var A = 0, k = y.length, S = new Array(k); A < k; A++)
         S[A] = y[A].fn;
       return S;
-    }, g.prototype.listenerCount = function(d) {
-      var v = s ? s + d : d, y = this._events[v];
+    }, g.prototype.listenerCount = function(f) {
+      var v = o ? o + f : f, y = this._events[v];
       return y ? y.fn ? 1 : y.length : 0;
-    }, g.prototype.emit = function(d, v, y, A, _, S) {
-      var R = s ? s + d : d;
+    }, g.prototype.emit = function(f, v, y, A, k, S) {
+      var R = o ? o + f : f;
       if (!this._events[R]) return !1;
-      var C = this._events[R], L = arguments.length, I, k;
+      var C = this._events[R], L = arguments.length, $, _;
       if (C.fn) {
-        switch (C.once && this.removeListener(d, C.fn, void 0, !0), L) {
+        switch (C.once && this.removeListener(f, C.fn, void 0, !0), L) {
           case 1:
             return C.fn.call(C.context), !0;
           case 2:
@@ -904,76 +896,76 @@ function _n() {
           case 4:
             return C.fn.call(C.context, v, y, A), !0;
           case 5:
-            return C.fn.call(C.context, v, y, A, _), !0;
+            return C.fn.call(C.context, v, y, A, k), !0;
           case 6:
-            return C.fn.call(C.context, v, y, A, _, S), !0;
+            return C.fn.call(C.context, v, y, A, k, S), !0;
         }
-        for (k = 1, I = new Array(L - 1); k < L; k++)
-          I[k - 1] = arguments[k];
-        C.fn.apply(C.context, I);
+        for (_ = 1, $ = new Array(L - 1); _ < L; _++)
+          $[_ - 1] = arguments[_];
+        C.fn.apply(C.context, $);
       } else {
         var z = C.length, B;
-        for (k = 0; k < z; k++)
-          switch (C[k].once && this.removeListener(d, C[k].fn, void 0, !0), L) {
+        for (_ = 0; _ < z; _++)
+          switch (C[_].once && this.removeListener(f, C[_].fn, void 0, !0), L) {
             case 1:
-              C[k].fn.call(C[k].context);
+              C[_].fn.call(C[_].context);
               break;
             case 2:
-              C[k].fn.call(C[k].context, v);
+              C[_].fn.call(C[_].context, v);
               break;
             case 3:
-              C[k].fn.call(C[k].context, v, y);
+              C[_].fn.call(C[_].context, v, y);
               break;
             case 4:
-              C[k].fn.call(C[k].context, v, y, A);
+              C[_].fn.call(C[_].context, v, y, A);
               break;
             default:
-              if (!I) for (B = 1, I = new Array(L - 1); B < L; B++)
-                I[B - 1] = arguments[B];
-              C[k].fn.apply(C[k].context, I);
+              if (!$) for (B = 1, $ = new Array(L - 1); B < L; B++)
+                $[B - 1] = arguments[B];
+              C[_].fn.apply(C[_].context, $);
           }
       }
       return !0;
-    }, g.prototype.on = function(d, v, y) {
-      return c(this, d, v, y, !1);
-    }, g.prototype.once = function(d, v, y) {
-      return c(this, d, v, y, !0);
-    }, g.prototype.removeListener = function(d, v, y, A) {
-      var _ = s ? s + d : d;
-      if (!this._events[_]) return this;
+    }, g.prototype.on = function(f, v, y) {
+      return h(this, f, v, y, !1);
+    }, g.prototype.once = function(f, v, y) {
+      return h(this, f, v, y, !0);
+    }, g.prototype.removeListener = function(f, v, y, A) {
+      var k = o ? o + f : f;
+      if (!this._events[k]) return this;
       if (!v)
-        return f(this, _), this;
-      var S = this._events[_];
+        return d(this, k), this;
+      var S = this._events[k];
       if (S.fn)
-        S.fn === v && (!A || S.once) && (!y || S.context === y) && f(this, _);
+        S.fn === v && (!A || S.once) && (!y || S.context === y) && d(this, k);
       else {
         for (var R = 0, C = [], L = S.length; R < L; R++)
           (S[R].fn !== v || A && !S[R].once || y && S[R].context !== y) && C.push(S[R]);
-        C.length ? this._events[_] = C.length === 1 ? C[0] : C : f(this, _);
+        C.length ? this._events[k] = C.length === 1 ? C[0] : C : d(this, k);
       }
       return this;
-    }, g.prototype.removeAllListeners = function(d) {
+    }, g.prototype.removeAllListeners = function(f) {
       var v;
-      return d ? (v = s ? s + d : d, this._events[v] && f(this, v)) : (this._events = new n(), this._eventsCount = 0), this;
-    }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = s, g.EventEmitter = g, u.exports = g;
+      return f ? (v = o ? o + f : f, this._events[v] && d(this, v)) : (this._events = new n(), this._eventsCount = 0), this;
+    }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = o, g.EventEmitter = g, u.exports = g;
   }(xr)), xr.exports;
 }
-var Sn = _n();
-const Yr = /* @__PURE__ */ Ur(Sn);
+var En = xn();
+const Yr = /* @__PURE__ */ Ur(En);
 class Vr extends Yr {
-  constructor(e, s) {
+  constructor(e, o) {
     super(), x(this, "ogma"), x(this, "elements"), x(this, "layer"), x(this, "editor"), x(this, "selectedId", V), x(this, "hoveredId", V), x(this, "ogmaOptions"), x(this, "shouldDetect"), x(this, "isDragging"), x(this, "showeditorOnHover"), x(this, "_onKeyUp", (n) => {
       n.code === 27 && this.selectedId !== V ? this.unselect() : (n.code === 46 || n.code === 8) && this.selectedId !== V && this._canRemove() && this.remove(this.selectedId);
     }), x(this, "_onClickMouseMove", (n) => {
       if (!n.domEvent || this.isDragging || !this.shouldDetect || n.domEvent.type !== "mousemove" && n.domEvent.target && n.domEvent.target.tagName === "a")
         return;
-      const a = this.ogma.view.screenToGraphCoordinates(n), c = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(a, 0) : void 0;
-      n.domEvent.type === "mousemove" ? c ? this.hover(c.id) : this.hoveredId !== V && this.unhover() : c ? this.select(c.id) : this.selectedId !== V && this.unselect();
+      const l = this.ogma.view.screenToGraphCoordinates(n), h = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(l, 0) : void 0;
+      n.domEvent.type === "mousemove" ? h ? this.hover(h.id) : this.hoveredId !== V && this.unhover() : h ? this.select(h.id) : this.selectedId !== V && this.unselect();
     }), this.ogma = e, this.elements = [], this.shouldDetect = !0, this.isDragging = !1, this.showeditorOnHover = !0, this.ogmaOptions = e.getOptions(), e.events.on(["click", "mousemove"], this._onClickMouseMove).on("keyup", this._onKeyUp).on("frame", () => {
       this.refreshEditor(), this.refreshDrawing();
     }), this.layer = e.layers.addSVGLayer({
       draw: (n) => this.draw(n)
-    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(s), this.editor.hide();
+    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(o), this.editor.hide();
   }
   _canRemove() {
     return !0;
@@ -984,38 +976,38 @@ class Vr extends Yr {
    * @returns the added annotation
    */
   add(e) {
-    const s = this.getDefaultOptions(), n = Object.assign(e, {
-      id: e.id === void 0 ? Ne() : e.id,
+    const o = this.getDefaultOptions(), n = Object.assign(e, {
+      id: e.id === void 0 ? He() : e.id,
       type: e.type,
       properties: {
-        ...s.properties,
+        ...o.properties,
         ...e.properties || {},
         // styles need to be merged
-        style: { ...s.properties.style, ...e.properties.style || {} }
+        style: { ...o.properties.style, ...e.properties.style || {} }
       },
       geometry: {
-        ...s.geometry,
+        ...o.geometry,
         ...e.geometry
       }
     });
     return this.elements.push(n), this.layer.refresh(), this.emit(hr, n), n;
   }
-  updateStyle(e, s) {
+  updateStyle(e, o) {
     this.updateAnnotation(e, {
       properties: {
-        style: s
+        style: o
       }
     });
   }
-  updateGeometry(e, s) {
+  updateGeometry(e, o) {
     this.updateAnnotation(e, {
-      geometry: s
+      geometry: o
     });
   }
-  scale(e, s, n, a) {
+  scale(e, o, n, l) {
     this.updateGeometry(
       e,
-      dn(e.geometry, s, n, a)
+      dn(e.geometry, o, n, l)
     );
   }
   /**
@@ -1024,37 +1016,37 @@ class Vr extends Yr {
    * @param id Id of the annotation to update
    * @param element params of the annotation
    */
-  update(e, s) {
+  update(e, o) {
     const n = this.getById(e);
-    this.updateAnnotation(n, s);
+    this.updateAnnotation(n, o);
   }
-  updateAnnotation(e, s) {
+  updateAnnotation(e, o) {
     if (!e) return;
     const n = e.id;
-    Object.keys(s).forEach((a) => {
-      if (a !== "id")
-        if (a === "properties") {
-          const c = s.properties || { style: {} };
+    Object.keys(o).forEach((l) => {
+      if (l !== "id")
+        if (l === "properties") {
+          const h = o.properties || { style: {} };
           e.properties = {
             ...e.properties || {},
-            ...c || {},
+            ...h || {},
             style: {
               ...e.properties.style || {},
-              ...c.style || {}
+              ...h.style || {}
             }
           };
-        } else a === "geometry" ? e.geometry = {
+        } else l === "geometry" ? e.geometry = {
           ...e.geometry,
-          ...s.geometry
-        } : e[a] = s[a];
+          ...o.geometry
+        } : e[l] = o[l];
     }), n === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(e) {
-    const s = Number(e);
+    const o = Number(e);
     for (let n = 0; n < this.elements.length; n++) {
-      const a = this.elements[n];
-      if (!(a.id !== e && a.id !== s))
-        return a;
+      const l = this.elements[n];
+      if (!(l.id !== e && l.id !== o))
+        return l;
     }
   }
   /**
@@ -1063,12 +1055,12 @@ class Vr extends Yr {
    * Select element, show editor, disable Ogma dragging and fire event
    */
   select(e) {
-    const s = this.getById(e);
-    s && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(ar, s));
+    const o = this.getById(e);
+    o && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(ar, o));
   }
   hover(e) {
-    const s = this.getById(e);
-    s && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(xn, s));
+    const o = this.getById(e);
+    o && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(vn, o));
   }
   getSelectedFeature() {
     return this.selectedId === V ? null : this.getById(this.selectedId);
@@ -1079,7 +1071,7 @@ class Vr extends Yr {
   }
   unhover() {
     const e = this.getById(this.hoveredId);
-    return this.emit(En, e), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(mn, e), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -1087,8 +1079,8 @@ class Vr extends Yr {
    * Removes annotation with the given id
    */
   remove(e) {
-    const s = this.getById(e);
-    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((n) => n.id !== e), s && this.emit(ur, s), this.layer.refresh();
+    const o = this.getById(e);
+    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((n) => n.id !== e), o && this.emit(ur, o), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -1139,8 +1131,8 @@ class Vr extends Yr {
   }
 }
 const Ar = "handle-line", kr = "handle-start", _r = "handle-end";
-class Cn extends Vr {
-  constructor(e, s = {}) {
+class An extends Vr {
+  constructor(e, o = {}) {
     super(
       e,
       `
@@ -1151,27 +1143,27 @@ class Cn extends Vr {
     </div>
   `
     ), x(this, "draggedHandle", V), x(this, "start", { x: 0, y: 0 }), x(this, "end", { x: 0, y: 0 }), x(this, "arrow", { ...yr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "minArrowHeight", 0), x(this, "maxArrowHeight", 0), x(this, "handles", []), x(this, "onHandleMouseDown", (n) => {
-      const a = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      if (!a) return;
-      const { x: c, y: f } = or(n, this.ogma.getContainer());
-      this.startDragging(a, c, f), this.draggedHandle = Nr(n.target);
+      const l = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      if (!l) return;
+      const { x: h, y: d } = Me(n, this.ogma.getContainer());
+      this.startDragging(l, h, d), this.draggedHandle = Nr(n.target);
     }), x(this, "onMouseUp", () => {
       this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V, this.emit(Ut, this.arrow));
     }), x(this, "onMouseMove", (n) => {
       if (!this.isDragging || this.draggedHandle === V) return;
-      const a = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: f, y: g } = ot(
-        vn(
-          { x: n.x - this.startX, y: n.y - this.startY },
+      const { x: l, y: h } = Me(n, this.ogma.getContainer()), d = this.handles[this.draggedHandle], g = this.ogma.view.getAngle(), { x: f, y: v } = st(
+        fn(
+          { x: l - this.startX, y: h - this.startY },
           this.ogma.view.getZoom()
         ),
-        c
-      ), d = a.id === Ar, v = a.id === kr, y = a.id === _r;
-      (d || v) && Mr(this.arrow, this.start.x + f, this.start.y + g), (d || y) && zr(this.arrow, this.end.x + f, this.end.y + g), this.emit(
-        Me,
+        g
+      ), y = d.id === Ar, A = d.id === kr, k = d.id === _r;
+      (y || A) && Mr(this.arrow, this.start.x + f, this.start.y + v), (y || k) && zr(this.arrow, this.end.x + f, this.end.y + v), this.emit(
+        ze,
         this.arrow,
-        d ? "line" : v ? "start" : "end"
+        y ? "line" : A ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
-    }), this.minArrowHeight = s.minArrowHeight || 0, this.maxArrowHeight = s.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
+    }), this.minArrowHeight = o.minArrowHeight || 0, this.maxArrowHeight = o.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".arrow-handle>.handle")
     ), this.handles.forEach(
       (n) => n.addEventListener("mousedown", this.onHandleMouseDown)
@@ -1183,55 +1175,55 @@ class Cn extends Vr {
    * @param y
    * @param arrow
    */
-  startDrawing(e, s, n = an(e, s, e, s, fe)) {
-    var a;
+  startDrawing(e, o, n = an(e, o, e, o, fe)) {
+    var l;
     this.disableDragging(), this.add(n), this.hoveredId = n.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: s }), f = ((a = this.ogma.getContainer()) == null ? void 0 : a.getBoundingClientRect()) || {
+    const h = this.ogma.view.graphToScreenCoordinates({ x: e, y: o }), d = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
     this.startDragging(
       this.getById(n.id),
-      c.x + (f == null ? void 0 : f.left),
-      c.y + f.top
+      h.x + (d == null ? void 0 : d.left),
+      h.y + d.top
     ), this.draggedHandle = 2;
   }
   cancelDrawing() {
     this.isDragging && (this.remove(this.arrow.id), this.emit(Ut, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V);
   }
-  startDragging(e, s, n) {
-    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = s, this.startY = n, this.start = de(this.arrow), this.end = je(this.arrow), this.disableDragging(), this.emit(ze, this.arrow), this.isDragging = !0;
+  startDragging(e, o, n) {
+    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = o, this.startY = n, this.start = de(this.arrow), this.end = je(this.arrow), this.disableDragging(), this.emit(Ne, this.arrow), this.isDragging = !0;
   }
-  detect(e, s = 0) {
+  detect(e, o = 0) {
     return this.elements.find((n) => {
-      const { start: a, end: c } = Fe(n), f = Ot(e, {
-        x: (a.x + c.x) / 2,
-        y: (a.y + c.y) / 2
-      }), g = Ot(c, a), d = qt(g), v = Br(g), y = Wr(n);
-      return Math.abs(vr(v, f)) < d / 2 + s && Math.abs(vr(ot(v, Math.PI / 2), f)) < y / 2 + s;
+      const { start: l, end: h } = Fe(n), d = Ot(e, {
+        x: (l.x + h.x) / 2,
+        y: (l.y + h.y) / 2
+      }), g = Ot(h, l), f = qt(g), v = Br(g), y = Wr(n);
+      return Math.abs(vr(v, d)) < f / 2 + o && Math.abs(vr(st(v, Math.PI / 2), d)) < y / 2 + o;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const e = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), s = Fe(e), n = this.ogma.view.graphToScreenCoordinates(s.start), a = this.ogma.view.graphToScreenCoordinates(s.end), [c, f, g] = Array.prototype.slice.call(
+    const e = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), o = Fe(e), n = this.ogma.view.graphToScreenCoordinates(o.start), l = this.ogma.view.graphToScreenCoordinates(o.end), [h, d, g] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    f.style.transform = `translate(${n.x}px, ${n.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%)`;
-    const d = {
-      x: (a.x + n.x) / 2,
-      y: (a.y + n.y) / 2
-    }, v = Ot(a, n), y = qr(v, 1 / qt(v)), A = Math.atan2(y.y, y.x);
-    c.style.width = `${qt(v)}px`, c.style.left = `${d.x}px`, c.style.top = `${d.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${A}rad)`;
+    d.style.transform = `translate(${n.x}px, ${n.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
+    const f = {
+      x: (l.x + n.x) / 2,
+      y: (l.y + n.y) / 2
+    }, v = Ot(l, n), y = qr(v, 1 / qt(v)), A = Math.atan2(y.y, y.x);
+    h.style.width = `${qt(v)}px`, h.style.left = `${f.x}px`, h.style.top = `${f.y}px`, h.style.transform = `translate(-50%, -50%) rotate(${A}rad)`;
   }
   getDefaultOptions() {
     return yr;
   }
   draw(e) {
     e.innerHTML = "";
-    const s = Rt("g"), n = this.ogma.view.getAngle();
-    n !== 0 && s.setAttribute("transform", `rotate(${-n * (180 / Math.PI)})`), this.elements.forEach(
-      (a) => bn(a, s, fe, this.minArrowHeight, this.maxArrowHeight)
-    ), e.appendChild(s);
+    const o = Rt("g"), n = this.ogma.view.getAngle();
+    n !== 0 && o.setAttribute("transform", `rotate(${-n * (180 / Math.PI)})`), this.elements.forEach(
+      (l) => pn(l, o, fe, this.minArrowHeight, this.maxArrowHeight)
+    ), e.appendChild(o);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
@@ -1253,7 +1245,7 @@ const Wt = {
   borderRadius: 8,
   padding: 16,
   strokeType: "plain"
-}, nr = {
+}, ir = {
   id: 0,
   type: "Feature",
   properties: {
@@ -1278,100 +1270,100 @@ const Wt = {
 }, Sr = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, Tn = (u = 0, e = 0, s = 100, n = 50, a = "", c = { ...Wt }) => ({
-  id: Ne(),
+}, kn = (u = 0, e = 0, o = 100, n = 50, l = "", h = { ...Wt }) => ({
+  id: He(),
   type: "Feature",
   properties: {
     type: "text",
-    content: a,
-    style: { ...Wt, ...c }
+    content: l,
+    style: { ...Wt, ...h }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
         [u, e],
-        [u + s, e],
-        [u + s, e + n],
+        [u + o, e],
+        [u + o, e + n],
         [u, e + n],
         [u, e]
       ]
     ]
   }
 });
-var dr = { exports: {} }, Rn = dr.exports, Cr;
-function On() {
+var dr = { exports: {} }, _n = dr.exports, Cr;
+function Sn() {
   return Cr || (Cr = 1, function(u, e) {
-    (function(s, n) {
+    (function(o, n) {
       u.exports = n();
-    })(Rn, () => (() => {
-      var s = { d: (r, i) => {
-        for (var l in i) s.o(i, l) && !s.o(r, l) && Object.defineProperty(r, l, { enumerable: !0, get: i[l] });
+    })(_n, () => (() => {
+      var o = { d: (r, i) => {
+        for (var a in i) o.o(i, a) && !o.o(r, a) && Object.defineProperty(r, a, { enumerable: !0, get: i[a] });
       }, o: (r, i) => Object.prototype.hasOwnProperty.call(r, i) }, n = {};
-      function a(r) {
-        return a = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+      function l(r) {
+        return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
           return typeof i;
         } : function(i) {
           return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
-        }, a(r);
+        }, l(r);
       }
-      s.d(n, { default: () => Qe });
-      var c = /^((?:[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/, d = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+      o.d(n, { default: () => tr });
+      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/, f = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
       function A(r) {
-        var i = "", l = this;
-        return l.style && l.style !== "normal" && (i += l.style), l.variant && l.variant !== "normal" && (i += (i ? " " : "") + l.variant), l.weight && l.weight !== "normal" && (i += (i ? " " : "") + l.weight), l.size && (i += (i ? " " : "") + l.size + "px", l.height !== l.size && (i += "/" + l.height + "px")), l.family && (i += (i ? " " : "") + l.family), r && (i += "::" + l.baseline), r && (i += "::" + l.color), i;
+        var i = "", a = this;
+        return a.style && a.style !== "normal" && (i += a.style), a.variant && a.variant !== "normal" && (i += (i ? " " : "") + a.variant), a.weight && a.weight !== "normal" && (i += (i ? " " : "") + a.weight), a.size && (i += (i ? " " : "") + a.size + "px", a.height !== a.size && (i += "/" + a.height + "px")), a.family && (i += (i ? " " : "") + a.family), r && (i += "::" + a.baseline), r && (i += "::" + a.color), i;
       }
-      var _ = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
+      var k = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
       function S(r) {
-        var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = c.exec(r);
-        i.family = (l[6] || "").trim();
-        var t = y[l[2]] || parseFloat(l[2]);
-        l[3] === "%" ? t *= 0.16 : l[3] === "em" ? t *= 16 : l[3] === "pt" && (t *= v), i.size = t;
-        var o = parseFloat(l[4]);
-        if (o !== "normal" && o !== "inherit" && o ? l[5] && l[5] !== "em" ? l[5] === "pt" ? i.height = o * v : l[5] === "%" ? i.height = 0.01 * t : i.height = o : i.height = o * t : i.height = Math.round(t * (7 / 6)), f.test(l[1]) && (i.variant = "small-caps"), g.test(l[1]) && (i.style = "italic"), d.test(l[1])) i.weight = "bold";
+        var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = h.exec(r);
+        i.family = (a[6] || "").trim();
+        var t = y[a[2]] || parseFloat(a[2]);
+        a[3] === "%" ? t *= 0.16 : a[3] === "em" ? t *= 16 : a[3] === "pt" && (t *= v), i.size = t;
+        var s = parseFloat(a[4]);
+        if (s !== "normal" && s !== "inherit" && s ? a[5] && a[5] !== "em" ? a[5] === "pt" ? i.height = s * v : a[5] === "%" ? i.height = 0.01 * t : i.height = s : i.height = s * t : i.height = Math.round(t * (7 / 6)), d.test(a[1]) && (i.variant = "small-caps"), g.test(a[1]) && (i.style = "italic"), f.test(a[1])) i.weight = "bold";
         else {
-          var h = parseInt(/\b(\d+)\b/.exec(l[1]), 10);
-          h >= 100 && h !== 400 && (i.weight = h);
+          var c = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
+          c >= 100 && c !== 400 && (i.weight = c);
         }
         return i;
       }
       function R() {
-        var r, i, l, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = 14, p = 12, m = null, w = null, b = "";
+        var r, i, a, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, c = 14, p = 12, m = null, w = null, b = "";
         if (t && t.nodeType) {
           var E = t && (t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView), D = E.getComputedStyle(t, null);
-          r = D.getPropertyValue("font-family") || "", p = parseFloat(D.getPropertyValue("font-size")), h = D.getPropertyValue("line-height"), m = D.getPropertyValue("font-weight"), w = D.getPropertyValue("font-style"), b = D.getPropertyValue("font-variant") || "";
+          r = D.getPropertyValue("font-family") || "", p = parseFloat(D.getPropertyValue("font-size")), c = D.getPropertyValue("line-height"), m = D.getPropertyValue("font-weight"), w = D.getPropertyValue("font-style"), b = D.getPropertyValue("font-variant") || "";
         } else if (typeof t == "string") {
           var T = S(t);
-          r = T.family, p = T.size, h = T.height, b = T.variant, w = T.style, m = T.weight;
-        } else a(t) === "object" && (r = t.family, p = t.size, h = t.height, b = t.variant, m = t.weight, w = t.style, i = t.baseline, l = t.color);
-        o.size && o.size < 3 && (p *= o.size), h = h !== "normal" && h ? parseFloat(h) : p * (7 / 6), o.height && o.height < 3 && (h *= o.height);
-        var O = Object.create(_);
-        return O.family = o.family || r || "sans-serif", O.height = h ?? 14, O.size = p ?? 12, O.variant = o.variant || b || "", O.style = o.style || w || "", O.weight = o.weight || m || "", O.baseline = i || 0, o.baseline != null && (O.baseline = o.baseline), O.color = o.color || l || "", O.id = A.call(O, !0), O;
+          r = T.family, p = T.size, c = T.height, b = T.variant, w = T.style, m = T.weight;
+        } else l(t) === "object" && (r = t.family, p = t.size, c = t.height, b = t.variant, m = t.weight, w = t.style, i = t.baseline, a = t.color);
+        s.size && s.size < 3 && (p *= s.size), c = c !== "normal" && c ? parseFloat(c) : p * (7 / 6), s.height && s.height < 3 && (c *= s.height);
+        var O = Object.create(k);
+        return O.family = s.family || r || "sans-serif", O.height = c ?? 14, O.size = p ?? 12, O.variant = s.variant || b || "", O.style = s.style || w || "", O.weight = s.weight || m || "", O.baseline = i || 0, s.baseline != null && (O.baseline = s.baseline), O.color = s.color || a || "", O.id = A.call(O, !0), O;
       }
       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 L, I = function(r) {
+      var L, $ = function(r) {
         var i = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || r && r.createElement("canvas");
         if (i && i.getContext) {
-          var l = i.getContext("2d");
-          if (l && typeof l.measureText == "function") return function(t, o) {
-            return l.font = String(o), l.measureText(t).width;
+          var a = i.getContext("2d");
+          if (a && typeof a.measureText == "function") return function(t, s) {
+            return a.font = String(s), a.measureText(t).width;
           };
         }
       }(typeof document < "u" ? document : null) || (L = {}, function(r, i) {
         if (!L[i]) {
-          var l = R(i);
-          L[i] = l, /\bmonospace\b/.test(l.family) ? l.size *= 0.6 : (l.size *= 0.45, l.weight && (l.size *= 1.18));
+          var a = R(i);
+          L[i] = a, /\bmonospace\b/.test(a.family) ? a.size *= 0.6 : (a.size *= 0.45, a.weight && (a.size *= 1.18));
         }
         return r.length * L[i].size;
-      }), k = {}, z = { trim: !0, collapse: !0 };
-      function B(r, i, l) {
-        var t = Object.assign({}, z, l), o = String(r);
-        if (!o) return 0;
-        if (o in C) {
-          var h = i.id + "/" + o;
-          return h in k || (k[h] = I("_".concat(o, "_"), i) - I("__", i)), k[h];
+      }), _ = {}, z = { trim: !0, collapse: !0 };
+      function B(r, i, a) {
+        var t = Object.assign({}, z, a), s = String(r);
+        if (!s) return 0;
+        if (s in C) {
+          var c = i.id + "/" + s;
+          return c in _ || (_[c] = $("_".concat(s, "_"), i) - $("__", i)), _[c];
         }
-        return t.trim && t.collapse ? t.trim ? o = o.trim() : t.collapse && (o = o.replace(/\s+/g, " ")) : o = o.replace(/\n/g, " "), I(o, i) + i.size * (r.tracking || 0);
+        return t.trim && t.collapse ? t.trim ? s = s.trim() : t.collapse && (s = s.replace(/\s+/g, " ")) : s = s.replace(/\n/g, " "), $(s, i) + i.size * (r.tracking || 0);
       }
       function tt(r) {
         return tt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
@@ -1385,8 +1377,8 @@ function On() {
         r.prototype = Object.create(i && i.prototype, { constructor: { value: r, writable: !0, configurable: !0 } }), Object.defineProperty(r, "prototype", { writable: !1 }), i && Yt(r, i);
       }
       function Yt(r, i) {
-        return Yt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(l, t) {
-          return l.__proto__ = t, l;
+        return Yt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(a, t) {
+          return a.__proto__ = t, a;
         }, Yt(r, i);
       }
       function Vt(r) {
@@ -1401,20 +1393,20 @@ function On() {
           }
         }();
         return function() {
-          var l, t = Dt(r);
+          var a, t = Dt(r);
           if (i) {
-            var o = Dt(this).constructor;
-            l = Reflect.construct(t, arguments, o);
-          } else l = t.apply(this, arguments);
-          return ge(this, l);
+            var s = Dt(this).constructor;
+            a = Reflect.construct(t, arguments, s);
+          } else a = t.apply(this, arguments);
+          return ge(this, a);
         };
       }
       function ge(r, i) {
         if (i && (tt(i) === "object" || typeof i == "function")) return i;
         if (i !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-        return function(l) {
-          if (l === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return l;
+        return function(a) {
+          if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+          return a;
         }(r);
       }
       function Dt(r) {
@@ -1426,22 +1418,22 @@ function On() {
         if (!(r instanceof i)) throw new TypeError("Cannot call a class as a function");
       }
       function pe(r, i) {
-        for (var l = 0; l < i.length; l++) {
-          var t = i[l];
-          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
-            if (tt(h) !== "object" || h === null) return h;
-            var m = h[Symbol.toPrimitive];
+        for (var a = 0; a < i.length; a++) {
+          var t = i[a];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(c, p) {
+            if (tt(c) !== "object" || c === null) return c;
+            var m = c[Symbol.toPrimitive];
             if (m !== void 0) {
-              var w = m.call(h, p);
+              var w = m.call(c, p);
               if (tt(w) !== "object") return w;
               throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return String(h);
-          }(t.key, "string"), tt(o) === "symbol" ? o : String(o)), t);
+            return String(c);
+          }(t.key, "string"), tt(s) === "symbol" ? s : String(s)), t);
         }
-        var o;
+        var s;
       }
-      function it(r, i, l) {
+      function it(r, i, a) {
         return i && pe(r.prototype, i), Object.defineProperty(r, "prototype", { writable: !1 }), r;
       }
       var M = function() {
@@ -1458,42 +1450,42 @@ function On() {
           return this.value;
         } }]), r;
       }(), lt = function(r) {
-        rt(l, r);
-        var i = Vt(l);
-        function l() {
-          return Pt(this, l), i.apply(this, arguments);
+        rt(a, r);
+        var i = Vt(a);
+        function a() {
+          return Pt(this, a), i.apply(this, arguments);
         }
-        return it(l);
+        return it(a);
       }(M), X = function(r) {
-        rt(l, r);
-        var i = Vt(l);
-        function l() {
-          return Pt(this, l), i.apply(this, arguments);
+        rt(a, r);
+        var i = Vt(a);
+        function a() {
+          return Pt(this, a), i.apply(this, arguments);
         }
-        return it(l);
+        return it(a);
       }(M), ut = function(r) {
-        rt(l, r);
-        var i = Vt(l);
-        function l() {
-          return Pt(this, l), i.apply(this, arguments);
+        rt(a, r);
+        var i = Vt(a);
+        function a() {
+          return Pt(this, a), i.apply(this, arguments);
         }
-        return it(l);
+        return it(a);
       }(M), Lt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Xt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ve = /^(?:[;\xAD%?…]|,(?!\d))/, me = /^[´±°¢£¤$¥\u2212]/;
       function kt(r, i) {
         i !== !1 && (r = r.trim());
-        for (var l, t, o = [], h = r.charAt(0), p = 0, m = 1, w = r.length; m < w; m++) {
-          l = r.charAt(m), t = r.charAt(m + 1);
-          var b = Lt.test(h), E = Lt.test(l), D = E || b, T = void 0;
-          if ((me.test(l) && !Xt.test(h) || ve.test(h + t) && !Xt.test(l)) && (D = !0), h !== "-" && h !== "‐" && h !== "–" && h !== "—" || ((T = Lt.test(r.charAt(m - 2))) && !E && (D = !1), !T && ye.test(l + t) && (D = !0)), D) {
+        for (var a, t, s = [], c = r.charAt(0), p = 0, m = 1, w = r.length; m < w; m++) {
+          a = r.charAt(m), t = r.charAt(m + 1);
+          var b = Lt.test(c), E = Lt.test(a), D = E || b, T = void 0;
+          if ((me.test(a) && !Xt.test(c) || ve.test(c + t) && !Xt.test(a)) && (D = !0), c !== "-" && c !== "‐" && c !== "–" && c !== "—" || ((T = Lt.test(r.charAt(m - 2))) && !E && (D = !1), !T && ye.test(a + t) && (D = !0)), D) {
             var O = r.slice(p, m);
-            /\u00AD$/.test(O) ? (o.push(new M(O.slice(0, -1))), o.push(new ut())) : (o.push(new M(O)), o.push(new lt())), p = m;
+            /\u00AD$/.test(O) ? (s.push(new M(O.slice(0, -1))), s.push(new ut())) : (s.push(new M(O)), s.push(new lt())), p = m;
           }
-          h = l;
+          c = a;
         }
-        return o.push(new M(r.slice(p))), o;
+        return s.push(new M(r.slice(p))), s;
       }
       const be = { 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 He = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Gt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, $t = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
+      var Be = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Gt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, It = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
         r.weight = "bold";
       }, strong: function(r) {
         r.weight = "bold";
@@ -1519,35 +1511,35 @@ function On() {
         r.sub = !0;
       }, sup: function(r) {
         r.sup = !0;
-      } }, Be = { 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 };
+      } }, qe = { 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 Zt(r) {
-        return r.replace(Kt, function(i, l, t, o) {
-          if (l || t) {
-            var h = l ? 10 : 16;
-            return String.fromCharCode(parseInt(l || t, h));
+        return r.replace(Kt, function(i, a, t, s) {
+          if (a || t) {
+            var c = a ? 10 : 16;
+            return String.fromCharCode(parseInt(a || t, c));
           }
-          return o in be ? be[o] : i;
+          return s in be ? be[s] : i;
         });
       }
-      function qe(r) {
+      function We(r) {
         return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
       }
-      var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-      function It(r) {
-        var i, l = {};
+      var Ue = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+      function $t(r) {
+        var i, a = {};
         if (r) {
           do
-            if (i = We.exec(r)) {
-              var t = Zt(qe(i[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
-              if (l[i[1]] = t, (r = r.slice(i[0].length)).length && /^\S/.test(r[0])) throw new Error("Attribute error");
+            if (i = Ue.exec(r)) {
+              var t = Zt(We(i[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+              if (a[i[1]] = t, (r = r.slice(i[0].length)).length && /^\S/.test(r[0])) throw new Error("Attribute error");
             }
           while (i && r.length);
           if (/\S/.test(r)) throw new Error("Attribute error");
         }
-        return l;
+        return a;
       }
       const bt = { 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 we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ue = /^\\([&{}$%#_])/, Ye = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, q = { bf: function(r) {
+      var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ye = /^\\([&{}$%#_])/, Ve = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, q = { bf: function(r) {
         r.weight = "bold";
       }, it: function(r) {
         r.style = "italic";
@@ -1569,15 +1561,15 @@ function On() {
         this.open_context().href = i, this.add_token(new M(i)), this.close_context();
       } };
       q.textsuperscript = q["^"], q.textsubscript = q._, q.textsl = q.sl, q.mathbf = q.bf, q.mathit = q.it, q.textbf = q.bf, q.textit = q.it, q.textcolor = q.color;
-      var Ve = /[\r\n\xA0]+/g;
+      var Xe = /[\r\n\xA0]+/g;
       function Ee(r, i) {
         r.sup && (r.baseline = 0.45, r.size = 0.7), r.sub && (r.baseline = -0.3, r.size = 0.7);
-        var l = i;
-        return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (l = R(i, r)), l;
+        var a = i;
+        return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (a = R(i, r)), a;
       }
-      function te(r, i, l) {
-        for (var t, o, h = r.width; h + l.width > i && r.length; ) o = (t = r[r.length - 1]).width, t.width > l.width ? (t.value = t.value.slice(0, -1), t.width = B(t, t.font), h += t.width) : r.pop(), h -= o;
-        r[r.length - 1] instanceof ut && r.pop(), t = r[r.length - 1] || t || {}, l.font = R(l.font, t.bold, t.italic, ""), l.href = r.length ? t.href : null, l.rel = r.length ? t.rel : null, l.target = r.length ? t.target : null, r.push(l);
+      function te(r, i, a) {
+        for (var t, s, c = r.width; c + a.width > i && r.length; ) s = (t = r[r.length - 1]).width, t.width > a.width ? (t.value = t.value.slice(0, -1), t.width = B(t, t.font), c += t.width) : r.pop(), c -= s;
+        r[r.length - 1] instanceof ut && r.pop(), t = r[r.length - 1] || t || {}, a.font = R(a.font, t.bold, t.italic, ""), a.href = r.length ? t.href : null, a.rel = r.length ? t.rel : null, a.target = r.length ? t.target : null, r.push(a);
       }
       function ct(r) {
         return Math.round(1e6 * r) / 1e6;
@@ -1587,11 +1579,11 @@ function On() {
           if (Array.isArray(i)) return Ft(i);
         }(r) || function(i) {
           if (typeof Symbol < "u" && i[Symbol.iterator] != null || i["@@iterator"] != null) return Array.from(i);
-        }(r) || function(i, l) {
+        }(r) || function(i, a) {
           if (i) {
-            if (typeof i == "string") return Ft(i, l);
+            if (typeof i == "string") return Ft(i, a);
             var t = Object.prototype.toString.call(i).slice(8, -1);
-            return t === "Object" && i.constructor && (t = i.constructor.name), t === "Map" || t === "Set" ? Array.from(i) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ft(i, l) : void 0;
+            return t === "Object" && i.constructor && (t = i.constructor.name), t === "Map" || t === "Set" ? Array.from(i) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ft(i, a) : void 0;
           }
         }(r) || function() {
           throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1600,72 +1592,72 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       function Ft(r, i) {
         (i == null || i > r.length) && (i = r.length);
-        for (var l = 0, t = new Array(i); l < i; l++) t[l] = r[l];
+        for (var a = 0, t = new Array(i); a < i; a++) t[a] = r[a];
         return t;
       }
-      var ke = { center: "middle", right: "end" }, Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ee = function(r, i) {
+      var ke = { center: "middle", right: "end" }, Ge = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ee = function(r, i) {
         return !r && !i || r === i;
       };
-      function Ge(r, i) {
-        var l = [], t = i.font(), o = t.size, h = t.family, p = i.align(), m = i.createElement();
+      function Je(r, i) {
+        var a = [], t = i.font(), s = t.size, c = t.family, p = i.align(), m = i.createElement();
         if (r.length) {
-          var w = t.height, b = i.valign(), E = i.height()(), D = i.width()(0), T = !isFinite(D) && r.length === 1, O = T ? null : i.x(), j = ct(w / o), W = T ? null : ct(w / (1.15 * o + (w - o) / 2));
-          if (Xe[b] && isFinite(E)) {
+          var w = t.height, b = i.valign(), E = i.height()(), D = i.width()(0), T = !isFinite(D) && r.length === 1, O = T ? null : i.x(), j = ct(w / s), W = T ? null : ct(w / (1.15 * s + (w - s) / 2));
+          if (Ge[b] && isFinite(E)) {
             var F = b === "bottom" ? 1 : 0.5;
-            W += (E * F - w * r.length * F) / o;
+            W += (E * F - w * r.length * F) / s;
           }
           var P = p === "justify", H = 0;
           p === "right" ? H = D : p === "center" && (H = D / 2);
-          for (var N = [], J = "tspan", K = null, U = "", $ = function() {
+          for (var N = [], J = "tspan", K = null, U = "", I = function() {
             if (U) {
               var Ct = m(J, K, U);
               N.push(Ct);
             }
             J = "tspan", K = null, U = "";
-          }, st = 0, nt = r.length; st < nt; st++) {
-            var ft = "", Et = "", ht = 0, gt = r[st];
+          }, ot = 0, nt = r.length; ot < nt; ot++) {
+            var ft = "", Et = "", ht = 0, gt = r[ot];
             if (gt.length) {
               N = [];
               for (var Mt = 0, le = 0, pt = void 0, Z = 0, Oe = gt.length; Z < Oe; Z++) {
                 var Y = gt[Z], Q = Y.font;
-                Y.whitespace && Mt++, le += Y.width, Z && !Y.tracking && !ht && ee(Q.id, ft) && ee(Y.class, Et) && ee(pt, Y.href) ? U += Y.value : ($(), U = Y.value, K = { fontFamily: Q.family !== h ? Q.family : null, fontSize: Q.size !== o ? Q.size : null, fontWeight: Q.weight || null, fontStyle: Q.style || null, fontVariant: Q.variant !== "normal" && Q.variant || null, fill: Q.color || null, baselineShift: Q.baseline ? 100 * Q.baseline + "%" : null, className: Y.class || null }, ht && (K.dx = ct(ht), ht = 0), Y.tracking && (ht = Q.size * Y.tracking), Y.href && !pt ? (pt = Y.href, J = "a", K.href = pt, K.rel = Y.rel, K.target = Y.target) : pt = null, ft = Q.id, Et = Y.class);
+                Y.whitespace && Mt++, le += Y.width, Z && !Y.tracking && !ht && ee(Q.id, ft) && ee(Y.class, Et) && ee(pt, Y.href) ? U += Y.value : (I(), U = Y.value, K = { fontFamily: Q.family !== c ? Q.family : null, fontSize: Q.size !== s ? Q.size : null, fontWeight: Q.weight || null, fontStyle: Q.style || null, fontVariant: Q.variant !== "normal" && Q.variant || null, fill: Q.color || null, baselineShift: Q.baseline ? 100 * Q.baseline + "%" : null, className: Y.class || null }, ht && (K.dx = ct(ht), ht = 0), Y.tracking && (ht = Q.size * Y.tracking), Y.href && !pt ? (pt = Y.href, J = "a", K.href = pt, K.rel = Y.rel, K.target = Y.target) : pt = null, ft = Q.id, Et = Y.class);
               }
-              if ($(), T) l.push.apply(l, Ae(N));
+              if (I(), T) a.push.apply(a, Ae(N));
               else {
-                var De = null, ue = st === nt - 1 || gt[gt.length - 1] instanceof X;
-                P && gt.length > 1 && !ue && (De = ct((D - le) / Mt)), l.push(m.apply(void 0, ["tspan", { wordSpacing: De, x: O(st) + H, dy: ct(st ? j : W) + "em" }].concat(Ae(N))));
+                var De = null, ue = ot === nt - 1 || gt[gt.length - 1] instanceof X;
+                P && gt.length > 1 && !ue && (De = ct((D - le) / Mt)), a.push(m.apply(void 0, ["tspan", { wordSpacing: De, x: O(ot) + H, dy: ct(ot ? j : W) + "em" }].concat(Ae(N))));
               }
-            } else l.push(m("tspan", { x: O(st), dy: ct(st ? j : W) + "em" }, " "));
+            } else a.push(m("tspan", { x: O(ot), dy: ct(ot ? j : W) + "em" }, " "));
           }
         }
-        return m.apply(void 0, ["text", { fontFamily: h, fontSize: o, textAnchor: ke[p] || "start" }].concat(l));
+        return m.apply(void 0, ["text", { fontFamily: c, fontSize: s, textAnchor: ke[p] || "start" }].concat(a));
       }
-      var Je = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-      function Ke(r, i, l) {
+      var Ke = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+      function Ze(r, i, a) {
         if (r.length) {
-          l.textBaseline = "middle";
-          var t = i.font(), o = t.height, h = t.size, p = i.valign(), m = i.height()(), w = i.width()(0), b = i.align(), E = b === "justify", D = 0.5 * o, T = Je[p];
+          a.textBaseline = "middle";
+          var t = i.font(), s = t.height, c = t.size, p = i.valign(), m = i.height()(), w = i.width()(0), b = i.align(), E = b === "justify", D = 0.5 * s, T = Ke[p];
           if (T && isFinite(m)) {
-            var O = r.length * o;
+            var O = r.length * s;
             D += m * T - O * T;
           }
           r.forEach(function(j, W) {
-            var F = i.x()(W), P = W * o + D, H = 0, N = 0;
+            var F = i.x()(W), P = W * s + D, H = 0, N = 0;
             j.forEach(function(U) {
               U.whitespace && H++, N += U.width;
             });
             var J = 0, K = W === r.length - 1 || j[j.length - 1] instanceof X;
             E && j.length > 1 && !K && (J = (w - N) / H), j.forEach(function(U) {
-              l.font = U.font;
-              var $ = U.font, st = $.baseline ? h * -$.baseline + 0.15 * h : 0;
-              l.fillStyle = function(Et, ht) {
+              a.font = U.font;
+              var I = U.font, ot = I.baseline ? c * -I.baseline + 0.15 * c : 0;
+              a.fillStyle = function(Et, ht) {
                 return Et.color ? Et.color : ht.href ? "#00C" : "#000";
-              }($, U);
+              }(I, U);
               var nt = 0;
-              if (b === "right" ? nt += w - N : b === "center" ? nt += w / 2 - N / 2 : b === "justify" && (U.whitespace || U instanceof X) && (F += J), l.fillText(U.value, F + nt, P + st), U.href) {
-                l.beginPath(), l.strokeStyle = l.fillStyle;
-                var ft = Math.floor(P + 0.45 * h) + 0.5;
-                l.moveTo(F + nt, ft), l.lineTo(F + nt + U.width, ft), l.stroke();
+              if (b === "right" ? nt += w - N : b === "center" ? nt += w / 2 - N / 2 : b === "justify" && (U.whitespace || U instanceof X) && (F += J), a.fillText(U.value, F + nt, P + ot), U.href) {
+                a.beginPath(), a.strokeStyle = a.fillStyle;
+                var ft = Math.floor(P + 0.45 * c) + 0.5;
+                a.moveTo(F + nt, ft), a.lineTo(F + nt + U.width, ft), a.stroke();
               }
               F += U.width;
             });
@@ -1680,8 +1672,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, re(r);
       }
       function _e(r) {
-        for (var i = {}, l = 0; l < r.length; l++) {
-          var t = r[l];
+        for (var i = {}, a = 0; a < r.length; a++) {
+          var t = r[a];
           typeof t != "number" && t != null && (typeof t == "string" ? i.text = t : typeof t == "function" ? i.fn = t : re(t) === "object" && t._groups ? i.d3 = t : t && t.nodeType && t.getContext ? i.ctx = t.getContext("2d") : t && t.fillText && t.beginPath ? i.ctx = t : t && (i.text = t));
         }
         return i;
@@ -1694,20 +1686,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, dt(r);
       }
       function Se(r, i) {
-        for (var l = 0; l < i.length; l++) {
-          var t = i[l];
-          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
-            if (dt(h) !== "object" || h === null) return h;
-            var m = h[Symbol.toPrimitive];
+        for (var a = 0; a < i.length; a++) {
+          var t = i[a];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(c, p) {
+            if (dt(c) !== "object" || c === null) return c;
+            var m = c[Symbol.toPrimitive];
             if (m !== void 0) {
-              var w = m.call(h, p);
+              var w = m.call(c, p);
               if (dt(w) !== "object") return w;
               throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return String(h);
-          }(t.key, "string"), dt(o) === "symbol" ? o : String(o)), t);
+            return String(c);
+          }(t.key, "string"), dt(s) === "symbol" ? s : String(s)), t);
         }
-        var o;
+        var s;
       }
       var wt = R(), St = function(r) {
         return typeof r == "function" ? r : function() {
@@ -1715,27 +1707,27 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         };
       }, G = function() {
         function r(t) {
-          if (function(h, p) {
-            if (!(h instanceof p)) throw new TypeError("Cannot call a class as a function");
+          if (function(c, p) {
+            if (!(c instanceof p)) throw new TypeError("Cannot call a class as a function");
           }(this, r), this.props = { overflow: "ellipsis", lineclamp: null, align: "left", wordBreak: null, valign: "top", width: function() {
             return 1 / 0;
           }, height: function() {
             return 1 / 0;
           }, x: function() {
             return 0;
-          }, font: null, tAnchor: 0, parser: r.defaultparser }, t) for (var o in t) typeof this[o] == "function" && this[o](t[o]);
+          }, font: null, tAnchor: 0, parser: r.defaultparser }, t) for (var s in t) typeof this[s] == "function" && this[s](t[s]);
         }
-        var i, l;
-        return i = r, l = [{ key: "linebreak", value: function(t) {
-          var o = this, h = this.props.parser(String(t)), p = this.font(), m = function(w, b, E) {
+        var i, a;
+        return i = r, a = [{ key: "linebreak", value: function(t) {
+          var s = this, c = this.props.parser(String(t)), p = this.font(), m = function(w, b, E) {
             if (!w.length) return [];
             var D = b.height(), T = b.width(), O = b.overflowLine(), j = b.overflowWrap(), W = R(E, !0, !1), F = isFinite(D()) ? Math.floor(D() / E.height) : 1 / 0;
             if (!D() && !T(0) || !F) return [];
             for (var P = 0, H = 0, N = 0, J = [], K = [], U = !1; P < w.length && H < F; ) {
-              var $ = w[P], st = Ee($, E);
-              if ($.width = B($, st), $.font = st, $.line = H, $.whitespace = $.value in C, $.value && ($.value = $.value.replace(Ve, " ")), !(!N && $.whitespace || U && $.whitespace)) if ($ instanceof X) N = 0, K = [], J.push(P + 1), H++;
-              else if ($ instanceof lt || $ instanceof ut) K.push({ index: P, width: N });
-              else if ($.whitespace || N + $.width < T(H)) N += $.width;
+              var I = w[P], ot = Ee(I, E);
+              if (I.width = B(I, ot), I.font = ot, I.line = H, I.whitespace = I.value in C, I.value && (I.value = I.value.replace(Xe, " ")), !(!N && I.whitespace || U && I.whitespace)) if (I instanceof X) N = 0, K = [], J.push(P + 1), H++;
+              else if (I instanceof lt || I instanceof ut) K.push({ index: P, width: N });
+              else if (I.whitespace || N + I.width < T(H)) N += I.width;
               else if (K.length) {
                 var nt = void 0, ft = void 0;
                 do {
@@ -1746,27 +1738,27 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 J.push(nt.index + 1), N = 0, H++, P = nt.index, K = [];
               } else if (j === "break-word") {
                 var gt = T(H);
-                if (N + $.width > gt) {
-                  var Mt = $.clone();
+                if (N + I.width > gt) {
+                  var Mt = I.clone();
                   do
-                    $.value = $.value.slice(0, -1), $.width = B($, $.font), N += $.width;
-                  while ($.value && $.width > gt);
-                  Mt.value = Mt.value.slice($.value.length), w.splice(P + 1, 0, new lt(), Mt);
+                    I.value = I.value.slice(0, -1), I.width = B(I, I.font), N += I.width;
+                  while (I.value && I.width > gt);
+                  Mt.value = Mt.value.slice(I.value.length), w.splice(P + 1, 0, new lt(), Mt);
                 }
                 J.push(P + 1), N = 0, H++;
-              } else N += $.width;
-              P++, U = $.whitespace;
+              } else N += I.width;
+              P++, U = I.whitespace;
             }
             P !== J[J.length - 1] && J.push(P);
             var le = 0, pt = 0, Z = J.map(function(Ct) {
               for (var et, Tt = le; (et = w[Tt]) && (et.whitespace || !et.value); ) Tt++;
-              for (var At = Ct, tr = null; At > Tt && (et = w[At - 1]) && (et.whitespace || !(et.value || et instanceof ut)); ) et instanceof X && (tr = et), At--;
+              for (var At = Ct, er = null; At > Tt && (et = w[At - 1]) && (et.whitespace || !(et.value || et instanceof ut)); ) et instanceof X && (er = et), At--;
               et instanceof ut && (et.value = "-", et.width = B("-", et.font)), le = Ct;
-              var zt = w.slice(Tt, At).filter(function(er) {
-                return er.value;
+              var zt = w.slice(Tt, At).filter(function(rr) {
+                return rr.value;
               });
-              return tr && zt.push(tr), zt.width = zt.reduce(function(er, Jr) {
-                return er + Jr.width;
+              return er && zt.push(er), zt.width = zt.reduce(function(rr, Jr) {
+                return rr + Jr.width;
               }, 0), zt.width > pt && (pt = zt.width), zt;
             });
             if (Z.hasLineOverflow = !1, O) {
@@ -1785,9 +1777,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               ue.font = E, ue.width = B(Y, W), te(De, Q, ue), Z.hasOverflow = !0;
             } else Z.hasOverflow = !1;
             return Z.font = E, Z.width = pt, Z;
-          }(h, this, p);
+          }(c, this, p);
           return m.height = m.length * p.height, m.render = function(w) {
-            return o.render(m, w);
+            return s.render(m, w);
           }, m.svg = m.render, m.draw = m.render, m;
         } }, { key: "font", value: function(t) {
           return arguments.length ? (this.props.font = R(t), this) : this.props.font || R(wt);
@@ -1799,12 +1791,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return arguments.length ? (this.props.valign = t, this) : this.props.valign;
         } }, { key: "align", value: function(t) {
           if (!arguments.length) return this.props.align;
-          var o = String(t).toLowerCase();
-          return o === "left" || o === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : o === "center" || o === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : o === "end" || o === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : o === "justify" && (this.props.align = t, this.props.tAnchor = 0), this;
+          var s = String(t).toLowerCase();
+          return s === "left" || s === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : s === "center" || s === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : s === "end" || s === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : s === "justify" && (this.props.align = t, this.props.tAnchor = 0), this;
         } }, { key: "overflowWrap", value: function(t) {
           if (!arguments.length) return this.props.overflowWrap || "normal";
-          var o = String(t).toLowerCase();
-          return o === "break-word" ? this.props.overflowWrap = "break-word" : o !== "normal" && t != null || (this.props.overflowWrap = null), this;
+          var s = String(t).toLowerCase();
+          return s === "break-word" ? this.props.overflowWrap = "break-word" : s !== "normal" && t != null || (this.props.overflowWrap = null), this;
         } }, { key: "width", value: function(t) {
           return arguments.length ? (this.props.width = St(t), this) : this.props.width;
         } }, { key: "height", value: function(t) {
@@ -1814,8 +1806,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         } }, { key: "parser", value: function(t) {
           if (!arguments.length) return this.props.parser;
           if (typeof t == "string") {
-            var o = r[t] || r[t + "parser"];
-            typeof o == "function" && (t = o);
+            var s = r[t] || r[t + "parser"];
+            typeof s == "function" && (t = s);
           }
           if (typeof t != "function") throw new Error("Unknown parser: " + t);
           return this.props.parser = t, this;
@@ -1823,8 +1815,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
         } }, { key: "render", value: function() {
           var t = _e(arguments);
-          return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ke(t.text, this, t.ctx) : Ge(t.text, this);
-        } }], l && Se(i.prototype, l), Object.defineProperty(i, "prototype", { writable: !1 }), r;
+          return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ze(t.text, this, t.ctx) : Je(t.text, this);
+        } }], a && Se(i.prototype, a), Object.defineProperty(i, "prototype", { writable: !1 }), r;
       }();
       function xt(r) {
         return xt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
@@ -1835,24 +1827,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       function ne(r, i) {
         (i == null || i > r.length) && (i = r.length);
-        for (var l = 0, t = new Array(i); l < i; l++) t[l] = r[l];
+        for (var a = 0, t = new Array(i); a < i; a++) t[a] = r[a];
         return t;
       }
       function Ce(r, i) {
-        for (var l = 0; l < i.length; l++) {
-          var t = i[l];
-          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
-            if (xt(h) !== "object" || h === null) return h;
-            var m = h[Symbol.toPrimitive];
+        for (var a = 0; a < i.length; a++) {
+          var t = i[a];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(c, p) {
+            if (xt(c) !== "object" || c === null) return c;
+            var m = c[Symbol.toPrimitive];
             if (m !== void 0) {
-              var w = m.call(h, p);
+              var w = m.call(c, p);
               if (xt(w) !== "object") return w;
               throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-            return String(h);
-          }(t.key, "string"), xt(o) === "symbol" ? o : String(o)), t);
+            return String(c);
+          }(t.key, "string"), xt(s) === "symbol" ? s : String(s)), t);
         }
-        var o;
+        var s;
       }
       var Te = function(r) {
         return typeof r == "function" ? r : function() {
@@ -1860,19 +1852,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         };
       }, ie = function() {
         function r(t) {
-          if (function(h, p) {
-            if (!(h instanceof p)) throw new TypeError("Cannot call a class as a function");
+          if (function(c, p) {
+            if (!(c instanceof p)) throw new TypeError("Cannot call a class as a function");
           }(this, r), this.props = { width: function() {
             return 1 / 0;
           }, height: function() {
             return 1 / 0;
-          }, rotation: 0, vAnchor: 0, hAnchor: 0 }, t) for (var o in t) typeof this[o] == "function" && this[o](t[o]);
+          }, rotation: 0, vAnchor: 0, hAnchor: 0 }, t) for (var s in t) typeof this[s] == "function" && this[s](t[s]);
           this.render = this.render.bind(this);
         }
-        var i, l;
-        return i = r, l = [{ key: "anchor", value: function(t) {
-          var o = this.props, h = o.hAnchor, p = o.vAnchor, m = o.width, w = o.height;
-          if (!arguments.length) return [h * m(0), p * w(0)];
+        var i, a;
+        return i = r, a = [{ key: "anchor", value: function(t) {
+          var s = this.props, c = s.hAnchor, p = s.vAnchor, m = s.width, w = s.height;
+          if (!arguments.length) return [c * m(0), p * w(0)];
           if (typeof t == "string") {
             var b = this.props;
             t.toLowerCase().trim().split(/\s+/).forEach(function(E) {
@@ -1888,78 +1880,78 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return arguments.length ? (this.props.rotation = t, this) : this.props.rotation;
         } }, { key: "createElement", value: function(t) {
           return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
-        } }, { key: "canvas", value: function(t, o) {
-          var h, p = t.getContext ? t.getContext("2d") : t;
+        } }, { key: "canvas", value: function(t, s) {
+          var c, p = t.getContext ? t.getContext("2d") : t;
           return p.save(), p.rotate(this.rotate() * Math.PI / 180), p.translate.apply(p, function(m) {
             if (Array.isArray(m)) return ne(m);
-          }(h = this.anchor()) || function(m) {
+          }(c = this.anchor()) || function(m) {
             if (typeof Symbol < "u" && m[Symbol.iterator] != null || m["@@iterator"] != null) return Array.from(m);
-          }(h) || function(m, w) {
+          }(c) || function(m, w) {
             if (m) {
               if (typeof m == "string") return ne(m, w);
               var b = Object.prototype.toString.call(m).slice(8, -1);
               return b === "Object" && m.constructor && (b = m.constructor.name), b === "Map" || b === "Set" ? Array.from(m) : b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b) ? ne(m, w) : void 0;
             }
-          }(h) || function() {
+          }(c) || 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.`);
-          }()), o(p), p.restore(), p;
+          }()), s(p), p.restore(), p;
         } }, { key: "render", value: function() {
           var t = _e(arguments);
           if (t.d3) return t.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
           if (t.ctx) return this.canvas(t.ctx, t.fn);
           if (t.text) {
-            var o = typeof t.text.render == "function" ? t.text.render() : t.text;
-            return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, o);
+            var s = typeof t.text.render == "function" ? t.text.render() : t.text;
+            return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, s);
           }
-        } }], l && Ce(i.prototype, l), Object.defineProperty(i, "prototype", { writable: !1 }), r;
-      }(), Re = Object.prototype.hasOwnProperty, se = {};
-      function Ze(r) {
-        return se[r] || (se[r] = r.replace(/([a-z])([A-Z])/g, function(i, l, t) {
-          return l + "-" + t.toLowerCase();
-        })), se[r];
-      }
-      function oe(r, i) {
-        if (Array.isArray(i)) return i.forEach(function(l) {
-          return oe(r, l);
+        } }], a && Ce(i.prototype, a), Object.defineProperty(i, "prototype", { writable: !1 }), r;
+      }(), Re = Object.prototype.hasOwnProperty, oe = {};
+      function Qe(r) {
+        return oe[r] || (oe[r] = r.replace(/([a-z])([A-Z])/g, function(i, a, t) {
+          return a + "-" + t.toLowerCase();
+        })), oe[r];
+      }
+      function se(r, i) {
+        if (Array.isArray(i)) return i.forEach(function(a) {
+          return se(r, a);
         });
         typeof i == "string" && (i = document.createTextNode(i)), r.appendChild(i);
       }
       function ae(r, i) {
         if (typeof document < "u") {
-          var l = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
-          if (i && l.setAttribute) for (var t in i) Re.call(i, t) && i[t] != null && l.setAttribute(t === "className" ? "class" : Ze(t), i[t]);
-          for (var o = arguments.length, h = new Array(o > 2 ? o - 2 : 0), p = 2; p < o; p++) h[p - 2] = arguments[p];
-          return h != null && h.length && h.forEach(function(m) {
-            oe(l, m);
-          }), l;
+          var a = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
+          if (i && a.setAttribute) for (var t in i) Re.call(i, t) && i[t] != null && a.setAttribute(t === "className" ? "class" : Qe(t), i[t]);
+          for (var s = arguments.length, c = new Array(s > 2 ? s - 2 : 0), p = 2; p < s; p++) c[p - 2] = arguments[p];
+          return c != null && c.length && c.forEach(function(m) {
+            se(a, m);
+          }), a;
         }
       }
       G.createElement = ae, G.textparser = kt, G.defaultparser = kt, G.htmlparser = function(r) {
         r = String(r || "").trim();
-        for (var i, l, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, o = [], h = [], p = function(D) {
+        for (var i, a, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, s = [], c = [], p = function(D) {
           for (var T in t) t[T] && (D[T] = t[T]);
-          o.push(D);
+          s.push(D);
         }, m = function(D) {
-          var T = o.length, O = Be[D];
+          var T = s.length, O = qe[D];
           if (T && O) {
-            for (var j = T - 1; o[j] && (o[j] instanceof lt || He.test(o[j].value)); ) j--;
-            for (; O && o[j] && o[j] instanceof X; ) j--, O--;
-            for (; O-- > 0; ) o.push(new X());
+            for (var j = T - 1; s[j] && (s[j] instanceof lt || Be.test(s[j].value)); ) j--;
+            for (; O && s[j] && s[j] instanceof X; ) j--, O--;
+            for (; O-- > 0; ) s.push(new X());
           }
         }; r.length; ) {
           if (i = /^[^<]+/.exec(r)) kt(Zt(i[0]), !1).forEach(p);
-          else if (!(i = $t.exec(r))) if (i = Gt.exec(r)) h.length && (t = h.pop()), m(i[1]);
+          else if (!(i = It.exec(r))) if (i = Gt.exec(r)) c.length && (t = c.pop()), m(i[1]);
           else if (i = Jt.exec(r)) {
             var w = i[1];
-            m(w), h.push(t), t = Object.create(t), _t[w] && _t[w](t, "");
-            var b = It(i[2]);
-            w === "a" && (b.href && (t.href = b.href), b.rel && (t.rel = b.rel), b.target && (t.target = b.target)), b.class && (t.class = t.class ? t.class + " " + b.class : b.class), b.style && (l = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(b.style)) && l[1] && (t.color = l[1]), w === "br" && o.push(new X());
+            m(w), c.push(t), t = Object.create(t), _t[w] && _t[w](t, "");
+            var b = $t(i[2]);
+            w === "a" && (b.href && (t.href = b.href), b.rel && (t.rel = b.rel), b.target && (t.target = b.target)), b.class && (t.class = t.class ? t.class + " " + b.class : b.class), b.style && (a = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(b.style)) && a[1] && (t.color = a[1]), w === "br" && s.push(new X());
           } else i = [r.slice(0, 1)], p(new M(i[0]));
           r = r.slice(i[0].length);
         }
-        for (var E = o[o.length - 1]; E instanceof X; ) o.pop(), E = o[o.length - 1];
-        return o;
+        for (var E = s[s.length - 1]; E instanceof X; ) s.pop(), E = s[s.length - 1];
+        return s;
       }, G.latexparser = function(r) {
         r = String(r || "").trim();
         var i = [0];
@@ -1967,7 +1959,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return i.push(P), "\\verb," + (i.length - 1) + ",";
         }).replace(/\\\\\n/g, function() {
           return "\\\\";
-        }).replace(Ye, function(F, P, H) {
+        }).replace(Ve, function(F, P, H) {
           return H.charAt(P - 1) === "\\" ? F : Qt[F];
         }).replace(/\n\s+/g, function(F) {
           return /\n/.test(F.slice(1)) ? "\\par " : F;
@@ -1978,23 +1970,23 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }).replace(/\\verb,(.*?),/, function(F, P) {
           return "\\verb,".concat(i[+P], ",");
         });
-        for (var l, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, o = [], h = [], p = function(F) {
+        for (var a, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, s = [], c = [], p = function(F) {
           for (var P in t) t[P] && (F[P] = t[P]);
-          return o.push(F), F;
+          return s.push(F), F;
         }, m = function() {
-          h.push(t), t = Object.create(t);
+          c.push(t), t = Object.create(t);
         }, w = function() {
-          if (!h.length) throw new Error("Unexpected }");
-          t = h.pop();
-        }, b = { tokens: o, open_context: m, close_context: w, add_token: p }; r.length; ) {
-          if (l = jt.exec(r)) kt(l[0], !1).forEach(p);
-          else if (l = Ue.exec(r)) p(new M(l[1]));
-          else if (!(l = xe.exec(r))) {
-            if (l = /^\{/.exec(r)) m();
-            else if (l = /^\}/.exec(r)) w();
-            else if (!(l = /^\$/.exec(r))) if (l = /^\\verb,([^,]+),/.exec(r)) p(new M(l[1]));
-            else if (l = we.exec(r)) {
-              var E = l[1].slice(1) || l[1], D = !!l[2];
+          if (!c.length) throw new Error("Unexpected }");
+          t = c.pop();
+        }, b = { tokens: s, open_context: m, close_context: w, add_token: p }; r.length; ) {
+          if (a = jt.exec(r)) kt(a[0], !1).forEach(p);
+          else if (a = Ye.exec(r)) p(new M(a[1]));
+          else if (!(a = xe.exec(r))) {
+            if (a = /^\{/.exec(r)) m();
+            else if (a = /^\}/.exec(r)) w();
+            else if (!(a = /^\$/.exec(r))) if (a = /^\\verb,([^,]+),/.exec(r)) p(new M(a[1]));
+            else if (a = we.exec(r)) {
+              var E = a[1].slice(1) || a[1], D = !!a[2];
               if (/^(La)?TeX$/i.test(E)) {
                 m(), t.family = "serif";
                 var T = void 0;
@@ -2003,42 +1995,42 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               else if (E in q) {
                 var O = [], j = q[E].length - 1, W = void 0;
                 if (j) {
-                  for (D = !1, r = r.slice(l[0].length - 1); j--; ) {
+                  for (D = !1, r = r.slice(a[0].length - 1); j--; ) {
                     if (!(W = /^\{([^}]+)\}/.exec(r))) throw new Error(E + " is missing an argument");
                     O.push(W[1]), r = r.slice(W[0].length);
                   }
-                  l[0] = /^\{/.exec(r) ? "{" : "", D = !!l[0];
+                  a[0] = /^\{/.exec(r) ? "{" : "", D = !!a[0];
                 }
                 D && m(), q[E].apply(b, [t].concat(O));
-              } else console.warn("unknown latex command", E), p(new M(l[1])), D && m();
-            } else l = [r.slice(0, 1)], p(new M(l[0]));
+              } else console.warn("unknown latex command", E), p(new M(a[1])), D && m();
+            } else a = [r.slice(0, 1)], p(new M(a[0]));
           }
-          r = r.slice(l[0].length);
+          r = r.slice(a[0].length);
         }
-        return o;
-      }, G.measureText = function(r, i, l) {
-        return B(r, R(i), l);
+        return s;
+      }, G.measureText = function(r, i, a) {
+        return B(r, R(i), a);
       }, G.Token = M, G.Break = lt, G.LineBreak = X, G.SoftHyphen = ut, G.Rotator = ie, ie.createElement = ae;
-      const Qe = G;
+      const tr = G;
       return n.default;
     })());
   }(dr)), dr.exports;
 }
-var Dn = On();
-const Tr = /* @__PURE__ */ Ur(Dn);
-function ir(u) {
+var Cn = Sn();
+const Tr = /* @__PURE__ */ Ur(Cn);
+function or(u) {
   return u.replace(/…$/, "");
 }
 function sr(u) {
   return u.children[0].innerHTML;
 }
-function Pn(u, e) {
-  const s = mt(u), { fontSize: n, font: a, padding: c = 0 } = u.properties.style || {};
-  if (s.width === s.height && s.width === 0) return;
-  const f = new Tr({
-    font: `${n}px/${n}px ${a}`.replace(/(px)+/g, "px"),
-    width: s.width - c * 2,
-    height: s.height - c * 2,
+function Tn(u, e) {
+  const o = mt(u), { fontSize: n, font: l, padding: h = 0 } = u.properties.style || {};
+  if (o.width === o.height && o.width === 0) return;
+  const d = new Tr({
+    font: `${n}px/${n}px ${l}`.replace(/(px)+/g, "px"),
+    width: o.width - h * 2,
+    height: o.height - h * 2,
     align: "left",
     valign: "top",
     x: 0,
@@ -2046,49 +2038,49 @@ function Pn(u, e) {
     parser: "html",
     createElement: Tr.createElement
   });
-  f.overflowWrap("break-word");
-  const g = f.linebreak(
+  d.overflowWrap("break-word");
+  const g = d.linebreak(
     u.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), d = [...g.children];
+  ).render(), f = [...g.children];
   let v = 0;
   const y = [];
   u.properties.content.split(`
 `).forEach((S) => {
     let R = S;
-    for (; R.length && v < d.length; ) {
-      if (d[v].innerHTML === "&nbsp;") {
+    for (; R.length && v < f.length; ) {
+      if (f[v].innerHTML === "&nbsp;") {
         R.startsWith(`
 `) || y.push(v), v++;
         break;
       }
-      const C = ir(sr(d[v]));
+      const C = or(sr(f[v]));
       R.startsWith(C) && (R = R.slice(C.length).trim()), v++;
     }
-  }), y.forEach((S) => g.removeChild(d[S]));
-  const A = u.properties.content.match(/(https?:\/\/.*)/gm), _ = A ? A.map((S) => S.split(" ")[0]) : [];
-  g.setAttribute("transform", `translate(${c}, ${c})`), _.forEach((S) => {
+  }), y.forEach((S) => g.removeChild(f[S]));
+  const A = u.properties.content.match(/(https?:\/\/.*)/gm), k = A ? A.map((S) => S.split(" ")[0]) : [];
+  g.setAttribute("transform", `translate(${h}, ${h})`), k.forEach((S) => {
     let R = S;
     const C = [];
     for (; R.length > 0; ) {
-      const L = d.find(
-        (k) => !!k.children[0] && k.children[0].tagName === "tspan" && R.startsWith(ir(sr(k)))
+      const L = f.find(
+        (_) => !!_.children[0] && _.children[0].tagName === "tspan" && R.startsWith(or(sr(_)))
       );
       if (!L) break;
       C.push(L);
-      const I = ir(L.children[0].innerHTML).length;
-      if (!I) break;
-      R = R.slice(I);
+      const $ = or(L.children[0].innerHTML).length;
+      if (!$) break;
+      R = R.slice($);
     }
     C.forEach((L) => {
-      const I = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      I.setAttribute("href", S), I.setAttribute("target", "_blank"), I.innerHTML = sr(L), L.children[0].innerHTML = "", L.children[0].appendChild(I);
+      const $ = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      $.setAttribute("href", S), $.setAttribute("target", "_blank"), $.innerHTML = sr(L), L.children[0].innerHTML = "", L.children[0].appendChild($);
     });
   }), e.appendChild(g);
 }
 const Rr = 20;
-class Ln extends Vr {
-  constructor(e, s = {}) {
+class Rn extends Vr {
+  constructor(e, o = {}) {
     super(
       e,
       `
@@ -2104,126 +2096,126 @@ class Ln extends Vr {
       <textarea wrap="on"></textarea>
     </div>
   `
-    ), x(this, "textArea"), x(this, "handleSize"), x(this, "rect", { x: 0, y: 0, width: 0, height: 0 }), x(this, "annotation", { ...nr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", V), x(this, "isFocused", !1), x(this, "placeholder", "Type your text here..."), x(this, "_onFocus", () => {
+    ), x(this, "textArea"), x(this, "handleSize"), x(this, "rect", { x: 0, y: 0, width: 0, height: 0 }), x(this, "annotation", { ...ir }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", V), x(this, "isFocused", !1), x(this, "placeholder", "Type your text here..."), x(this, "_onFocus", () => {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     }), x(this, "_onBlur", () => {
       this.isFocused = !1;
-    }), x(this, "startDrawing", (a, c, f = Tn(a, c, 0, 0, "", Wt)) => {
-      this.add(f);
-      const g = this.ogma.view.graphToScreenCoordinates({ x: a, y: c });
-      this.select(f.id), this.startDragging(this.getById(f.id), g.x, g.y), this.draggedHandle = 6;
+    }), x(this, "startDrawing", (l, h, d = kn(l, h, 0, 0, "", Wt)) => {
+      this.add(d);
+      const g = this.ogma.view.graphToScreenCoordinates({ x: l, y: h });
+      this.select(d.id), this.startDragging(this.getById(d.id), g.x, g.y), this.draggedHandle = 6;
     }), x(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...nr }, this.draggedHandle = V, this.isDragging = !1, this.emit(Ut, this.annotation));
-    }), x(this, "startDragging", (a, c, f) => {
-      this.annotation = a;
-      const g = vt(this.annotation), d = mt(this.annotation);
-      this.rect.x = g.x, this.rect.y = g.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = c, this.startY = f, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ze, this.annotation), this.isDragging = !0;
-    }), x(this, "onHandleMouseDown", (a) => {
-      const c = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      if (!c) return;
-      this.selectedId !== c.id && this.select(this.hoveredId);
-      const { x: f, y: g } = or(a, this.ogma.getContainer());
-      this.startDragging(c, f, g), this.draggedHandle = Nr(a.target);
-    }), x(this, "onMouseMove", (a) => {
-      requestAnimationFrame(() => this._onMouseMove(a));
-    }), x(this, "_onMouseMove", (a) => {
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ir }, this.draggedHandle = V, this.isDragging = !1, this.emit(Ut, this.annotation));
+    }), x(this, "startDragging", (l, h, d) => {
+      this.annotation = l;
+      const g = vt(this.annotation), f = mt(this.annotation);
+      this.rect.x = g.x, this.rect.y = g.y, this.rect.width = f.width, this.rect.height = f.height, this.startX = h, this.startY = d, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Ne, this.annotation), this.isDragging = !0;
+    }), x(this, "onHandleMouseDown", (l) => {
+      const h = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      if (!h) return;
+      this.selectedId !== h.id && this.select(this.hoveredId);
+      const { x: d, y: g } = Me(l, this.ogma.getContainer());
+      this.startDragging(h, d, g), this.draggedHandle = Nr(l.target);
+    }), x(this, "onMouseMove", (l) => {
+      requestAnimationFrame(() => this._onMouseMove(l));
+    }), x(this, "_onMouseMove", (l) => {
       if (!this.isDragging) return;
-      a.stopPropagation(), a.preventDefault();
-      const c = this.handles[this.draggedHandle];
-      let f = c.classList.contains("top");
-      const g = c.classList.contains("left"), d = c.classList.contains("right"), v = c.classList.contains("bottom");
-      let y = c.classList.contains("line-handle");
-      !y && !f && !v && !g && !d && (f = !0, y = !0);
-      const { x: A, y: _ } = or(
-        a,
+      l.stopPropagation(), l.preventDefault();
+      const h = this.handles[this.draggedHandle];
+      let d = h.classList.contains("top");
+      const g = h.classList.contains("left"), f = h.classList.contains("right"), v = h.classList.contains("bottom");
+      let y = h.classList.contains("line-handle");
+      !y && !d && !v && !g && !f && (d = !0, y = !0);
+      const { x: A, y: k } = Me(
+        l,
         this.ogma.getContainer()
       );
       let S = this.rect.x, R = this.rect.y, C = Math.max(this.rect.width, Rr), L = Math.max(this.rect.height, Rr);
-      const I = this.ogma.view.getZoom(), k = (A - this.startX) / I, z = (_ - this.startY) / I, B = this.ogma.view.getAngle(), tt = ot({ x: k, y: z }, B), rt = ot({ x: k, y: z }, -B);
-      y ? (S = this.rect.x + tt.x, R = this.rect.y + tt.y) : g && f ? (S += tt.x, R += tt.y, C -= k, L -= z) : d && v ? (C += k, L += z) : g && v ? (S += rt.x, C -= rt.x, L += rt.y) : d && f && (R += rt.y, C += rt.x, L -= rt.y), hn(this.annotation, S, R, C, L), this.emit(Me, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      const $ = this.ogma.view.getZoom(), _ = (A - this.startX) / $, z = (k - this.startY) / $, B = this.ogma.view.getAngle(), tt = st({ x: _, y: z }, B), rt = st({ x: _, y: z }, -B);
+      y ? (S = this.rect.x + tt.x, R = this.rect.y + tt.y) : g && d ? (S += tt.x, R += tt.y, C -= _, L -= z) : f && v ? (C += _, L += z) : g && v ? (S += rt.x, C -= rt.x, L += rt.y) : f && d && (R += rt.y, C += rt.x, L -= rt.y), hn(this.annotation, S, R, C, L), this.emit(ze, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     }), x(this, "onMouseUp", () => {
       !this.isDragging || this.draggedHandle === V || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Ut, this.annotation), this.isDragging = !1, this.draggedHandle = V);
-    }), x(this, "_onMousedown", (a) => {
-      a.stopPropagation();
+    }), x(this, "_onMousedown", (l) => {
+      l.stopPropagation();
     }), x(this, "onViewChanged", () => {
-      const a = Math.max(2, this.handleSize / this.ogma.view.getZoom());
-      document.documentElement.style.setProperty("--handle-scale", `${1 / a}`), this.ogma.view.getAngle() === 0 ? this.editor.element.classList.remove("rotated") : this.editor.element.classList.add("rotated");
+      const l = Math.max(2, this.handleSize / this.ogma.view.getZoom());
+      document.documentElement.style.setProperty("--handle-scale", `${1 / l}`), this.ogma.view.getAngle() === 0 ? this.editor.element.classList.remove("rotated") : this.editor.element.classList.add("rotated");
     }), x(this, "_onInput", () => {
-      const a = this.getById(this.selectedId);
-      a && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), a.properties.content = this.textArea.value, this.emit(cr, a), this.layer.refresh());
+      const l = this.getById(this.selectedId);
+      l && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), l.properties.content = this.textArea.value, this.emit(cr, l), this.layer.refresh());
     }), this.showeditorOnHover = !1, this.handleSize = Sr.handleSize, this.placeholder = Sr.placeholder;
     const n = this.textArea = this.editor.element.querySelector("textarea");
     n.addEventListener("input", this._onInput), n.addEventListener("focus", this._onFocus), n.addEventListener("blur", this._onBlur), n.addEventListener("mousedown", this._onMousedown), n.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.push(this.editor.element), this.handles.forEach(
-      (a) => a.addEventListener("mousedown", this.onHandleMouseDown)
+      (l) => l.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("mousemove", this.onMouseMove, !0), e.events.on(["viewChanged", "zoom"], this.onViewChanged);
   }
   _canRemove() {
     return !this.isFocused;
   }
-  detect({ x: e, y: s }, n = 0) {
-    const a = { x: e, y: s }, c = this.ogma.view.getAngle();
-    return this.elements.find((f) => {
-      const { x: g, y: d } = vt(f), { width: v, height: y } = mt(f), A = { x: g, y: d }, { x: _, y: S } = ot(Ot(a, A), -c);
-      return _ > -n && _ < v + n && S > -n && S < y + n;
+  detect({ x: e, y: o }, n = 0) {
+    const l = { x: e, y: o }, h = this.ogma.view.getAngle();
+    return this.elements.find((d) => {
+      const { x: g, y: f } = vt(d), { width: v, height: y } = mt(d), A = { x: g, y: f }, { x: k, y: S } = st(Ot(l, A), -h);
+      return k > -n && k < v + n && S > -n && S < y + n;
     });
   }
   draw(e) {
     e.innerHTML = "";
-    const s = "", n = this.ogma.view.getAngle();
-    for (let c = 0; c < this.elements.length; c++) {
-      const f = this.elements[c], g = `class${c}`, d = mt(f), v = vt(f);
-      if (f.id === this.selectedId) continue;
+    const o = "", n = this.ogma.view.getAngle();
+    for (let h = 0; h < this.elements.length; h++) {
+      const d = this.elements[h], g = `class${h}`, f = mt(d), v = vt(d);
+      if (d.id === this.selectedId) continue;
       const {
         color: y,
         fontSize: A,
-        font: _,
+        font: k,
         strokeColor: S,
         strokeWidth: R,
         strokeType: C,
         background: L,
-        borderRadius: I
-      } = f.properties.style || Wt, k = Rt("g");
-      k.classList.add("annotation-text"), k.setAttribute("fill", `${y}`), k.setAttribute("font-size", `${A}px`), k.setAttribute("font-family", `${_}`);
+        borderRadius: $
+      } = d.properties.style || Wt, _ = Rt("g");
+      _.classList.add("annotation-text"), _.setAttribute("fill", `${y}`), _.setAttribute("font-size", `${A}px`), _.setAttribute("font-family", `${k}`);
       const z = Rt("rect");
-      I && (z.setAttribute("rx", `${I}`), z.setAttribute("ry", `${I}`));
+      $ && (z.setAttribute("rx", `${$}`), z.setAttribute("ry", `${$}`));
       let B = !1;
-      C && C !== "none" && (B = !0, z.setAttribute("stroke", S || "black"), z.setAttribute("stroke-width", `${R}`), C === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (L && L.length || B) && (B = !0, z.setAttribute("fill", L || "transparent")), B && (z.setAttribute("width", `${d.width}`), z.setAttribute("height", `${d.height}`)), k.appendChild(z), Pn(f, k);
-      const { x: tt, y: rt } = ot(v, -n);
-      k.setAttribute("transform", `translate(${tt},${rt})`), k.classList.add(g), k.setAttribute("data-annotation", `${f.id}`), k.setAttribute("data-annotation-type", "text"), e.appendChild(k);
+      C && C !== "none" && (B = !0, z.setAttribute("stroke", S || "black"), z.setAttribute("stroke-width", `${R}`), C === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (L && L.length || B) && (B = !0, z.setAttribute("fill", L || "transparent")), B && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), _.appendChild(z), Tn(d, _);
+      const { x: tt, y: rt } = st(v, -n);
+      _.setAttribute("transform", `translate(${tt},${rt})`), _.classList.add(g), _.setAttribute("data-annotation", `${d.id}`), _.setAttribute("data-annotation-type", "text"), e.appendChild(_);
     }
-    const a = Rt("style");
-    a.innerHTML = s, e.firstChild && e.insertBefore(a, e.firstChild);
+    const l = Rt("style");
+    l.innerHTML = o, e.firstChild && e.insertBefore(l, e.firstChild);
   }
   refreshDrawing() {
-    const e = this.ogma.view.getAngle(), s = this.layer.element.children;
-    for (let n = 0; n < s.length; n++) {
-      const a = s[n];
-      if (!a.hasAttribute("data-annotation")) continue;
-      const c = a.getAttribute("data-annotation"), f = vt(this.getById(c)), { x: g, y: d } = ot(f, -e);
-      a.setAttribute("transform", `translate(${g},${d})`);
+    const e = this.ogma.view.getAngle(), o = this.layer.element.children;
+    for (let n = 0; n < o.length; n++) {
+      const l = o[n];
+      if (!l.hasAttribute("data-annotation")) continue;
+      const h = l.getAttribute("data-annotation"), d = vt(this.getById(h)), { x: g, y: f } = st(d, -e);
+      l.setAttribute("transform", `translate(${g},${f})`);
     }
   }
   getDefaultOptions() {
-    return nr;
+    return ir;
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), s = mt(e), n = this.ogma.view.graphToScreenCoordinates(
+    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), o = mt(e), n = this.ogma.view.graphToScreenCoordinates(
       vt(e)
-    ), a = this.ogma.view.getZoom(), {
-      font: c,
-      fontSize: f,
+    ), l = this.ogma.view.getZoom(), {
+      font: h,
+      fontSize: d,
       color: g,
-      background: d,
+      background: f,
       padding: v = 0
-    } = e.properties.style || Wt, y = (f || 1) * a;
+    } = e.properties.style || Wt, y = (d || 1) * l;
     this.textArea.value = e.properties.content;
     const A = this.editor.element.style;
-    A.transform = `translate(${n.x}px, ${n.y}px)translate(-50%, -50%)translate(${s.width / 2 * a}px, ${s.height / 2 * a}px)`, A.width = `${s.width * a}px`, A.height = `${s.height * a}px`;
-    const _ = this.textArea.style;
-    _.font = `${y} ${c}`, _.fontFamily = c || "sans-serif", _.fontSize = `${y}px`, _.padding = `${a * v}px`, _.lineHeight = `${y}px`, _.boxSizing = "border-box", _.color = g || "black", _.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    A.transform = `translate(${n.x}px, ${n.y}px)translate(-50%, -50%)translate(${o.width / 2 * l}px, ${o.height / 2 * l}px)`, A.width = `${o.width * l}px`, A.height = `${o.height * l}px`;
+    const k = this.textArea.style;
+    k.font = `${y} ${h}`, k.fontFamily = h || "sans-serif", k.fontSize = `${y}px`, k.padding = `${l * v}px`, k.lineHeight = `${y}px`, k.boxSizing = "border-box", k.color = g || "black", k.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(e) {
     super.select(e), this.textArea.classList.add("noevents");
@@ -2232,59 +2224,59 @@ class Ln extends Vr {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class $n {
+class On {
   constructor() {
     x(this, "links", {}), x(this, "linksByTargetId", {}), x(this, "linksByArrowId", {});
   }
-  add(e, s, n, a, c) {
-    const f = Ne(), g = e.id, d = {
-      id: f,
+  add(e, o, n, l, h) {
+    const d = He(), g = e.id, f = {
+      id: d,
       arrow: g,
       target: n,
-      targetType: a,
-      connectionPoint: c,
-      side: s
+      targetType: l,
+      connectionPoint: h,
+      side: o
     };
-    return this.links[f] = d, this.linksByTargetId[n] || (this.linksByTargetId[n] = []), this.linksByTargetId[n].push(f), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][s] = f, e.properties.link = e.properties.link || {}, e.properties.link[s] = {
+    return this.links[d] = f, this.linksByTargetId[n] || (this.linksByTargetId[n] = []), this.linksByTargetId[n].push(d), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][o] = d, e.properties.link = e.properties.link || {}, e.properties.link[o] = {
       id: n,
-      side: s,
-      type: a,
-      magnet: c
+      side: o,
+      type: l,
+      magnet: h
     }, this;
   }
-  arrowIsLinked(e, s) {
+  arrowIsLinked(e, o) {
     var n;
-    return !!((n = this.linksByArrowId[e]) != null && n[s]);
+    return !!((n = this.linksByArrowId[e]) != null && n[o]);
   }
   // remove the link between the arrow and the target by arrow id and side
-  remove(e, s) {
-    var n, a;
-    const c = e.id, f = (n = this.linksByArrowId[c]) == null ? void 0 : n[s];
-    if ((a = e.properties.link) == null || delete a[s], !f) return this;
-    const g = this.links[f];
-    delete this.links[f];
-    const d = this.linksByTargetId[g.target];
-    for (let v = 0; v < d.length; v++)
-      if (d[v] === f) {
-        d.splice(v, 1);
+  remove(e, o) {
+    var n, l;
+    const h = e.id, d = (n = this.linksByArrowId[h]) == null ? void 0 : n[o];
+    if ((l = e.properties.link) == null || delete l[o], !d) return this;
+    const g = this.links[d];
+    delete this.links[d];
+    const f = this.linksByTargetId[g.target];
+    for (let v = 0; v < f.length; v++)
+      if (f[v] === d) {
+        f.splice(v, 1);
         break;
       }
-    return delete this.linksByArrowId[c][s], this;
+    return delete this.linksByArrowId[h][o], this;
   }
-  getArrowLink(e, s) {
+  getArrowLink(e, o) {
     var n;
-    const a = (n = this.linksByArrowId[e]) == null ? void 0 : n[s];
-    return a ? this.links[a] : null;
+    const l = (n = this.linksByArrowId[e]) == null ? void 0 : n[o];
+    return l ? this.links[l] : null;
   }
-  getTargetLinks(e, s) {
+  getTargetLinks(e, o) {
     var n;
-    return ((n = this.linksByTargetId[e]) == null ? void 0 : n.map((a) => this.links[a]).filter((a) => a.targetType === s)) ?? [];
+    return ((n = this.linksByTargetId[e]) == null ? void 0 : n.map((l) => this.links[l]).filter((l) => l.targetType === o)) ?? [];
   }
   forEach(e) {
     Object.values(this.links).forEach(e);
   }
 }
-const at = (u) => u.properties.type === "arrow", yt = (u) => u.properties.type === "text", Or = (u) => u.type === "FeatureCollection", In = {
+const at = (u) => u.properties.type === "arrow", yt = (u) => u.properties.type === "text", Or = (u) => u.type === "FeatureCollection", Dn = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2304,57 +2296,57 @@ const at = (u) => u.properties.type === "arrow", yt = (u) => u.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class jn extends Yr {
-  constructor(e, s = {}) {
-    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new $n()), x(this, "layer"), x(this, "annotations"), x(this, "ogma"), x(this, "options"), x(this, "selected", null), x(this, "updateTimeout", 0), x(this, "hoveredNode", null), x(this, "dragged", null), x(this, "textToMagnet"), x(this, "activeLinks", []), x(this, "_render", (n) => {
+class Pn extends Yr {
+  constructor(e, o = {}) {
+    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new On()), x(this, "layer"), x(this, "annotations"), x(this, "ogma"), x(this, "options"), x(this, "selected", null), x(this, "updateTimeout", 0), x(this, "hoveredNode", null), x(this, "dragged", null), x(this, "textToMagnet"), x(this, "activeLinks", []), x(this, "_render", (n) => {
       if (!this.dragged || this.textToMagnet === void 0) return;
       n.beginPath(), n.fillStyle = "green";
-      const a = this.ogma.view.getZoom();
-      Pr.forEach((c) => {
+      const l = this.ogma.view.getZoom();
+      Pr.forEach((h) => {
         if (!this.textToMagnet) return;
-        const f = mt(this.textToMagnet), g = vt(this.textToMagnet), d = Ie(c, { x: f.width, y: f.height }), v = ot(d, this.ogma.view.getAngle()), { x: y, y: A } = Bt(v, g);
-        n.moveTo(y, A), n.arc(y, A, this.options.magnetHandleRadius / a, 0, Math.PI * 2);
+        const d = mt(this.textToMagnet), g = vt(this.textToMagnet), f = $e(h, { x: d.width, y: d.height }), v = st(f, this.ogma.view.getAngle()), { x: y, y: A } = Bt(v, g);
+        n.moveTo(y, A), n.arc(y, A, this.options.magnetHandleRadius / l, 0, Math.PI * 2);
       }), n.fill(), n.closePath();
-    }), x(this, "_onFeatureDrag", (n, a) => {
-      const c = a;
-      if (at(n) && c === "line")
-        ["start", "end"].find((f) => {
-          const g = f === "start" ? de(n) : je(n);
-          return this._snapToText(n, c, g) || this._findAndSnapToNode(n, f, g);
+    }), x(this, "_onFeatureDrag", (n, l) => {
+      const h = l;
+      if (at(n) && h === "line")
+        ["start", "end"].find((d) => {
+          const g = d === "start" ? de(n) : je(n);
+          return this._snapToText(n, h, g) || this._findAndSnapToNode(n, d, g);
         });
-      else if (at(n) && c !== "line") {
-        const f = c === "start" ? de(n) : je(n);
-        this._snapToText(n, c, f) || this._findAndSnapToNode(n, c, f);
-      } else yt(n) && (this.activeLinks.forEach(({ arrow: f, side: g, connectionPoint: d }) => {
-        const v = this.getAnnotation(f), y = mt(n), A = vt(n), _ = Ie(d, { x: y.width, y: y.height }), S = ot(_, this.ogma.view.getAngle()), R = Bt(S, A);
+      else if (at(n) && h !== "line") {
+        const d = h === "start" ? de(n) : je(n);
+        this._snapToText(n, h, d) || this._findAndSnapToNode(n, h, d);
+      } else yt(n) && (this.activeLinks.forEach(({ arrow: d, side: g, connectionPoint: f }) => {
+        const v = this.getAnnotation(d), y = mt(n), A = vt(n), k = $e(f, { x: y.width, y: y.height }), S = st(k, this.ogma.view.getAngle()), R = Bt(S, A);
         v.geometry.coordinates[g === "start" ? 0 : 1] = [R.x, R.y];
       }), this.activeLinks.length && this.arrows.refreshLayer());
-      this.layer.refresh(), this.emit(Me, n, a);
+      this.layer.refresh(), this.emit(ze, n, l);
     }), x(this, "_onFeatureDragEnd", (n) => {
-      this.dragged !== null && at(n) && de(this.dragged) && Dr.forEach((a) => {
-        this.links.getArrowLink(n.id, a) && this.emit(kn, {
+      this.dragged !== null && at(n) && de(this.dragged) && Dr.forEach((l) => {
+        this.links.getArrowLink(n.id, l) && this.emit(wn, {
           arrow: n,
-          link: this.links.getArrowLink(n.id, a)
+          link: this.links.getArrowLink(n.id, l)
         });
-      }), (yt(n) || at(n)) && this.onUpdate(n), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((a) => a.enableDetection()), this.layer.refresh(), this.emit(Ut, n);
+      }), (yt(n) || at(n)) && this.onUpdate(n), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((l) => l.enableDetection()), this.layer.refresh(), this.emit(Ut, n);
     }), x(this, "_onFeatureDragStart", (n) => {
-      this.textToMagnet = void 0, at(n) ? this.dragged = n : yt(n) && this.activeLinks.push(...this.links.getTargetLinks(n.id, "text")), this.annotations.forEach((a) => {
-        const c = a.getSelectedFeature();
-        c && c !== n && a.unhover().unselect(), a.disableDetection();
-      }), this.emit(ze, n);
+      this.textToMagnet = void 0, at(n) ? this.dragged = n : yt(n) && this.activeLinks.push(...this.links.getTargetLinks(n.id, "text")), this.annotations.forEach((l) => {
+        const h = l.getSelectedFeature();
+        h && h !== n && l.unhover().unselect(), l.disableDetection();
+      }), this.emit(Ne, n);
     }), x(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     }), x(this, "_onNodesDrag", (n) => {
-      const { dx: a, dy: c } = n;
-      this._moveNodes(n.nodes, a, c);
+      const { dx: l, dy: h } = n;
+      this._moveNodes(n.nodes, l, h);
     }), x(this, "_onLayoutEnd", (n) => {
-      n.ids.forEach((a, c) => {
-        this.links.getTargetLinks(a, "node").forEach((f) => {
-          const g = this.getAnnotation(f.arrow), d = f.side, v = Le(
+      n.ids.forEach((l, h) => {
+        this.links.getTargetLinks(l, "node").forEach((d) => {
+          const g = this.getAnnotation(d.arrow), f = d.side, v = Le(
             g,
-            d === "start" ? "end" : "start"
-          ), y = n.positions.current[c], A = this.ogma.getNode(a).getAttribute("radius"), _ = $e(v, y, +A);
-          Ht(g, d, _.x, _.y);
+            f === "start" ? "end" : "start"
+          ), y = n.positions.current[h], A = this.ogma.getNode(l).getAttribute("radius"), k = Ie(v, y, +A);
+          Ht(g, f, k.x, k.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     }), x(this, "_onAdded", (n) => {
@@ -2371,57 +2363,57 @@ class jn extends Yr {
       );
     }), x(this, "_onUpdate", (n) => {
       this.emit(cr, n);
-    }), this.options = this.setOptions({ ...In, ...s }), this.ogma = e, this.arrows = new Cn(e, this.options), this.texts = new Ln(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((n) => {
-      n.on(ze, this._onFeatureDragStart).on(Me, this._onFeatureDrag).on(Ut, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
+    }), this.options = this.setOptions({ ...Dn, ...o }), this.ogma = e, this.arrows = new An(e, this.options), this.texts = new Rn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((n) => {
+      n.on(Ne, this._onFeatureDragStart).on(ze, this._onFeatureDrag).on(Ut, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = e.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
-  _moveNodes(e, s, n) {
-    e.forEach((a) => {
-      const c = this.links.getTargetLinks(a.getId(), "node"), f = a.getPosition();
-      c.forEach((g) => {
-        const d = this.getAnnotation(g.arrow), v = g.side, y = Le(
-          d,
+  _moveNodes(e, o, n) {
+    e.forEach((l) => {
+      const h = this.links.getTargetLinks(l.getId(), "node"), d = l.getPosition();
+      h.forEach((g) => {
+        const f = this.getAnnotation(g.arrow), v = g.side, y = Le(
+          f,
           v === "start" ? "end" : "start"
         );
-        let A = f;
-        const _ = +a.getAttribute("radius"), S = 1e-6;
-        (g.connectionPoint.x - (f.x - s) > S || g.connectionPoint.y - (f.y - n) > S) && (A = $e(y, f, _)), Ht(d, v, A.x, A.y);
+        let A = d;
+        const k = +l.getAttribute("radius"), S = 1e-6;
+        (g.connectionPoint.x - (d.x - o) > S || g.connectionPoint.y - (d.y - n) > S) && (A = Ie(y, d, k)), Ht(f, v, A.x, A.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(e, s, n) {
-    const a = this.texts.detect(n, this.options.detectMargin);
-    if (this.links.remove(e, s), !a) return !1;
-    this.textToMagnet = a;
-    const c = this.findMagnetPoint(Pr, a, n);
-    return c ? (Ht(e, s, c.point.x, c.point.y), this.links.add(e, s, a.id, "text", c.magnet), !0) : !1;
+  _snapToText(e, o, n) {
+    const l = this.texts.detect(n, this.options.detectMargin);
+    if (this.links.remove(e, o), !l) return !1;
+    this.textToMagnet = l;
+    const h = this.findMagnetPoint(Pr, l, n);
+    return h ? (Ht(e, o, h.point.x, h.point.y), this.links.add(e, o, l.id, "text", h.magnet), !0) : !1;
   }
-  _findAndSnapToNode(e, s, n) {
-    var a, c;
-    const f = this.ogma.view.graphToScreenCoordinates(n), g = this.ogma.view.getElementAt(f);
-    this.links.remove(e, s), g && g.isNode ? ((a = this.hoveredNode) == null || a.setSelected(!1), this.hoveredNode = g, g.setSelected(!0), this._snapToNode(e, s, g, f)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
+  _findAndSnapToNode(e, o, n) {
+    var l, h;
+    const d = this.ogma.view.graphToScreenCoordinates(n), g = this.ogma.view.getElementAt(d);
+    this.links.remove(e, o), g && g.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = g, g.setSelected(!0), this._snapToNode(e, o, g, d)) : ((h = this.hoveredNode) == null || h.setSelected(!1), this.hoveredNode = null);
   }
-  _snapToNode(e, s, n, a) {
-    const c = n.getPositionOnScreen(), f = +n.getAttribute("radius"), g = f * this.ogma.view.getZoom(), d = a.x - c.x, v = a.y - c.y, y = Math.sqrt(d * d + v * v), A = n.getPosition();
+  _snapToNode(e, o, n, l) {
+    const h = n.getPositionOnScreen(), d = +n.getAttribute("radius"), g = d * this.ogma.view.getZoom(), f = l.x - h.x, v = l.y - h.y, y = Math.sqrt(f * f + v * v), A = n.getPosition();
     if (y < g + this.options.detectMargin) {
-      let _ = A;
+      let k = A;
       if (y > g / 2) {
-        const S = Le(e, s === "end" ? "start" : "end");
-        _ = $e(S, _, f);
+        const S = Le(e, o === "end" ? "start" : "end");
+        k = Ie(S, k, d);
       }
-      Ht(e, s, _.x, _.y), this.links.add(e, s, n.getId(), "node", _);
+      Ht(e, o, k.x, k.y), this.links.add(e, o, n.getId(), "node", k);
     }
   }
   refreshTextLinks() {
     let e = !1;
     this.links.forEach(
-      ({ connectionPoint: s, targetType: n, target: a, arrow: c, side: f }) => {
+      ({ connectionPoint: o, targetType: n, target: l, arrow: h, side: d }) => {
         if (n !== "text") return;
         e = !0;
-        const g = this.getAnnotation(a), d = this.getAnnotation(c), v = mt(g), y = vt(g), A = Ie(s, { x: v.width, y: v.height }), _ = ot(A, this.ogma.view.getAngle()), S = Bt(_, y);
-        Ht(d, f, S.x, S.y);
+        const g = this.getAnnotation(l), f = this.getAnnotation(h), v = mt(g), y = vt(g), A = $e(o, { x: v.width, y: v.height }), k = st(A, this.ogma.view.getAngle()), S = Bt(k, y);
+        Ht(f, d, S.x, S.y);
       }
     ), e && this.arrows.refreshLayer();
   }
@@ -2431,24 +2423,24 @@ class jn extends Yr {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(e, s, n) {
-    let a;
-    for (const c of e) {
-      const f = mt(s), g = vt(s), d = Ie(c, { x: f.width, y: f.height }), v = ot(d, this.ogma.view.getAngle()), y = Bt(v, g), A = qt(Ot(y, n)), _ = Math.min(
+  findMagnetPoint(e, o, n) {
+    let l;
+    for (const h of e) {
+      const d = mt(o), g = vt(o), f = $e(h, { x: d.width, y: d.height }), v = st(f, this.ogma.view.getAngle()), y = Bt(v, g), A = qt(Ot(y, n)), k = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
-        f.width / 2,
-        f.height / 2
+        d.width / 2,
+        d.height / 2
       );
-      if (A < Math.max(_, this.options.magnetHandleRadius)) {
-        a = {
+      if (A < Math.max(k, this.options.magnetHandleRadius)) {
+        l = {
           point: y,
-          magnet: c
+          magnet: h
         };
         break;
       }
     }
-    return a;
+    return l;
   }
   /**
    * Set the options for the controller
@@ -2466,8 +2458,8 @@ class jn extends Yr {
    * @param id the id of the annotation to select
    */
   select(e) {
-    const s = this.getAnnotations().features.find((n) => n.id === e);
-    return s ? (at(s) ? this.arrows.select(s.id) : yt(s) && this.texts.select(s.id), this) : this;
+    const o = this.getAnnotations().features.find((n) => n.id === e);
+    return o ? (at(o) ? this.arrows.select(o.id) : yt(o) && this.texts.select(o.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
@@ -2481,11 +2473,11 @@ class jn extends Yr {
    */
   add(e) {
     if (Or(e)) {
-      const [s, n] = e.features.reduce(
-        (a, c) => (at(c) ? a[1].push(c) : yt(c) && a[0].push(c), a),
+      const [o, n] = e.features.reduce(
+        (l, h) => (at(h) ? l[1].push(h) : yt(h) && l[0].push(h), l),
         [[], []]
       );
-      return s.forEach((a) => this.add(a)), n.forEach((a) => this.add(a)), this.arrows.refreshLayer(), this;
+      return o.forEach((l) => this.add(l)), n.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
     }
     switch (e.properties.type) {
       case "text":
@@ -2504,26 +2496,26 @@ class jn extends Yr {
    */
   remove(e) {
     return Or(e) ? (e.features.forEach(
-      (s) => this.remove(s)
+      (o) => this.remove(o)
     ), this) : (at(e) ? (this.links.remove(e, "start"), this.links.remove(e, "end"), this.arrows.remove(e.id)) : this.texts.remove(e.id), this);
   }
   loadLink(e) {
     if (e.properties.link)
-      for (const s of Dr) {
-        const n = e.properties.link[s];
+      for (const o of Dr) {
+        const n = e.properties.link[o];
         if (!n) continue;
-        const a = this.getAnnotation(n.id);
-        if (n.type === "text" && a)
-          this.links.add(e, s, n.id, n.type, n.magnet);
+        const l = this.getAnnotation(n.id);
+        if (n.type === "text" && l)
+          this.links.add(e, o, n.id, n.type, n.magnet);
         else if (n.type === "node") {
-          const c = this.ogma.getNode(n.id);
-          if (!c) continue;
-          this.links.add(e, s, n.id, n.type, n.magnet);
-          const f = c.getPosition(), g = c.getAttribute("radius") || 0, d = Le(
+          const h = this.ogma.getNode(n.id);
+          if (!h) continue;
+          this.links.add(e, o, n.id, n.type, n.magnet);
+          const d = h.getPosition(), g = h.getAttribute("radius") || 0, f = Le(
             e,
-            s === "start" ? "end" : "start"
-          ), v = $e(d, f, +g);
-          Ht(e, s, v.x, v.y);
+            o === "start" ? "end" : "start"
+          ), v = Ie(f, d, +g);
+          Ht(e, o, v.x, v.y);
         }
       }
   }
@@ -2533,8 +2525,8 @@ class jn extends Yr {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(e, s, n) {
-    this.cancelDrawing(), this.arrows.startDrawing(e, s, n);
+  startArrow(e, o, n) {
+    this.cancelDrawing(), this.arrows.startDrawing(e, o, n);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -2542,30 +2534,29 @@ class jn extends Yr {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(e, s, n) {
-    this.cancelDrawing(), this.texts.startDrawing(e, s, n);
+  startText(e, o, n) {
+    this.cancelDrawing(), this.texts.startDrawing(e, o, n);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(An);
+    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(bn);
   }
   /**
    * Update the style of the annotation with the given id
    * @param id The id of the annotation to update
    * @param style The new style
    */
-  updateStyle(e, s) {
-    const n = this.getAnnotations().features.find((a) => a.id === e);
-    return n ? (at(n) ? this.arrows.updateStyle(n, s) : yt(n) && this.texts.updateStyle(n, s), this.onUpdate(n), this) : this;
+  updateStyle(e, o) {
+    const n = this.getAnnotations().features.find((l) => l.id === e);
+    return n ? (at(n) ? this.arrows.updateStyle(n, o) : yt(n) && this.texts.updateStyle(n, o), this.onUpdate(n), this) : this;
   }
-  setScale(e, s, n, a) {
-    const c = this.getAnnotations().features.find((f) => f.id === e);
-    return c ? (at(c) ? this.arrows.scale(c, s, n, a) : yt(c) && this.texts.scale(c, s, n, a), this.onUpdate(c), this) : this;
+  setScale(e, o, n, l) {
+    const h = this.getAnnotations().features.find((d) => d.id === e);
+    return h ? (at(h) ? this.arrows.scale(h, o, n, l) : yt(h) && this.texts.scale(h, o, n, l), this.onUpdate(h), this) : this;
   }
   /**
-   *
    * @returns the annotations in the controller
    */
   getAnnotations() {
@@ -2573,8 +2564,8 @@ class jn extends Yr {
       type: "FeatureCollection",
       features: []
     };
-    return this.annotations.forEach((s) => {
-      e.features = [...e.features, ...s.getElements()];
+    return this.annotations.forEach((o) => {
+      e.features = [...e.features, ...o.getElements()];
     }), e;
   }
   /**
@@ -2583,7 +2574,7 @@ class jn extends Yr {
    * @returns The annotation with the given id
    */
   getAnnotation(e) {
-    return this.getAnnotations().features.find((s) => s.id === e);
+    return this.getAnnotations().features.find((o) => o.id === e);
   }
   /**
    * Destroy the controller and its elements
@@ -2592,7 +2583,7 @@ class jn extends Yr {
     this.annotations.forEach((e) => e.destroy()), this.layer.destroy();
   }
 }
-const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333", Wn = [
+const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Ir = "none", Xr = "#333333", Nn = [
   "#FFFFFF",
   "#F44E3B",
   "#FE9200",
@@ -2605,7 +2596,7 @@ const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333",
   "#333333",
   "#808080",
   "#cccccc"
-], Un = [
+], Hn = [
   "Roboto",
   "Helvetica Neue",
   "Helvetica",
@@ -2617,33 +2608,33 @@ const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333",
   "Consolas",
   "Courier New",
   "monospace"
-].sort((u, e) => u.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), Fn = {
+].sort((u, e) => u.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), Ln = {
   head: "arrow",
   strokeColor: Xr,
   strokeWidth: 5
-}, Mn = 0.25, zn = {
+}, In = 0.25, $n = {
   font: "Roboto",
   fontSize: Lr[2],
-  padding: Lr[2] * Mn,
+  padding: Lr[2] * In,
   color: Xr,
-  strokeType: $r,
-  background: $r
+  strokeType: Ir,
+  background: Ir
 };
-function Nn(u) {
-  return u.reduce((e, s) => e + s, 0) / u.length;
+function jn(u) {
+  return u.reduce((e, o) => e + o, 0) / u.length;
 }
-function Yn(u, e = 0, s = 1) {
-  return e + (s - e) * u;
+function Bn(u, e = 0, o = 1) {
+  return e + (o - e) * u;
 }
-function Vn(u, e = 0, s = 1) {
-  return (u - e) / (s - e);
+function qn(u, e = 0, o = 1) {
+  return (u - e) / (o - e);
 }
-function Xn() {
+function Wn() {
   return jr(null);
 }
 const Gr = jr(
   void 0
-), Gn = () => Kr(Gr), Hn = (u, e) => {
+), Un = () => Kr(Gr), Fn = (u, e) => {
   switch (e.type) {
     case "add":
       return {
@@ -2653,59 +2644,59 @@ const Gr = jr(
     case "remove":
       return {
         ...u,
-        features: u.features.filter((s) => s.id !== e.payload.id)
+        features: u.features.filter((o) => o.id !== e.payload.id)
       };
     case "update":
       return {
         ...u,
         features: u.features.map(
-          (s) => s.id === e.payload.id ? e.payload : s
+          (o) => o.id === e.payload.id ? e.payload : o
         )
       };
     default:
       return u;
   }
-}, Jn = ({ children: u }) => {
-  const e = Qr(), [s, n] = Zr(Hn, {
+}, Yn = ({ children: u }) => {
+  const e = Qr(), [o, n] = Zr(Fn, {
     type: "FeatureCollection",
     features: []
-  }), [a, c] = Nt(null), [f, g] = Nt(Fn), [d, v] = Nt(zn), [y, A] = Nt(), [_, S] = Nt(1), [R, C] = Nt(1);
-  return rr(() => {
+  }), [l, h] = Nt(null), [d, g] = Nt(Ln), [f, v] = Nt($n), [y, A] = Nt(), [k, S] = Nt(1), [R, C] = Nt(1);
+  return nr(() => {
     if (!e) return;
-    const L = new jn(e, {
+    const L = new Pn(e, {
       minArrowHeight: 1
-    }), I = Nn(e.getNodes().getAttribute("radius")) / 5, k = _;
+    }), $ = jn(e.getNodes().getAttribute("radius")) / 5, _ = k;
     return g({
-      ...f,
-      strokeWidth: (f.strokeWidth || 1) * k
-    }), S(k), C(I), L.on("select", (z) => {
+      ...d,
+      strokeWidth: (d.strokeWidth || 1) * _
+    }), S(_), C($), L.on("select", (z) => {
       at(z) ? g({
         ...z.properties.style || {}
       }) : yt(z) && v({
         ...z.properties.style || {}
-      }), c(z);
+      }), h(z);
     }).on("unselect", () => {
-      c(null);
+      h(null);
     }), A(L), () => {
-      y == null || y.destroy();
+      L.destroy();
     };
-  }, [e]), rr(() => {
-    y && a && (a == null ? void 0 : a.properties.type) === "arrow" && y.updateStyle(a.id, f);
-  }, [y, f, a]), rr(() => {
-    y && a && (a == null ? void 0 : a.properties.type) === "text" && y.updateStyle(a.id, d);
-  }, [y, d, a]), /* @__PURE__ */ nn.jsx(
+  }, [e]), nr(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "arrow" && y.updateStyle(l.id, d);
+  }, [y, d, l]), nr(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "text" && y.updateStyle(l.id, f);
+  }, [y, f, l]), /* @__PURE__ */ nn.jsx(
     Gr.Provider,
     {
       value: {
-        annotations: s,
+        annotations: o,
         updateAnnotations: n,
-        currentAnnotation: a,
-        setCurrentAnnotation: c,
-        textStyle: d,
+        currentAnnotation: l,
+        setCurrentAnnotation: h,
+        textStyle: f,
         setTextStyle: v,
-        arrowStyle: f,
+        arrowStyle: d,
         setArrowStyle: g,
-        arrowWidthFactor: _,
+        arrowWidthFactor: k,
         setArrowWidthFactor: S,
         textSizeFactor: R,
         setTextSizeFactor: C,
@@ -2718,18 +2709,18 @@ const Gr = jr(
 };
 export {
   Gr as AnnotationsContext,
-  Jn as AnnotationsContextProvider,
+  Yn as AnnotationsContextProvider,
   Xr as BLACK,
-  Mn as RELATIVE_PADDING,
-  $r as TRANSPARENT,
-  Xn as createAnnotationsContext,
-  Fn as defaultArrowStyle,
-  Wn as defaultColors,
-  zn as defaultTextStyle,
+  In as RELATIVE_PADDING,
+  Ir as TRANSPARENT,
+  Wn as createAnnotationsContext,
+  Ln as defaultArrowStyle,
+  Nn as defaultColors,
+  $n as defaultTextStyle,
   Lr as fontSizes,
-  Un as fonts,
-  Yn as interpolate,
-  Nn as mean,
-  Vn as normalize,
-  Gn as useAnnotationsContext
+  Hn as fonts,
+  Bn as interpolate,
+  jn as mean,
+  qn as normalize,
+  Un as useAnnotationsContext
 };