npm - @linkurious/ogma-annotations-react - Versions diffs - 1.1.12 → 1.1.14 - Mend

@linkurious/ogma-annotations-react 1.1.12 → 1.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import Er, { createContext as _r, useContext as zr, useReducer as Nr, useState as zt, useEffect as Je } from "react";
-import { useOgma as Hr } from "@linkurious/ogma-react";
-var er = { exports: {} }, ae = {};
+import Cr, { createContext as Or, useContext as qr, useReducer as Yr, useState as Nt, useEffect as er } from "react";
+import { useOgma as Xr } from "@linkurious/ogma-react";
+var or = { exports: {} }, ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,25 +10,25 @@ var er = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hr;
-function Br() {
-  if (hr)
-    return ae;
-  hr = 1;
-  var p = Er, e = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, h = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function g(m, f, s) {
-    var d, A = {}, _ = null, R = null;
-    s !== void 0 && (_ = "" + s), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (R = f.ref);
-    for (d in f)
-      i.call(f, d) && !c.hasOwnProperty(d) && (A[d] = f[d]);
-    if (m && m.defaultProps)
-      for (d in f = m.defaultProps, f)
-        A[d] === void 0 && (A[d] = f[d]);
-    return { $$typeof: e, type: m, key: _, ref: R, props: A, _owner: h.current };
-  }
-  return ae.Fragment = a, ae.jsx = g, ae.jsxs = g, ae;
+var dr;
+function Gr() {
+  if (dr)
+    return ue;
+  dr = 1;
+  var h = Cr, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(p, d, v) {
+    var y, _ = {}, C = null, E = null;
+    v !== void 0 && (C = "" + v), d.key !== void 0 && (C = "" + d.key), d.ref !== void 0 && (E = d.ref);
+    for (y in d)
+      i.call(d, y) && !c.hasOwnProperty(y) && (_[y] = d[y]);
+    if (p && p.defaultProps)
+      for (y in d = p.defaultProps, d)
+        _[y] === void 0 && (_[y] = d[y]);
+    return { $$typeof: e, type: p, key: C, ref: E, props: _, _owner: l.current };
+  }
+  return ue.Fragment = s, ue.jsx = f, ue.jsxs = f, ue;
 }
-var le = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,91 +38,91 @@ var le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ur;
-function Ur() {
-  return ur || (ur = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = Er, e = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), m = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), P = Symbol.iterator, E = "@@iterator";
-    function M(t) {
+var fr;
+function Jr() {
+  return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
+    var h = Cr, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), P = Symbol.iterator, S = "@@iterator";
+    function $(t) {
       if (t === null || typeof t != "object")
         return null;
-      var o = P && t[P] || t[E];
+      var o = P && t[P] || t[S];
       return typeof o == "function" ? o : null;
     }
-    var j = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(t) {
+    var L = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function T(t) {
       {
-        for (var o = arguments.length, u = new Array(o > 1 ? o - 1 : 0), y = 1; y < o; y++)
-          u[y - 1] = arguments[y];
-        N("error", t, u);
+        for (var o = arguments.length, u = new Array(o > 1 ? o - 1 : 0), g = 1; g < o; g++)
+          u[g - 1] = arguments[g];
+        B("error", t, u);
       }
     }
-    function N(t, o, u) {
+    function B(t, o, u) {
       {
-        var y = j.ReactDebugCurrentFrame, v = y.getStackAddendum();
-        v !== "" && (o += "%s", u = u.concat([v]));
+        var g = L.ReactDebugCurrentFrame, m = g.getStackAddendum();
+        m !== "" && (o += "%s", u = u.concat([m]));
         var w = u.map(function(b) {
           return String(b);
         });
         w.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, w);
       }
     }
-    var H = !1, st = !1, xt = !1, Ut = !1, Wt = !1, fe;
-    fe = Symbol.for("react.module.reference");
-    function Rt(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || Wt || t === h || t === s || t === d || Ut || t === R || H || st || xt || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === A || t.$$typeof === g || t.$$typeof === m || t.$$typeof === f || // This needs to include all possible module reference object
+    var N = !1, it = !1, xt = !1, qt = !1, Yt = !1, pe;
+    pe = Symbol.for("react.module.reference");
+    function Ot(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || Yt || t === l || t === v || t === y || qt || t === E || N || it || xt || typeof t == "object" && t !== null && (t.$$typeof === C || t.$$typeof === _ || t.$$typeof === f || t.$$typeof === p || t.$$typeof === d || // 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 === fe || t.getModuleId !== void 0));
+      t.$$typeof === pe || t.getModuleId !== void 0));
     }
-    function Ct(t, o, u) {
-      var y = t.displayName;
-      if (y)
-        return y;
-      var v = o.displayName || o.name || "";
-      return v !== "" ? u + "(" + v + ")" : u;
+    function Pt(t, o, u) {
+      var g = t.displayName;
+      if (g)
+        return g;
+      var m = o.displayName || o.name || "";
+      return m !== "" ? u + "(" + m + ")" : u;
     }
-    function Yt(t) {
+    function Xt(t) {
       return t.displayName || "Context";
     }
-    function et(t) {
+    function tt(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" && T("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 i:
           return "Fragment";
-        case a:
+        case s:
           return "Portal";
         case c:
           return "Profiler";
-        case h:
+        case l:
           return "StrictMode";
-        case s:
+        case v:
           return "Suspense";
-        case d:
+        case y:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case m:
+          case p:
             var o = t;
-            return Yt(o) + ".Consumer";
-          case g:
-            var u = t;
-            return Yt(u._context) + ".Provider";
+            return Xt(o) + ".Consumer";
           case f:
-            return Ct(t, t.render, "ForwardRef");
-          case A:
-            var y = t.displayName || null;
-            return y !== null ? y : et(t.type) || "Memo";
-          case _: {
-            var v = t, w = v._payload, b = v._init;
+            var u = t;
+            return Xt(u._context) + ".Provider";
+          case d:
+            return Pt(t, t.render, "ForwardRef");
+          case _:
+            var g = t.displayName || null;
+            return g !== null ? g : tt(t.type) || "Memo";
+          case C: {
+            var m = t, w = m._payload, b = m._init;
             try {
-              return et(b(w));
+              return tt(b(w));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function Ur() {
         }
       return null;
     }
-    var F = Object.assign, at = 0, Z, ht, Pt, de, Vt, pe, ge;
-    function St() {
+    var D = Object.assign, at = 0, X, ht, Rt, ye, Gt, ve, me;
+    function At() {
     }
-    St.__reactDisabledLog = !0;
-    function ye() {
+    At.__reactDisabledLog = !0;
+    function be() {
       {
         if (at === 0) {
-          Z = console.log, ht = console.info, Pt = console.warn, de = console.error, Vt = console.group, pe = console.groupCollapsed, ge = console.groupEnd;
+          X = console.log, ht = console.info, Rt = console.warn, ye = console.error, Gt = console.group, ve = console.groupCollapsed, me = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: St,
+            value: At,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,7 +157,7 @@ function Ur() {
         at++;
       }
     }
-    function De() {
+    function Ne() {
       {
         if (at--, at === 0) {
           var t = {
@@ -166,65 +166,65 @@ function Ur() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, t, {
-              value: Z
+            log: D({}, t, {
+              value: X
             }),
-            info: F({}, t, {
+            info: D({}, t, {
               value: ht
             }),
-            warn: F({}, t, {
-              value: Pt
+            warn: D({}, t, {
+              value: Rt
             }),
-            error: F({}, t, {
-              value: de
+            error: D({}, t, {
+              value: ye
             }),
-            group: F({}, t, {
-              value: Vt
+            group: D({}, t, {
+              value: Gt
             }),
-            groupCollapsed: F({}, t, {
-              value: pe
+            groupCollapsed: D({}, t, {
+              value: ve
             }),
-            groupEnd: F({}, t, {
-              value: ge
+            groupEnd: D({}, t, {
+              value: me
             })
           });
         }
-        at < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        at < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var qt = j.ReactCurrentDispatcher, Xt;
+    var Jt = L.ReactCurrentDispatcher, Zt;
     function It(t, o, u) {
       {
-        if (Xt === void 0)
+        if (Zt === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var y = v.stack.trim().match(/\n( *(at )?)/);
-            Xt = y && y[1] || "";
+          } catch (m) {
+            var g = m.stack.trim().match(/\n( *(at )?)/);
+            Zt = g && g[1] || "";
           }
         return `
-` + Xt + t;
+` + Zt + t;
       }
     }
-    var Zt = !1, At;
+    var Kt = !1, Et;
     {
-      var Fe = typeof WeakMap == "function" ? WeakMap : Map;
-      At = new Fe();
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      Et = new Be();
     }
-    function Gt(t, o) {
-      if (!t || Zt)
+    function Qt(t, o) {
+      if (!t || Kt)
         return "";
       {
-        var u = At.get(t);
+        var u = Et.get(t);
         if (u !== void 0)
           return u;
       }
-      var y;
-      Zt = !0;
-      var v = Error.prepareStackTrace;
+      var g;
+      Kt = !0;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = qt.current, qt.current = null, ye();
+      w = Jt.current, Jt.current = null, be();
       try {
         if (o) {
           var b = function() {
@@ -237,171 +237,171 @@ function Ur() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(b, []);
-            } catch (O) {
-              y = O;
+            } catch (I) {
+              g = I;
             }
             Reflect.construct(t, [], b);
           } else {
             try {
               b.call();
-            } catch (O) {
-              y = O;
+            } catch (I) {
+              g = I;
             }
             t.call(b.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            y = O;
+          } catch (I) {
+            g = I;
           }
           t();
         }
-      } catch (O) {
-        if (O && y && typeof O.stack == "string") {
-          for (var S = O.stack.split(`
-`), I = y.stack.split(`
-`), T = S.length - 1, C = I.length - 1; T >= 1 && C >= 0 && S[T] !== I[C]; )
-            C--;
-          for (; T >= 1 && C >= 0; T--, C--)
-            if (S[T] !== I[C]) {
-              if (T !== 1 || C !== 1)
+      } catch (I) {
+        if (I && g && typeof I.stack == "string") {
+          for (var A = I.stack.split(`
+`), R = g.stack.split(`
+`), k = A.length - 1, O = R.length - 1; k >= 1 && O >= 0 && A[k] !== R[O]; )
+            O--;
+          for (; k >= 1 && O >= 0; k--, O--)
+            if (A[k] !== R[O]) {
+              if (k !== 1 || O !== 1)
                 do
-                  if (T--, C--, C < 0 || S[T] !== I[C]) {
-                    var D = `
-` + S[T].replace(" at new ", " at ");
-                    return t.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", t.displayName)), typeof t == "function" && At.set(t, D), D;
+                  if (k--, O--, O < 0 || A[k] !== R[O]) {
+                    var j = `
+` + A[k].replace(" at new ", " at ");
+                    return t.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", t.displayName)), typeof t == "function" && Et.set(t, j), j;
                   }
-                while (T >= 1 && C >= 0);
+                while (k >= 1 && O >= 0);
               break;
             }
         }
       } finally {
-        Zt = !1, qt.current = w, De(), Error.prepareStackTrace = v;
+        Kt = !1, Jt.current = w, Ne(), Error.prepareStackTrace = m;
       }
-      var U = t ? t.displayName || t.name : "", L = U ? It(U) : "";
-      return typeof t == "function" && At.set(t, L), L;
+      var W = t ? t.displayName || t.name : "", M = W ? It(W) : "";
+      return typeof t == "function" && Et.set(t, M), M;
     }
-    function Le(t, o, u) {
-      return Gt(t, !1);
+    function He(t, o, u) {
+      return Qt(t, !1);
     }
-    function ze(t) {
+    function We(t) {
       var o = t.prototype;
       return !!(o && o.isReactComponent);
     }
-    function Ot(t, o, u) {
+    function Lt(t, o, u) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Gt(t, ze(t));
+        return Qt(t, We(t));
       if (typeof t == "string")
         return It(t);
       switch (t) {
-        case s:
+        case v:
           return It("Suspense");
-        case d:
+        case y:
           return It("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case f:
-            return Le(t.render);
-          case A:
-            return Ot(t.type, o, u);
-          case _: {
-            var y = t, v = y._payload, w = y._init;
+          case d:
+            return He(t.render);
+          case _:
+            return Lt(t.type, o, u);
+          case C: {
+            var g = t, m = g._payload, w = g._init;
             try {
-              return Ot(w(v), o, u);
+              return Lt(w(m), o, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var Et = Object.prototype.hasOwnProperty, me = {}, ve = j.ReactDebugCurrentFrame;
-    function jt(t) {
+    var _t = Object.prototype.hasOwnProperty, we = {}, xe = L.ReactDebugCurrentFrame;
+    function Ft(t) {
       if (t) {
-        var o = t._owner, u = Ot(t.type, t._source, o ? o.type : null);
-        ve.setExtraStackFrame(u);
+        var o = t._owner, u = Lt(t.type, t._source, o ? o.type : null);
+        xe.setExtraStackFrame(u);
       } else
-        ve.setExtraStackFrame(null);
+        xe.setExtraStackFrame(null);
     }
-    function Ne(t, o, u, y, v) {
+    function Ue(t, o, u, g, m) {
       {
-        var w = Function.call.bind(Et);
+        var w = Function.call.bind(_t);
         for (var b in t)
           if (w(t, b)) {
-            var S = void 0;
+            var A = void 0;
             try {
               if (typeof t[b] != "function") {
-                var I = Error((y || "React class") + ": " + u + " 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 I.name = "Invariant Violation", I;
+                var R = Error((g || "React class") + ": " + u + " 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 R.name = "Invariant Violation", R;
               }
-              S = t[b](o, b, y, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (T) {
-              S = T;
+              A = t[b](o, b, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              A = k;
             }
-            S && !(S instanceof Error) && (jt(v), 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).", y || "React class", u, b, typeof S), jt(null)), S instanceof Error && !(S.message in me) && (me[S.message] = !0, jt(v), k("Failed %s type: %s", u, S.message), jt(null));
+            A && !(A instanceof Error) && (Ft(m), T("%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).", g || "React class", u, b, typeof A), Ft(null)), A instanceof Error && !(A.message in we) && (we[A.message] = !0, Ft(m), T("Failed %s type: %s", u, A.message), Ft(null));
           }
       }
     }
-    var He = Array.isArray;
-    function Jt(t) {
-      return He(t);
+    var Ve = Array.isArray;
+    function te(t) {
+      return Ve(t);
     }
-    function B(t) {
+    function H(t) {
       {
         var o = typeof Symbol == "function" && Symbol.toStringTag, u = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return u;
       }
     }
-    function Be(t) {
+    function qe(t) {
       try {
-        return be(t), !1;
+        return Ae(t), !1;
       } catch {
         return !0;
       }
     }
-    function be(t) {
+    function Ae(t) {
       return "" + t;
     }
-    function Kt(t) {
-      if (Be(t))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", B(t)), be(t);
+    function ee(t) {
+      if (qe(t))
+        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", H(t)), Ae(t);
     }
-    var ot = j.ReactCurrentOwner, we = {
+    var ot = L.ReactCurrentOwner, Ee = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $t, xe, Qt;
-    Qt = {};
-    function te(t) {
-      if (Et.call(t, "ref")) {
+    }, $t, _e, re;
+    re = {};
+    function ne(t) {
+      if (_t.call(t, "ref")) {
         var o = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function Ue(t) {
-      if (Et.call(t, "key")) {
+    function Ye(t) {
+      if (_t.call(t, "key")) {
         var o = Object.getOwnPropertyDescriptor(t, "key").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function We(t, o) {
+    function Xe(t, o) {
       if (typeof t.ref == "string" && ot.current && o && ot.current.stateNode !== o) {
-        var u = et(ot.current.type);
-        Qt[u] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', et(ot.current.type), t.ref), Qt[u] = !0);
+        var u = tt(ot.current.type);
+        re[u] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', tt(ot.current.type), t.ref), re[u] = !0);
       }
     }
-    function Ye(t, o) {
+    function Ge(t, o) {
       {
         var u = function() {
-          $t || ($t = !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));
+          $t || ($t = !0, T("%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));
         };
         u.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: u,
@@ -409,10 +409,10 @@ function Ur() {
         });
       }
     }
-    function ee(t, o) {
+    function ie(t, o) {
       {
         var u = function() {
-          xe || (xe = !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));
+          _e || (_e = !0, T("%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));
         };
         u.isReactWarning = !0, Object.defineProperty(t, "ref", {
           get: u,
@@ -420,8 +420,8 @@ function Ur() {
         });
       }
     }
-    var Se = function(t, o, u, y, v, w, b) {
-      var S = {
+    var ke = function(t, o, u, g, m, w, b) {
+      var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
@@ -432,58 +432,58 @@ function Ur() {
         // Record the component responsible for creating this element.
         _owner: w
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return A._store = {}, Object.defineProperty(A._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(A, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: y
-      }), Object.defineProperty(S, "_source", {
+        value: g
+      }), Object.defineProperty(A, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: m
+      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
-    function _t(t, o, u, y, v) {
+    function kt(t, o, u, g, m) {
       {
-        var w, b = {}, S = null, I = null;
-        u !== void 0 && (Kt(u), S = "" + u), Ue(o) && (Kt(o.key), S = "" + o.key), te(o) && (I = o.ref, We(o, v));
+        var w, b = {}, A = null, R = null;
+        u !== void 0 && (ee(u), A = "" + u), Ye(o) && (ee(o.key), A = "" + o.key), ne(o) && (R = o.ref, Xe(o, m));
         for (w in o)
-          Et.call(o, w) && !we.hasOwnProperty(w) && (b[w] = o[w]);
+          _t.call(o, w) && !Ee.hasOwnProperty(w) && (b[w] = o[w]);
         if (t && t.defaultProps) {
-          var T = t.defaultProps;
-          for (w in T)
-            b[w] === void 0 && (b[w] = T[w]);
+          var k = t.defaultProps;
+          for (w in k)
+            b[w] === void 0 && (b[w] = k[w]);
         }
-        if (S || I) {
-          var C = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          S && Ye(b, C), I && ee(b, C);
+        if (A || R) {
+          var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          A && Ge(b, O), R && ie(b, O);
         }
-        return Se(t, S, I, v, y, ot.current, b);
+        return ke(t, A, R, m, g, ot.current, b);
       }
     }
-    var re = j.ReactCurrentOwner, Ae = j.ReactDebugCurrentFrame;
+    var oe = L.ReactCurrentOwner, Te = L.ReactDebugCurrentFrame;
     function ut(t) {
       if (t) {
-        var o = t._owner, u = Ot(t.type, t._source, o ? o.type : null);
-        Ae.setExtraStackFrame(u);
+        var o = t._owner, u = Lt(t.type, t._source, o ? o.type : null);
+        Te.setExtraStackFrame(u);
       } else
-        Ae.setExtraStackFrame(null);
+        Te.setExtraStackFrame(null);
     }
     var G;
     G = !1;
-    function ft(t) {
+    function dt(t) {
       return typeof t == "object" && t !== null && t.$$typeof === e;
     }
-    function Mt() {
+    function jt() {
       {
-        if (re.current) {
-          var t = et(re.current.type);
+        if (oe.current) {
+          var t = tt(oe.current.type);
           if (t)
             return `
@@ -492,7 +492,7 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Ve(t) {
+    function Je(t) {
       {
         if (t !== void 0) {
           var o = t.fileName.replace(/^.*[\\\/]/, ""), u = t.lineNumber;
@@ -503,10 +503,10 @@ Check your code at ` + o + ":" + u + ".";
         return "";
       }
     }
-    var ne = {};
-    function Ee(t) {
+    var se = {};
+    function Se(t) {
       {
-        var o = Mt();
+        var o = jt();
         if (!o) {
           var u = typeof t == "string" ? t : t.displayName || t.name;
           u && (o = `
@@ -516,39 +516,39 @@ Check the top-level render call using <` + u + ">.");
         return o;
       }
     }
-    function _e(t, o) {
+    function Ce(t, o) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var u = Ee(o);
-        if (ne[u])
+        var u = Se(o);
+        if (se[u])
           return;
-        ne[u] = !0;
-        var y = "";
-        t && t._owner && t._owner !== re.current && (y = " It was passed a child from " + et(t._owner.type) + "."), ut(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.', u, y), ut(null);
+        se[u] = !0;
+        var g = "";
+        t && t._owner && t._owner !== oe.current && (g = " It was passed a child from " + tt(t._owner.type) + "."), ut(t), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), ut(null);
       }
     }
     function Dt(t, o) {
       {
         if (typeof t != "object")
           return;
-        if (Jt(t))
+        if (te(t))
           for (var u = 0; u < t.length; u++) {
-            var y = t[u];
-            ft(y) && _e(y, o);
+            var g = t[u];
+            dt(g) && Ce(g, o);
           }
-        else if (ft(t))
+        else if (dt(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var v = M(t);
-          if (typeof v == "function" && v !== t.entries)
-            for (var w = v.call(t), b; !(b = w.next()).done; )
-              ft(b.value) && _e(b.value, o);
+          var m = $(t);
+          if (typeof m == "function" && m !== t.entries)
+            for (var w = m.call(t), b; !(b = w.next()).done; )
+              dt(b.value) && Ce(b.value, o);
         }
       }
     }
-    function qe(t) {
+    function Ze(t) {
       {
         var o = t.type;
         if (o == null || typeof o == "string")
@@ -556,574 +556,91 @@ Check the top-level render call using <` + u + ">.");
         var u;
         if (typeof o == "function")
           u = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === A))
+        o.$$typeof === _))
           u = o.propTypes;
         else
           return;
         if (u) {
-          var y = et(o);
-          Ne(u, t.props, "prop", y, t);
+          var g = tt(o);
+          Ue(u, t.props, "prop", g, t);
         } else if (o.PropTypes !== void 0 && !G) {
           G = !0;
-          var v = et(o);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var m = tt(o);
+          T("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 o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ke(t) {
+    function Oe(t) {
       {
         for (var o = Object.keys(t.props), u = 0; u < o.length; u++) {
-          var y = o[u];
-          if (y !== "children" && y !== "key") {
-            ut(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), ut(null);
+          var g = o[u];
+          if (g !== "children" && g !== "key") {
+            ut(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), ut(null);
             break;
           }
         }
-        t.ref !== null && (ut(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), ut(null));
+        t.ref !== null && (ut(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), ut(null));
       }
     }
-    function ie(t, o, u, y, v, w) {
+    function ae(t, o, u, g, m, w) {
       {
-        var b = Rt(t);
+        var b = Ot(t);
         if (!b) {
-          var S = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = Ve(v);
-          I ? S += I : S += Mt();
-          var T;
-          t === null ? T = "null" : Jt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (et(t.type) || "Unknown") + " />", S = " 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, S);
+          var A = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (A += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var R = Je(m);
+          R ? A += R : A += jt();
+          var k;
+          t === null ? k = "null" : te(t) ? k = "array" : t !== void 0 && t.$$typeof === e ? (k = "<" + (tt(t.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : k = typeof t, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, A);
         }
-        var C = _t(t, o, u, v, w);
-        if (C == null)
-          return C;
+        var O = kt(t, o, u, m, w);
+        if (O == null)
+          return O;
         if (b) {
-          var D = o.children;
-          if (D !== void 0)
-            if (y)
-              if (Jt(D)) {
-                for (var U = 0; U < D.length; U++)
-                  Dt(D[U], t);
-                Object.freeze && Object.freeze(D);
+          var j = o.children;
+          if (j !== void 0)
+            if (g)
+              if (te(j)) {
+                for (var W = 0; W < j.length; W++)
+                  Dt(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.");
+                T("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
-              Dt(D, t);
+              Dt(j, t);
         }
-        return t === i ? ke(C) : qe(C), C;
+        return t === i ? Oe(O) : Ze(O), O;
       }
     }
-    function Xe(t, o, u) {
-      return ie(t, o, u, !0);
+    function Ke(t, o, u) {
+      return ae(t, o, u, !0);
     }
     function r(t, o, u) {
-      return ie(t, o, u, !1);
+      return ae(t, o, u, !1);
     }
-    var n = r, l = Xe;
-    le.Fragment = i, le.jsx = n, le.jsxs = l;
-  }()), le;
-}
-process.env.NODE_ENV === "production" ? er.exports = Br() : er.exports = Ur();
-var Wr = er.exports, Yr = Object.defineProperty, Vr = (p, e, a) => e in p ? Yr(p, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : p[e] = a, x = (p, e, a) => (Vr(p, typeof e != "symbol" ? e + "" : e, a), a), qr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function lr(p) {
-  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
+    var n = r, a = Ke;
+    ce.Fragment = i, ce.jsx = n, ce.jsxs = a;
+  }()), ce;
 }
-var kr = { exports: {} };
-(function(p) {
-  (function(e, a) {
-    p.exports = a();
-  })("Vector", function() {
-    var e = function() {
-      var a = Math.PI * 2, i = 180 / Math.PI, h = Math.PI / 180;
-      function c(s) {
-        return Math.round(s * 1e8) / 1e8;
-      }
-      function g(s, d) {
-        var A = d.x - s.x, _ = d.y - s.y;
-        return Math.sqrt(A * A + _ * _);
-      }
-      function m(s, d, A) {
-        var _ = d.y - s.y, R = d.x - s.x, P = Math.atan2(_, R);
-        if (A)
-          for (; P < 0; )
-            P += a;
-        return P;
-      }
-      function f(s, d) {
-        this.x = s !== void 0 ? s : 0, this.y = d !== void 0 ? d : 0;
-      }
-      return f.fromRadians = function(s) {
-        var d = Math.cos(s), A = Math.sin(s);
-        return new f(d, A);
-      }, f.fromDegrees = function(s) {
-        var d = s * (Math.PI / 180);
-        return f.fromRadians(d);
-      }, f.fromString = function(s) {
-        var d = s.split(",");
-        return new f(parseFloat(d[0]), parseFloat(d[1]));
-      }, f.fromArray = function(s) {
-        return new f(s[0], s[1]);
-      }, f.prototype = {
-        // version
-        version: "2.0.1",
-        // [API]
-        // [chainable, clone]
-        // clone the vector and return the cloned instance.
-        // @return cloned vector.
-        clone: function() {
-          return new f(this.x, this.y);
-        },
-        // [API]
-        // []
-        // Get if equal to another vector
-        // @param vector - other vector to compare with.
-        // @return if vectors are equal.
-        equals: function(s) {
-          return this.prototype === s.prototype && this.x === s.x && this.y === s.y;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // set values from another vector. this changes value of self.
-        // @param vector - other vector to get values from.
-        // @return self.
-        copy: function(s) {
-          return this.x = s.x, this.y = s.y, this;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // set only the x component from another vector.
-        // @return self.
-        copyX: function(s) {
-          return this.x = s.x, this;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // set only the y component from another vector.
-        // @return self.
-        copyY: function(s) {
-          return this.y = s.y, this;
-        },
-        // [API]
-        // []
-        // convert to a dictionary with {x, y}.
-        // @return a dictionary representation of the vector.
-        toDict: function() {
-          return { x: this.x, y: this.y };
-        },
-        // [API]
-        // []
-        // convert to array with [x, y].
-        // @return an array representation of the vector.
-        toArray: function() {
-          return [this.x, this.y];
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // set values from x, y.
-        // @param x - optional x component to set.
-        // @param y - optional y component to set.
-        // @return self.
-        set: function(s, d) {
-          return s !== void 0 && (this.x = s), d !== void 0 && (this.y = d), this;
-        },
-        // [API]
-        // [chainable, clone]
-        // clone and flip between x and y values.
-        // @return cloned vector with flipped x and y components.
-        flipXY: function() {
-          return new f(this.y, this.x);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // flip between x and y values.
-        // @return self.
-        flipXYSelf: function() {
-          return this.y = [this.x, this.x = this.y][0], this;
-        },
-        // [API]
-        // [chainable, clone]
-        // clone and invert x and y values (like multiply with -1, eg x, y => -x, -y)
-        // @return cloned vector with inverted values.
-        invert: function() {
-          return this.mulScalar(-1);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // invert x and y values (like multiply with -1, eg x, y => -x, -y)
-        // @return self.
-        invertSelf: function() {
-          return this.mulScalarSelf(-1), this;
-        },
-        // [API]
-        // []
-        // get the distance from another vector.
-        // @param other - vector to get distance from.
-        // @return distance between vectors.
-        distanceFrom: function(s) {
-          return g(this, s);
-        },
-        // [API]
-        // []
-        // get angle from another vector in radians.
-        // @return angle in radians from this to other.
-        radiansTo: function(s) {
-          return m(this, s, !0);
-        },
-        // [API]
-        // []
-        // get degrees from another vector in degrees.
-        // @return angle in degrees from this to other.
-        degreesTo: function(s) {
-          return m(this, s, !0) * i;
-        },
-        // [API]
-        // []
-        // convert this vector to a radian angle.
-        // this is equivalent to doing Vector.zero.radiansTo(this).
-        // @return angle in radians.
-        toRadians: function(s) {
-          return m(f.zero, this, !0);
-        },
-        // [API]
-        // []
-        // convert this vector to degree.
-        // this is equivalent to doing Vector.zero.degreeTo(this).
-        // @return angle in degrees (0-360).
-        toDegrees: function(s) {
-          return this.toRadians() * i;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // rotate this vector by a given degree.
-        // @param degrees - degrees to rotate this vector by (can be positive or negative).
-        // @return self.
-        rotateDegreesSelf: function(s) {
-          return this.rotateRadiansSelf(s * h);
-        },
-        // [API]
-        // [chainable]
-        // clone and rotate the vector by a given degree.
-        // @param degrees - degree to rotate this vector by (can be positive or negative).
-        // @return cloned rotated vector.
-        rotateDegrees: function(s) {
-          return this.clone().rotateDegreesSelf(s);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // rotate this vector by a given radian.
-        // @param radians - radians to rotate this vector by (can be positive or negative).
-        // @return self.
-        rotateRadiansSelf: function(s) {
-          var d = Math.cos(s), A = Math.sin(s), _ = this.x * d - this.y * A, R = this.x * A + this.y * d;
-          return this.x = c(_), this.y = c(R), this;
-        },
-        // [API]
-        // [chainable]
-        // clone and rotate the vector by a given degree.
-        // @param radians - radians to rotate this vector by (can be positive or negative).
-        // @return cloned rotated vector.
-        rotateRadians: function(s) {
-          return this.clone().rotateRadiansSelf(s);
-        },
-        // [API]
-        // []
-        // calculate the length of this vector (aka magnitude).
-        // @return vector length.
-        length: function() {
-          return Math.sqrt(this.x * this.x + this.y * this.y);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // normalize this vector, eg make length equal 1.
-        // @return self.
-        normalizeSelf: function() {
-          var s = Math.sqrt(this.x * this.x + this.y * this.y);
-          return s === 0 ? this : (this.x /= s, this.y /= s, this);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone and normalize the vector.
-        // @return normalized vector.
-        normalize: function() {
-          return this.clone().normalizeSelf();
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // add other vector to self.
-        // for example, v(10, 11) + v(5, 6) = v(15, 17).
-        // @param other - vector to add components to self.
-        // @return self.
-        addSelf: function(s) {
-          return typeof s == "number" ? this.addScalarSelf(s) : (this.x += s.x, this.y += s.y, this);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // subtract other vector from self.
-        // for example, v(10, 10) - v(2, 3) = v(8, 7).
-        // @param other - vector to subtract components from self.
-        // @return self.
-        subSelf: function(s) {
-          return typeof s == "number" ? this.subScalarSelf(s) : (this.x -= s.x, this.y -= s.y, this);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // divide self by other vector.
-        // for example, v(10, 20) / v(2, 5) = v(5, 4).
-        // @param other - vector to divide components from self.
-        // @return self.
-        divSelf: function(s) {
-          return typeof s == "number" ? this.divScalarSelf(s) : (this.x /= s.x, this.y /= s.y, this);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // multiply self vector by other vector.
-        // for example, v(2, 3) * v(3, 4) = v(6, 12).
-        // @param other - vector to multiply components with self.
-        // @return self.
-        mulSelf: function(s) {
-          return typeof s == "number" ? this.mulScalarSelf(s) : (this.x *= s.x, this.y *= s.y, this);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // add scalar value to self.
-        // for example, v(2, 3) + 5 = v(7, 8).
-        // @param val - value to add to components.
-        // @return self.
-        addScalarSelf: function(s) {
-          return this.x += s, this.y += s, this;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // subtract scalar from self.
-        // for example, v(7, 9) - 5 = v(3, 4).
-        // @param val - value to subtract from components.
-        // @return self.
-        subScalarSelf: function(s) {
-          return this.x -= s, this.y -= s, this;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // divide self by scalar.
-        // for example, v(6, 8) / 5 = v(3, 4).
-        // @param val - value to divide components by.
-        // @return self.
-        divScalarSelf: function(s) {
-          return this.x /= s, this.y /= s, this;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // multiply self by scalar.
-        // for example, v(2, 3) * 2 = v(4, 6).
-        // @param val - value to multiply components with.
-        // @return self.
-        mulScalarSelf: function(s) {
-          return this.x *= s, this.y *= s, this;
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and add other vector to it.
-        // @param other - vector to add with.
-        // @return cloned vector.
-        add: function(s) {
-          return this.clone().addSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and subtract other vector from it.
-        // @param other - vector to subtract with.
-        // @return cloned vector.
-        sub: function(s) {
-          return this.clone().subSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and multiply by other vector.
-        // @param other - vector to multiply with.
-        // @return cloned vector.
-        mul: function(s) {
-          return this.clone().mulSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and divide by other vector.
-        // @param other - vector to divide with.
-        // @param scalar - value to divide by.
-        // @return cloned vector.
-        div: function(s) {
-          return this.clone().divSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and add scalar to it.
-        // @param scalar - value to add.
-        // @return cloned vector.
-        addScalar: function(s) {
-          return this.clone().addScalarSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and substract scalar from it.
-        // @param scalar - value to subtract.
-        // @return cloned vector.
-        subScalar: function(s) {
-          return this.clone().subScalarSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and multiply by scalar.
-        // @param scalar - value to multiply with.
-        // @return cloned vector.
-        mulScalar: function(s) {
-          return this.clone().mulScalarSelf(s);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and divide by scalar.
-        // @param scalar - value to divide by.
-        // @return cloned vector.
-        divScalar: function(s) {
-          return this.clone().divScalarSelf(s);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // clamp vector values into range.
-        // note: this function does not validate that min < max.
-        // @param min - min value for x, y components.
-        // @param max - max value for x, y components.
-        // @return self.
-        clampSelf: function(s, d) {
-          return this.x < s.x && (this.x = s.x), this.y < s.y && (this.y = s.y), this.x > d.x && (this.x = d.x), this.y > d.y && (this.y = d.y), this;
-        },
-        // [API]
-        // [chainable, clone]
-        // clone vector and clamp its values.
-        // note: this function does not validate that min < max.
-        // @param min - min value for x, y components.
-        // @param max - max value for x, y components.
-        // @return cloned vector in range.
-        clamp: function(s, d) {
-          return this.clone().clampSelf(s, d);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // apply a function on x and y components of the vector.
-        // for example, you can use Math.round to round the vector x, y values.
-        // @param func - function to apply on components.
-        // @return self.
-        applySelf: function(s) {
-          return this.x = s(this.x), this.y = s(this.y), this;
-        },
-        // [API]
-        // [chainable, clone]
-        // clone self and apply a function on x and y components of the clone vector.
-        // for example, you can use Math.round to round the vector x, y values.
-        // @param func - function to apply on components.
-        // @return cloned vector.
-        apply: function(s) {
-          return this.clone().applySelf(s);
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // turn self to absolute values (eg turn x, y positive).
-        // @return self.
-        absSelf: function() {
-          return this.applySelf(Math.abs);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone and turn to absolute values (eg turn x, y positive).
-        // @return cloned vector.
-        abs: function() {
-          return this.clone().absSelf();
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // turn self to round values (eg turn x, y positive).
-        // @return self.
-        roundSelf: function() {
-          return this.applySelf(Math.round);
-        },
-        // [API]
-        // [chainable, clone]
-        // clone and turn to round values (eg turn x, y positive).
-        // @return cloned vector.
-        round: function() {
-          return this.clone().roundSelf();
-        },
-        // [API]
-        // []
-        // calculate dot-product of this vector with another vector.
-        // @param other - other vector to calculate dot-product with.
-        // @return dot product.
-        dot: function(s) {
-          return this.x * s.x + this.y * s.y;
-        },
-        // [API]
-        // []
-        // calculate cross-product of this vector with another vector.
-        // @param other - other vector to calculate cross-product with.
-        // @return dot product.
-        cross: function(s) {
-          return this.x * s.y - this.y * s.x;
-        },
-        // [API]
-        // [chainable, changeSelf]
-        // if any of the components of this vector are NaN, null, undefined, etc. set them to defaults.
-        // note: 0's are considered to be a valid number and will not be replaced with a default value.
-        // @param x - default value for x if undefined (0 if not defined).
-        // @param y - default value for y if undefined (0 if not defined).
-        // @return self.
-        repairSelf: function(s, d) {
-          return (typeof this.x != "number" || isNaN(this.x + 1)) && (this.x = s || 0), (typeof this.y != "number" || isNaN(this.y + 1)) && (this.y = d || 0), this;
-        },
-        // [API]
-        // [chainable, clone]
-        // create a clone and if any of the components of the vector are NaN, null, undefined, etc. set them to default.
-        // note: 0's are considered to be a valid number and will not be replaced with a default value.
-        // @param x - default value for x if undefined (0 if not defined).
-        // @param y - default value for y if undefined (0 if not defined).
-        // @return repaired clone.
-        repair: function(s, d) {
-          return this.clone().repairSelf(s, d);
-        },
-        // [API]
-        // []
-        // convert to string in the form of "x,y".
-        // @return string representation of the vector.
-        toString: function() {
-          return this.x + "," + this.y;
-        },
-        // [API]
-        // []
-        // convert to a string with a given format.
-        // @param format - a string in which %x and %y will be replaced with the vector values.
-        // @return formatted string representing the vector.
-        format: function(s) {
-          return s = s || "%x,%y", s = s.replace(new RegExp("%x", "g"), this.x), s = s.replace(new RegExp("%y", "g"), this.y), s;
-        }
-      }, f;
-    }();
-    return e.zero = new e(0, 0), e.one = new e(1, 1), e.up = new e(0, -1), e.down = new e(0, 1), e.left = new e(-1, 0), e.right = new e(1, 0), e.upLeft = new e(-1, -1), e.downLeft = new e(-1, 1), e.upRight = new e(1, -1), e.downRight = new e(1, 1), e.prototype.magnitude = e.prototype.length, Object.freeze && (Object.freeze(e.zero), Object.freeze(e.one), Object.freeze(e.up), Object.freeze(e.down), Object.freeze(e.left), Object.freeze(e.right), Object.freeze(e.upLeft), Object.freeze(e.downLeft), Object.freeze(e.upRight), Object.freeze(e.downRight)), e;
-  });
-})(kr);
-var Xr = kr.exports;
-const X = /* @__PURE__ */ lr(Xr);
-let Me = (p = 21) => crypto.getRandomValues(new Uint8Array(p)).reduce((e, a) => (a &= 63, a < 36 ? e += a.toString(36) : a < 62 ? e += (a - 26).toString(36).toUpperCase() : a > 62 ? e += "-" : e += "_", e), "");
-const ce = {
+process.env.NODE_ENV === "production" ? or.exports = Gr() : or.exports = Jr();
+var Zr = or.exports, Kr = Object.defineProperty, Qr = (h, e, s) => e in h ? Kr(h, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[e] = s, x = (h, e, s) => (Qr(h, typeof e != "symbol" ? e + "" : e, s), s);
+let ze = (h = 21) => crypto.getRandomValues(new Uint8Array(h)).reduce((e, s) => (s &= 63, s < 36 ? e += s.toString(36) : s < 62 ? e += (s - 26).toString(36).toUpperCase() : s > 62 ? e += "-" : e += "_", e), "");
+const ge = {
   strokeType: "plain",
   strokeColor: "black",
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, cr = {
+}, gr = {
   id: 0,
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
-      ...ce
+      ...ge
     }
   },
   geometry: {
@@ -1143,245 +660,280 @@ const ce = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, Zr = (p = 0, e = 0, a = 0, i = 0, h = { ...ce }) => ({
-  id: Me(),
+}, tn = (h = 0, e = 0, s = 0, i = 0, l = { ...ge }) => ({
+  id: ze(),
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
-      ...ce,
-      ...h
+      ...ge,
+      ...l
     }
   },
   geometry: {
     type: "LineString",
     coordinates: [
-      [p, e],
-      [a, i]
+      [h, e],
+      [s, i]
     ]
   }
-}), Gr = "http://www.w3.org/2000/svg";
-function he(p) {
-  return document.createElementNS(Gr, p);
+}), en = "http://www.w3.org/2000/svg";
+function de(h) {
+  return document.createElementNS(en, h);
 }
-function Tr(p) {
-  return p.geometry.bbox || Jr(p), p.geometry.bbox;
+function Pr(h) {
+  return h.geometry.bbox || rn(h), h.geometry.bbox;
 }
-function mt(p) {
-  const e = Tr(p);
+function vt(h) {
+  const e = Pr(h);
   return {
     width: e[2] - e[0],
     height: e[3] - e[1]
   };
 }
-function yt(p) {
-  const e = Tr(p);
+function yt(h) {
+  const e = Pr(h);
   return { x: e[0], y: e[1] };
 }
-function Jr(p) {
-  const [e, a] = p.geometry.coordinates[0][0], [i, h] = p.geometry.coordinates[0][2];
-  p.geometry.bbox = [e, a, i, h];
+function rn(h) {
+  const [e, s] = h.geometry.coordinates[0][0], [i, l] = h.geometry.coordinates[0][2];
+  h.geometry.bbox = [e, s, i, l];
 }
-function Kr(p, e, a, i, h) {
-  p.geometry.bbox = [e, a, e + i, a + h], p.geometry.coordinates = [
+function nn(h, e, s, i, l) {
+  h.geometry.bbox = [e, s, e + i, s + l], h.geometry.coordinates = [
     [
-      [e, a],
-      [e + i, a],
-      [e + i, a + h],
-      [e, a + h],
-      [e, a]
+      [e, s],
+      [e + i, s],
+      [e + i, s + l],
+      [e, s + l],
+      [e, s]
     ]
   ];
 }
-function ue(p) {
-  const [e, a] = p.geometry.coordinates[0];
-  return { x: e, y: a };
+function fe(h) {
+  const [e, s] = h.geometry.coordinates[0];
+  return { x: e, y: s };
 }
-function Ce(p, e) {
-  const [a, i] = p.geometry.coordinates[e === "start" ? 0 : 1];
-  return { x: a, y: i };
+function Ie(h, e) {
+  const [s, i] = h.geometry.coordinates[e === "start" ? 0 : 1];
+  return { x: s, y: i };
 }
-function Ie(p) {
-  const [e, a] = p.geometry.coordinates[1];
-  return { x: e, y: a };
+function $e(h) {
+  const [e, s] = h.geometry.coordinates[1];
+  return { x: e, y: s };
 }
-function Rr(p, e, a) {
-  p.geometry.coordinates[0] = [e, a];
+function Rr(h, e, s) {
+  h.geometry.coordinates[0] = [e, s];
 }
-function Cr(p, e, a) {
-  p.geometry.coordinates[1] = [e, a];
+function Ir(h, e, s) {
+  h.geometry.coordinates[1] = [e, s];
 }
-function Oe(p) {
-  return { start: ue(p), end: Ie(p) };
+function je(h) {
+  return { start: fe(h), end: $e(h) };
 }
-function Nt(p, e, a, i) {
-  e === "start" ? Rr(p, a, i) : Cr(p, a, i);
+function Bt(h, e, s, i) {
+  e === "start" ? Rr(h, s, i) : Ir(h, s, i);
 }
-const Pr = (p) => parseInt(p.getAttribute("data-handle-id") || "-1");
-function Pe(p, e, a) {
-  const i = Math.atan2(p.y - e.y, p.x - e.x);
+const Lr = (h) => parseInt(h.getAttribute("data-handle-id") || "-1");
+function Le(h, e, s) {
+  const i = Math.atan2(h.y - e.y, h.x - e.x);
   return {
-    x: e.x + a * Math.cos(i),
-    y: e.y + a * Math.sin(i)
+    x: e.x + s * Math.cos(i),
+    y: e.y + s * Math.sin(i)
   };
 }
-function rr(p, e) {
+function sr(h, e) {
   if (!e)
-    return { x: p.clientX, y: p.clientY };
-  const a = e.getBoundingClientRect();
+    return { x: h.clientX, y: h.clientY };
+  const s = e.getBoundingClientRect();
   return {
-    x: p.clientX - a.left - e.clientLeft,
-    y: p.clientY - a.top - e.clientTop
+    x: h.clientX - s.left - e.clientLeft,
+    y: h.clientY - s.top - e.clientTop
   };
 }
-function Ir(p, e = 5, a = 30) {
+const Ct = (h, e) => ({
+  x: h.x - e.x,
+  y: h.y - e.y
+}), Wt = (h) => Math.sqrt(h.x * h.x + h.y * h.y), Fr = (h) => ({
+  x: -h.x,
+  y: -h.y
+}), $r = (h) => {
+  const e = Wt(h);
+  return e === 0 ? { x: 0, y: 0 } : {
+    x: h.x / e,
+    y: h.y / e
+  };
+}, Ht = (h, e) => ({
+  x: h.x + e.x,
+  y: h.y + e.y
+}), jr = (h, e) => ({
+  x: h.x * e,
+  y: h.y * e
+}), Fe = (h, e) => ({
+  x: h.x * e.x,
+  y: h.y * e.y
+}), st = (h, e) => {
+  const s = Math.sin(e), i = Math.cos(e);
+  return {
+    x: h.x * i - h.y * s,
+    y: h.x * s + h.y * i
+  };
+}, on = (h, e) => ({
+  x: h.x / e,
+  y: h.y / e
+}), pr = (h, e) => h.x * e.x + h.y * e.y;
+function Dr(h, e = 5, s = 30) {
   var i;
-  const { start: h, end: c } = Oe(p), g = new X(h.x, h.y), m = new X(c.x, c.y).sub(g), f = p.properties.style && p.properties.style.strokeWidth ? (i = p.properties.style) == null ? void 0 : i.strokeWidth : 0;
-  return Math.min(a, Math.max(3 * f, m.length() * 0.1, e));
+  const { start: l, end: c } = je(h), f = Ct(c, l), p = h.properties.style && h.properties.style.strokeWidth ? (i = h.properties.style) == null ? void 0 : i.strokeWidth : 0;
+  return Math.min(s, Math.max(3 * p, Wt(f) * 0.1, e));
 }
-function fr(p, e, a, i) {
-  const h = e.clone().normalize().invert().mul(i);
-  if (!a || a === "none")
+function yr(h, e, s, i) {
+  const l = jr(Fr($r(e)), i);
+  if (!s || s === "none")
     return "";
-  const c = p.clone().add(h.rotateRadians(Math.PI / 8)), g = p.clone().add(h.rotateRadians(-Math.PI / 8)), m = `${p.x} ${p.y}`;
-  return `M ${c.x} ${c.y} L ${m} ${g.x} ${g.y} ${a === "arrow" ? "" : `${c.x} ${c.y}`}`;
+  const c = Ht(h, st(l, Math.PI / 8)), f = Ht(h, st(l, -Math.PI / 8)), p = `${h.x} ${h.y}`;
+  return `M ${c.x} ${c.y} L ${p} ${f.x} ${f.y} ${s === "arrow" ? "" : `${c.x} ${c.y}`}`;
 }
-function Qr(p, e, a, i, h) {
-  const { start: c, end: g } = Oe(p), { tail: m, head: f, strokeColor: s, strokeWidth: d } = p.properties.style || a, A = new X(c.x, c.y), _ = new X(g.x, g.y), R = _.clone().sub(A), P = Ir(p, i, h), E = he("path");
-  E.setAttribute("data-annotation", `${p.id}`), E.setAttribute("data-annotation-type", "arrow");
-  const M = f === "arrow-plain" || m === "arrow";
-  E.setAttribute("stroke", s || "none"), E.setAttribute("stroke-width", `${d}`), E.setAttribute("fill", M ? s || "" : "none"), E.setAttribute("stroke-linecap", "round"), E.setAttribute("stroke-linejoin", "round");
-  const j = fr(A, R.clone().invert(), m, P), k = fr(_, R, f, P), N = j + `M ${A.x} ${A.y} ${_.x} ${_.y}` + k;
-  E.setAttribute("d", N), e.appendChild(E);
+function sn(h, e, s, i, l) {
+  const { start: c, end: f } = je(h), { tail: p, head: d, strokeColor: v, strokeWidth: y } = h.properties.style || s, _ = Ct(f, c), C = Dr(h, i, l), E = de("path");
+  E.setAttribute("data-annotation", `${h.id}`), E.setAttribute("data-annotation-type", "arrow");
+  const P = d === "arrow-plain" || p === "arrow";
+  E.setAttribute("stroke", v || "none"), E.setAttribute("stroke-width", `${y}`), E.setAttribute("fill", P ? v || "" : "none"), E.setAttribute("stroke-linecap", "round"), E.setAttribute("stroke-linejoin", "round");
+  const S = yr(c, Fr(_), p, C), $ = yr(f, _, d, C), L = S + `M ${c.x} ${c.y} ${f.x} ${f.y}` + $;
+  E.setAttribute("d", L), e.appendChild(E);
 }
-const q = -1, je = "dragging", $e = "dragstart", Bt = "dragend", nr = "select", ir = "unselect", tn = "hover", en = "unhover", sr = "remove", or = "add", rn = "cancelDrawing", ar = "update", nn = "link";
-var Or = { exports: {} };
-(function(p) {
-  var e = Object.prototype.hasOwnProperty, a = "~";
+const Y = -1, De = "dragging", Me = "dragstart", Vt = "dragend", ar = "select", lr = "unselect", an = "hover", ln = "unhover", hr = "remove", ur = "add", hn = "cancelDrawing", cr = "update", un = "link";
+var cn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Mr(h) {
+  return h && h.__esModule && Object.prototype.hasOwnProperty.call(h, "default") ? h.default : h;
+}
+var zr = { exports: {} };
+(function(h) {
+  var e = Object.prototype.hasOwnProperty, s = "~";
   function i() {
   }
-  Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (a = !1));
-  function h(f, s, d) {
-    this.fn = f, this.context = s, this.once = d || !1;
+  Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (s = !1));
+  function l(d, v, y) {
+    this.fn = d, this.context = v, this.once = y || !1;
   }
-  function c(f, s, d, A, _) {
-    if (typeof d != "function")
+  function c(d, v, y, _, C) {
+    if (typeof y != "function")
       throw new TypeError("The listener must be a function");
-    var R = new h(d, A || f, _), P = a ? a + s : s;
-    return f._events[P] ? f._events[P].fn ? f._events[P] = [f._events[P], R] : f._events[P].push(R) : (f._events[P] = R, f._eventsCount++), f;
+    var E = new l(y, _ || d, C), P = s ? s + v : v;
+    return d._events[P] ? d._events[P].fn ? d._events[P] = [d._events[P], E] : d._events[P].push(E) : (d._events[P] = E, d._eventsCount++), d;
   }
-  function g(f, s) {
-    --f._eventsCount === 0 ? f._events = new i() : delete f._events[s];
+  function f(d, v) {
+    --d._eventsCount === 0 ? d._events = new i() : delete d._events[v];
   }
-  function m() {
+  function p() {
     this._events = new i(), this._eventsCount = 0;
   }
-  m.prototype.eventNames = function() {
-    var f = [], s, d;
+  p.prototype.eventNames = function() {
+    var d = [], v, y;
     if (this._eventsCount === 0)
-      return f;
-    for (d in s = this._events)
-      e.call(s, d) && f.push(a ? d.slice(1) : d);
-    return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(s)) : f;
-  }, m.prototype.listeners = function(f) {
-    var s = a ? a + f : f, d = this._events[s];
-    if (!d)
+      return d;
+    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;
+  }, p.prototype.listeners = function(d) {
+    var v = s ? s + d : d, y = this._events[v];
+    if (!y)
       return [];
-    if (d.fn)
-      return [d.fn];
-    for (var A = 0, _ = d.length, R = new Array(_); A < _; A++)
-      R[A] = d[A].fn;
-    return R;
-  }, m.prototype.listenerCount = function(f) {
-    var s = a ? a + f : f, d = this._events[s];
-    return d ? d.fn ? 1 : d.length : 0;
-  }, m.prototype.emit = function(f, s, d, A, _, R) {
-    var P = a ? a + f : f;
+    if (y.fn)
+      return [y.fn];
+    for (var _ = 0, C = y.length, E = new Array(C); _ < C; _++)
+      E[_] = y[_].fn;
+    return E;
+  }, p.prototype.listenerCount = function(d) {
+    var v = s ? s + d : d, y = this._events[v];
+    return y ? y.fn ? 1 : y.length : 0;
+  }, p.prototype.emit = function(d, v, y, _, C, E) {
+    var P = s ? s + d : d;
     if (!this._events[P])
       return !1;
-    var E = this._events[P], M = arguments.length, j, k;
-    if (E.fn) {
-      switch (E.once && this.removeListener(f, E.fn, void 0, !0), M) {
+    var S = this._events[P], $ = arguments.length, L, T;
+    if (S.fn) {
+      switch (S.once && this.removeListener(d, S.fn, void 0, !0), $) {
         case 1:
-          return E.fn.call(E.context), !0;
+          return S.fn.call(S.context), !0;
         case 2:
-          return E.fn.call(E.context, s), !0;
+          return S.fn.call(S.context, v), !0;
         case 3:
-          return E.fn.call(E.context, s, d), !0;
+          return S.fn.call(S.context, v, y), !0;
         case 4:
-          return E.fn.call(E.context, s, d, A), !0;
+          return S.fn.call(S.context, v, y, _), !0;
         case 5:
-          return E.fn.call(E.context, s, d, A, _), !0;
+          return S.fn.call(S.context, v, y, _, C), !0;
         case 6:
-          return E.fn.call(E.context, s, d, A, _, R), !0;
+          return S.fn.call(S.context, v, y, _, C, E), !0;
       }
-      for (k = 1, j = new Array(M - 1); k < M; k++)
-        j[k - 1] = arguments[k];
-      E.fn.apply(E.context, j);
+      for (T = 1, L = new Array($ - 1); T < $; T++)
+        L[T - 1] = arguments[T];
+      S.fn.apply(S.context, L);
     } else {
-      var N = E.length, H;
-      for (k = 0; k < N; k++)
-        switch (E[k].once && this.removeListener(f, E[k].fn, void 0, !0), M) {
+      var B = S.length, N;
+      for (T = 0; T < B; T++)
+        switch (S[T].once && this.removeListener(d, S[T].fn, void 0, !0), $) {
           case 1:
-            E[k].fn.call(E[k].context);
+            S[T].fn.call(S[T].context);
             break;
           case 2:
-            E[k].fn.call(E[k].context, s);
+            S[T].fn.call(S[T].context, v);
             break;
           case 3:
-            E[k].fn.call(E[k].context, s, d);
+            S[T].fn.call(S[T].context, v, y);
             break;
           case 4:
-            E[k].fn.call(E[k].context, s, d, A);
+            S[T].fn.call(S[T].context, v, y, _);
             break;
           default:
-            if (!j)
-              for (H = 1, j = new Array(M - 1); H < M; H++)
-                j[H - 1] = arguments[H];
-            E[k].fn.apply(E[k].context, j);
+            if (!L)
+              for (N = 1, L = new Array($ - 1); N < $; N++)
+                L[N - 1] = arguments[N];
+            S[T].fn.apply(S[T].context, L);
         }
     }
     return !0;
-  }, m.prototype.on = function(f, s, d) {
-    return c(this, f, s, d, !1);
-  }, m.prototype.once = function(f, s, d) {
-    return c(this, f, s, d, !0);
-  }, m.prototype.removeListener = function(f, s, d, A) {
-    var _ = a ? a + f : f;
-    if (!this._events[_])
+  }, p.prototype.on = function(d, v, y) {
+    return c(this, d, v, y, !1);
+  }, p.prototype.once = function(d, v, y) {
+    return c(this, d, v, y, !0);
+  }, p.prototype.removeListener = function(d, v, y, _) {
+    var C = s ? s + d : d;
+    if (!this._events[C])
       return this;
-    if (!s)
-      return g(this, _), this;
-    var R = this._events[_];
-    if (R.fn)
-      R.fn === s && (!A || R.once) && (!d || R.context === d) && g(this, _);
+    if (!v)
+      return f(this, C), this;
+    var E = this._events[C];
+    if (E.fn)
+      E.fn === v && (!_ || E.once) && (!y || E.context === y) && f(this, C);
     else {
-      for (var P = 0, E = [], M = R.length; P < M; P++)
-        (R[P].fn !== s || A && !R[P].once || d && R[P].context !== d) && E.push(R[P]);
-      E.length ? this._events[_] = E.length === 1 ? E[0] : E : g(this, _);
+      for (var P = 0, S = [], $ = E.length; P < $; P++)
+        (E[P].fn !== v || _ && !E[P].once || y && E[P].context !== y) && S.push(E[P]);
+      S.length ? this._events[C] = S.length === 1 ? S[0] : S : f(this, C);
     }
     return this;
-  }, m.prototype.removeAllListeners = function(f) {
-    var s;
-    return f ? (s = a ? a + f : f, this._events[s] && g(this, s)) : (this._events = new i(), this._eventsCount = 0), this;
-  }, m.prototype.off = m.prototype.removeListener, m.prototype.addListener = m.prototype.on, m.prefixed = a, m.EventEmitter = m, p.exports = m;
-})(Or);
-var sn = Or.exports;
-const jr = /* @__PURE__ */ lr(sn);
-class $r extends jr {
-  constructor(e, a) {
-    super(), x(this, "ogma"), x(this, "elements"), x(this, "layer"), x(this, "editor"), x(this, "selectedId", q), x(this, "hoveredId", q), x(this, "ogmaOptions"), x(this, "shouldDetect"), x(this, "isDragging"), x(this, "showeditorOnHover"), x(this, "maxHandleScale", 1.5), x(this, "_onKeyUp", (i) => {
-      i.code === 27 && this.selectedId !== q ? this.unselect() : (i.code === 46 || i.code === 8) && this.selectedId !== q && this._canRemove() && this.remove(this.selectedId);
+  }, p.prototype.removeAllListeners = function(d) {
+    var v;
+    return d ? (v = s ? s + d : d, this._events[v] && f(this, v)) : (this._events = new i(), this._eventsCount = 0), this;
+  }, p.prototype.off = p.prototype.removeListener, p.prototype.addListener = p.prototype.on, p.prefixed = s, p.EventEmitter = p, h.exports = p;
+})(zr);
+var dn = zr.exports;
+const Nr = /* @__PURE__ */ Mr(dn);
+class Br extends Nr {
+  constructor(e, s) {
+    super(), x(this, "ogma"), x(this, "elements"), x(this, "layer"), x(this, "editor"), x(this, "selectedId", Y), x(this, "hoveredId", Y), x(this, "ogmaOptions"), x(this, "shouldDetect"), x(this, "isDragging"), x(this, "showeditorOnHover"), x(this, "_onKeyUp", (i) => {
+      i.code === 27 && this.selectedId !== Y ? this.unselect() : (i.code === 46 || i.code === 8) && this.selectedId !== Y && this._canRemove() && this.remove(this.selectedId);
     }), x(this, "_onClickMouseMove", (i) => {
       if (!i.domEvent || this.isDragging || !this.shouldDetect || i.domEvent.type !== "mousemove" && i.domEvent.target && i.domEvent.target.tagName === "a")
         return;
-      const h = this.ogma.view.screenToGraphCoordinates(i), c = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(h, 0) : void 0;
-      i.domEvent.type === "mousemove" ? c ? this.hover(c.id) : this.hoveredId !== q && this.unhover() : c ? this.select(c.id) : this.selectedId !== q && this.unselect();
+      const l = this.ogma.view.screenToGraphCoordinates(i), c = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(l, 0) : void 0;
+      i.domEvent.type === "mousemove" ? c ? this.hover(c.id) : this.hoveredId !== Y && this.unhover() : c ? this.select(c.id) : this.selectedId !== Y && 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: (i) => this.draw(i)
-    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(a), this.editor.hide();
+    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(s), this.editor.hide();
   }
   _canRemove() {
     return !0;
@@ -1392,52 +944,52 @@ class $r extends jr {
    * @returns the added annotation
    */
   add(e) {
-    const a = this.getDefaultOptions(), i = Object.assign(e, {
-      id: e.id === void 0 ? Me() : e.id,
+    const s = this.getDefaultOptions(), i = Object.assign(e, {
+      id: e.id === void 0 ? ze() : e.id,
       type: e.type,
       properties: {
-        ...a.properties,
+        ...s.properties,
         ...e.properties || {},
         // styles need to be merged
-        style: { ...a.properties.style, ...e.properties.style || {} }
+        style: { ...s.properties.style, ...e.properties.style || {} }
       },
       geometry: {
-        ...a.geometry,
+        ...s.geometry,
         ...e.geometry
       }
     });
-    return this.elements.push(i), this.layer.refresh(), this.emit(or, i), i;
+    return this.elements.push(i), this.layer.refresh(), this.emit(ur, i), i;
   }
-  updateStyle(e, a) {
+  updateStyle(e, s) {
     this.updateAnnotation(e, {
       properties: {
-        style: a
+        style: s
       }
     });
   }
-  updateGeometry(e, a) {
+  updateGeometry(e, s) {
     this.updateAnnotation(e, {
-      geometry: a
+      geometry: s
     });
   }
   /**
    * @method update
    * Updates an annotation (position, color etc)
    * @param id Id of the annotation to update
-   * @param new params of the annotation
+   * @param element params of the annotation
    */
-  update(e, a) {
+  update(e, s) {
     const i = this.getById(e);
-    this.updateAnnotation(i, a);
+    this.updateAnnotation(i, s);
   }
-  updateAnnotation(e, a) {
+  updateAnnotation(e, s) {
     if (!e)
       return;
     const i = e.id;
-    Object.keys(a).forEach((h) => {
-      if (h !== "id")
-        if (h === "properties") {
-          const c = a.properties || { style: {} };
+    Object.keys(s).forEach((l) => {
+      if (l !== "id")
+        if (l === "properties") {
+          const c = s.properties || { style: {} };
           e.properties = {
             ...e.properties || {},
             ...c || {},
@@ -1447,18 +999,18 @@ class $r extends jr {
             }
           };
         } else
-          h === "geometry" ? e.geometry = {
+          l === "geometry" ? e.geometry = {
             ...e.geometry,
-            ...a.geometry
-          } : e[h] = a[h];
+            ...s.geometry
+          } : e[l] = s[l];
     }), i === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(e) {
-    const a = Number(e);
+    const s = Number(e);
     for (let i = 0; i < this.elements.length; i++) {
-      const h = this.elements[i];
-      if (!(h.id !== e && h.id !== a))
-        return h;
+      const l = this.elements[i];
+      if (!(l.id !== e && l.id !== s))
+        return l;
     }
   }
   /**
@@ -1467,23 +1019,23 @@ class $r extends jr {
    * Select element, show editor, disable Ogma dragging and fire event
    */
   select(e) {
-    const a = this.getById(e);
-    a && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(nr, a));
+    const s = this.getById(e);
+    s && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(ar, s));
   }
   hover(e) {
-    const a = this.getById(e);
-    a && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(tn, a));
+    const s = this.getById(e);
+    s && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(an, s));
   }
   getSelectedFeature() {
-    return this.selectedId === q ? null : this.getById(this.selectedId);
+    return this.selectedId === Y ? null : this.getById(this.selectedId);
   }
   unselect() {
     const e = this.getById(this.selectedId);
-    return e && this.emit(ir, e), this.selectedId = q, this.hoveredId === q && this.editor.hide(), this.layer.refresh(), this;
+    return e && this.emit(lr, e), this.selectedId = Y, this.hoveredId === Y && this.editor.hide(), this.layer.refresh(), this;
   }
   unhover() {
     const e = this.getById(this.hoveredId);
-    return this.emit(en, e), this.hoveredId = q, this.selectedId === q && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(ln, e), this.hoveredId = Y, this.selectedId === Y && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -1491,8 +1043,8 @@ class $r extends jr {
    * Removes annotation with the given id
    */
   remove(e) {
-    const a = this.getById(e);
-    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((i) => i.id !== e), a && this.emit(sr, a), this.layer.refresh();
+    const s = this.getById(e);
+    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((i) => i.id !== e), s && this.emit(hr, s), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -1542,39 +1094,42 @@ class $r extends jr {
     this.ogma.events.off(this._onClickMouseMove).off(this._onKeyUp), this.layer.destroy();
   }
 }
-const dr = "handle-line", pr = "handle-start", gr = "handle-end";
-class on extends $r {
-  constructor(e, a = {}) {
+const vr = "handle-line", mr = "handle-start", br = "handle-end";
+class fn extends Br {
+  constructor(e, s = {}) {
     super(
       e,
       `
     <div class="arrow-handle">
-      <div id="${dr}" data-handle-id="0" class="handle line"></div>
-      <div id="${pr}" data-handle-id="1" class="handle"></div>
-      <div id="${gr}" data-handle-id="2" class="handle"></div>
+      <div id="${vr}" data-handle-id="0" class="handle line"></div>
+      <div id="${mr}" data-handle-id="1" class="handle point"></div>
+      <div id="${br}" data-handle-id="2" class="handle point"></div>
     </div>
   `
-    ), x(this, "draggedHandle", q), x(this, "start", { x: 0, y: 0 }), x(this, "end", { x: 0, y: 0 }), x(this, "arrow", { ...cr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "minArrowHeight", 0), x(this, "maxArrowHeight", 0), x(this, "handles", []), x(this, "onHandleMouseDown", (i) => {
-      const h = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      if (!h)
+    ), x(this, "draggedHandle", Y), x(this, "start", { x: 0, y: 0 }), x(this, "end", { x: 0, y: 0 }), x(this, "arrow", { ...gr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "minArrowHeight", 0), x(this, "maxArrowHeight", 0), x(this, "handles", []), x(this, "onHandleMouseDown", (i) => {
+      const l = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      if (!l)
         return;
-      const { x: c, y: g } = rr(i, this.ogma.getContainer());
-      this.startDragging(h, c, g), this.draggedHandle = Pr(i.target);
+      const { x: c, y: f } = sr(i, this.ogma.getContainer());
+      this.startDragging(l, c, f), this.draggedHandle = Lr(i.target);
     }), x(this, "onMouseUp", () => {
-      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = q, this.emit(Bt, this.arrow));
+      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = Y, this.emit(Vt, this.arrow));
     }), x(this, "onMouseMove", (i) => {
-      if (!this.isDragging || this.draggedHandle === q)
+      if (!this.isDragging || this.draggedHandle === Y)
         return;
-      const h = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: g, y: m } = new X(
-        i.clientX - this.startX,
-        i.clientY - this.startY
-      ).divScalar(this.ogma.view.getZoom()).rotateRadians(c), f = h.id === dr, s = h.id === pr, d = h.id === gr;
-      (f || s) && Rr(this.arrow, this.start.x + g, this.start.y + m), (f || d) && Cr(this.arrow, this.end.x + g, this.end.y + m), this.emit(
-        je,
+      const l = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: f, y: p } = st(
+        on(
+          { x: i.clientX - this.startX, y: i.clientY - this.startY },
+          this.ogma.view.getZoom()
+        ),
+        c
+      ), d = l.id === vr, v = l.id === mr, y = l.id === br;
+      (d || v) && Rr(this.arrow, this.start.x + f, this.start.y + p), (d || y) && Ir(this.arrow, this.end.x + f, this.end.y + p), this.emit(
+        De,
         this.arrow,
-        f ? "line" : s ? "start" : "end"
+        d ? "line" : v ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
-    }), this.minArrowHeight = a.minArrowHeight || 0, this.maxArrowHeight = a.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
+    }), this.minArrowHeight = s.minArrowHeight || 0, this.maxArrowHeight = s.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".arrow-handle>.handle")
     ), this.handles.forEach(
       (i) => i.addEventListener("mousedown", this.onHandleMouseDown)
@@ -1586,55 +1141,56 @@ class on extends $r {
    * @param y
    * @param arrow
    */
-  startDrawing(e, a, i = Zr(e, a, e, a, ce)) {
-    var h;
+  startDrawing(e, s, i = tn(e, s, e, s, ge)) {
+    var l;
     this.disableDragging(), this.add(i), this.hoveredId = i.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: a }), g = ((h = this.ogma.getContainer()) == null ? void 0 : h.getBoundingClientRect()) || {
+    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: s }), f = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
     this.startDragging(
       this.getById(i.id),
-      c.x + (g == null ? void 0 : g.left),
-      c.y + g.top
+      c.x + (f == null ? void 0 : f.left),
+      c.y + f.top
     ), this.draggedHandle = 2;
   }
   cancelDrawing() {
-    this.isDragging && (this.remove(this.arrow.id), this.emit(Bt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = q);
+    this.isDragging && (this.remove(this.arrow.id), this.emit(Vt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = Y);
   }
-  startDragging(e, a, i) {
-    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = a, this.startY = i, this.start = ue(this.arrow), this.end = Ie(this.arrow), this.disableDragging(), this.emit($e, this.arrow), this.isDragging = !0;
+  startDragging(e, s, i) {
+    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = s, this.startY = i, this.start = fe(this.arrow), this.end = $e(this.arrow), this.disableDragging(), this.emit(Me, this.arrow), this.isDragging = !0;
   }
-  detect(e, a = 0) {
+  detect(e, s = 0) {
     return this.elements.find((i) => {
-      const { start: h, end: c } = Oe(i), g = new X(e.x, e.y).sub(
-        new X((h.x + c.x) / 2, (h.y + c.y) / 2)
-      ), m = new X(c.x, c.y).sub(new X(h.x, h.y)), f = m.length(), s = m.normalize(), d = Ir(i);
-      return Math.abs(s.dot(g)) < f / 2 + a && Math.abs(s.rotateRadians(Math.PI / 2).dot(g)) < d / 2 + a;
+      const { start: l, end: c } = je(i), f = Ct(e, {
+        x: (l.x + c.x) / 2,
+        y: (l.y + c.y) / 2
+      }), p = Ct(c, l), d = Wt(p), v = $r(p), y = Dr(i);
+      return Math.abs(pr(v, f)) < d / 2 + s && Math.abs(pr(st(v, Math.PI / 2), f)) < y / 2 + s;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const e = this.selectedId !== q ? this.getById(this.selectedId) : this.getById(this.hoveredId), a = Oe(e), i = this.ogma.view.graphToScreenCoordinates(a.start), h = this.ogma.view.graphToScreenCoordinates(a.end), c = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [g, m, f] = Array.prototype.slice.call(
+    const e = this.selectedId !== Y ? this.getById(this.selectedId) : this.getById(this.hoveredId), s = je(e), i = this.ogma.view.graphToScreenCoordinates(s.start), l = this.ogma.view.graphToScreenCoordinates(s.end), [c, f, p] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    m.style.transform = `translate(${i.x}px, ${i.y}px) translate(-50%, -50%) scale(${c})`, f.style.transform = `translate(${h.x}px, ${h.y}px) translate(-50%, -50%) scale(${c}`;
-    const s = {
-      x: (h.x + i.x) / 2,
-      y: (h.y + i.y) / 2
-    }, d = new X(h.x - i.x, h.y - i.y), A = d.mul(1 / d.length()), _ = Math.atan2(A.y, A.x);
-    g.style.width = `${d.length()}px`, g.style.left = `${s.x}px`, g.style.top = `${s.y}px`, g.style.transform = `translate(-50%, -50%) rotate(${_}rad)`;
+    f.style.transform = `translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`, p.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
+    const d = {
+      x: (l.x + i.x) / 2,
+      y: (l.y + i.y) / 2
+    }, v = Ct(l, i), y = jr(v, 1 / Wt(v)), _ = Math.atan2(y.y, y.x);
+    c.style.width = `${Wt(v)}px`, c.style.left = `${d.x}px`, c.style.top = `${d.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${_}rad)`;
   }
   getDefaultOptions() {
-    return cr;
+    return gr;
   }
   draw(e) {
     e.innerHTML = "";
-    const a = he("g"), i = this.ogma.view.getAngle();
-    a.setAttribute("transform", `rotate(${-i * (180 / Math.PI)})`), this.elements.forEach(
-      (h) => Qr(h, a, ce, this.minArrowHeight, this.maxArrowHeight)
-    ), e.appendChild(a);
+    const s = de("g"), i = this.ogma.view.getAngle();
+    s.setAttribute("transform", `rotate(${-i * (180 / Math.PI)})`), this.elements.forEach(
+      (l) => sn(l, s, ge, this.minArrowHeight, this.maxArrowHeight)
+    ), e.appendChild(s);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
@@ -1647,7 +1203,7 @@ class on extends $r {
     super.destroy(), document.removeEventListener("mousemove", this.onMouseMove, !0), document.removeEventListener("mouseup", this.onMouseUp);
   }
 }
-const Ht = {
+const Ut = {
   font: "sans-serif",
   fontSize: 12,
   color: "black",
@@ -1655,13 +1211,13 @@ const Ht = {
   strokeWidth: 1,
   strokeColor: "#000",
   strokeType: "plain"
-}, Ke = {
+}, rr = {
   id: 0,
   type: "Feature",
   properties: {
     type: "text",
     content: "",
-    style: { ...Ht }
+    style: { ...Ut }
   },
   geometry: {
     type: "Polygon",
@@ -1677,126 +1233,126 @@ const Ht = {
   }
   // position: { x: 0, y: 0 },
   // size: { width: 100, height: 50 }
-}, yr = {
+}, wr = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, an = (p = 0, e = 0, a = 100, i = 50, h = "", c = { ...Ht }) => ({
-  id: Me(),
+}, gn = (h = 0, e = 0, s = 100, i = 50, l = "", c = { ...Ut }) => ({
+  id: ze(),
   type: "Feature",
   properties: {
     type: "text",
-    content: h,
-    style: { ...Ht, ...c }
+    content: l,
+    style: { ...Ut, ...c }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [p, e],
-        [p + a, e],
-        [p + a, e + i],
-        [p, e + i],
-        [p, e]
+        [h, e],
+        [h + s, e],
+        [h + s, e + i],
+        [h, e + i],
+        [h, e]
       ]
     ]
   }
 });
-var Mr = { exports: {} };
-(function(p, e) {
-  (function(a, i) {
-    p.exports = i();
-  })(qr, () => (() => {
-    var a = { d: (r, n) => {
-      for (var l in n)
-        a.o(n, l) && !a.o(r, l) && Object.defineProperty(r, l, { enumerable: !0, get: n[l] });
+var Hr = { exports: {} };
+(function(h, e) {
+  (function(s, i) {
+    h.exports = i();
+  })(cn, () => (() => {
+    var s = { d: (r, n) => {
+      for (var a in n)
+        s.o(n, a) && !s.o(r, a) && Object.defineProperty(r, a, { enumerable: !0, get: n[a] });
     }, o: (r, n) => Object.prototype.hasOwnProperty.call(r, n) }, i = {};
-    function h(r) {
-      return h = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function l(r) {
+      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, h(r);
-    }
-    a.d(i, { default: () => Xe });
-    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, g = /\bsmall-caps\b/, m = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, s = 13.3333333, d = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
-    function A(r) {
-      var n = "", l = this;
-      return l.style && l.style !== "normal" && (n += l.style), l.variant && l.variant !== "normal" && (n += (n ? " " : "") + l.variant), l.weight && l.weight !== "normal" && (n += (n ? " " : "") + l.weight), l.size && (n += (n ? " " : "") + l.size + "px", l.height !== l.size && (n += "/" + l.height + "px")), l.family && (n += (n ? " " : "") + l.family), r && (n += "::" + l.baseline), r && (n += "::" + l.color), n;
-    }
-    var _ = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
-    function R(r) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = c.exec(r);
-      n.family = (l[6] || "").trim();
-      var t = d[l[2]] || parseFloat(l[2]);
-      l[3] === "%" ? t *= 0.16 : l[3] === "em" ? t *= 16 : l[3] === "pt" && (t *= s), n.size = t;
-      var o = parseFloat(l[4]);
-      if (o !== "normal" && o !== "inherit" && o ? l[5] && l[5] !== "em" ? l[5] === "pt" ? n.height = o * s : l[5] === "%" ? n.height = 0.01 * t : n.height = o : n.height = o * t : n.height = Math.round(t * (7 / 6)), g.test(l[1]) && (n.variant = "small-caps"), m.test(l[1]) && (n.style = "italic"), f.test(l[1]))
+      }, l(r);
+    }
+    s.d(i, { default: () => Ke });
+    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/, p = /\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 };
+    function _(r) {
+      var n = "", a = this;
+      return a.style && a.style !== "normal" && (n += a.style), a.variant && a.variant !== "normal" && (n += (n ? " " : "") + a.variant), a.weight && a.weight !== "normal" && (n += (n ? " " : "") + a.weight), a.size && (n += (n ? " " : "") + a.size + "px", a.height !== a.size && (n += "/" + a.height + "px")), a.family && (n += (n ? " " : "") + a.family), r && (n += "::" + a.baseline), r && (n += "::" + a.color), n;
+    }
+    var C = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: _, valueOf: _ };
+    function E(r) {
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = c.exec(r);
+      n.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), n.size = t;
+      var o = parseFloat(a[4]);
+      if (o !== "normal" && o !== "inherit" && o ? a[5] && a[5] !== "em" ? a[5] === "pt" ? n.height = o * v : a[5] === "%" ? n.height = 0.01 * t : n.height = o : n.height = o * t : n.height = Math.round(t * (7 / 6)), f.test(a[1]) && (n.variant = "small-caps"), p.test(a[1]) && (n.style = "italic"), d.test(a[1]))
         n.weight = "bold";
       else {
-        var u = parseInt(/\b(\d+)\b/.exec(l[1]), 10);
+        var u = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
         u >= 100 && u !== 400 && (n.weight = u);
       }
       return n;
     }
     function P() {
-      var r, n, 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] : {}, u = 14, y = 12, v = null, w = null, b = "";
+      var r, n, a, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, u = 14, g = 12, m = null, w = null, b = "";
       if (t && t.nodeType) {
-        var S = t && (t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView), I = S.getComputedStyle(t, null);
-        r = I.getPropertyValue("font-family") || "", y = parseFloat(I.getPropertyValue("font-size")), u = I.getPropertyValue("line-height"), v = I.getPropertyValue("font-weight"), w = I.getPropertyValue("font-style"), b = I.getPropertyValue("font-variant") || "";
+        var A = t && (t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView), R = A.getComputedStyle(t, null);
+        r = R.getPropertyValue("font-family") || "", g = parseFloat(R.getPropertyValue("font-size")), u = R.getPropertyValue("line-height"), m = R.getPropertyValue("font-weight"), w = R.getPropertyValue("font-style"), b = R.getPropertyValue("font-variant") || "";
       } else if (typeof t == "string") {
-        var T = R(t);
-        r = T.family, y = T.size, u = T.height, b = T.variant, w = T.style, v = T.weight;
+        var k = E(t);
+        r = k.family, g = k.size, u = k.height, b = k.variant, w = k.style, m = k.weight;
       } else
-        h(t) === "object" && (r = t.family, y = t.size, u = t.height, b = t.variant, v = t.weight, w = t.style, n = t.baseline, l = t.color);
-      o.size && o.size < 3 && (y *= o.size), u = u !== "normal" && u ? parseFloat(u) : y * (7 / 6), o.height && o.height < 3 && (u *= o.height);
-      var C = Object.create(_);
-      return C.family = o.family || r || "sans-serif", C.height = u ?? 14, C.size = y ?? 12, C.variant = o.variant || b || "", C.style = o.style || w || "", C.weight = o.weight || v || "", C.baseline = n || 0, o.baseline != null && (C.baseline = o.baseline), C.color = o.color || l || "", C.id = A.call(C, !0), C;
+        l(t) === "object" && (r = t.family, g = t.size, u = t.height, b = t.variant, m = t.weight, w = t.style, n = t.baseline, a = t.color);
+      o.size && o.size < 3 && (g *= o.size), u = u !== "normal" && u ? parseFloat(u) : g * (7 / 6), o.height && o.height < 3 && (u *= o.height);
+      var O = Object.create(C);
+      return O.family = o.family || r || "sans-serif", O.height = u ?? 14, O.size = g ?? 12, O.variant = o.variant || b || "", O.style = o.style || w || "", O.weight = o.weight || m || "", O.baseline = n || 0, o.baseline != null && (O.baseline = o.baseline), O.color = o.color || a || "", O.id = _.call(O, !0), O;
     }
-    const E = { "\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 M, j = function(r) {
+    const S = { "\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 = function(r) {
       var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || r && r.createElement("canvas");
       if (n && n.getContext) {
-        var l = n.getContext("2d");
-        if (l && typeof l.measureText == "function")
+        var a = n.getContext("2d");
+        if (a && typeof a.measureText == "function")
           return function(t, o) {
-            return l.font = String(o), l.measureText(t).width;
+            return a.font = String(o), a.measureText(t).width;
           };
       }
-    }(typeof document < "u" ? document : null) || (M = {}, function(r, n) {
-      if (!M[n]) {
-        var l = P(n);
-        M[n] = l, /\bmonospace\b/.test(l.family) ? l.size *= 0.6 : (l.size *= 0.45, l.weight && (l.size *= 1.18));
+    }(typeof document < "u" ? document : null) || ($ = {}, function(r, n) {
+      if (!$[n]) {
+        var a = P(n);
+        $[n] = a, /\bmonospace\b/.test(a.family) ? a.size *= 0.6 : (a.size *= 0.45, a.weight && (a.size *= 1.18));
       }
-      return r.length * M[n].size;
-    }), k = {}, N = { trim: !0, collapse: !0 };
-    function H(r, n, l) {
-      var t = Object.assign({}, N, l), o = String(r);
+      return r.length * $[n].size;
+    }), T = {}, B = { trim: !0, collapse: !0 };
+    function N(r, n, a) {
+      var t = Object.assign({}, B, a), o = String(r);
       if (!o)
         return 0;
-      if (o in E) {
+      if (o in S) {
         var u = n.id + "/" + o;
-        return u in k || (k[u] = j("_".concat(o, "_"), n) - j("__", n)), k[u];
+        return u in T || (T[u] = L("_".concat(o, "_"), n) - L("__", n)), T[u];
       }
-      return t.trim && t.collapse ? t.trim ? o = o.trim() : t.collapse && (o = o.replace(/\s+/g, " ")) : o = o.replace(/\n/g, " "), j(o, n) + n.size * (r.tracking || 0);
+      return t.trim && t.collapse ? t.trim ? o = o.trim() : t.collapse && (o = o.replace(/\s+/g, " ")) : o = o.replace(/\n/g, " "), L(o, n) + n.size * (r.tracking || 0);
     }
-    function st(r) {
-      return st = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function it(r) {
+      return it = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, st(r);
+      }, it(r);
     }
     function xt(r, n) {
       if (typeof n != "function" && n !== null)
         throw new TypeError("Super expression must either be null or a function");
-      r.prototype = Object.create(n && n.prototype, { constructor: { value: r, writable: !0, configurable: !0 } }), Object.defineProperty(r, "prototype", { writable: !1 }), n && Ut(r, n);
+      r.prototype = Object.create(n && n.prototype, { constructor: { value: r, writable: !0, configurable: !0 } }), Object.defineProperty(r, "prototype", { writable: !1 }), n && qt(r, n);
     }
-    function Ut(r, n) {
-      return Ut = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(l, t) {
-        return l.__proto__ = t, l;
-      }, Ut(r, n);
+    function qt(r, n) {
+      return qt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(a, t) {
+        return a.__proto__ = t, a;
+      }, qt(r, n);
     }
-    function Wt(r) {
+    function Yt(r) {
       var n = function() {
         if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
           return !1;
@@ -1810,62 +1366,62 @@ var Mr = { exports: {} };
         }
       }();
       return function() {
-        var l, t = Rt(r);
+        var a, t = Ot(r);
         if (n) {
-          var o = Rt(this).constructor;
-          l = Reflect.construct(t, arguments, o);
+          var o = Ot(this).constructor;
+          a = Reflect.construct(t, arguments, o);
         } else
-          l = t.apply(this, arguments);
-        return fe(this, l);
+          a = t.apply(this, arguments);
+        return pe(this, a);
       };
     }
-    function fe(r, n) {
-      if (n && (st(n) === "object" || typeof n == "function"))
+    function pe(r, n) {
+      if (n && (it(n) === "object" || typeof n == "function"))
         return n;
       if (n !== void 0)
         throw new TypeError("Derived constructors may only return object or undefined");
-      return function(l) {
-        if (l === void 0)
+      return function(a) {
+        if (a === void 0)
           throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return l;
+        return a;
       }(r);
     }
-    function Rt(r) {
-      return Rt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
+    function Ot(r) {
+      return Ot = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
         return n.__proto__ || Object.getPrototypeOf(n);
-      }, Rt(r);
+      }, Ot(r);
     }
-    function Ct(r, n) {
+    function Pt(r, n) {
       if (!(r instanceof n))
         throw new TypeError("Cannot call a class as a function");
     }
-    function Yt(r, n) {
-      for (var l = 0; l < n.length; l++) {
-        var t = n[l];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, y) {
-          if (st(u) !== "object" || u === null)
+    function Xt(r, n) {
+      for (var a = 0; a < n.length; a++) {
+        var t = n[a];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
+          if (it(u) !== "object" || u === null)
             return u;
-          var v = u[Symbol.toPrimitive];
-          if (v !== void 0) {
-            var w = v.call(u, y);
-            if (st(w) !== "object")
+          var m = u[Symbol.toPrimitive];
+          if (m !== void 0) {
+            var w = m.call(u, g);
+            if (it(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(u);
-        }(t.key, "string"), st(o) === "symbol" ? o : String(o)), t);
+        }(t.key, "string"), it(o) === "symbol" ? o : String(o)), t);
       }
       var o;
     }
-    function et(r, n, l) {
-      return n && Yt(r.prototype, n), l && Yt(r, l), Object.defineProperty(r, "prototype", { writable: !1 }), r;
+    function tt(r, n, a) {
+      return n && Xt(r.prototype, n), a && Xt(r, a), Object.defineProperty(r, "prototype", { writable: !1 }), r;
     }
-    var F = function() {
+    var D = function() {
       function r() {
         var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-        Ct(this, r), this.value = n, this.weight = null, this.style = null, this.font = null, this.href = null, this.sub = !1, this.sup = !1;
+        Pt(this, r), this.value = n, this.weight = null, this.style = null, this.font = null, this.href = null, this.sub = !1, this.sup = !1;
       }
-      return et(r, [{ key: "clone", value: function() {
+      return tt(r, [{ key: "clone", value: function() {
         var n = new r(this.value);
         return n.value = this.value, n.weight = this.weight, n.style = this.style, n.font = this.font, n.href = this.href, n.sub = this.sub, n.sup = this.sup, n;
       } }, { key: "valueOf", value: function() {
@@ -1874,42 +1430,42 @@ var Mr = { exports: {} };
         return this.value;
       } }]), r;
     }(), at = function(r) {
-      xt(l, r);
-      var n = Wt(l);
-      function l() {
-        return Ct(this, l), n.apply(this, arguments);
+      xt(a, r);
+      var n = Yt(a);
+      function a() {
+        return Pt(this, a), n.apply(this, arguments);
       }
-      return et(l);
-    }(F), Z = function(r) {
-      xt(l, r);
-      var n = Wt(l);
-      function l() {
-        return Ct(this, l), n.apply(this, arguments);
+      return tt(a);
+    }(D), X = function(r) {
+      xt(a, r);
+      var n = Yt(a);
+      function a() {
+        return Pt(this, a), n.apply(this, arguments);
       }
-      return et(l);
-    }(F), ht = function(r) {
-      xt(l, r);
-      var n = Wt(l);
-      function l() {
-        return Ct(this, l), n.apply(this, arguments);
+      return tt(a);
+    }(D), ht = function(r) {
+      xt(a, r);
+      var n = Yt(a);
+      function a() {
+        return Pt(this, a), n.apply(this, arguments);
       }
-      return et(l);
-    }(F), Pt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, de = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Vt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, pe = /^(?:[;\xAD%?…]|,(?!\d))/, ge = /^[´±°¢£¤$¥\u2212]/;
-    function St(r, n) {
+      return tt(a);
+    }(D), Rt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Gt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ve = /^(?:[;\xAD%?…]|,(?!\d))/, me = /^[´±°¢£¤$¥\u2212]/;
+    function At(r, n) {
       n !== !1 && (r = r.trim());
-      for (var l, t, o = [], u = r.charAt(0), y = 0, v = 1, w = r.length; v < w; v++) {
-        l = r.charAt(v), t = r.charAt(v + 1);
-        var b = Pt.test(u), S = Pt.test(l), I = S || b, T = void 0;
-        if ((ge.test(l) && !Vt.test(u) || pe.test(u + t) && !Vt.test(l)) && (I = !0), u !== "-" && u !== "‐" && u !== "–" && u !== "—" || ((T = Pt.test(r.charAt(v - 2))) && !S && (I = !1), !T && de.test(l + t) && (I = !0)), I) {
-          var C = r.slice(y, v);
-          /\u00AD$/.test(C) ? (o.push(new F(C.slice(0, -1))), o.push(new ht())) : (o.push(new F(C)), o.push(new at())), y = v;
+      for (var a, t, o = [], u = r.charAt(0), g = 0, m = 1, w = r.length; m < w; m++) {
+        a = r.charAt(m), t = r.charAt(m + 1);
+        var b = Rt.test(u), A = Rt.test(a), R = A || b, k = void 0;
+        if ((me.test(a) && !Gt.test(u) || ve.test(u + t) && !Gt.test(a)) && (R = !0), u !== "-" && u !== "‐" && u !== "–" && u !== "—" || ((k = Rt.test(r.charAt(m - 2))) && !A && (R = !1), !k && ye.test(a + t) && (R = !0)), R) {
+          var O = r.slice(g, m);
+          /\u00AD$/.test(O) ? (o.push(new D(O.slice(0, -1))), o.push(new ht())) : (o.push(new D(O)), o.push(new at())), g = m;
         }
-        u = l;
+        u = a;
       }
-      return o.push(new F(r.slice(y))), o;
+      return o.push(new D(r.slice(g))), o;
     }
-    const ye = { 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 De = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, qt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Xt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, It = /^<!--(.+?)-->/, Zt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, At = { b: function(r) {
+    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 Ne = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Jt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Zt = /^<([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, Et = { b: function(r) {
       r.weight = "bold";
     }, strong: function(r) {
       r.weight = "bold";
@@ -1935,37 +1491,37 @@ var Mr = { exports: {} };
       r.sub = !0;
     }, sup: function(r) {
       r.sup = !0;
-    } }, Fe = { 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 Gt(r) {
-      return r.replace(Zt, function(n, l, t, o) {
-        if (l || t) {
-          var u = l ? 10 : 16;
-          return String.fromCharCode(parseInt(l || t, u));
+    } }, 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 };
+    function Qt(r) {
+      return r.replace(Kt, function(n, a, t, o) {
+        if (a || t) {
+          var u = a ? 10 : 16;
+          return String.fromCharCode(parseInt(a || t, u));
         }
-        return o in ye ? ye[o] : n;
+        return o in be ? be[o] : n;
       });
     }
-    function Le(r) {
+    function He(r) {
       return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
     }
-    var ze = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-    function Ot(r) {
-      var n, l = {};
+    var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+    function Lt(r) {
+      var n, a = {};
       if (r) {
         do
-          if (n = ze.exec(r)) {
-            var t = Gt(Le(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
-            if (l[n[1]] = t, (r = r.slice(n[0].length)).length && /^\S/.test(r[0]))
+          if (n = We.exec(r)) {
+            var t = Qt(He(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+            if (a[n[1]] = t, (r = r.slice(n[0].length)).length && /^\S/.test(r[0]))
               throw new Error("Attribute error");
           }
         while (n && r.length);
         if (/\S/.test(r))
           throw new Error("Attribute error");
       }
-      return l;
+      return a;
     }
-    const Et = { 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: "Ĳ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
-    var me = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, ve = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ne = /^\\([&{}$%#_])/, He = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Jt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, B = { bf: function(r) {
+    const _t = { 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: "Ĳ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
+    var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, Ft = /^[^#$%&~_^\\{}]+/, Ue = /^\\([&{}$%#_])/, Ve = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, te = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, H = { bf: function(r) {
       r.weight = "bold";
     }, it: function(r) {
       r.style = "italic";
@@ -1980,40 +1536,40 @@ var Mr = { exports: {} };
     }, _: function(r) {
       r.sub = !0;
     }, par: function(r) {
-      this.tokens.push(new Z(), new Z());
+      this.tokens.push(new X(), new X());
     }, newline: function(r) {
-      this.tokens.push(new Z());
+      this.tokens.push(new X());
     }, url: function(r, n) {
-      this.open_context().href = n, this.add_token(new F(n)), this.close_context();
+      this.open_context().href = n, this.add_token(new D(n)), this.close_context();
     } };
-    B.textsuperscript = B["^"], B.textsubscript = B._, B.textsl = B.sl, B.mathbf = B.bf, B.mathit = B.it, B.textbf = B.bf, B.textit = B.it, B.textcolor = B.color;
-    var Be = /[\r\n\xA0]+/g;
-    function be(r, n) {
+    H.textsuperscript = H["^"], H.textsubscript = H._, H.textsl = H.sl, H.mathbf = H.bf, H.mathit = H.it, H.textbf = H.bf, H.textit = H.it, H.textcolor = H.color;
+    var qe = /[\r\n\xA0]+/g;
+    function Ae(r, n) {
       r.sup && (r.baseline = 0.45, r.size = 0.7), r.sub && (r.baseline = -0.3, r.size = 0.7);
-      var l = n;
-      return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (l = P(n, r)), l;
+      var a = n;
+      return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (a = P(n, r)), a;
     }
-    function Kt(r, n, l) {
-      for (var t, o, u = r.width; u + l.width > n && r.length; )
-        o = (t = r[r.length - 1]).width, t.width > l.width ? (t.value = t.value.slice(0, -1), t.width = H(t, t.font), u += t.width) : r.pop(), u -= o;
-      r[r.length - 1] instanceof ht && r.pop(), t = r[r.length - 1] || t || {}, l.font = P(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 ee(r, n, a) {
+      for (var t, o, u = r.width; u + a.width > n && r.length; )
+        o = (t = r[r.length - 1]).width, t.width > a.width ? (t.value = t.value.slice(0, -1), t.width = N(t, t.font), u += t.width) : r.pop(), u -= o;
+      r[r.length - 1] instanceof ht && r.pop(), t = r[r.length - 1] || t || {}, a.font = P(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 ot(r) {
       return Math.round(1e6 * r) / 1e6;
     }
-    function we(r) {
+    function Ee(r) {
       return function(n) {
         if (Array.isArray(n))
           return $t(n);
       }(r) || function(n) {
         if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null)
           return Array.from(n);
-      }(r) || function(n, l) {
+      }(r) || function(n, a) {
         if (n) {
           if (typeof n == "string")
-            return $t(n, l);
+            return $t(n, a);
           var t = Object.prototype.toString.call(n).slice(8, -1);
-          return t === "Object" && n.constructor && (t = n.constructor.name), t === "Map" || t === "Set" ? Array.from(n) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? $t(n, l) : void 0;
+          return t === "Object" && n.constructor && (t = n.constructor.name), t === "Map" || t === "Set" ? Array.from(n) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? $t(n, a) : void 0;
         }
       }(r) || function() {
         throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -2022,128 +1578,128 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     function $t(r, n) {
       (n == null || n > r.length) && (n = r.length);
-      for (var l = 0, t = new Array(n); l < n; l++)
-        t[l] = r[l];
+      for (var a = 0, t = new Array(n); a < n; a++)
+        t[a] = r[a];
       return t;
     }
-    var xe = { center: "middle", right: "end" }, Qt = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, te = function(r, n) {
+    var _e = { center: "middle", right: "end" }, re = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ne = function(r, n) {
       return !r && !n || r === n;
     };
-    function Ue(r, n) {
-      var l = [], t = n.font(), o = t.size, u = t.family, y = n.align(), v = n.createElement();
+    function Ye(r, n) {
+      var a = [], t = n.font(), o = t.size, u = t.family, g = n.align(), m = n.createElement();
       if (r.length) {
-        var w = t.height, b = n.valign(), S = n.height()(), I = n.width()(0), T = !isFinite(I) && r.length === 1, C = T ? null : n.x(), D = ot(w / o), U = T ? null : ot(w / (1.15 * o + (w - o) / 2));
-        if (Qt[b] && isFinite(S)) {
-          var L = b === "bottom" ? 1 : 0.5;
-          U += (S * L - w * r.length * L) / o;
+        var w = t.height, b = n.valign(), A = n.height()(), R = n.width()(0), k = !isFinite(R) && r.length === 1, O = k ? null : n.x(), j = ot(w / o), W = k ? null : ot(w / (1.15 * o + (w - o) / 2));
+        if (re[b] && isFinite(A)) {
+          var M = b === "bottom" ? 1 : 0.5;
+          W += (A * M - w * r.length * M) / o;
         }
-        var O = y === "justify", W = 0;
-        y === "right" ? W = I : y === "center" && (W = I / 2);
-        for (var z = [], rt = "tspan", J = null, Y = "", $ = function() {
-          if (Y) {
-            var kt = v(rt, J, Y);
-            z.push(kt);
+        var I = g === "justify", U = 0;
+        g === "right" ? U = R : g === "center" && (U = R / 2);
+        for (var z = [], et = "tspan", J = null, V = "", F = function() {
+          if (V) {
+            var Tt = m(et, J, V);
+            z.push(Tt);
           }
-          rt = "tspan", J = null, Y = "";
-        }, it = 0, nt = r.length; it < nt; it++) {
-          var dt = "", vt = "", ct = 0, pt = r[it];
-          if (pt.length) {
+          et = "tspan", J = null, V = "";
+        }, nt = 0, rt = r.length; nt < rt; nt++) {
+          var ft = "", mt = "", ct = 0, gt = r[nt];
+          if (gt.length) {
             z = [];
-            for (var Ft = 0, se = 0, gt = void 0, K = 0, Te = pt.length; K < Te; K++) {
-              var V = pt[K], Q = V.font;
-              V.whitespace && Ft++, se += V.width, K && !V.tracking && !ct && te(Q.id, dt) && te(V.class, vt) && te(gt, V.href) ? Y += V.value : ($(), Y = V.value, J = { fontFamily: Q.family !== u ? 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: V.class || null }, ct && (J.dx = ot(ct), ct = 0), V.tracking && (ct = Q.size * V.tracking), V.href && !gt ? (gt = V.href, rt = "a", J.href = gt, J.rel = V.rel, J.target = V.target) : gt = null, dt = Q.id, vt = V.class);
+            for (var Mt = 0, le = 0, pt = void 0, Z = 0, Pe = gt.length; Z < Pe; Z++) {
+              var q = gt[Z], K = q.font;
+              q.whitespace && Mt++, le += q.width, Z && !q.tracking && !ct && ne(K.id, ft) && ne(q.class, mt) && ne(pt, q.href) ? V += q.value : (F(), V = q.value, J = { fontFamily: K.family !== u ? K.family : null, fontSize: K.size !== o ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: q.class || null }, ct && (J.dx = ot(ct), ct = 0), q.tracking && (ct = K.size * q.tracking), q.href && !pt ? (pt = q.href, et = "a", J.href = pt, J.rel = q.rel, J.target = q.target) : pt = null, ft = K.id, mt = q.class);
             }
-            if ($(), T)
-              l.push.apply(l, we(z));
+            if (F(), k)
+              a.push.apply(a, Ee(z));
             else {
-              var Re = null, oe = it === nt - 1 || pt[pt.length - 1] instanceof Z;
-              O && pt.length > 1 && !oe && (Re = ot((I - se) / Ft)), l.push(v.apply(void 0, ["tspan", { wordSpacing: Re, x: C(it) + W, dy: ot(it ? D : U) + "em" }].concat(we(z))));
+              var Re = null, he = nt === rt - 1 || gt[gt.length - 1] instanceof X;
+              I && gt.length > 1 && !he && (Re = ot((R - le) / Mt)), a.push(m.apply(void 0, ["tspan", { wordSpacing: Re, x: O(nt) + U, dy: ot(nt ? j : W) + "em" }].concat(Ee(z))));
             }
           } else
-            l.push(v("tspan", { x: C(it), dy: ot(it ? D : U) + "em" }, " "));
+            a.push(m("tspan", { x: O(nt), dy: ot(nt ? j : W) + "em" }, " "));
         }
       }
-      return v.apply(void 0, ["text", { fontFamily: u, fontSize: o, textAnchor: xe[y] || "start" }].concat(l));
+      return m.apply(void 0, ["text", { fontFamily: u, fontSize: o, textAnchor: _e[g] || "start" }].concat(a));
     }
-    var We = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-    function Ye(r, n, l) {
+    var Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+    function Ge(r, n, a) {
       if (r.length) {
-        l.textBaseline = "middle";
-        var t = n.font(), o = t.height, u = t.size, y = n.valign(), v = n.height()(), w = n.width()(0), b = n.align(), S = b === "justify", I = 0.5 * o, T = We[y];
-        if (T && isFinite(v)) {
-          var C = r.length * o;
-          I += v * T - C * T;
+        a.textBaseline = "middle";
+        var t = n.font(), o = t.height, u = t.size, g = n.valign(), m = n.height()(), w = n.width()(0), b = n.align(), A = b === "justify", R = 0.5 * o, k = Xe[g];
+        if (k && isFinite(m)) {
+          var O = r.length * o;
+          R += m * k - O * k;
         }
-        r.forEach(function(D, U) {
-          var L = n.x()(U), O = U * o + I, W = 0, z = 0;
-          D.forEach(function(Y) {
-            Y.whitespace && W++, z += Y.width;
+        r.forEach(function(j, W) {
+          var M = n.x()(W), I = W * o + R, U = 0, z = 0;
+          j.forEach(function(V) {
+            V.whitespace && U++, z += V.width;
           });
-          var rt = 0, J = U === r.length - 1 || D[D.length - 1] instanceof Z;
-          S && D.length > 1 && !J && (rt = (w - z) / W), D.forEach(function(Y) {
-            l.font = Y.font;
-            var $ = Y.font, it = $.baseline ? u * -$.baseline + 0.15 * u : 0;
-            l.fillStyle = function(vt, ct) {
-              return vt.color ? vt.color : ct.href ? "#00C" : "#000";
-            }($, Y);
-            var nt = 0;
-            if (b === "right" ? nt += w - z : b === "center" ? nt += w / 2 - z / 2 : b === "justify" && (Y.whitespace || Y instanceof Z) && (L += rt), l.fillText(Y.value, L + nt, O + it), Y.href) {
-              l.beginPath(), l.strokeStyle = l.fillStyle;
-              var dt = Math.floor(O + 0.45 * u) + 0.5;
-              l.moveTo(L + nt, dt), l.lineTo(L + nt + Y.width, dt), l.stroke();
+          var et = 0, J = W === r.length - 1 || j[j.length - 1] instanceof X;
+          A && j.length > 1 && !J && (et = (w - z) / U), j.forEach(function(V) {
+            a.font = V.font;
+            var F = V.font, nt = F.baseline ? u * -F.baseline + 0.15 * u : 0;
+            a.fillStyle = function(mt, ct) {
+              return mt.color ? mt.color : ct.href ? "#00C" : "#000";
+            }(F, V);
+            var rt = 0;
+            if (b === "right" ? rt += w - z : b === "center" ? rt += w / 2 - z / 2 : b === "justify" && (V.whitespace || V instanceof X) && (M += et), a.fillText(V.value, M + rt, I + nt), V.href) {
+              a.beginPath(), a.strokeStyle = a.fillStyle;
+              var ft = Math.floor(I + 0.45 * u) + 0.5;
+              a.moveTo(M + rt, ft), a.lineTo(M + rt + V.width, ft), a.stroke();
             }
-            L += Y.width;
+            M += V.width;
           });
         });
       }
     }
-    function ee(r) {
-      return ee = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function ie(r) {
+      return ie = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, ee(r);
+      }, ie(r);
     }
-    function Se(r) {
-      for (var n = {}, l = 0; l < r.length; l++) {
-        var t = r[l];
-        typeof t != "number" && t != null && (typeof t == "string" ? n.text = t : typeof t == "function" ? n.fn = t : ee(t) === "object" && t._groups ? n.d3 = t : t && t.nodeType && t.getContext ? n.ctx = t.getContext("2d") : t && t.fillText && t.beginPath ? n.ctx = t : t && (n.text = t));
+    function ke(r) {
+      for (var n = {}, a = 0; a < r.length; a++) {
+        var t = r[a];
+        typeof t != "number" && t != null && (typeof t == "string" ? n.text = t : typeof t == "function" ? n.fn = t : ie(t) === "object" && t._groups ? n.d3 = t : t && t.nodeType && t.getContext ? n.ctx = t.getContext("2d") : t && t.fillText && t.beginPath ? n.ctx = t : t && (n.text = t));
       }
       return n;
     }
-    function _t(r) {
-      return _t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function kt(r) {
+      return kt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, _t(r);
+      }, kt(r);
     }
-    function re(r, n) {
-      for (var l = 0; l < n.length; l++) {
-        var t = n[l];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, y) {
-          if (_t(u) !== "object" || u === null)
+    function oe(r, n) {
+      for (var a = 0; a < n.length; a++) {
+        var t = n[a];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
+          if (kt(u) !== "object" || u === null)
             return u;
-          var v = u[Symbol.toPrimitive];
-          if (v !== void 0) {
-            var w = v.call(u, y);
-            if (_t(w) !== "object")
+          var m = u[Symbol.toPrimitive];
+          if (m !== void 0) {
+            var w = m.call(u, g);
+            if (kt(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(u);
-        }(t.key, "string"), _t(o) === "symbol" ? o : String(o)), t);
+        }(t.key, "string"), kt(o) === "symbol" ? o : String(o)), t);
       }
       var o;
     }
-    var Ae = P(), ut = function(r) {
+    var Te = P(), ut = function(r) {
       return typeof r == "function" ? r : function() {
         return r;
       };
     }, G = function() {
       function r(t) {
-        if (function(u, y) {
-          if (!(u instanceof y))
+        if (function(u, g) {
+          if (!(u instanceof g))
             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;
@@ -2155,82 +1711,82 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           for (var o in t)
             typeof this[o] == "function" && this[o](t[o]);
       }
-      var n, l;
-      return n = r, l = [{ key: "linebreak", value: function(t) {
-        var o = this, u = this.props.parser(String(t)), y = this.font(), v = function(w, b, S) {
+      var n, a;
+      return n = r, a = [{ key: "linebreak", value: function(t) {
+        var o = this, u = this.props.parser(String(t)), g = this.font(), m = function(w, b, A) {
           if (!w.length)
             return [];
-          var I = b.height(), T = b.width(), C = b.overflowLine(), D = b.overflowWrap(), U = P(S, !0, !1), L = isFinite(I()) ? Math.floor(I() / S.height) : 1 / 0;
-          if (!I() && !T(0) || !L)
+          var R = b.height(), k = b.width(), O = b.overflowLine(), j = b.overflowWrap(), W = P(A, !0, !1), M = isFinite(R()) ? Math.floor(R() / A.height) : 1 / 0;
+          if (!R() && !k(0) || !M)
             return [];
-          for (var O = 0, W = 0, z = 0, rt = [], J = [], Y = !1; O < w.length && W < L; ) {
-            var $ = w[O], it = be($, S);
-            if ($.width = H($, it), $.font = it, $.line = W, $.whitespace = $.value in E, $.value && ($.value = $.value.replace(Be, " ")), !(!z && $.whitespace || Y && $.whitespace))
-              if ($ instanceof Z)
-                z = 0, J = [], rt.push(O + 1), W++;
-              else if ($ instanceof at || $ instanceof ht)
-                J.push({ index: O, width: z });
-              else if ($.whitespace || z + $.width < T(W))
-                z += $.width;
+          for (var I = 0, U = 0, z = 0, et = [], J = [], V = !1; I < w.length && U < M; ) {
+            var F = w[I], nt = Ae(F, A);
+            if (F.width = N(F, nt), F.font = nt, F.line = U, F.whitespace = F.value in S, F.value && (F.value = F.value.replace(qe, " ")), !(!z && F.whitespace || V && F.whitespace))
+              if (F instanceof X)
+                z = 0, J = [], et.push(I + 1), U++;
+              else if (F instanceof at || F instanceof ht)
+                J.push({ index: I, width: z });
+              else if (F.whitespace || z + F.width < k(U))
+                z += F.width;
               else if (J.length) {
-                var nt = void 0, dt = void 0;
+                var rt = void 0, ft = void 0;
                 do {
-                  dt = !0, nt = J.pop();
-                  var vt = w[nt.index], ct = void 0;
-                  vt instanceof ht && (ct = H("-", vt.font), nt.width + ct > T(W) && (dt = !J.length));
-                } while (!dt);
-                rt.push(nt.index + 1), z = 0, W++, O = nt.index, J = [];
-              } else if (D === "break-word") {
-                var pt = T(W);
-                if (z + $.width > pt) {
-                  var Ft = $.clone();
+                  ft = !0, rt = J.pop();
+                  var mt = w[rt.index], ct = void 0;
+                  mt instanceof ht && (ct = N("-", mt.font), rt.width + ct > k(U) && (ft = !J.length));
+                } while (!ft);
+                et.push(rt.index + 1), z = 0, U++, I = rt.index, J = [];
+              } else if (j === "break-word") {
+                var gt = k(U);
+                if (z + F.width > gt) {
+                  var Mt = F.clone();
                   do
-                    $.value = $.value.slice(0, -1), $.width = H($, $.font), z += $.width;
-                  while ($.value && $.width > pt);
-                  Ft.value = Ft.value.slice($.value.length), w.splice(O + 1, 0, new at(), Ft);
+                    F.value = F.value.slice(0, -1), F.width = N(F, F.font), z += F.width;
+                  while (F.value && F.width > gt);
+                  Mt.value = Mt.value.slice(F.value.length), w.splice(I + 1, 0, new at(), Mt);
                 }
-                rt.push(O + 1), z = 0, W++;
+                et.push(I + 1), z = 0, U++;
               } else
-                z += $.width;
-            O++, Y = $.whitespace;
+                z += F.width;
+            I++, V = F.whitespace;
           }
-          O !== rt[rt.length - 1] && rt.push(O);
-          var se = 0, gt = 0, K = rt.map(function(kt) {
-            for (var tt, Tt = se; (tt = w[Tt]) && (tt.whitespace || !tt.value); )
-              Tt++;
-            for (var bt = kt, Ze = null; bt > Tt && (tt = w[bt - 1]) && (tt.whitespace || !(tt.value || tt instanceof ht)); )
-              tt instanceof Z && (Ze = tt), bt--;
-            tt instanceof ht && (tt.value = "-", tt.width = H("-", tt.font)), se = kt;
-            var Lt = w.slice(Tt, bt).filter(function(Ge) {
-              return Ge.value;
+          I !== et[et.length - 1] && et.push(I);
+          var le = 0, pt = 0, Z = et.map(function(Tt) {
+            for (var Q, St = le; (Q = w[St]) && (Q.whitespace || !Q.value); )
+              St++;
+            for (var bt = Tt, Qe = null; bt > St && (Q = w[bt - 1]) && (Q.whitespace || !(Q.value || Q instanceof ht)); )
+              Q instanceof X && (Qe = Q), bt--;
+            Q instanceof ht && (Q.value = "-", Q.width = N("-", Q.font)), le = Tt;
+            var zt = w.slice(St, bt).filter(function(tr) {
+              return tr.value;
             });
-            return Ze && Lt.push(Ze), Lt.width = Lt.reduce(function(Ge, Lr) {
-              return Ge + Lr.width;
-            }, 0), Lt.width > gt && (gt = Lt.width), Lt;
+            return Qe && zt.push(Qe), zt.width = zt.reduce(function(tr, Vr) {
+              return tr + Vr.width;
+            }, 0), zt.width > pt && (pt = zt.width), zt;
           });
-          if (K.hasLineOverflow = !1, C) {
-            var Te = C === "ellipsis" ? "…" : C;
-            K.forEach(function(kt, tt) {
-              var Tt = T(tt);
-              if (kt.width > Tt) {
-                var bt = new F(Te);
-                bt.font = S, bt.width = H(Te, U), Kt(kt, Tt, bt), K.hasLineOverflow = !0;
+          if (Z.hasLineOverflow = !1, O) {
+            var Pe = O === "ellipsis" ? "…" : O;
+            Z.forEach(function(Tt, Q) {
+              var St = k(Q);
+              if (Tt.width > St) {
+                var bt = new D(Pe);
+                bt.font = A, bt.width = N(Pe, W), ee(Tt, St, bt), Z.hasLineOverflow = !0;
               }
             });
           }
-          var V = b.overflow() === "ellipsis" ? "…" : b.overflow();
-          if (V && O !== w.length) {
-            var Q = T(K.length - 1), Re = K[K.length - 1], oe = new F(V);
-            oe.font = S, oe.width = H(V, U), Kt(Re, Q, oe), K.hasOverflow = !0;
+          var q = b.overflow() === "ellipsis" ? "…" : b.overflow();
+          if (q && I !== w.length) {
+            var K = k(Z.length - 1), Re = Z[Z.length - 1], he = new D(q);
+            he.font = A, he.width = N(q, W), ee(Re, K, he), Z.hasOverflow = !0;
           } else
-            K.hasOverflow = !1;
-          return K.font = S, K.width = gt, K;
-        }(u, this, y);
-        return v.height = v.length * y.height, v.render = function(w) {
-          return o.render(v, w);
-        }, v.svg = v.render, v.draw = v.render, v;
+            Z.hasOverflow = !1;
+          return Z.font = A, Z.width = pt, Z;
+        }(u, this, g);
+        return m.height = m.length * g.height, m.render = function(w) {
+          return o.render(m, w);
+        }, m.svg = m.render, m.draw = m.render, m;
       } }, { key: "font", value: function(t) {
-        return arguments.length ? (this.props.font = P(t), this) : this.props.font || P(Ae);
+        return arguments.length ? (this.props.font = P(t), this) : this.props.font || P(Te);
       } }, { key: "overflow", value: function(t) {
         return arguments.length ? (this.props.overflow = String(t), this) : this.props.overflow;
       } }, { key: "overflowLine", value: function(t) {
@@ -2266,49 +1822,49 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } }, { key: "createElement", value: function(t) {
         return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
       } }, { key: "render", value: function() {
-        var t = Se(arguments);
-        return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ye(t.text, this, t.ctx) : Ue(t.text, this);
-      } }], l && re(n.prototype, l), Object.defineProperty(n, "prototype", { writable: !1 }), r;
+        var t = ke(arguments);
+        return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ge(t.text, this, t.ctx) : Ye(t.text, this);
+      } }], a && oe(n.prototype, a), Object.defineProperty(n, "prototype", { writable: !1 }), r;
     }();
-    function ft(r) {
-      return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function dt(r) {
+      return dt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, ft(r);
+      }, dt(r);
     }
-    function Mt(r, n) {
+    function jt(r, n) {
       (n == null || n > r.length) && (n = r.length);
-      for (var l = 0, t = new Array(n); l < n; l++)
-        t[l] = r[l];
+      for (var a = 0, t = new Array(n); a < n; a++)
+        t[a] = r[a];
       return t;
     }
-    function Ve(r, n) {
-      for (var l = 0; l < n.length; l++) {
-        var t = n[l];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, y) {
-          if (ft(u) !== "object" || u === null)
+    function Je(r, n) {
+      for (var a = 0; a < n.length; a++) {
+        var t = n[a];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
+          if (dt(u) !== "object" || u === null)
             return u;
-          var v = u[Symbol.toPrimitive];
-          if (v !== void 0) {
-            var w = v.call(u, y);
-            if (ft(w) !== "object")
+          var m = u[Symbol.toPrimitive];
+          if (m !== void 0) {
+            var w = m.call(u, g);
+            if (dt(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(u);
-        }(t.key, "string"), ft(o) === "symbol" ? o : String(o)), t);
+        }(t.key, "string"), dt(o) === "symbol" ? o : String(o)), t);
       }
       var o;
     }
-    var ne = function(r) {
+    var se = function(r) {
       return typeof r == "function" ? r : function() {
         return r;
       };
-    }, Ee = function() {
+    }, Se = function() {
       function r(t) {
-        if (function(u, y) {
-          if (!(u instanceof y))
+        if (function(u, g) {
+          if (!(u instanceof g))
             throw new TypeError("Cannot call a class as a function");
         }(this, r), this.props = { width: function() {
           return 1 / 0;
@@ -2319,47 +1875,47 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             typeof this[o] == "function" && this[o](t[o]);
         this.render = this.render.bind(this);
       }
-      var n, l;
-      return n = r, l = [{ key: "anchor", value: function(t) {
-        var o = this.props, u = o.hAnchor, y = o.vAnchor, v = o.width, w = o.height;
+      var n, a;
+      return n = r, a = [{ key: "anchor", value: function(t) {
+        var o = this.props, u = o.hAnchor, g = o.vAnchor, m = o.width, w = o.height;
         if (!arguments.length)
-          return [u * v(0), y * w(0)];
+          return [u * m(0), g * w(0)];
         if (typeof t == "string") {
           var b = this.props;
-          t.toLowerCase().trim().split(/\s+/).forEach(function(S) {
-            S === "top" && (b.vAnchor = -0), S === "middle" && (b.vAnchor = -0.5), S === "bottom" && (b.vAnchor = -1), S === "left" && (b.hAnchor = -0), S === "center" && (b.hAnchor = -0.5), S === "right" && (b.hAnchor = -1);
+          t.toLowerCase().trim().split(/\s+/).forEach(function(A) {
+            A === "top" && (b.vAnchor = -0), A === "middle" && (b.vAnchor = -0.5), A === "bottom" && (b.vAnchor = -1), A === "left" && (b.hAnchor = -0), A === "center" && (b.hAnchor = -0.5), A === "right" && (b.hAnchor = -1);
           });
         }
         return this;
       } }, { key: "width", value: function(t) {
-        return arguments.length ? (this.props.width = ne(t), this) : this.props.width;
+        return arguments.length ? (this.props.width = se(t), this) : this.props.width;
       } }, { key: "height", value: function(t) {
-        return arguments.length ? (this.props.height = ne(t), this) : this.props.height;
+        return arguments.length ? (this.props.height = se(t), this) : this.props.height;
       } }, { key: "rotate", value: function(t) {
         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 u, y = t.getContext ? t.getContext("2d") : t;
-        return y.save(), y.rotate(this.rotate() * Math.PI / 180), y.translate.apply(y, function(v) {
-          if (Array.isArray(v))
-            return Mt(v);
-        }(u = this.anchor()) || function(v) {
-          if (typeof Symbol < "u" && v[Symbol.iterator] != null || v["@@iterator"] != null)
-            return Array.from(v);
-        }(u) || function(v, w) {
-          if (v) {
-            if (typeof v == "string")
-              return Mt(v, w);
-            var b = Object.prototype.toString.call(v).slice(8, -1);
-            return b === "Object" && v.constructor && (b = v.constructor.name), b === "Map" || b === "Set" ? Array.from(v) : b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b) ? Mt(v, w) : void 0;
+        var u, g = t.getContext ? t.getContext("2d") : t;
+        return g.save(), g.rotate(this.rotate() * Math.PI / 180), g.translate.apply(g, function(m) {
+          if (Array.isArray(m))
+            return jt(m);
+        }(u = this.anchor()) || function(m) {
+          if (typeof Symbol < "u" && m[Symbol.iterator] != null || m["@@iterator"] != null)
+            return Array.from(m);
+        }(u) || function(m, w) {
+          if (m) {
+            if (typeof m == "string")
+              return jt(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) ? jt(m, w) : void 0;
           }
         }(u) || 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(y), y.restore(), y;
+        }()), o(g), g.restore(), g;
       } }, { key: "render", value: function() {
-        var t = Se(arguments);
+        var t = ke(arguments);
         if (t.d3)
           return t.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
         if (t.ctx)
@@ -2368,208 +1924,208 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           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);
         }
-      } }], l && Ve(n.prototype, l), Object.defineProperty(n, "prototype", { writable: !1 }), r;
-    }(), _e = Object.prototype.hasOwnProperty, Dt = {};
-    function qe(r) {
-      return Dt[r] || (Dt[r] = r.replace(/([a-z])([A-Z])/g, function(n, l, t) {
-        return l + "-" + t.toLowerCase();
+      } }], a && Je(n.prototype, a), Object.defineProperty(n, "prototype", { writable: !1 }), r;
+    }(), Ce = Object.prototype.hasOwnProperty, Dt = {};
+    function Ze(r) {
+      return Dt[r] || (Dt[r] = r.replace(/([a-z])([A-Z])/g, function(n, a, t) {
+        return a + "-" + t.toLowerCase();
       })), Dt[r];
     }
-    function ke(r, n) {
+    function Oe(r, n) {
       if (Array.isArray(n))
-        return n.forEach(function(l) {
-          return ke(r, l);
+        return n.forEach(function(a) {
+          return Oe(r, a);
         });
       typeof n == "string" && (n = document.createTextNode(n)), r.appendChild(n);
     }
-    function ie(r, n) {
+    function ae(r, n) {
       if (typeof document < "u") {
-        var l = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
-        if (n && l.setAttribute)
+        var a = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
+        if (n && a.setAttribute)
           for (var t in n)
-            _e.call(n, t) && n[t] != null && l.setAttribute(t === "className" ? "class" : qe(t), n[t]);
-        for (var o = arguments.length, u = new Array(o > 2 ? o - 2 : 0), y = 2; y < o; y++)
-          u[y - 2] = arguments[y];
-        return u != null && u.length && u.forEach(function(v) {
-          ke(l, v);
-        }), l;
+            Ce.call(n, t) && n[t] != null && a.setAttribute(t === "className" ? "class" : Ze(t), n[t]);
+        for (var o = arguments.length, u = new Array(o > 2 ? o - 2 : 0), g = 2; g < o; g++)
+          u[g - 2] = arguments[g];
+        return u != null && u.length && u.forEach(function(m) {
+          Oe(a, m);
+        }), a;
       }
     }
-    G.createElement = ie, G.textparser = St, G.defaultparser = St, G.htmlparser = function(r) {
+    G.createElement = ae, G.textparser = At, G.defaultparser = At, G.htmlparser = function(r) {
       r = String(r || "").trim();
-      for (var n, l, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, o = [], u = [], y = function(I) {
-        for (var T in t)
-          t[T] && (I[T] = t[T]);
-        o.push(I);
-      }, v = function(I) {
-        var T = o.length, C = Fe[I];
-        if (T && C) {
-          for (var D = T - 1; o[D] && (o[D] instanceof at || De.test(o[D].value)); )
-            D--;
-          for (; C && o[D] && o[D] instanceof Z; )
-            D--, C--;
-          for (; C-- > 0; )
-            o.push(new Z());
+      for (var n, a, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, o = [], u = [], g = function(R) {
+        for (var k in t)
+          t[k] && (R[k] = t[k]);
+        o.push(R);
+      }, m = function(R) {
+        var k = o.length, O = Be[R];
+        if (k && O) {
+          for (var j = k - 1; o[j] && (o[j] instanceof at || Ne.test(o[j].value)); )
+            j--;
+          for (; O && o[j] && o[j] instanceof X; )
+            j--, O--;
+          for (; O-- > 0; )
+            o.push(new X());
         }
       }; r.length; ) {
         if (n = /^[^<]+/.exec(r))
-          St(Gt(n[0]), !1).forEach(y);
+          At(Qt(n[0]), !1).forEach(g);
         else if (!(n = It.exec(r)))
-          if (n = qt.exec(r))
-            u.length && (t = u.pop()), v(n[1]);
-          else if (n = Xt.exec(r)) {
+          if (n = Jt.exec(r))
+            u.length && (t = u.pop()), m(n[1]);
+          else if (n = Zt.exec(r)) {
             var w = n[1];
-            v(w), u.push(t), t = Object.create(t), At[w] && At[w](t, "");
-            var b = Ot(n[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 Z());
+            m(w), u.push(t), t = Object.create(t), Et[w] && Et[w](t, "");
+            var b = Lt(n[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" && o.push(new X());
           } else
-            n = [r.slice(0, 1)], y(new F(n[0]));
+            n = [r.slice(0, 1)], g(new D(n[0]));
         r = r.slice(n[0].length);
       }
-      for (var S = o[o.length - 1]; S instanceof Z; )
-        o.pop(), S = o[o.length - 1];
+      for (var A = o[o.length - 1]; A instanceof X; )
+        o.pop(), A = o[o.length - 1];
       return o;
     }, G.latexparser = function(r) {
       r = String(r || "").trim();
       var n = [0];
-      r = r.replace(/\\verb,(.*?),/, function(L, O) {
-        return n.push(O), "\\verb," + (n.length - 1) + ",";
+      r = r.replace(/\\verb,(.*?),/, function(M, I) {
+        return n.push(I), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(He, function(L, O, W) {
-        return W.charAt(O - 1) === "\\" ? L : Jt[L];
-      }).replace(/\n\s+/g, function(L) {
-        return /\n/.test(L.slice(1)) ? "\\par " : L;
-      }).replace(/\\symbol\{(\d+)\}/, function(L, O, W, z) {
-        return z.charAt(W - 1) === "\\" ? L : String.fromCharCode(1 * O);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(L, O, W, z) {
-        return O + W + "{" + z + "}";
-      }).replace(/\\verb,(.*?),/, function(L, O) {
-        return "\\verb,".concat(n[+O], ",");
+      }).replace(Ve, function(M, I, U) {
+        return U.charAt(I - 1) === "\\" ? M : te[M];
+      }).replace(/\n\s+/g, function(M) {
+        return /\n/.test(M.slice(1)) ? "\\par " : M;
+      }).replace(/\\symbol\{(\d+)\}/, function(M, I, U, z) {
+        return z.charAt(U - 1) === "\\" ? M : String.fromCharCode(1 * I);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(M, I, U, z) {
+        return I + U + "{" + z + "}";
+      }).replace(/\\verb,(.*?),/, function(M, I) {
+        return "\\verb,".concat(n[+I], ",");
       });
-      for (var l, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, o = [], u = [], y = function(L) {
-        for (var O in t)
-          t[O] && (L[O] = t[O]);
-        return o.push(L), L;
-      }, v = function() {
+      for (var a, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, o = [], u = [], g = function(M) {
+        for (var I in t)
+          t[I] && (M[I] = t[I]);
+        return o.push(M), M;
+      }, m = function() {
         u.push(t), t = Object.create(t);
       }, w = function() {
         if (!u.length)
           throw new Error("Unexpected }");
         t = u.pop();
-      }, b = { tokens: o, open_context: v, close_context: w, add_token: y }; r.length; ) {
-        if (l = jt.exec(r))
-          St(l[0], !1).forEach(y);
-        else if (l = Ne.exec(r))
-          y(new F(l[1]));
-        else if (!(l = ve.exec(r))) {
-          if (l = /^\{/.exec(r))
-            v();
-          else if (l = /^\}/.exec(r))
+      }, b = { tokens: o, open_context: m, close_context: w, add_token: g }; r.length; ) {
+        if (a = Ft.exec(r))
+          At(a[0], !1).forEach(g);
+        else if (a = Ue.exec(r))
+          g(new D(a[1]));
+        else if (!(a = xe.exec(r))) {
+          if (a = /^\{/.exec(r))
+            m();
+          else if (a = /^\}/.exec(r))
             w();
-          else if (!(l = /^\$/.exec(r)))
-            if (l = /^\\verb,([^,]+),/.exec(r))
-              y(new F(l[1]));
-            else if (l = me.exec(r)) {
-              var S = l[1].slice(1) || l[1], I = !!l[2];
-              if (/^(La)?TeX$/i.test(S)) {
-                v(), t.family = "serif";
-                var T = void 0;
-                S === "LaTeX" && ((T = y(new F("L"))).tracking = -0.25, (T = y(new F("A"))).size = 0.7, T.baseline = 0.3, T.tracking = -0.1), (T = y(new F("T"))).tracking = -0.17, (T = y(new F("E"))).baseline = -0.22, T.tracking = -0.13, T = y(new F("X")), w();
-              } else if (S in Et)
-                y(new F(Et[S])), I && v();
-              else if (S in B) {
-                var C = [], D = B[S].length - 1, U = void 0;
-                if (D) {
-                  for (I = !1, r = r.slice(l[0].length - 1); D--; ) {
-                    if (!(U = /^\{([^}]+)\}/.exec(r)))
-                      throw new Error(S + " is missing an argument");
-                    C.push(U[1]), r = r.slice(U[0].length);
+          else if (!(a = /^\$/.exec(r)))
+            if (a = /^\\verb,([^,]+),/.exec(r))
+              g(new D(a[1]));
+            else if (a = we.exec(r)) {
+              var A = a[1].slice(1) || a[1], R = !!a[2];
+              if (/^(La)?TeX$/i.test(A)) {
+                m(), t.family = "serif";
+                var k = void 0;
+                A === "LaTeX" && ((k = g(new D("L"))).tracking = -0.25, (k = g(new D("A"))).size = 0.7, k.baseline = 0.3, k.tracking = -0.1), (k = g(new D("T"))).tracking = -0.17, (k = g(new D("E"))).baseline = -0.22, k.tracking = -0.13, k = g(new D("X")), w();
+              } else if (A in _t)
+                g(new D(_t[A])), R && m();
+              else if (A in H) {
+                var O = [], j = H[A].length - 1, W = void 0;
+                if (j) {
+                  for (R = !1, r = r.slice(a[0].length - 1); j--; ) {
+                    if (!(W = /^\{([^}]+)\}/.exec(r)))
+                      throw new Error(A + " is missing an argument");
+                    O.push(W[1]), r = r.slice(W[0].length);
                   }
-                  l[0] = /^\{/.exec(r) ? "{" : "", I = !!l[0];
+                  a[0] = /^\{/.exec(r) ? "{" : "", R = !!a[0];
                 }
-                I && v(), B[S].apply(b, [t].concat(C));
+                R && m(), H[A].apply(b, [t].concat(O));
               } else
-                console.warn("unknown latex command", S), y(new F(l[1])), I && v();
+                console.warn("unknown latex command", A), g(new D(a[1])), R && m();
             } else
-              l = [r.slice(0, 1)], y(new F(l[0]));
+              a = [r.slice(0, 1)], g(new D(a[0]));
         }
-        r = r.slice(l[0].length);
+        r = r.slice(a[0].length);
       }
       return o;
-    }, G.measureText = function(r, n, l) {
-      return H(r, P(n), l);
-    }, G.Token = F, G.Break = at, G.LineBreak = Z, G.SoftHyphen = ht, G.Rotator = Ee, Ee.createElement = ie;
-    const Xe = G;
+    }, G.measureText = function(r, n, a) {
+      return N(r, P(n), a);
+    }, G.Token = D, G.Break = at, G.LineBreak = X, G.SoftHyphen = ht, G.Rotator = Se, Se.createElement = ae;
+    const Ke = G;
     return i.default;
   })());
-})(Mr);
-var ln = Mr.exports;
-const mr = /* @__PURE__ */ lr(ln);
-function Qe(p) {
-  return p.replace(/…$/, "");
+})(Hr);
+var pn = Hr.exports;
+const xr = /* @__PURE__ */ Mr(pn);
+function nr(h) {
+  return h.replace(/…$/, "");
 }
-function tr(p) {
-  return p.children[0].innerHTML;
+function ir(h) {
+  return h.children[0].innerHTML;
 }
-function hn(p, e) {
-  const a = mt(p), { fontSize: i, font: h, padding: c = 0 } = p.properties.style || {};
-  if (a.width === a.height && a.width === 0)
+function yn(h, e) {
+  const s = vt(h), { fontSize: i, font: l, padding: c = 0 } = h.properties.style || {};
+  if (s.width === s.height && s.width === 0)
     return;
-  const g = new mr({
-    font: `${i}px/${i}px ${h}`.replace(/(px)+/g, "px"),
-    width: a.width - c * 2,
-    height: a.height - c * 2,
+  const f = new xr({
+    font: `${i}px/${i}px ${l}`.replace(/(px)+/g, "px"),
+    width: s.width - c * 2,
+    height: s.height - c * 2,
     align: "left",
     valign: "top",
     x: 0,
     overflow: "ellipsis",
     parser: "html",
-    createElement: mr.createElement
+    createElement: xr.createElement
   });
-  g.overflowWrap("break-word");
-  const m = g.linebreak(
-    p.properties.content.replaceAll(`
+  f.overflowWrap("break-word");
+  const p = f.linebreak(
+    h.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), f = [...m.children];
-  let s = 0;
-  const d = [];
-  p.properties.content.split(`
-`).forEach((R) => {
-    let P = R;
-    for (; P.length && s < f.length; ) {
-      if (f[s].innerHTML === "&nbsp;") {
+  ).render(), d = [...p.children];
+  let v = 0;
+  const y = [];
+  h.properties.content.split(`
+`).forEach((E) => {
+    let P = E;
+    for (; P.length && v < d.length; ) {
+      if (d[v].innerHTML === "&nbsp;") {
         P.startsWith(`
-`) || d.push(s), s++;
+`) || y.push(v), v++;
         break;
       }
-      const E = Qe(tr(f[s]));
-      P.startsWith(E) && (P = P.slice(E.length).trim()), s++;
-    }
-  }), d.forEach((R) => m.removeChild(f[R]));
-  const A = p.properties.content.match(/(https?:\/\/.*)/gm), _ = A ? A.map((R) => R.split(" ")[0]) : [];
-  m.setAttribute("transform", `translate(${c}, ${c})`), _.forEach((R) => {
-    let P = R;
-    const E = [];
+      const S = nr(ir(d[v]));
+      P.startsWith(S) && (P = P.slice(S.length).trim()), v++;
+    }
+  }), y.forEach((E) => p.removeChild(d[E]));
+  const _ = h.properties.content.match(/(https?:\/\/.*)/gm), C = _ ? _.map((E) => E.split(" ")[0]) : [];
+  p.setAttribute("transform", `translate(${c}, ${c})`), C.forEach((E) => {
+    let P = E;
+    const S = [];
     for (; P.length > 0; ) {
-      const M = f.find((k) => !!k.children[0] && k.children[0].tagName === "tspan" && P.startsWith(Qe(tr(k))));
-      if (!M)
+      const $ = d.find((T) => !!T.children[0] && T.children[0].tagName === "tspan" && P.startsWith(nr(ir(T))));
+      if (!$)
         break;
-      E.push(M);
-      const j = Qe(M.children[0].innerHTML).length;
-      if (!j)
+      S.push($);
+      const L = nr($.children[0].innerHTML).length;
+      if (!L)
         break;
-      P = P.slice(j);
+      P = P.slice(L);
     }
-    E.forEach((M) => {
-      const j = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      j.setAttribute("href", R), j.setAttribute("target", "_blank"), j.innerHTML = tr(M), M.children[0].innerHTML = "", M.children[0].appendChild(j);
+    S.forEach(($) => {
+      const L = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      L.setAttribute("href", E), L.setAttribute("target", "_blank"), L.innerHTML = ir($), $.children[0].innerHTML = "", $.children[0].appendChild(L);
     });
-  }), e.appendChild(m);
+  }), e.appendChild(p);
 }
-const vr = 20;
-class un extends $r {
-  constructor(e, a = {}) {
+const Ar = 20;
+class vn extends Br {
+  constructor(e, s = {}) {
     super(
       e,
       `
@@ -2585,130 +2141,126 @@ class un extends $r {
     <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", { ...Ke }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", q), 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", { ...rr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", Y), 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", (h, c, g = an(h, c, 0, 0, "", Ht)) => {
-      this.add(g);
-      const m = this.ogma.view.graphToScreenCoordinates({ x: h, y: c });
-      this.select(g.id), this.startDragging(this.getById(g.id), m.x, m.y), this.draggedHandle = 6;
+    }), x(this, "startDrawing", (l, c, f = gn(l, c, 0, 0, "", Ut)) => {
+      this.add(f);
+      const p = this.ogma.view.graphToScreenCoordinates({ x: l, y: c });
+      this.select(f.id), this.startDragging(this.getById(f.id), p.x, p.y), this.draggedHandle = 6;
     }), x(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...Ke }, this.draggedHandle = q, this.isDragging = !1, this.emit(Bt, this.annotation));
-    }), x(this, "startDragging", (h, c, g) => {
-      this.annotation = h;
-      const m = yt(this.annotation), f = mt(this.annotation);
-      this.rect.x = m.x, this.rect.y = m.y, this.rect.width = f.width, this.rect.height = f.height, this.startX = c, this.startY = g, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit($e, this.annotation), this.isDragging = !0;
-    }), x(this, "onHandleMouseDown", (h) => {
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...rr }, this.draggedHandle = Y, this.isDragging = !1, this.emit(Vt, this.annotation));
+    }), x(this, "startDragging", (l, c, f) => {
+      this.annotation = l;
+      const p = yt(this.annotation), d = vt(this.annotation);
+      this.rect.x = p.x, this.rect.y = p.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(Me, this.annotation), this.isDragging = !0;
+    }), x(this, "onHandleMouseDown", (l) => {
       const c = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!c)
         return;
       this.selectedId !== c.id && this.select(this.hoveredId);
-      const { x: g, y: m } = rr(h, this.ogma.getContainer());
-      this.startDragging(c, g, m), this.draggedHandle = Pr(h.target);
-    }), x(this, "onMouseMove", (h) => {
-      requestAnimationFrame(() => this._onMouseMove(h));
-    }), x(this, "_onMouseMove", (h) => {
+      const { x: f, y: p } = sr(l, this.ogma.getContainer());
+      this.startDragging(c, f, p), this.draggedHandle = Lr(l.target);
+    }), x(this, "onMouseMove", (l) => {
+      requestAnimationFrame(() => this._onMouseMove(l));
+    }), x(this, "_onMouseMove", (l) => {
       if (!this.isDragging)
         return;
-      h.stopPropagation(), h.preventDefault();
-      const c = this.handles[this.draggedHandle], g = c.classList.contains("top"), m = c.classList.contains("left"), f = c.classList.contains("right"), s = c.classList.contains("bottom"), d = c.classList.contains("line-handle"), { x: A, y: _ } = rr(
-        h,
+      l.stopPropagation(), l.preventDefault();
+      const c = this.handles[this.draggedHandle], f = c.classList.contains("top"), p = c.classList.contains("left"), d = c.classList.contains("right"), v = c.classList.contains("bottom"), y = c.classList.contains("line-handle"), { x: _, y: C } = sr(
+        l,
         this.ogma.getContainer()
-      ), R = this.ogma.view.getZoom(), P = (A - this.startX) / R, E = (_ - this.startY) / R, M = this.ogma.view.getAngle(), j = new X(P, E).rotateRadians(M);
-      (s && m || g && f) && (j.y = 0, j.x = 0);
-      const k = m || d ? this.rect.x + j.x : this.rect.x, N = g || d ? this.rect.y + j.y : this.rect.y, H = Math.max(
-        this.rect.width + P * (d || m ? 0 : 1),
-        vr
-      ), st = Math.max(
-        this.rect.height + E * (d || g ? 0 : 1),
-        vr
+      ), E = this.ogma.view.getZoom(), P = (_ - this.startX) / E, S = (C - this.startY) / E, $ = this.ogma.view.getAngle(), L = st({ x: P, y: S }, $);
+      (v && p || f && d) && (L.y = 0, L.x = 0);
+      const T = p || y ? this.rect.x + L.x : this.rect.x, B = f || y ? this.rect.y + L.y : this.rect.y, N = Math.max(
+        this.rect.width + P * (y || p ? 0 : 1),
+        Ar
+      ), it = Math.max(
+        this.rect.height + S * (y || f ? 0 : 1),
+        Ar
       );
-      Kr(this.annotation, k, N, H, st), this.emit(je, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      nn(this.annotation, T, B, N, it), this.emit(De, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     }), x(this, "onMouseUp", () => {
-      !this.isDragging || this.draggedHandle === q || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Bt, this.annotation), this.isDragging = !1, this.draggedHandle = q);
-    }), x(this, "_onMousedown", (h) => {
-      h.stopPropagation();
+      !this.isDragging || this.draggedHandle === Y || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Vt, this.annotation), this.isDragging = !1, this.draggedHandle = Y);
+    }), x(this, "_onMousedown", (l) => {
+      l.stopPropagation();
     }), x(this, "onViewChanged", () => {
-      const h = Math.max(2, this.handleSize / this.ogma.view.getZoom());
-      document.documentElement.style.setProperty("--handle-scale", `${1 / h}`);
+      const l = Math.max(2, this.handleSize / this.ogma.view.getZoom());
+      document.documentElement.style.setProperty("--handle-scale", `${1 / l}`);
     }), x(this, "_onInput", () => {
-      const h = this.getById(this.selectedId);
-      h && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), h.properties.content = this.textArea.value, this.emit(ar, h), this.layer.refresh());
-    }), this.showeditorOnHover = !1, this.handleSize = yr.handleSize, this.placeholder = yr.placeholder;
+      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 = wr.handleSize, this.placeholder = wr.placeholder;
     const i = this.textArea = this.editor.element.querySelector("textarea");
     i.addEventListener("input", this._onInput), i.addEventListener("focus", this._onFocus), i.addEventListener("blur", this._onBlur), i.addEventListener("mousedown", this._onMousedown), i.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.forEach(
-      (h) => h.addEventListener("mousedown", this.onHandleMouseDown)
+      (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: a }, i = 0) {
-    const h = new X(e, a), c = this.ogma.view.getAngle();
-    return this.elements.find((g) => {
-      const { x: m, y: f } = yt(g), { width: s, height: d } = mt(g), A = new X(m, f), { x: _, y: R } = h.sub(A).rotateRadians(-c);
-      return _ > -i && _ < s + i && R > -i && R < d + i;
+  detect({ x: e, y: s }, i = 0) {
+    const l = { x: e, y: s }, c = this.ogma.view.getAngle();
+    return this.elements.find((f) => {
+      const { x: p, y: d } = yt(f), { width: v, height: y } = vt(f), _ = { x: p, y: d }, { x: C, y: E } = st(Ct(l, _), -c);
+      return C > -i && C < v + i && E > -i && E < y + i;
     });
   }
   draw(e) {
     e.innerHTML = "";
-    const a = "", i = this.ogma.view.getAngle();
-    this.elements.forEach((c, g) => {
-      const m = `class${g}`, f = mt(c), s = yt(c), d = c.id, {
-        color: A,
-        fontSize: _,
-        font: R,
+    const s = "", i = this.ogma.view.getAngle();
+    this.elements.forEach((c, f) => {
+      const p = `class${f}`, d = vt(c), v = yt(c), y = c.id, {
+        color: _,
+        fontSize: C,
+        font: E,
         strokeColor: P,
-        strokeWidth: E,
-        strokeType: M,
-        background: j
-      } = c.properties.style || Ht;
-      if (d === this.selectedId)
+        strokeWidth: S,
+        strokeType: $,
+        background: L
+      } = c.properties.style || Ut;
+      if (y === this.selectedId)
         return;
-      const k = he("g");
-      k.classList.add("annotation-text"), k.setAttribute("fill", `${A}`), k.setAttribute("font-size", `${_}px`), k.setAttribute("font-family", `${R}`);
-      const N = he("rect");
-      let H = !1;
-      M && M !== "none" && (H = !0, N.setAttribute("stroke", P || "black"), N.setAttribute("stroke-width", `${E}`), M === "dashed" && N.setAttribute("stroke-dasharray", "5,5")), (j && j.length || H) && (H = !0, N.setAttribute("fill", j || "transparent")), H && (N.setAttribute("width", `${f.width}`), N.setAttribute("height", `${f.height}`)), k.appendChild(N), hn(c, k);
-      const { x: st, y: xt } = new X(s.x, s.y).rotateRadians(
-        -i
-      );
-      k.setAttribute("transform", `translate(${st},${xt})`), k.classList.add(m), k.setAttribute("data-annotation", `${c.id}`), k.setAttribute("data-annotation-type", "text"), e.appendChild(k);
+      const T = de("g");
+      T.classList.add("annotation-text"), T.setAttribute("fill", `${_}`), T.setAttribute("font-size", `${C}px`), T.setAttribute("font-family", `${E}`);
+      const B = de("rect");
+      let N = !1;
+      $ && $ !== "none" && (N = !0, B.setAttribute("stroke", P || "black"), B.setAttribute("stroke-width", `${S}`), $ === "dashed" && B.setAttribute("stroke-dasharray", "5,5")), (L && L.length || N) && (N = !0, B.setAttribute("fill", L || "transparent")), N && (B.setAttribute("width", `${d.width}`), B.setAttribute("height", `${d.height}`)), T.appendChild(B), yn(c, T);
+      const { x: it, y: xt } = st(v, -i);
+      T.setAttribute("transform", `translate(${it},${xt})`), T.classList.add(p), T.setAttribute("data-annotation", `${c.id}`), T.setAttribute("data-annotation-type", "text"), e.appendChild(T);
     });
-    const h = he("style");
-    h.innerHTML = a, e.firstChild && e.insertBefore(h, e.firstChild);
+    const l = de("style");
+    l.innerHTML = s, e.firstChild && e.insertBefore(l, e.firstChild);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
-    [...this.layer.element.children].forEach((a) => {
-      const i = a.getAttribute("data-annotation");
+    [...this.layer.element.children].forEach((s) => {
+      const i = s.getAttribute("data-annotation");
       if (!i)
         return;
-      const h = yt(this.getById(i)), { x: c, y: g } = new X(h.x, h.y).rotateRadians(
-        -e
-      );
-      a.setAttribute("transform", `translate(${c},${g})`);
+      const l = yt(this.getById(i)), { x: c, y: f } = st(l, -e);
+      s.setAttribute("transform", `translate(${c},${f})`);
     });
   }
   getDefaultOptions() {
-    return Ke;
+    return rr;
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), a = mt(e), i = this.ogma.view.graphToScreenCoordinates(
+    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), s = vt(e), i = this.ogma.view.graphToScreenCoordinates(
       yt(e)
-    ), h = this.ogma.view.getZoom(), {
+    ), l = this.ogma.view.getZoom(), {
       font: c,
-      fontSize: g,
-      color: m,
-      background: f,
-      padding: s = 0
-    } = e.properties.style || Ht, d = (g || 1) * h;
-    this.textArea.value = e.properties.content, this.editor.element.style.transform = `translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${a.width / 2 * h}px, ${a.height / 2 * h}px)`, this.editor.element.style.width = `${a.width * h}px`, this.editor.element.style.height = `${a.height * h}px`, this.textArea.style.font = `${d} ${c}`, this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${d}px`, this.textArea.style.padding = `${h * s}px`, this.textArea.style.lineHeight = `${d}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = m || "black", this.textArea.style.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+      fontSize: f,
+      color: p,
+      background: d,
+      padding: v = 0
+    } = e.properties.style || Ut, y = (f || 1) * l;
+    this.textArea.value = e.properties.content, this.editor.element.style.transform = `translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${s.width / 2 * l}px, ${s.height / 2 * l}px)`, this.editor.element.style.width = `${s.width * l}px`, this.editor.element.style.height = `${s.height * l}px`, this.textArea.style.font = `${y} ${c}`, this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${y}px`, this.textArea.style.padding = `${l * v}px`, this.textArea.style.lineHeight = `${y}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(e) {
     super.select(e), this.textArea.focus();
@@ -2717,60 +2269,60 @@ class un extends $r {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class cn {
+class mn {
   constructor() {
     x(this, "links", {}), x(this, "linksByTargetId", {}), x(this, "linksByArrowId", {});
   }
-  add(e, a, i, h, c) {
-    const g = Me(), m = e.id, f = {
-      id: g,
-      arrow: m,
+  add(e, s, i, l, c) {
+    const f = ze(), p = e.id, d = {
+      id: f,
+      arrow: p,
       target: i,
-      targetType: h,
+      targetType: l,
       connectionPoint: c,
-      side: a
+      side: s
     };
-    return this.links[g] = f, this.linksByTargetId[i] || (this.linksByTargetId[i] = []), this.linksByTargetId[i].push(g), this.linksByArrowId[m] || (this.linksByArrowId[m] = {}), this.linksByArrowId[m][a] = g, e.properties.link = e.properties.link || {}, e.properties.link[a] = {
+    return this.links[f] = d, this.linksByTargetId[i] || (this.linksByTargetId[i] = []), this.linksByTargetId[i].push(f), this.linksByArrowId[p] || (this.linksByArrowId[p] = {}), this.linksByArrowId[p][s] = f, e.properties.link = e.properties.link || {}, e.properties.link[s] = {
       id: i,
-      side: a,
-      type: h,
+      side: s,
+      type: l,
       magnet: c
     }, this;
   }
-  arrowIsLinked(e, a) {
+  arrowIsLinked(e, s) {
     var i;
-    return !!((i = this.linksByArrowId[e]) != null && i[a]);
+    return !!((i = this.linksByArrowId[e]) != null && i[s]);
   }
   // remove the link between the arrow and the target by arrow id and side
-  remove(e, a) {
-    var i, h;
-    const c = e.id, g = (i = this.linksByArrowId[c]) == null ? void 0 : i[a];
-    if ((h = e.properties.link) == null || delete h[a], !g)
+  remove(e, s) {
+    var i, l;
+    const c = e.id, f = (i = this.linksByArrowId[c]) == null ? void 0 : i[s];
+    if ((l = e.properties.link) == null || delete l[s], !f)
       return this;
-    const m = this.links[g];
-    delete this.links[g];
-    const f = this.linksByTargetId[m.target];
-    for (let s = 0; s < f.length; s++)
-      if (f[s] === g) {
-        f.splice(s, 1);
+    const p = this.links[f];
+    delete this.links[f];
+    const d = this.linksByTargetId[p.target];
+    for (let v = 0; v < d.length; v++)
+      if (d[v] === f) {
+        d.splice(v, 1);
         break;
       }
-    return delete this.linksByArrowId[c][a], this;
+    return delete this.linksByArrowId[c][s], this;
   }
-  getArrowLink(e, a) {
+  getArrowLink(e, s) {
     var i;
-    const h = (i = this.linksByArrowId[e]) == null ? void 0 : i[a];
-    return h ? this.links[h] : null;
+    const l = (i = this.linksByArrowId[e]) == null ? void 0 : i[s];
+    return l ? this.links[l] : null;
   }
-  getTargetLinks(e, a) {
+  getTargetLinks(e, s) {
     var i;
-    return ((i = this.linksByTargetId[e]) == null ? void 0 : i.map((h) => this.links[h]).filter((h) => h.targetType === a)) ?? [];
+    return ((i = this.linksByTargetId[e]) == null ? void 0 : i.map((l) => this.links[l]).filter((l) => l.targetType === s)) ?? [];
   }
   forEach(e) {
     Object.values(this.links).forEach(e);
   }
 }
-const lt = (p) => p.properties.type === "arrow", wt = (p) => p.properties.type === "text", br = (p) => p.type === "FeatureCollection", fn = {
+const lt = (h) => h.properties.type === "arrow", wt = (h) => h.properties.type === "text", Er = (h) => h.type === "FeatureCollection", bn = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2780,7 +2332,7 @@ const lt = (p) => p.properties.type === "arrow", wt = (p) => p.properties.type =
   textHandleSize: 3.5,
   minArrowHeight: 20,
   maxArrowHeight: 30
-}, wr = ["start", "end"], xr = [
+}, _r = ["start", "end"], kr = [
   { x: 0, y: 0 },
   { x: 0.5, y: 0 },
   { x: 1, y: 0 },
@@ -2790,128 +2342,129 @@ const lt = (p) => p.properties.type === "arrow", wt = (p) => p.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class dn extends jr {
-  constructor(e, a = {}) {
-    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new cn()), 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", (i) => {
+class wn extends Nr {
+  constructor(e, s = {}) {
+    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new mn()), 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", (i) => {
       if (!this.dragged || this.textToMagnet === void 0)
         return;
       i.beginPath(), i.fillStyle = "green";
-      const h = this.ogma.view.getZoom();
-      xr.forEach((c) => {
+      const l = this.ogma.view.getZoom();
+      kr.forEach((c) => {
         if (!this.textToMagnet)
           return;
-        const g = mt(this.textToMagnet), m = yt(this.textToMagnet), { x: f, y: s } = new X(c.x, c.y).mul({ x: g.width, y: g.height }).rotateRadians(this.ogma.view.getAngle()).add(m);
-        i.moveTo(f, s), i.arc(f, s, this.options.magnetHandleRadius / h, 0, Math.PI * 2);
+        const f = vt(this.textToMagnet), p = yt(this.textToMagnet), d = Fe(c, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), { x: y, y: _ } = Ht(v, p);
+        i.moveTo(y, _), i.arc(y, _, this.options.magnetHandleRadius / l, 0, Math.PI * 2);
       }), i.fill(), i.closePath();
-    }), x(this, "_onFeatureDrag", (i, h) => {
-      const c = h;
+    }), x(this, "_onFeatureDrag", (i, l) => {
+      const c = l;
       if (lt(i) && c === "line")
-        ["start", "end"].find((g) => {
-          const m = g === "start" ? ue(i) : Ie(i);
-          return this._snapToText(i, c, m) || this._findAndSnapToNode(i, g, m);
+        ["start", "end"].find((f) => {
+          const p = f === "start" ? fe(i) : $e(i);
+          return this._snapToText(i, c, p) || this._findAndSnapToNode(i, f, p);
         });
       else if (lt(i) && c !== "line") {
-        const g = c === "start" ? ue(i) : Ie(i);
-        this._snapToText(i, c, g) || this._findAndSnapToNode(i, c, g);
+        const f = c === "start" ? fe(i) : $e(i);
+        this._snapToText(i, c, f) || this._findAndSnapToNode(i, c, f);
       } else
-        wt(i) && (this.activeLinks.forEach(({ arrow: g, side: m, connectionPoint: f }) => {
-          const s = this.getAnnotation(g), d = mt(i), A = yt(i), _ = new X(f.x, f.y).mul({ x: d.width, y: d.height }).rotateRadians(this.ogma.view.getAngle()).add(A);
-          s.geometry.coordinates[m === "start" ? 0 : 1] = [_.x, _.y];
+        wt(i) && (this.activeLinks.forEach(({ arrow: f, side: p, connectionPoint: d }) => {
+          const v = this.getAnnotation(f), y = vt(i), _ = yt(i), C = Fe(d, { x: y.width, y: y.height }), E = st(C, this.ogma.view.getAngle()), P = Ht(E, _);
+          v.geometry.coordinates[p === "start" ? 0 : 1] = [P.x, P.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
-      this.layer.refresh(), this.emit(je, i, h);
+      this.layer.refresh(), this.emit(De, i, l);
     }), x(this, "_onFeatureDragEnd", (i) => {
-      this.dragged !== null && lt(i) && ue(this.dragged) && wr.forEach((h) => {
-        this.links.getArrowLink(i.id, h) && this.emit(nn, {
+      this.dragged !== null && lt(i) && fe(this.dragged) && _r.forEach((l) => {
+        this.links.getArrowLink(i.id, l) && this.emit(un, {
           arrow: i,
-          link: this.links.getArrowLink(i.id, h)
+          link: this.links.getArrowLink(i.id, l)
         });
-      }), (wt(i) || lt(i)) && this.onUpdate(i), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((h) => h.enableDetection()), this.layer.refresh(), this.emit(Bt, i);
+      }), (wt(i) || lt(i)) && this.onUpdate(i), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((l) => l.enableDetection()), this.layer.refresh(), this.emit(Vt, i);
     }), x(this, "_onFeatureDragStart", (i) => {
-      this.textToMagnet = void 0, lt(i) ? this.dragged = i : wt(i) && this.activeLinks.push(...this.links.getTargetLinks(i.id, "text")), this.annotations.forEach((h) => {
-        const c = h.getSelectedFeature();
-        c && c !== i && h.unhover().unselect(), h.disableDetection();
-      }), this.emit($e, i);
+      this.textToMagnet = void 0, lt(i) ? this.dragged = i : wt(i) && this.activeLinks.push(...this.links.getTargetLinks(i.id, "text")), this.annotations.forEach((l) => {
+        const c = l.getSelectedFeature();
+        c && c !== i && l.unhover().unselect(), l.disableDetection();
+      }), this.emit(Me, i);
     }), x(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     }), x(this, "_onNodesDrag", (i) => {
-      const { dx: h, dy: c } = i;
-      this._moveNodes(i.nodes, h, c);
+      const { dx: l, dy: c } = i;
+      this._moveNodes(i.nodes, l, c);
     }), x(this, "_onLayoutEnd", (i) => {
-      i.ids.forEach((h, c) => {
-        this.links.getTargetLinks(h, "node").forEach((g) => {
-          const m = this.getAnnotation(g.arrow), f = g.side, s = Ce(
-            m,
-            f === "start" ? "end" : "start"
-          ), d = i.positions.current[c], A = this.ogma.getNode(h).getAttribute("radius"), _ = Pe(s, d, +A);
-          Nt(m, f, _.x, _.y);
+      i.ids.forEach((l, c) => {
+        this.links.getTargetLinks(l, "node").forEach((f) => {
+          const p = this.getAnnotation(f.arrow), d = f.side, v = Ie(
+            p,
+            d === "start" ? "end" : "start"
+          ), y = i.positions.current[c], _ = this.ogma.getNode(l).getAttribute("radius"), C = Le(v, y, +_);
+          Bt(p, d, C.x, C.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     }), x(this, "_onAdded", (i) => {
-      this.emit(or, i);
+      this.emit(ur, i);
     }), x(this, "_onRemoved", (i) => {
-      this.emit(sr, i);
+      this.emit(hr, i);
     }), x(this, "_onUnselect", (i) => {
-      this.selected = null, this.emit(ir, i);
+      this.selected = null, this.emit(lr, i);
     }), x(this, "_onSelect", (i) => {
-      this.selected !== i && (this.selected = i, this.emit(nr, this.selected));
+      this.selected !== i && (this.selected = i, this.emit(ar, this.selected));
     }), x(this, "onUpdate", (i) => {
       cancelAnimationFrame(this.updateTimeout), this.updateTimeout = requestAnimationFrame(
         () => this._onUpdate(i)
       );
     }), x(this, "_onUpdate", (i) => {
-      this.emit(ar, i);
-    }), this.options = this.setOptions({ ...fn, ...a }), this.ogma = e, this.arrows = new on(e, this.options), this.texts = new un(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((i) => {
-      i.on($e, this._onFeatureDragStart).on(je, this._onFeatureDrag).on(Bt, this._onFeatureDragEnd).on(ar, this.onUpdate).on(ir, this._onUnselect).on(nr, this._onSelect).on(or, this._onAdded).on(sr, this._onRemoved);
+      this.emit(cr, i);
+    }), this.options = this.setOptions({ ...bn, ...s }), this.ogma = e, this.arrows = new fn(e, this.options), this.texts = new vn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((i) => {
+      i.on(Me, this._onFeatureDragStart).on(De, this._onFeatureDrag).on(Vt, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(ur, this._onAdded).on(hr, 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, a, i) {
-    e.forEach((h) => {
-      const c = this.links.getTargetLinks(h.getId(), "node"), g = h.getPosition();
-      c.forEach((m) => {
-        const f = this.getAnnotation(m.arrow), s = m.side, d = Ce(
-          f,
-          s === "start" ? "end" : "start"
+  _moveNodes(e, s, i) {
+    e.forEach((l) => {
+      const c = this.links.getTargetLinks(l.getId(), "node"), f = l.getPosition();
+      c.forEach((p) => {
+        const d = this.getAnnotation(p.arrow), v = p.side, y = Ie(
+          d,
+          v === "start" ? "end" : "start"
         );
-        let A = g;
-        const _ = +h.getAttribute("radius"), R = 1e-6;
-        (m.connectionPoint.x - (g.x - a) > R || m.connectionPoint.y - (g.y - i) > R) && (A = Pe(d, g, _)), Nt(f, s, A.x, A.y);
+        let _ = f;
+        const C = +l.getAttribute("radius"), E = 1e-6;
+        (p.connectionPoint.x - (f.x - s) > E || p.connectionPoint.y - (f.y - i) > E) && (_ = Le(y, f, C)), Bt(d, v, _.x, _.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(e, a, i) {
-    const h = this.texts.detect(i, this.options.detectMargin);
-    if (this.links.remove(e, a), !h)
+  _snapToText(e, s, i) {
+    const l = this.texts.detect(i, this.options.detectMargin);
+    if (this.links.remove(e, s), !l)
       return !1;
-    this.textToMagnet = h;
-    const c = this.findMagnetPoint(xr, h, i);
-    return c ? (Nt(e, a, c.point.x, c.point.y), this.links.add(e, a, h.id, "text", c.magnet), !0) : !1;
-  }
-  _findAndSnapToNode(e, a, i) {
-    const h = this.ogma.view.graphToScreenCoordinates(i), c = this.ogma.view.getElementAt(h);
-    this.links.remove(e, a), c && c.isNode ? (this.hoveredNode = c, this.hoveredNode.setSelected(!0), this._snapToNode(e, a, c, h)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
-  }
-  _snapToNode(e, a, i, h) {
-    const c = i.getPositionOnScreen(), g = +i.getAttribute("radius"), m = g * this.ogma.view.getZoom(), f = h.x - c.x, s = h.y - c.y, d = Math.sqrt(f * f + s * s), A = i.getPosition();
-    if (d < m + this.options.detectMargin) {
-      let _ = A;
-      if (d > m / 2) {
-        const R = Ce(e, a === "end" ? "start" : "end");
-        _ = Pe(R, _, g);
+    this.textToMagnet = l;
+    const c = this.findMagnetPoint(kr, l, i);
+    return c ? (Bt(e, s, c.point.x, c.point.y), this.links.add(e, s, l.id, "text", c.magnet), !0) : !1;
+  }
+  _findAndSnapToNode(e, s, i) {
+    var l, c;
+    const f = this.ogma.view.graphToScreenCoordinates(i), p = this.ogma.view.getElementAt(f);
+    this.links.remove(e, s), p && p.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = p, p.setSelected(!0), this._snapToNode(e, s, p, f)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
+  }
+  _snapToNode(e, s, i, l) {
+    const c = i.getPositionOnScreen(), f = +i.getAttribute("radius"), p = f * this.ogma.view.getZoom(), d = l.x - c.x, v = l.y - c.y, y = Math.sqrt(d * d + v * v), _ = i.getPosition();
+    if (y < p + this.options.detectMargin) {
+      let C = _;
+      if (y > p / 2) {
+        const E = Ie(e, s === "end" ? "start" : "end");
+        C = Le(E, C, f);
       }
-      Nt(e, a, _.x, _.y), this.links.add(e, a, i.getId(), "node", _);
+      Bt(e, s, C.x, C.y), this.links.add(e, s, i.getId(), "node", C);
     }
   }
   refreshTextLinks() {
     let e = !1;
     this.links.forEach(
-      ({ connectionPoint: a, targetType: i, target: h, arrow: c, side: g }) => {
+      ({ connectionPoint: s, targetType: i, target: l, arrow: c, side: f }) => {
         if (i !== "text")
           return;
         e = !0;
-        const m = this.getAnnotation(h), f = this.getAnnotation(c), s = mt(m), d = yt(m), A = new X(a.x, a.y).mul({ x: s.width, y: s.height }).rotateRadians(this.ogma.view.getAngle()).add(d);
-        Nt(f, g, A.x, A.y);
+        const p = this.getAnnotation(l), d = this.getAnnotation(c), v = vt(p), y = yt(p), _ = Fe(s, { x: v.width, y: v.height }), C = st(_, this.ogma.view.getAngle()), E = Ht(C, y);
+        Bt(d, f, E.x, E.y);
       }
     ), e && this.arrows.refreshLayer();
   }
@@ -2921,24 +2474,24 @@ class dn extends jr {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(e, a, i) {
-    let h;
+  findMagnetPoint(e, s, i) {
+    let l;
     for (const c of e) {
-      const g = mt(a), m = yt(a), f = new X(c.x, c.y).mul({ x: g.width, y: g.height }).rotateRadians(this.ogma.view.getAngle()).add(m), s = f.sub(i).length(), d = Math.min(
+      const f = vt(s), p = yt(s), d = Fe(c, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), y = Ht(v, p), _ = Wt(Ct(y, i)), C = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
-        g.width / 2,
-        g.height / 2
+        f.width / 2,
+        f.height / 2
       );
-      if (s < Math.max(d, this.options.magnetHandleRadius)) {
-        h = {
-          point: f,
+      if (_ < Math.max(C, this.options.magnetHandleRadius)) {
+        l = {
+          point: y,
           magnet: c
         };
         break;
       }
     }
-    return h;
+    return l;
   }
   /**
    * Set the options for the controller
@@ -2956,8 +2509,8 @@ class dn extends jr {
    * @param id the id of the annotation to select
    */
   select(e) {
-    const a = this.getAnnotations().features.find((i) => i.id === e);
-    return a ? (lt(a) ? this.arrows.select(a.id) : wt(a) && this.texts.select(a.id), this) : this;
+    const s = this.getAnnotations().features.find((i) => i.id === e);
+    return s ? (lt(s) ? this.arrows.select(s.id) : wt(s) && this.texts.select(s.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
@@ -2970,12 +2523,12 @@ class dn extends jr {
    * @param annotation The annotation to add
    */
   add(e) {
-    if (br(e)) {
-      const [a, i] = e.features.reduce(
-        (h, c) => (lt(c) ? h[1].push(c) : wt(c) && h[0].push(c), h),
+    if (Er(e)) {
+      const [s, i] = e.features.reduce(
+        (l, c) => (lt(c) ? l[1].push(c) : wt(c) && l[0].push(c), l),
         [[], []]
       );
-      return a.forEach((h) => this.add(h)), i.forEach((h) => this.add(h)), this.arrows.refreshLayer(), this;
+      return s.forEach((l) => this.add(l)), i.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
     }
     switch (e.properties.type) {
       case "text":
@@ -2992,29 +2545,29 @@ class dn extends jr {
    * @param annotation The annotation(s) to remove
    */
   remove(e) {
-    return br(e) ? (e.features.forEach(
-      (a) => this.remove(a)
+    return Er(e) ? (e.features.forEach(
+      (s) => this.remove(s)
     ), this) : (lt(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 a of wr) {
-        const i = e.properties.link[a];
+      for (const s of _r) {
+        const i = e.properties.link[s];
         if (!i)
           continue;
-        const h = this.getAnnotation(i.id);
-        if (i.type === "text" && h)
-          this.links.add(e, a, i.id, i.type, i.magnet);
+        const l = this.getAnnotation(i.id);
+        if (i.type === "text" && l)
+          this.links.add(e, s, i.id, i.type, i.magnet);
         else if (i.type === "node") {
           const c = this.ogma.getNode(i.id);
           if (!c)
             continue;
-          this.links.add(e, a, i.id, i.type, i.magnet);
-          const g = c.getPosition(), m = c.getAttribute("radius") || 0, f = Ce(
+          this.links.add(e, s, i.id, i.type, i.magnet);
+          const f = c.getPosition(), p = c.getAttribute("radius") || 0, d = Ie(
             e,
-            a === "start" ? "end" : "start"
-          ), s = Pe(f, g, +m);
-          Nt(e, a, s.x, s.y);
+            s === "start" ? "end" : "start"
+          ), v = Le(d, f, +p);
+          Bt(e, s, v.x, v.y);
         }
       }
   }
@@ -3024,8 +2577,8 @@ class dn extends jr {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(e, a, i) {
-    this.cancelDrawing(), this.arrows.startDrawing(e, a, i);
+  startArrow(e, s, i) {
+    this.cancelDrawing(), this.arrows.startDrawing(e, s, i);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -3033,23 +2586,23 @@ class dn extends jr {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(e, a, i) {
-    this.cancelDrawing(), this.texts.startDrawing(e, a, i);
+  startText(e, s, i) {
+    this.cancelDrawing(), this.texts.startDrawing(e, s, i);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(rn);
+    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(hn);
   }
   /**
    * 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, a) {
-    const i = this.getAnnotations().features.find((h) => h.id === e);
-    return i ? (lt(i) ? this.arrows.updateStyle(i, a) : wt(i) && this.texts.updateStyle(i, a), this.onUpdate(i), this) : this;
+  updateStyle(e, s) {
+    const i = this.getAnnotations().features.find((l) => l.id === e);
+    return i ? (lt(i) ? this.arrows.updateStyle(i, s) : wt(i) && this.texts.updateStyle(i, s), this.onUpdate(i), this) : this;
   }
   /**
    *
@@ -3060,8 +2613,8 @@ class dn extends jr {
       type: "FeatureCollection",
       features: []
     };
-    return this.annotations.forEach((a) => {
-      e.features = [...e.features, ...a.getElements()];
+    return this.annotations.forEach((s) => {
+      e.features = [...e.features, ...s.getElements()];
     }), e;
   }
   /**
@@ -3070,7 +2623,7 @@ class dn extends jr {
    * @returns The annotation with the given id
    */
   getAnnotation(e) {
-    return this.getAnnotations().features.find((a) => a.id === e);
+    return this.getAnnotations().features.find((s) => s.id === e);
   }
   /**
    * Destroy the controller and its elements
@@ -3079,7 +2632,7 @@ class dn extends jr {
     this.annotations.forEach((e) => e.destroy()), this.layer.destroy();
   }
 }
-const Sr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Ar = "none", Dr = "#333333", xn = [
+const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Wr = "#333333", Cn = [
   "#FFFFFF",
   "#F44E3B",
   "#FE9200",
@@ -3092,7 +2645,7 @@ const Sr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Ar = "none", Dr = "#333333",
   "#333333",
   "#808080",
   "#cccccc"
-], Sn = [
+], On = [
   "Roboto",
   "Helvetica Neue",
   "Helvetica",
@@ -3104,120 +2657,120 @@ const Sr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Ar = "none", Dr = "#333333",
   "Consolas",
   "Courier New",
   "monospace"
-].sort((p, e) => p.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), pn = {
+].sort((h, e) => h.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), xn = {
   head: "arrow",
-  strokeColor: Dr,
+  strokeColor: Wr,
   strokeWidth: 5
-}, gn = 0.25, yn = {
+}, An = 0.25, En = {
   font: "Roboto",
-  fontSize: Sr[2],
-  padding: Sr[2] * gn,
-  color: Dr,
-  strokeType: Ar,
-  background: Ar
+  fontSize: Tr[2],
+  padding: Tr[2] * An,
+  color: Wr,
+  strokeType: Sr,
+  background: Sr
 };
-function mn(p) {
-  return p.reduce((e, a) => e + a, 0) / p.length;
+function _n(h) {
+  return h.reduce((e, s) => e + s, 0) / h.length;
 }
-function An(p, e = 0, a = 1) {
-  return e + (a - e) * p;
+function Pn(h, e = 0, s = 1) {
+  return e + (s - e) * h;
 }
-function En(p, e = 0, a = 1) {
-  return (p - e) / (a - e);
+function Rn(h, e = 0, s = 1) {
+  return (h - e) / (s - e);
 }
-function _n() {
-  return _r(null);
+function In() {
+  return Or(null);
 }
-const Fr = _r(
+const Ur = Or(
   void 0
-), kn = () => zr(Fr), vn = (p, e) => {
+), Ln = () => qr(Ur), kn = (h, e) => {
   switch (e.type) {
     case "add":
       return {
-        ...p,
-        features: [...p.features, e.payload]
+        ...h,
+        features: [...h.features, e.payload]
       };
     case "remove":
       return {
-        ...p,
-        features: p.features.filter((a) => a.id !== e.payload.id)
+        ...h,
+        features: h.features.filter((s) => s.id !== e.payload.id)
       };
     case "update":
       return {
-        ...p,
-        features: p.features.map(
-          (a) => a.id === e.payload.id ? e.payload : a
+        ...h,
+        features: h.features.map(
+          (s) => s.id === e.payload.id ? e.payload : s
         )
       };
     default:
-      return p;
+      return h;
   }
-}, Tn = ({ children: p }) => {
-  const e = Hr(), [a, i] = Nr(vn, {
+}, Fn = ({ children: h }) => {
+  const e = Xr(), [s, i] = Yr(kn, {
     type: "FeatureCollection",
     features: []
-  }), [h, c] = zt(null), [g, m] = zt(pn), [f, s] = zt(yn), [d, A] = zt(), [_, R] = zt(1), [P, E] = zt(1);
-  return Je(() => {
+  }), [l, c] = Nt(null), [f, p] = Nt(xn), [d, v] = Nt(En), [y, _] = Nt(), [C, E] = Nt(1), [P, S] = Nt(1);
+  return er(() => {
     if (!e)
       return;
-    const M = new dn(e, {
+    const $ = new wn(e, {
       minArrowHeight: 1
-    }), j = mn(e.getNodes().getAttribute("radius")) / 5, k = _;
-    return m({
-      ...g,
-      strokeWidth: (g.strokeWidth || 1) * k
-    }), R(k), E(j), M.on("select", (N) => {
-      lt(N) ? m({
-        ...N.properties.style || {}
-      }) : wt(N) && s({
-        ...N.properties.style || {}
-      }), c(N);
+    }), L = _n(e.getNodes().getAttribute("radius")) / 5, T = C;
+    return p({
+      ...f,
+      strokeWidth: (f.strokeWidth || 1) * T
+    }), E(T), S(L), $.on("select", (B) => {
+      lt(B) ? p({
+        ...B.properties.style || {}
+      }) : wt(B) && v({
+        ...B.properties.style || {}
+      }), c(B);
     }).on("unselect", () => {
       c(null);
-    }), A(M), () => {
-      d == null || d.destroy();
+    }), _($), () => {
+      y == null || y.destroy();
     };
-  }, [e]), Je(() => {
-    d && h && (h == null ? void 0 : h.properties.type) === "arrow" && d.updateStyle(h.id, g);
-  }, [d, g, h]), Je(() => {
-    d && h && (h == null ? void 0 : h.properties.type) === "text" && d.updateStyle(h.id, f);
-  }, [d, f, h]), /* @__PURE__ */ Wr.jsx(
-    Fr.Provider,
+  }, [e]), er(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "arrow" && y.updateStyle(l.id, f);
+  }, [y, f, l]), er(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "text" && y.updateStyle(l.id, d);
+  }, [y, d, l]), /* @__PURE__ */ Zr.jsx(
+    Ur.Provider,
     {
       value: {
-        annotations: a,
+        annotations: s,
         updateAnnotations: i,
-        currentAnnotation: h,
+        currentAnnotation: l,
         setCurrentAnnotation: c,
-        textStyle: f,
-        setTextStyle: s,
-        arrowStyle: g,
-        setArrowStyle: m,
-        arrowWidthFactor: _,
-        setArrowWidthFactor: R,
+        textStyle: d,
+        setTextStyle: v,
+        arrowStyle: f,
+        setArrowStyle: p,
+        arrowWidthFactor: C,
+        setArrowWidthFactor: E,
         textSizeFactor: P,
-        setTextSizeFactor: E,
-        editor: d,
-        setEditor: A
+        setTextSizeFactor: S,
+        editor: y,
+        setEditor: _
       },
-      children: p
+      children: h
     }
   );
 };
 export {
-  Fr as AnnotationsContext,
-  Tn as AnnotationsContextProvider,
-  Dr as BLACK,
-  gn as RELATIVE_PADDING,
-  Ar as TRANSPARENT,
-  _n as createAnnotationsContext,
-  pn as defaultArrowStyle,
-  xn as defaultColors,
-  yn as defaultTextStyle,
-  Sr as fontSizes,
-  Sn as fonts,
-  An as interpolate,
-  mn as mean,
-  En as normalize,
-  kn as useAnnotationsContext
+  Ur as AnnotationsContext,
+  Fn as AnnotationsContextProvider,
+  Wr as BLACK,
+  An as RELATIVE_PADDING,
+  Sr as TRANSPARENT,
+  In as createAnnotationsContext,
+  xn as defaultArrowStyle,
+  Cn as defaultColors,
+  En as defaultTextStyle,
+  Tr as fontSizes,
+  On as fonts,
+  Pn as interpolate,
+  _n as mean,
+  Rn as normalize,
+  Ln as useAnnotationsContext
 };