@linkurious/ogma-annotations-react 1.1.19 → 1.1.22

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import Cr, { createContext as Or, useContext as qr, useReducer as Yr, useState as Nt, useEffect as er } from "react";
-import { useOgma as Gr } from "@linkurious/ogma-react";
-var or = { exports: {} }, ue = {};
+import Ir, { createContext as jr, useContext as Kr, useReducer as Zr, useState as Nt, useEffect as rr } from "react";
+import { useOgma as Qr } from "@linkurious/ogma-react";
+var Pe = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,25 +10,21 @@ var or = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dr;
-function Xr() {
-  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 g(y, f, m) {
-    var v, k = {}, C = null, _ = null;
-    m !== void 0 && (C = "" + m), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (_ = f.ref);
-    for (v in f)
-      i.call(f, v) && !c.hasOwnProperty(v) && (k[v] = f[v]);
-    if (y && y.defaultProps)
-      for (v in f = y.defaultProps, f)
-        k[v] === void 0 && (k[v] = f[v]);
-    return { $$typeof: e, type: y, key: C, ref: _, props: k, _owner: l.current };
-  }
-  return ue.Fragment = s, ue.jsx = g, ue.jsxs = g, ue;
+var fr;
+function tn() {
+  if (fr) return he;
+  fr = 1;
+  var u = Ir, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(g, d, v) {
+    var y, A = {}, _ = null, S = null;
+    v !== void 0 && (_ = "" + v), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (S = d.ref);
+    for (y in d) n.call(d, y) && !c.hasOwnProperty(y) && (A[y] = d[y]);
+    if (g && g.defaultProps) for (y in d = g.defaultProps, d) A[y] === void 0 && (A[y] = d[y]);
+    return { $$typeof: e, type: g, key: _, ref: S, props: A, _owner: a.current };
+  }
+  return he.Fragment = s, he.jsx = f, he.jsxs = f, he;
 }
-var he = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,91 +34,91 @@ var he = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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"), g = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), R = Symbol.iterator, S = "@@iterator";
-    function D(t) {
+var gr;
+function en() {
+  return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
+    var u = Ir, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), R = Symbol.iterator, C = "@@iterator";
+    function L(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = R && t[R] || t[S];
-      return typeof u == "function" ? u : null;
+      var o = R && t[R] || t[C];
+      return typeof o == "function" ? o : null;
     }
-    var L = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(t) {
+    var I = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(t) {
       {
-        for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), p = 1; p < u; p++)
-          d[p - 1] = arguments[p];
-        U("error", t, d);
+        for (var o = arguments.length, h = new Array(o > 1 ? o - 1 : 0), p = 1; p < o; p++)
+          h[p - 1] = arguments[p];
+        z("error", t, h);
       }
     }
-    function U(t, u, d) {
+    function z(t, o, h) {
       {
-        var p = L.ReactDebugCurrentFrame, b = p.getStackAddendum();
-        b !== "" && (u += "%s", d = d.concat([b]));
-        var w = d.map(function(A) {
-          return String(A);
+        var p = I.ReactDebugCurrentFrame, m = p.getStackAddendum();
+        m !== "" && (o += "%s", h = h.concat([m]));
+        var w = h.map(function(b) {
+          return String(b);
         });
-        w.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, w);
+        w.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, w);
       }
     }
-    var H = !1, it = !1, At = !1, qt = !1, Yt = !1, ge;
+    var B = !1, tt = !1, rt = !1, Yt = !1, Vt = !1, ge;
     ge = Symbol.for("react.module.reference");
-    function Ot(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || Yt || t === l || t === m || t === v || qt || t === _ || H || it || At || typeof t == "object" && t !== null && (t.$$typeof === C || t.$$typeof === k || t.$$typeof === g || t.$$typeof === y || t.$$typeof === f || // This needs to include all possible module reference object
+    function Dt(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === n || t === c || Vt || t === a || t === v || t === y || Yt || t === S || B || tt || rt || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === A || t.$$typeof === f || t.$$typeof === g || t.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       t.$$typeof === ge || t.getModuleId !== void 0));
     }
-    function Pt(t, u, d) {
+    function Pt(t, o, h) {
       var p = t.displayName;
       if (p)
         return p;
-      var b = u.displayName || u.name || "";
-      return b !== "" ? d + "(" + b + ")" : d;
+      var m = o.displayName || o.name || "";
+      return m !== "" ? h + "(" + m + ")" : h;
     }
     function pe(t) {
       return t.displayName || "Context";
     }
-    function tt(t) {
+    function it(t) {
       if (t == null)
         return null;
-      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")
+      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")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
       switch (t) {
-        case i:
+        case n:
           return "Fragment";
         case s:
           return "Portal";
         case c:
           return "Profiler";
-        case l:
+        case a:
           return "StrictMode";
-        case m:
-          return "Suspense";
         case v:
+          return "Suspense";
+        case y:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case y:
-            var u = t;
-            return pe(u) + ".Consumer";
           case g:
-            var d = t;
-            return pe(d._context) + ".Provider";
+            var o = t;
+            return pe(o) + ".Consumer";
           case f:
+            var h = t;
+            return pe(h._context) + ".Provider";
+          case d:
             return Pt(t, t.render, "ForwardRef");
-          case k:
+          case A:
             var p = t.displayName || null;
-            return p !== null ? p : tt(t.type) || "Memo";
-          case C: {
-            var b = t, w = b._payload, A = b._init;
+            return p !== null ? p : it(t.type) || "Memo";
+          case _: {
+            var m = t, w = m._payload, b = m._init;
             try {
-              return tt(A(w));
+              return it(b(w));
             } catch {
               return null;
             }
@@ -130,18 +126,18 @@ function Jr() {
         }
       return null;
     }
-    var z = Object.assign, lt = 0, X, ut, Rt, ye, Gt, ve, me;
-    function Et() {
+    var M = Object.assign, lt = 0, X, ut, Lt, ye, Xt, ve, me;
+    function kt() {
     }
-    Et.__reactDisabledLog = !0;
+    kt.__reactDisabledLog = !0;
     function be() {
       {
         if (lt === 0) {
-          X = console.log, ut = console.info, Rt = console.warn, ye = console.error, Gt = console.group, ve = console.groupCollapsed, me = console.groupEnd;
+          X = console.log, ut = console.info, Lt = console.warn, ye = console.error, Xt = console.group, ve = console.groupCollapsed, me = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: Et,
+            value: kt,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,7 +153,7 @@ function Jr() {
         lt++;
       }
     }
-    function Be() {
+    function He() {
       {
         if (lt--, lt === 0) {
           var t = {
@@ -166,40 +162,40 @@ function Jr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, t, {
+            log: M({}, t, {
               value: X
             }),
-            info: z({}, t, {
+            info: M({}, t, {
               value: ut
             }),
-            warn: z({}, t, {
-              value: Rt
+            warn: M({}, t, {
+              value: Lt
             }),
-            error: z({}, t, {
+            error: M({}, t, {
               value: ye
             }),
-            group: z({}, t, {
-              value: Gt
+            group: M({}, t, {
+              value: Xt
             }),
-            groupCollapsed: z({}, t, {
+            groupCollapsed: M({}, t, {
               value: ve
             }),
-            groupEnd: z({}, t, {
+            groupEnd: M({}, t, {
               value: me
             })
           });
         }
-        lt < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        lt < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Xt = L.ReactCurrentDispatcher, Jt;
-    function It(t, u, d) {
+    var Gt = I.ReactCurrentDispatcher, Jt;
+    function $t(t, o, h) {
       {
         if (Jt === void 0)
           try {
             throw Error();
-          } catch (b) {
-            var p = b.stack.trim().match(/\n( *(at )?)/);
+          } catch (m) {
+            var p = m.stack.trim().match(/\n( *(at )?)/);
             Jt = p && p[1] || "";
           }
         return `
@@ -208,227 +204,223 @@ function Jr() {
     }
     var Kt = !1, _t;
     {
-      var He = typeof WeakMap == "function" ? WeakMap : Map;
-      _t = new He();
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      _t = new Be();
     }
-    function Zt(t, u) {
+    function Zt(t, o) {
       if (!t || Kt)
         return "";
       {
-        var d = _t.get(t);
-        if (d !== void 0)
-          return d;
+        var h = _t.get(t);
+        if (h !== void 0)
+          return h;
       }
       var p;
       Kt = !0;
-      var b = Error.prepareStackTrace;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = Xt.current, Xt.current = null, be();
+      w = Gt.current, Gt.current = null, be();
       try {
-        if (u) {
-          var A = function() {
+        if (o) {
+          var b = function() {
             throw Error();
           };
-          if (Object.defineProperty(A.prototype, "props", {
+          if (Object.defineProperty(b.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(A, []);
-            } catch ($) {
-              p = $;
+              Reflect.construct(b, []);
+            } catch (P) {
+              p = P;
             }
-            Reflect.construct(t, [], A);
+            Reflect.construct(t, [], b);
           } else {
             try {
-              A.call();
-            } catch ($) {
-              p = $;
+              b.call();
+            } catch (P) {
+              p = P;
             }
-            t.call(A.prototype);
+            t.call(b.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch ($) {
-            p = $;
+          } catch (P) {
+            p = P;
           }
           t();
         }
-      } catch ($) {
-        if ($ && p && typeof $.stack == "string") {
-          for (var E = $.stack.split(`
-`), O = p.stack.split(`
-`), P = E.length - 1, I = O.length - 1; P >= 1 && I >= 0 && E[P] !== O[I]; )
-            I--;
-          for (; P >= 1 && I >= 0; P--, I--)
-            if (E[P] !== O[I]) {
-              if (P !== 1 || I !== 1)
+      } catch (P) {
+        if (P && p && typeof P.stack == "string") {
+          for (var E = P.stack.split(`
+`), D = p.stack.split(`
+`), T = E.length - 1, O = D.length - 1; T >= 1 && O >= 0 && E[T] !== D[O]; )
+            O--;
+          for (; T >= 1 && O >= 0; T--, O--)
+            if (E[T] !== D[O]) {
+              if (T !== 1 || O !== 1)
                 do
-                  if (P--, I--, I < 0 || E[P] !== O[I]) {
-                    var B = `
-` + E[P].replace(" at new ", " at ");
-                    return t.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", t.displayName)), typeof t == "function" && _t.set(t, B), B;
+                  if (T--, O--, O < 0 || E[T] !== D[O]) {
+                    var j = `
+` + E[T].replace(" at new ", " at ");
+                    return t.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", t.displayName)), typeof t == "function" && _t.set(t, j), j;
                   }
-                while (P >= 1 && I >= 0);
+                while (T >= 1 && O >= 0);
               break;
             }
         }
       } finally {
-        Kt = !1, Xt.current = w, Be(), Error.prepareStackTrace = b;
+        Kt = !1, Gt.current = w, He(), Error.prepareStackTrace = m;
       }
-      var M = t ? t.displayName || t.name : "", F = M ? It(M) : "";
+      var W = t ? t.displayName || t.name : "", F = W ? $t(W) : "";
       return typeof t == "function" && _t.set(t, F), F;
     }
-    function Ue(t, u, d) {
+    function qe(t, o, h) {
       return Zt(t, !1);
     }
     function We(t) {
-      var u = t.prototype;
-      return !!(u && u.isReactComponent);
+      var o = t.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function Lt(t, u, d) {
+    function It(t, o, h) {
       if (t == null)
         return "";
       if (typeof t == "function")
         return Zt(t, We(t));
       if (typeof t == "string")
-        return It(t);
+        return $t(t);
       switch (t) {
-        case m:
-          return It("Suspense");
         case v:
-          return It("SuspenseList");
+          return $t("Suspense");
+        case y:
+          return $t("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case f:
-            return Ue(t.render);
-          case k:
-            return Lt(t.type, u, d);
-          case C: {
-            var p = t, b = p._payload, w = p._init;
+          case d:
+            return qe(t.render);
+          case A:
+            return It(t.type, o, h);
+          case _: {
+            var p = t, m = p._payload, w = p._init;
             try {
-              return Lt(w(b), u, d);
+              return It(w(m), o, h);
             } catch {
             }
           }
         }
       return "";
     }
-    var bt = Object.prototype.hasOwnProperty, we = {}, xe = L.ReactDebugCurrentFrame;
-    function Ft(t) {
+    var bt = Object.prototype.hasOwnProperty, we = {}, xe = I.ReactDebugCurrentFrame;
+    function jt(t) {
       if (t) {
-        var u = t._owner, d = Lt(t.type, t._source, u ? u.type : null);
-        xe.setExtraStackFrame(d);
+        var o = t._owner, h = It(t.type, t._source, o ? o.type : null);
+        xe.setExtraStackFrame(h);
       } else
         xe.setExtraStackFrame(null);
     }
-    function Ve(t, u, d, p, b) {
+    function Ue(t, o, h, p, m) {
       {
         var w = Function.call.bind(bt);
-        for (var A in t)
-          if (w(t, A)) {
+        for (var b in t)
+          if (w(t, b)) {
             var E = void 0;
             try {
-              if (typeof t[A] != "function") {
-                var O = Error((p || "React class") + ": " + d + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+              if (typeof t[b] != "function") {
+                var D = Error((p || "React class") + ": " + h + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
-              E = t[A](u, A, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              E = P;
+              E = t[b](o, b, p, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              E = T;
             }
-            E && !(E instanceof Error) && (Ft(b), 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).", p || "React class", d, A, typeof E), Ft(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, Ft(b), T("Failed %s type: %s", d, E.message), Ft(null));
+            E && !(E instanceof Error) && (jt(m), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", h, b, typeof E), jt(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, jt(m), k("Failed %s type: %s", h, E.message), jt(null));
           }
       }
     }
-    var qe = Array.isArray;
+    var Ye = Array.isArray;
     function Qt(t) {
-      return qe(t);
+      return Ye(t);
     }
-    function W(t) {
+    function q(t) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, d = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return d;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, h = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h;
       }
     }
-    function Ye(t) {
+    function Ve(t) {
       try {
-        return Ae(t), !1;
+        return Ee(t), !1;
       } catch {
         return !0;
       }
     }
-    function Ae(t) {
+    function Ee(t) {
       return "" + t;
     }
     function te(t) {
-      if (Ye(t))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", W(t)), Ae(t);
+      if (Ve(t))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", q(t)), Ee(t);
     }
-    var ot = L.ReactCurrentOwner, Ee = {
+    var ct = I.ReactCurrentOwner, Ae = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, jt, _e, ee;
-    ee = {};
-    function re(t) {
+    }, Ft, ke;
+    function Xe(t) {
       if (bt.call(t, "ref")) {
-        var u = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (u && u.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function Ge(t) {
+    function ee(t) {
       if (bt.call(t, "key")) {
-        var u = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (u && u.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function Xe(t, u) {
-      if (typeof t.ref == "string" && ot.current && u && ot.current.stateNode !== u) {
-        var d = tt(ot.current.type);
-        ee[d] || (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), ee[d] = !0);
-      }
+    function Ge(t, o) {
+      typeof t.ref == "string" && ct.current;
     }
-    function Je(t, u) {
+    function Je(t, o) {
       {
-        var d = function() {
-          jt || (jt = !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)", u));
+        var h = function() {
+          Ft || (Ft = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        d.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: d,
+        h.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: h,
           configurable: !0
         });
       }
     }
-    function ne(t, u) {
+    function Ke(t, o) {
       {
-        var d = function() {
-          _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)", u));
+        var h = function() {
+          ke || (ke = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        d.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: d,
+        h.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: h,
           configurable: !0
         });
       }
     }
-    var ke = function(t, u, d, p, b, w, A) {
+    var re = function(t, o, h, p, m, w, b) {
       var E = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: t,
-        key: u,
-        ref: d,
-        props: A,
+        key: o,
+        ref: h,
+        props: b,
         // Record the component responsible for creating this element.
         _owner: w
       };
@@ -446,44 +438,44 @@ function Jr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: m
       }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function kt(t, u, d, p, b) {
+    function _e(t, o, h, p, m) {
       {
-        var w, A = {}, E = null, O = null;
-        d !== void 0 && (te(d), E = "" + d), Ge(u) && (te(u.key), E = "" + u.key), re(u) && (O = u.ref, Xe(u, b));
-        for (w in u)
-          bt.call(u, w) && !Ee.hasOwnProperty(w) && (A[w] = u[w]);
+        var w, b = {}, E = null, D = null;
+        h !== void 0 && (te(h), E = "" + h), ee(o) && (te(o.key), E = "" + o.key), Xe(o) && (D = o.ref, Ge(o, m));
+        for (w in o)
+          bt.call(o, w) && !Ae.hasOwnProperty(w) && (b[w] = o[w]);
         if (t && t.defaultProps) {
-          var P = t.defaultProps;
-          for (w in P)
-            A[w] === void 0 && (A[w] = P[w]);
+          var T = t.defaultProps;
+          for (w in T)
+            b[w] === void 0 && (b[w] = T[w]);
         }
-        if (E || O) {
-          var I = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          E && Je(A, I), O && ne(A, I);
+        if (E || D) {
+          var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          E && Je(b, O), D && Ke(b, O);
         }
-        return ke(t, E, O, b, p, ot.current, A);
+        return re(t, E, D, m, p, ct.current, b);
       }
     }
-    var ie = L.ReactCurrentOwner, Te = L.ReactDebugCurrentFrame;
-    function ht(t) {
+    var dt = I.ReactCurrentOwner, Se = I.ReactDebugCurrentFrame;
+    function wt(t) {
       if (t) {
-        var u = t._owner, d = Lt(t.type, t._source, u ? u.type : null);
-        Te.setExtraStackFrame(d);
+        var o = t._owner, h = It(t.type, t._source, o ? o.type : null);
+        Se.setExtraStackFrame(h);
       } else
-        Te.setExtraStackFrame(null);
+        Se.setExtraStackFrame(null);
     }
-    var J;
-    J = !1;
-    function dt(t) {
+    var St;
+    St = !1;
+    function G(t) {
       return typeof t == "object" && t !== null && t.$$typeof === e;
     }
-    function $t() {
+    function xt() {
       {
-        if (ie.current) {
-          var t = tt(ie.current.type);
+        if (dt.current) {
+          var t = it(dt.current.type);
           if (t)
             return `
 
@@ -492,156 +484,159 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Ke(t) {
+    function ne(t) {
       return "";
     }
-    var oe = {};
-    function Se(t) {
+    var Ce = {};
+    function Te(t) {
       {
-        var u = $t();
-        if (!u) {
-          var d = typeof t == "string" ? t : t.displayName || t.name;
-          d && (u = `
+        var o = xt();
+        if (!o) {
+          var h = typeof t == "string" ? t : t.displayName || t.name;
+          h && (o = `
 
-Check the top-level render call using <` + d + ">.");
+Check the top-level render call using <` + h + ">.");
         }
-        return u;
+        return o;
       }
     }
-    function Ce(t, u) {
+    function ie(t, o) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var d = Se(u);
-        if (oe[d])
+        var h = Te(o);
+        if (Ce[h])
           return;
-        oe[d] = !0;
+        Ce[h] = !0;
         var p = "";
-        t && t._owner && t._owner !== ie.current && (p = " It was passed a child from " + tt(t._owner.type) + "."), ht(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.', d, p), ht(null);
+        t && t._owner && t._owner !== dt.current && (p = " It was passed a child from " + it(t._owner.type) + "."), wt(t), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, p), wt(null);
       }
     }
-    function Dt(t, u) {
+    function Re(t, o) {
       {
         if (typeof t != "object")
           return;
         if (Qt(t))
-          for (var d = 0; d < t.length; d++) {
-            var p = t[d];
-            dt(p) && Ce(p, u);
+          for (var h = 0; h < t.length; h++) {
+            var p = t[h];
+            G(p) && ie(p, o);
           }
-        else if (dt(t))
+        else if (G(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var b = D(t);
-          if (typeof b == "function" && b !== t.entries)
-            for (var w = b.call(t), A; !(A = w.next()).done; )
-              dt(A.value) && Ce(A.value, u);
+          var m = L(t);
+          if (typeof m == "function" && m !== t.entries)
+            for (var w = m.call(t), b; !(b = w.next()).done; )
+              G(b.value) && ie(b.value, o);
         }
       }
     }
-    function Ze(t) {
+    function se(t) {
       {
-        var u = t.type;
-        if (u == null || typeof u == "string")
+        var o = t.type;
+        if (o == null || typeof o == "string")
           return;
-        var d;
-        if (typeof u == "function")
-          d = u.propTypes;
-        else if (typeof u == "object" && (u.$$typeof === f || // Note: Memo only checks outer props here.
+        var h;
+        if (typeof o == "function")
+          h = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        u.$$typeof === k))
-          d = u.propTypes;
+        o.$$typeof === A))
+          h = o.propTypes;
         else
           return;
-        if (d) {
-          var p = tt(u);
-          Ve(d, t.props, "prop", p, t);
-        } else if (u.PropTypes !== void 0 && !J) {
-          J = !0;
-          var b = tt(u);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+        if (h) {
+          var p = it(o);
+          Ue(h, t.props, "prop", p, t);
+        } else if (o.PropTypes !== void 0 && !St) {
+          St = !0;
+          var m = it(o);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Oe(t) {
+    function Ze(t) {
       {
-        for (var u = Object.keys(t.props), d = 0; d < u.length; d++) {
-          var p = u[d];
+        for (var o = Object.keys(t.props), h = 0; h < o.length; h++) {
+          var p = o[h];
           if (p !== "children" && p !== "key") {
-            ht(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ht(null);
+            wt(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), wt(null);
             break;
           }
         }
-        t.ref !== null && (ht(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), ht(null));
+        t.ref !== null && (wt(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), wt(null));
       }
     }
-    var se = {};
-    function Pe(t, u, d, p, b, w) {
+    var oe = {};
+    function ae(t, o, h, p, m, w) {
       {
-        var A = Ot(t);
-        if (!A) {
+        var b = Dt(t);
+        if (!b) {
           var E = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (E += " 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 O = Ke();
-          O ? E += O : E += $t();
-          var P;
-          t === null ? P = "null" : Qt(t) ? P = "array" : t !== void 0 && t.$$typeof === e ? (P = "<" + (tt(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, E);
+          var D = ne();
+          D ? E += D : E += xt();
+          var T;
+          t === null ? T = "null" : Qt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (it(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, E);
         }
-        var I = kt(t, u, d, b, w);
-        if (I == null)
-          return I;
-        if (A) {
-          var B = u.children;
-          if (B !== void 0)
+        var O = _e(t, o, h, m, w);
+        if (O == null)
+          return O;
+        if (b) {
+          var j = o.children;
+          if (j !== void 0)
             if (p)
-              if (Qt(B)) {
-                for (var M = 0; M < B.length; M++)
-                  Dt(B[M], t);
-                Object.freeze && Object.freeze(B);
+              if (Qt(j)) {
+                for (var W = 0; W < j.length; W++)
+                  Re(j[W], t);
+                Object.freeze && Object.freeze(j);
               } else
-                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.");
+                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.");
             else
-              Dt(B, t);
+              Re(j, t);
         }
-        if (bt.call(u, "key")) {
-          var F = tt(t), $ = Object.keys(u).filter(function(G) {
-            return G !== "key";
-          }), N = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!se[F + N]) {
-            var K = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
-            T(`A props object containing a "key" prop is being spread into JSX:
+        if (bt.call(o, "key")) {
+          var F = it(t), P = Object.keys(o).filter(function(J) {
+            return J !== "key";
+          }), H = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!oe[F + H]) {
+            var N = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
+            k(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, N, F, K, F), se[F + N] = !0;
+  <%s key={someKey} {...props} />`, H, F, N, F), oe[F + H] = !0;
           }
         }
-        return t === i ? Oe(I) : Ze(I), I;
+        return t === n ? Ze(O) : se(O), O;
       }
     }
-    function r(t, u, d) {
-      return Pe(t, u, d, !0);
+    function Qe(t, o, h) {
+      return ae(t, o, h, !0);
     }
-    function n(t, u, d) {
-      return Pe(t, u, d, !1);
+    function r(t, o, h) {
+      return ae(t, o, h, !1);
     }
-    var a = n, o = r;
-    he.Fragment = i, he.jsx = a, he.jsxs = o;
-  }()), he;
+    var i = r, l = Qe;
+    ce.Fragment = n, ce.jsx = i, ce.jsxs = l;
+  }()), ce;
 }
-process.env.NODE_ENV === "production" ? or.exports = Xr() : or.exports = Jr();
-var Kr = or.exports, Zr = Object.defineProperty, Qr = (h, e, s) => e in h ? Zr(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 Ne = (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), "");
+var pr;
+function rn() {
+  return pr || (pr = 1, process.env.NODE_ENV === "production" ? Pe.exports = tn() : Pe.exports = en()), Pe.exports;
+}
+var nn = rn(), sn = Object.defineProperty, on = (u, e, s) => e in u ? sn(u, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : u[e] = s, x = (u, e, s) => on(u, typeof e != "symbol" ? e + "" : e, s);
+let Ne = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((e, s) => (s &= 63, s < 36 ? e += s.toString(36) : s < 62 ? e += (s - 26).toString(36).toUpperCase() : s > 62 ? e += "-" : e += "_", e), "");
 const fe = {
   strokeType: "plain",
-  strokeColor: "black",
+  strokeColor: "#202020",
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, gr = {
+}, yr = {
   id: 0,
   type: "Feature",
   properties: {
@@ -667,295 +662,317 @@ const fe = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, tn = (h = 0, e = 0, s = 0, i = 0, l = { ...fe }) => ({
+}, an = (u = 0, e = 0, s = 0, n = 0, a = { ...fe }) => ({
   id: Ne(),
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
       ...fe,
-      ...l
+      ...a
     }
   },
   geometry: {
     type: "LineString",
     coordinates: [
-      [h, e],
-      [s, i]
+      [u, e],
+      [s, n]
     ]
   }
-}), en = "http://www.w3.org/2000/svg";
-function ce(h) {
-  return document.createElementNS(en, h);
+}), ln = "http://www.w3.org/2000/svg";
+function Rt(u) {
+  return document.createElementNS(ln, u);
 }
-function Pr(h) {
-  return h.geometry.bbox || rn(h), h.geometry.bbox;
+function Fr(u) {
+  return u.geometry.bbox || un(u), u.geometry.bbox;
 }
-function mt(h) {
-  const e = Pr(h);
+function mt(u) {
+  const e = Fr(u);
   return {
     width: e[2] - e[0],
     height: e[3] - e[1]
   };
 }
-function vt(h) {
-  const e = Pr(h);
+function vt(u) {
+  const e = Fr(u);
   return { x: e[0], y: e[1] };
 }
-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 un(u) {
+  const [e, s] = u.geometry.coordinates[0][0], [n, a] = u.geometry.coordinates[0][2];
+  u.geometry.bbox = [e, s, n, a];
 }
-function nn(h, e, s, i, l) {
-  h.geometry.bbox = [e, s, e + i, s + l], h.geometry.coordinates = [
+function hn(u, e, s, n, a) {
+  u.geometry.bbox = [e, s, e + n, s + a], u.geometry.coordinates = [
     [
       [e, s],
-      [e + i, s],
-      [e + i, s + l],
-      [e, s + l],
+      [e + n, s],
+      [e + n, s + a],
+      [e, s + a],
       [e, s]
     ]
   ];
 }
-function de(h) {
-  const [e, s] = h.geometry.coordinates[0];
+function de(u) {
+  const [e, s] = u.geometry.coordinates[0];
   return { x: e, y: s };
 }
-function Le(h, e) {
-  const [s, i] = h.geometry.coordinates[e === "start" ? 0 : 1];
-  return { x: s, y: i };
+function Le(u, e) {
+  const [s, n] = u.geometry.coordinates[e === "start" ? 0 : 1];
+  return { x: s, y: n };
 }
-function $e(h) {
-  const [e, s] = h.geometry.coordinates[1];
+function je(u) {
+  const [e, s] = u.geometry.coordinates[1];
   return { x: e, y: s };
 }
-function Rr(h, e, s) {
-  h.geometry.coordinates[0] = [e, s];
+function Mr(u, e, s) {
+  u.geometry.coordinates[0] = [e, s];
 }
-function Ir(h, e, s) {
-  h.geometry.coordinates[1] = [e, s];
+function zr(u, e, s) {
+  u.geometry.coordinates[1] = [e, s];
 }
-function De(h) {
-  return { start: de(h), end: $e(h) };
+function Fe(u) {
+  return { start: de(u), end: je(u) };
 }
-function Bt(h, e, s, i) {
-  e === "start" ? Rr(h, s, i) : Ir(h, s, i);
+function Ht(u, e, s, n) {
+  e === "start" ? Mr(u, s, n) : zr(u, s, n);
 }
-const Lr = (h) => parseInt(h.getAttribute("data-handle-id") || "-1");
-function on(h) {
-  return Array.isArray(h) && h.length === 2 && h.every(isFinite);
+const Nr = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
+function cn(u) {
+  return Array.isArray(u) && u.length === 2 && u.every(isFinite);
 }
-function sn(h, e, s, i) {
-  for (let l = 0; l < h.coordinates.length; l++) {
-    const c = h.coordinates[l];
-    if (on(c))
-      c[0] = s + (c[0] - s) * e, c[1] = i + (c[1] - i) * e;
+function dn(u, e, s, n) {
+  for (let a = 0; a < u.coordinates.length; a++) {
+    const c = u.coordinates[a];
+    if (cn(c))
+      c[0] = s + (c[0] - s) * e, c[1] = n + (c[1] - n) * e;
     else
-      for (let g = 0; g < c.length; g++) {
-        const y = c[g];
-        y[0] = s + (y[0] - s) * e, y[1] = i + (y[1] - i) * e;
+      for (let f = 0; f < c.length; f++) {
+        const g = c[f];
+        g[0] = s + (g[0] - s) * e, g[1] = n + (g[1] - n) * e;
       }
   }
-  return h;
+  return u;
 }
-function Fe(h, e, s) {
-  const i = Math.atan2(h.y - e.y, h.x - e.x);
+function $e(u, e, s) {
+  const n = Math.atan2(u.y - e.y, u.x - e.x);
   return {
-    x: e.x + s * Math.cos(i),
-    y: e.y + s * Math.sin(i)
+    x: e.x + s * Math.cos(n),
+    y: e.y + s * Math.sin(n)
   };
 }
-function sr(h, e) {
-  if (!e)
-    return { x: h.clientX, y: h.clientY };
+function or(u, e) {
+  if (!e) return { x: u.clientX, y: u.clientY };
   const s = e.getBoundingClientRect();
   return {
-    x: h.clientX - s.left - e.clientLeft,
-    y: h.clientY - s.top - e.clientTop
+    x: u.clientX - s.left - e.clientLeft,
+    y: u.clientY - s.top - e.clientTop
   };
 }
-const Ct = (h, e) => ({
-  x: h.x - e.x,
-  y: h.y - e.y
-}), Ut = (h) => Math.sqrt(h.x * h.x + h.y * h.y), Fr = (h) => ({
-  x: -h.x,
-  y: -h.y
-}), jr = (h) => {
-  const e = Ut(h);
+function fn(u, e) {
+  return u.startsWith("#") ? pn(u, e) : u.startsWith("rgb") ? yn(u, e) : u;
+}
+function gn(u) {
+  return u.length === 4 ? u.split("").map((e) => e + e).join("") : u;
+}
+function pn(u, e) {
+  const [s, n, a] = gn(u).match(/\w\w/g).map((c) => parseInt(c, 16));
+  return `rgba(${s}, ${n}, ${a}, ${e})`;
+}
+function yn(u, e) {
+  const [s, n, a] = u.match(/\d+/g).map((c) => parseInt(c, 10));
+  return `rgba(${s}, ${n}, ${a}, ${e})`;
+}
+const Ot = (u, e) => ({
+  x: u.x - e.x,
+  y: u.y - e.y
+}), qt = (u) => Math.sqrt(u.x * u.x + u.y * u.y), Hr = (u) => ({
+  x: -u.x,
+  y: -u.y
+}), Br = (u) => {
+  const e = qt(u);
   return e === 0 ? { x: 0, y: 0 } : {
-    x: h.x / e,
-    y: h.y / e
+    x: u.x / e,
+    y: u.y / e
   };
-}, Ht = (h, e) => ({
-  x: h.x + e.x,
-  y: h.y + e.y
-}), $r = (h, e) => ({
-  x: h.x * e,
-  y: h.y * e
-}), je = (h, e) => ({
-  x: h.x * e.x,
-  y: h.y * e.y
-}), at = (h, e) => {
-  const s = Math.sin(e), i = Math.cos(e);
+}, Bt = (u, e) => ({
+  x: u.x + e.x,
+  y: u.y + e.y
+}), qr = (u, e) => ({
+  x: u.x * e,
+  y: u.y * e
+}), Ie = (u, e) => ({
+  x: u.x * e.x,
+  y: u.y * e.y
+}), ot = (u, e) => {
+  const s = Math.sin(e), n = Math.cos(e);
   return {
-    x: h.x * i - h.y * s,
-    y: h.x * s + h.y * i
+    x: u.x * n - u.y * s,
+    y: u.x * s + u.y * n
   };
-}, an = (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: l, end: c } = De(h), g = Ct(c, l), y = h.properties.style && h.properties.style.strokeWidth ? (i = h.properties.style) == null ? void 0 : i.strokeWidth : 0;
-  return Math.min(s, Math.max(3 * y, Ut(g) * 0.1, e));
+}, vn = (u, e) => ({
+  x: u.x / e,
+  y: u.y / e
+}), vr = (u, e) => u.x * e.x + u.y * e.y, mn = 0.5;
+function Wr(u, e = 5, s = 30) {
+  var n;
+  const { start: a, end: c } = Fe(u), f = Ot(c, a), g = u.properties.style && u.properties.style.strokeWidth ? (n = u.properties.style) == null ? void 0 : n.strokeWidth : 0;
+  return Math.min(s, Math.max(3 * g, qt(f) * 0.01, e));
+}
+function mr(u, e, s, n) {
+  const a = qr(Hr(Br(e)), n);
+  if (!s || s !== "arrow" && s !== "arrow-plain") return "";
+  const c = Bt(u, ot(a, Math.PI / 10)), f = Bt(u, ot(a, -Math.PI / 10)), g = `${u.x} ${u.y}`;
+  return `M ${c.x} ${c.y} L ${g} ${f.x} ${f.y} ${s === "arrow" ? "" : `${c.x} ${c.y}`}`;
 }
-function yr(h, e, s, i) {
-  const l = $r(Fr(jr(e)), i);
-  if (!s || s === "none")
-    return "";
-  const c = Ht(h, at(l, Math.PI / 8)), g = Ht(h, at(l, -Math.PI / 8)), y = `${h.x} ${h.y}`;
-  return `M ${c.x} ${c.y} L ${y} ${g.x} ${g.y} ${s === "arrow" ? "" : `${c.x} ${c.y}`}`;
+function bn(u, e, s, n, a) {
+  const { start: c, end: f } = Fe(u), {
+    tail: g,
+    head: d,
+    strokeColor: v,
+    strokeWidth: y = 0
+  } = u.properties.style || s, A = Ot(f, c), _ = Wr(u, n, a), S = Rt("g"), R = Rt("path");
+  S.setAttribute("data-annotation", `${u.id}`), S.setAttribute("data-annotation-type", "arrow");
+  const C = d === "arrow-plain" || g === "arrow", L = v || "none";
+  R.setAttribute("stroke", L), R.setAttribute("stroke-width", `${y}`), R.setAttribute("fill", C ? v || "" : "none"), R.setAttribute("stroke-linecap", "round"), R.setAttribute("stroke-linejoin", "round");
+  const I = mr(c, Hr(A), g, _), k = mr(f, A, d, _), z = I + `M ${c.x} ${c.y} ${f.x} ${f.y}` + k;
+  R.setAttribute("d", z), S.appendChild(R), br(S, c, L, g, y), br(S, f, L, d, y), e.appendChild(S);
 }
-function ln(h, e, s, i, l) {
-  const { start: c, end: g } = De(h), { tail: y, head: f, strokeColor: m, strokeWidth: v } = h.properties.style || s, k = Ct(g, c), C = Dr(h, i, l), _ = ce("path");
-  _.setAttribute("data-annotation", `${h.id}`), _.setAttribute("data-annotation-type", "arrow");
-  const R = f === "arrow-plain" || y === "arrow";
-  _.setAttribute("stroke", m || "none"), _.setAttribute("stroke-width", `${v}`), _.setAttribute("fill", R ? m || "" : "none"), _.setAttribute("stroke-linecap", "round"), _.setAttribute("stroke-linejoin", "round");
-  const S = yr(c, Fr(k), y, C), D = yr(g, k, f, C), L = S + `M ${c.x} ${c.y} ${g.x} ${g.y}` + D;
-  _.setAttribute("d", L), e.appendChild(_);
+function br(u, e, s, n, a) {
+  n === "halo-dot" && wr(u, e, wn(s), a * 4), (n === "dot" || n === "halo-dot") && wr(u, e, s, a * 2);
 }
-const Y = -1, Me = "dragging", ze = "dragstart", Vt = "dragend", ar = "select", lr = "unselect", un = "hover", hn = "unhover", ur = "remove", hr = "add", cn = "cancelDrawing", cr = "update", dn = "link";
-var fn = 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;
+function wn(u) {
+  return u === "none" ? "none" : fn(u, mn);
 }
-var zr = { exports: {} };
-(function(h) {
-  var e = Object.prototype.hasOwnProperty, s = "~";
-  function i() {
-  }
-  Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (s = !1));
-  function l(f, m, v) {
-    this.fn = f, this.context = m, this.once = v || !1;
-  }
-  function c(f, m, v, k, C) {
-    if (typeof v != "function")
-      throw new TypeError("The listener must be a function");
-    var _ = new l(v, k || f, C), R = s ? s + m : m;
-    return f._events[R] ? f._events[R].fn ? f._events[R] = [f._events[R], _] : f._events[R].push(_) : (f._events[R] = _, f._eventsCount++), f;
-  }
-  function g(f, m) {
-    --f._eventsCount === 0 ? f._events = new i() : delete f._events[m];
-  }
-  function y() {
-    this._events = new i(), this._eventsCount = 0;
-  }
-  y.prototype.eventNames = function() {
-    var f = [], m, v;
-    if (this._eventsCount === 0)
-      return f;
-    for (v in m = this._events)
-      e.call(m, v) && f.push(s ? v.slice(1) : v);
-    return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(m)) : f;
-  }, y.prototype.listeners = function(f) {
-    var m = s ? s + f : f, v = this._events[m];
-    if (!v)
-      return [];
-    if (v.fn)
-      return [v.fn];
-    for (var k = 0, C = v.length, _ = new Array(C); k < C; k++)
-      _[k] = v[k].fn;
-    return _;
-  }, y.prototype.listenerCount = function(f) {
-    var m = s ? s + f : f, v = this._events[m];
-    return v ? v.fn ? 1 : v.length : 0;
-  }, y.prototype.emit = function(f, m, v, k, C, _) {
-    var R = s ? s + f : f;
-    if (!this._events[R])
-      return !1;
-    var S = this._events[R], D = arguments.length, L, T;
-    if (S.fn) {
-      switch (S.once && this.removeListener(f, S.fn, void 0, !0), D) {
-        case 1:
-          return S.fn.call(S.context), !0;
-        case 2:
-          return S.fn.call(S.context, m), !0;
-        case 3:
-          return S.fn.call(S.context, m, v), !0;
-        case 4:
-          return S.fn.call(S.context, m, v, k), !0;
-        case 5:
-          return S.fn.call(S.context, m, v, k, C), !0;
-        case 6:
-          return S.fn.call(S.context, m, v, k, C, _), !0;
-      }
-      for (T = 1, L = new Array(D - 1); T < D; T++)
-        L[T - 1] = arguments[T];
-      S.fn.apply(S.context, L);
-    } else {
-      var U = S.length, H;
-      for (T = 0; T < U; T++)
-        switch (S[T].once && this.removeListener(f, S[T].fn, void 0, !0), D) {
+function wr(u, e, s, n) {
+  const a = Rt("circle");
+  a.setAttribute("cx", `${e.x}`), a.setAttribute("cy", `${e.y}`), a.setAttribute("r", `${n}`), a.setAttribute("fill", s), u.appendChild(a);
+}
+const V = -1, Me = "dragging", ze = "dragstart", Ut = "dragend", ar = "select", lr = "unselect", xn = "hover", En = "unhover", ur = "remove", hr = "add", An = "cancelDrawing", cr = "update", kn = "link";
+function Ur(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+}
+var xr = { exports: {} }, Er;
+function _n() {
+  return Er || (Er = 1, function(u) {
+    var e = Object.prototype.hasOwnProperty, s = "~";
+    function n() {
+    }
+    Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (s = !1));
+    function a(d, v, y) {
+      this.fn = d, this.context = v, this.once = y || !1;
+    }
+    function c(d, v, y, A, _) {
+      if (typeof y != "function")
+        throw new TypeError("The listener must be a function");
+      var S = new a(y, A || d, _), R = s ? s + v : v;
+      return d._events[R] ? d._events[R].fn ? d._events[R] = [d._events[R], S] : d._events[R].push(S) : (d._events[R] = S, d._eventsCount++), d;
+    }
+    function f(d, v) {
+      --d._eventsCount === 0 ? d._events = new n() : delete d._events[v];
+    }
+    function g() {
+      this._events = new n(), this._eventsCount = 0;
+    }
+    g.prototype.eventNames = function() {
+      var d = [], v, y;
+      if (this._eventsCount === 0) return d;
+      for (y in v = this._events)
+        e.call(v, y) && d.push(s ? y.slice(1) : y);
+      return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(v)) : d;
+    }, g.prototype.listeners = function(d) {
+      var v = s ? s + d : d, y = this._events[v];
+      if (!y) return [];
+      if (y.fn) return [y.fn];
+      for (var A = 0, _ = y.length, S = new Array(_); A < _; A++)
+        S[A] = y[A].fn;
+      return S;
+    }, g.prototype.listenerCount = function(d) {
+      var v = s ? s + d : d, y = this._events[v];
+      return y ? y.fn ? 1 : y.length : 0;
+    }, g.prototype.emit = function(d, v, y, A, _, S) {
+      var R = s ? s + d : d;
+      if (!this._events[R]) return !1;
+      var C = this._events[R], L = arguments.length, I, k;
+      if (C.fn) {
+        switch (C.once && this.removeListener(d, C.fn, void 0, !0), L) {
           case 1:
-            S[T].fn.call(S[T].context);
-            break;
+            return C.fn.call(C.context), !0;
           case 2:
-            S[T].fn.call(S[T].context, m);
-            break;
+            return C.fn.call(C.context, v), !0;
           case 3:
-            S[T].fn.call(S[T].context, m, v);
-            break;
+            return C.fn.call(C.context, v, y), !0;
           case 4:
-            S[T].fn.call(S[T].context, m, v, k);
-            break;
-          default:
-            if (!L)
-              for (H = 1, L = new Array(D - 1); H < D; H++)
-                L[H - 1] = arguments[H];
-            S[T].fn.apply(S[T].context, L);
+            return C.fn.call(C.context, v, y, A), !0;
+          case 5:
+            return C.fn.call(C.context, v, y, A, _), !0;
+          case 6:
+            return C.fn.call(C.context, v, y, A, _, S), !0;
         }
-    }
-    return !0;
-  }, y.prototype.on = function(f, m, v) {
-    return c(this, f, m, v, !1);
-  }, y.prototype.once = function(f, m, v) {
-    return c(this, f, m, v, !0);
-  }, y.prototype.removeListener = function(f, m, v, k) {
-    var C = s ? s + f : f;
-    if (!this._events[C])
+        for (k = 1, I = new Array(L - 1); k < L; k++)
+          I[k - 1] = arguments[k];
+        C.fn.apply(C.context, I);
+      } else {
+        var z = C.length, B;
+        for (k = 0; k < z; k++)
+          switch (C[k].once && this.removeListener(d, C[k].fn, void 0, !0), L) {
+            case 1:
+              C[k].fn.call(C[k].context);
+              break;
+            case 2:
+              C[k].fn.call(C[k].context, v);
+              break;
+            case 3:
+              C[k].fn.call(C[k].context, v, y);
+              break;
+            case 4:
+              C[k].fn.call(C[k].context, v, y, A);
+              break;
+            default:
+              if (!I) for (B = 1, I = new Array(L - 1); B < L; B++)
+                I[B - 1] = arguments[B];
+              C[k].fn.apply(C[k].context, I);
+          }
+      }
+      return !0;
+    }, g.prototype.on = function(d, v, y) {
+      return c(this, d, v, y, !1);
+    }, g.prototype.once = function(d, v, y) {
+      return c(this, d, v, y, !0);
+    }, g.prototype.removeListener = function(d, v, y, A) {
+      var _ = s ? s + d : d;
+      if (!this._events[_]) return this;
+      if (!v)
+        return f(this, _), this;
+      var S = this._events[_];
+      if (S.fn)
+        S.fn === v && (!A || S.once) && (!y || S.context === y) && f(this, _);
+      else {
+        for (var R = 0, C = [], L = S.length; R < L; R++)
+          (S[R].fn !== v || A && !S[R].once || y && S[R].context !== y) && C.push(S[R]);
+        C.length ? this._events[_] = C.length === 1 ? C[0] : C : f(this, _);
+      }
       return this;
-    if (!m)
-      return g(this, C), this;
-    var _ = this._events[C];
-    if (_.fn)
-      _.fn === m && (!k || _.once) && (!v || _.context === v) && g(this, C);
-    else {
-      for (var R = 0, S = [], D = _.length; R < D; R++)
-        (_[R].fn !== m || k && !_[R].once || v && _[R].context !== v) && S.push(_[R]);
-      S.length ? this._events[C] = S.length === 1 ? S[0] : S : g(this, C);
-    }
-    return this;
-  }, y.prototype.removeAllListeners = function(f) {
-    var m;
-    return f ? (m = s ? s + f : f, this._events[m] && g(this, m)) : (this._events = new i(), this._eventsCount = 0), this;
-  }, y.prototype.off = y.prototype.removeListener, y.prototype.addListener = y.prototype.on, y.prefixed = s, y.EventEmitter = y, h.exports = y;
-})(zr);
-var gn = zr.exports;
-const Nr = /* @__PURE__ */ Mr(gn);
-class Br extends Nr {
+    }, g.prototype.removeAllListeners = function(d) {
+      var v;
+      return d ? (v = s ? s + d : d, this._events[v] && f(this, v)) : (this._events = new n(), this._eventsCount = 0), this;
+    }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = s, g.EventEmitter = g, u.exports = g;
+  }(xr)), xr.exports;
+}
+var Sn = _n();
+const Yr = /* @__PURE__ */ Ur(Sn);
+class Vr extends Yr {
   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")
+    super(), x(this, "ogma"), x(this, "elements"), x(this, "layer"), x(this, "editor"), x(this, "selectedId", V), x(this, "hoveredId", V), x(this, "ogmaOptions"), x(this, "shouldDetect"), x(this, "isDragging"), x(this, "showeditorOnHover"), x(this, "_onKeyUp", (n) => {
+      n.code === 27 && this.selectedId !== V ? this.unselect() : (n.code === 46 || n.code === 8) && this.selectedId !== V && this._canRemove() && this.remove(this.selectedId);
+    }), x(this, "_onClickMouseMove", (n) => {
+      if (!n.domEvent || this.isDragging || !this.shouldDetect || n.domEvent.type !== "mousemove" && n.domEvent.target && n.domEvent.target.tagName === "a")
         return;
-      const 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();
+      const a = this.ogma.view.screenToGraphCoordinates(n), c = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(a, 0) : void 0;
+      n.domEvent.type === "mousemove" ? c ? this.hover(c.id) : this.hoveredId !== V && this.unhover() : c ? this.select(c.id) : this.selectedId !== V && this.unselect();
     }), 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)
+      draw: (n) => this.draw(n)
     }), this.layer.moveToTop(), this.editor = e.layers.addLayer(s), this.editor.hide();
   }
   _canRemove() {
@@ -967,7 +984,7 @@ class Br extends Nr {
    * @returns the added annotation
    */
   add(e) {
-    const s = this.getDefaultOptions(), i = Object.assign(e, {
+    const s = this.getDefaultOptions(), n = Object.assign(e, {
       id: e.id === void 0 ? Ne() : e.id,
       type: e.type,
       properties: {
@@ -981,7 +998,7 @@ class Br extends Nr {
         ...e.geometry
       }
     });
-    return this.elements.push(i), this.layer.refresh(), this.emit(hr, i), i;
+    return this.elements.push(n), this.layer.refresh(), this.emit(hr, n), n;
   }
   updateStyle(e, s) {
     this.updateAnnotation(e, {
@@ -995,10 +1012,10 @@ class Br extends Nr {
       geometry: s
     });
   }
-  scale(e, s, i, l) {
+  scale(e, s, n, a) {
     this.updateGeometry(
       e,
-      sn(e.geometry, s, i, l)
+      dn(e.geometry, s, n, a)
     );
   }
   /**
@@ -1008,16 +1025,15 @@ class Br extends Nr {
    * @param element params of the annotation
    */
   update(e, s) {
-    const i = this.getById(e);
-    this.updateAnnotation(i, s);
+    const n = this.getById(e);
+    this.updateAnnotation(n, s);
   }
   updateAnnotation(e, s) {
-    if (!e)
-      return;
-    const i = e.id;
-    Object.keys(s).forEach((l) => {
-      if (l !== "id")
-        if (l === "properties") {
+    if (!e) return;
+    const n = e.id;
+    Object.keys(s).forEach((a) => {
+      if (a !== "id")
+        if (a === "properties") {
           const c = s.properties || { style: {} };
           e.properties = {
             ...e.properties || {},
@@ -1027,19 +1043,18 @@ class Br extends Nr {
               ...c.style || {}
             }
           };
-        } else
-          l === "geometry" ? e.geometry = {
-            ...e.geometry,
-            ...s.geometry
-          } : e[l] = s[l];
-    }), i === this.selectedId && this.refreshEditor(), this.layer.refresh();
+        } else a === "geometry" ? e.geometry = {
+          ...e.geometry,
+          ...s.geometry
+        } : e[a] = s[a];
+    }), n === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(e) {
     const s = Number(e);
-    for (let i = 0; i < this.elements.length; i++) {
-      const l = this.elements[i];
-      if (!(l.id !== e && l.id !== s))
-        return l;
+    for (let n = 0; n < this.elements.length; n++) {
+      const a = this.elements[n];
+      if (!(a.id !== e && a.id !== s))
+        return a;
     }
   }
   /**
@@ -1053,18 +1068,18 @@ class Br extends Nr {
   }
   hover(e) {
     const s = this.getById(e);
-    s && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(un, s));
+    s && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(xn, s));
   }
   getSelectedFeature() {
-    return this.selectedId === Y ? null : this.getById(this.selectedId);
+    return this.selectedId === V ? null : this.getById(this.selectedId);
   }
   unselect() {
     const e = this.getById(this.selectedId);
-    return e && this.emit(lr, e), this.selectedId = Y, this.hoveredId === Y && this.editor.hide(), this.layer.refresh(), this;
+    return e && this.emit(lr, e), this.selectedId = V, this.hoveredId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   unhover() {
     const e = this.getById(this.hoveredId);
-    return this.emit(hn, e), this.hoveredId = Y, this.selectedId === Y && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(En, e), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -1073,7 +1088,7 @@ class Br extends Nr {
    */
   remove(e) {
     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(ur, s), this.layer.refresh();
+    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((n) => n.id !== e), s && this.emit(ur, s), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -1123,45 +1138,43 @@ class Br extends Nr {
     this.ogma.events.off(this._onClickMouseMove).off(this._onKeyUp), this.layer.destroy();
   }
 }
-const vr = "handle-line", mr = "handle-start", br = "handle-end";
-class pn extends Br {
+const Ar = "handle-line", kr = "handle-start", _r = "handle-end";
+class Cn extends Vr {
   constructor(e, s = {}) {
     super(
       e,
       `
     <div class="arrow-handle">
-      <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 id="${Ar}" data-handle-id="0" class="handle line"></div>
+      <div id="${kr}" data-handle-id="1" class="handle point"></div>
+      <div id="${_r}" data-handle-id="2" class="handle point"></div>
     </div>
   `
-    ), 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 } = sr(i, this.ogma.getContainer());
-      this.startDragging(l, c, g), this.draggedHandle = Lr(i.target);
+    ), x(this, "draggedHandle", V), x(this, "start", { x: 0, y: 0 }), x(this, "end", { x: 0, y: 0 }), x(this, "arrow", { ...yr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "minArrowHeight", 0), x(this, "maxArrowHeight", 0), x(this, "handles", []), x(this, "onHandleMouseDown", (n) => {
+      const a = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      if (!a) return;
+      const { x: c, y: f } = or(n, this.ogma.getContainer());
+      this.startDragging(a, c, f), this.draggedHandle = Nr(n.target);
     }), x(this, "onMouseUp", () => {
-      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 === Y)
-        return;
-      const l = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: g, y } = at(
-        an(
-          { x: i.x - this.startX, y: i.y - this.startY },
+      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V, this.emit(Ut, this.arrow));
+    }), x(this, "onMouseMove", (n) => {
+      if (!this.isDragging || this.draggedHandle === V) return;
+      const a = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: f, y: g } = ot(
+        vn(
+          { x: n.x - this.startX, y: n.y - this.startY },
           this.ogma.view.getZoom()
         ),
         c
-      ), f = l.id === vr, m = l.id === mr, v = l.id === br;
-      (f || m) && Rr(this.arrow, this.start.x + g, this.start.y + y), (f || v) && Ir(this.arrow, this.end.x + g, this.end.y + y), this.emit(
+      ), d = a.id === Ar, v = a.id === kr, y = a.id === _r;
+      (d || v) && Mr(this.arrow, this.start.x + f, this.start.y + g), (d || y) && zr(this.arrow, this.end.x + f, this.end.y + g), this.emit(
         Me,
         this.arrow,
-        f ? "line" : m ? "start" : "end"
+        d ? "line" : v ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
     }), 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)
+      (n) => n.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("mouseup", this.onMouseUp);
   }
   /**
@@ -1170,60 +1183,59 @@ class pn extends Br {
    * @param y
    * @param arrow
    */
-  startDrawing(e, s, i = tn(e, s, e, s, fe)) {
-    var l;
-    this.disableDragging(), this.add(i), this.hoveredId = i.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: s }), g = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
+  startDrawing(e, s, n = an(e, s, e, s, fe)) {
+    var a;
+    this.disableDragging(), this.add(n), this.hoveredId = n.id;
+    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: s }), f = ((a = this.ogma.getContainer()) == null ? void 0 : a.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
     this.startDragging(
-      this.getById(i.id),
-      c.x + (g == null ? void 0 : g.left),
-      c.y + g.top
+      this.getById(n.id),
+      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(Vt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = Y);
+    this.isDragging && (this.remove(this.arrow.id), this.emit(Ut, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V);
   }
-  startDragging(e, s, i) {
-    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = s, this.startY = i, this.start = de(this.arrow), this.end = $e(this.arrow), this.disableDragging(), this.emit(ze, this.arrow), this.isDragging = !0;
+  startDragging(e, s, n) {
+    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = s, this.startY = n, this.start = de(this.arrow), this.end = je(this.arrow), this.disableDragging(), this.emit(ze, this.arrow), this.isDragging = !0;
   }
   detect(e, s = 0) {
-    return this.elements.find((i) => {
-      const { start: l, end: c } = De(i), g = Ct(e, {
-        x: (l.x + c.x) / 2,
-        y: (l.y + c.y) / 2
-      }), y = Ct(c, l), f = Ut(y), m = jr(y), v = Dr(i);
-      return Math.abs(pr(m, g)) < f / 2 + s && Math.abs(pr(at(m, Math.PI / 2), g)) < v / 2 + s;
+    return this.elements.find((n) => {
+      const { start: a, end: c } = Fe(n), f = Ot(e, {
+        x: (a.x + c.x) / 2,
+        y: (a.y + c.y) / 2
+      }), g = Ot(c, a), d = qt(g), v = Br(g), y = Wr(n);
+      return Math.abs(vr(v, f)) < d / 2 + s && Math.abs(vr(ot(v, Math.PI / 2), f)) < y / 2 + s;
     });
   }
   refreshEditor() {
-    if (+this.selectedId < 0 && +this.hoveredId < 0)
-      return;
-    const e = this.selectedId !== Y ? this.getById(this.selectedId) : this.getById(this.hoveredId), s = De(e), i = this.ogma.view.graphToScreenCoordinates(s.start), l = this.ogma.view.graphToScreenCoordinates(s.end), [c, g, y] = Array.prototype.slice.call(
+    if (+this.selectedId < 0 && +this.hoveredId < 0) return;
+    const e = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), s = Fe(e), n = this.ogma.view.graphToScreenCoordinates(s.start), a = this.ogma.view.graphToScreenCoordinates(s.end), [c, f, g] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    g.style.transform = `translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`, y.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
-    const f = {
-      x: (l.x + i.x) / 2,
-      y: (l.y + i.y) / 2
-    }, m = Ct(l, i), v = $r(m, 1 / Ut(m)), k = Math.atan2(v.y, v.x);
-    c.style.width = `${Ut(m)}px`, c.style.left = `${f.x}px`, c.style.top = `${f.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${k}rad)`;
+    f.style.transform = `translate(${n.x}px, ${n.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%)`;
+    const d = {
+      x: (a.x + n.x) / 2,
+      y: (a.y + n.y) / 2
+    }, v = Ot(a, n), y = qr(v, 1 / qt(v)), A = Math.atan2(y.y, y.x);
+    c.style.width = `${qt(v)}px`, c.style.left = `${d.x}px`, c.style.top = `${d.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${A}rad)`;
   }
   getDefaultOptions() {
-    return gr;
+    return yr;
   }
   draw(e) {
     e.innerHTML = "";
-    const s = ce("g"), i = this.ogma.view.getAngle();
-    s.setAttribute("transform", `rotate(${-i * (180 / Math.PI)})`), this.elements.forEach(
-      (l) => ln(l, s, fe, this.minArrowHeight, this.maxArrowHeight)
+    const s = Rt("g"), n = this.ogma.view.getAngle();
+    n !== 0 && s.setAttribute("transform", `rotate(${-n * (180 / Math.PI)})`), this.elements.forEach(
+      (a) => bn(a, s, fe, this.minArrowHeight, this.maxArrowHeight)
     ), e.appendChild(s);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
-    this.layer.element !== null && this.layer.element.children[0].setAttribute(
+    this.layer.element !== null && e !== 0 && this.layer.element.children[0].setAttribute(
       "transform",
       `rotate(${-e * (180 / Math.PI)})`
     );
@@ -1234,13 +1246,14 @@ class pn extends Br {
 }
 const Wt = {
   font: "sans-serif",
-  fontSize: 12,
-  color: "black",
-  background: "",
-  strokeWidth: 1,
-  strokeColor: "#000",
+  fontSize: 18,
+  color: "#505050",
+  background: "#f5f5f5",
+  strokeWidth: 0,
+  borderRadius: 8,
+  padding: 16,
   strokeType: "plain"
-}, rr = {
+}, nr = {
   id: 0,
   type: "Feature",
   properties: {
@@ -1262,847 +1275,768 @@ const Wt = {
   }
   // position: { x: 0, y: 0 },
   // size: { width: 100, height: 50 }
-}, wr = {
+}, Sr = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, yn = (h = 0, e = 0, s = 100, i = 50, l = "", c = { ...Wt }) => ({
+}, Tn = (u = 0, e = 0, s = 100, n = 50, a = "", c = { ...Wt }) => ({
   id: Ne(),
   type: "Feature",
   properties: {
     type: "text",
-    content: l,
+    content: a,
     style: { ...Wt, ...c }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [h, e],
-        [h + s, e],
-        [h + s, e + i],
-        [h, e + i],
-        [h, e]
+        [u, e],
+        [u + s, e],
+        [u + s, e + n],
+        [u, e + n],
+        [u, e]
       ]
     ]
   }
 });
-var Hr = { exports: {} };
-(function(h, e) {
-  (function(s, i) {
-    h.exports = i();
-  })(fn, () => (() => {
-    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 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;
-      }, l(r);
-    }
-    s.d(i, { default: () => Pe });
-    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, g = /\bsmall-caps\b/, y = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, m = 13.3333333, v = { "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 k(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: k, valueOf: k };
-    function _(r) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = c.exec(r);
-      n.family = (a[6] || "").trim();
-      var o = v[a[2]] || parseFloat(a[2]);
-      a[3] === "%" ? o *= 0.16 : a[3] === "em" ? o *= 16 : a[3] === "pt" && (o *= m), n.size = o;
-      var t = parseFloat(a[4]);
-      if (t !== "normal" && t !== "inherit" && t ? a[5] && a[5] !== "em" ? a[5] === "pt" ? n.height = t * m : a[5] === "%" ? n.height = 0.01 * o : n.height = t : n.height = t * o : n.height = Math.round(o * (7 / 6)), g.test(a[1]) && (n.variant = "small-caps"), y.test(a[1]) && (n.style = "italic"), f.test(a[1]))
-        n.weight = "bold";
-      else {
-        var u = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
-        u >= 100 && u !== 400 && (n.weight = u);
+var dr = { exports: {} }, Rn = dr.exports, Cr;
+function On() {
+  return Cr || (Cr = 1, function(u, e) {
+    (function(s, n) {
+      u.exports = n();
+    })(Rn, () => (() => {
+      var s = { d: (r, i) => {
+        for (var l in i) s.o(i, l) && !s.o(r, l) && Object.defineProperty(r, l, { enumerable: !0, get: i[l] });
+      }, o: (r, i) => Object.prototype.hasOwnProperty.call(r, i) }, n = {};
+      function a(r) {
+        return a = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+          return typeof i;
+        } : function(i) {
+          return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+        }, a(r);
       }
-      return n;
-    }
-    function R() {
-      var r, n, a, o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, u = 14, d = 12, p = null, b = null, w = "";
-      if (o && o.nodeType) {
-        var A = o && (o.ownerDocument && o.ownerDocument.defaultView || o.document && o || o.defaultView), E = A.getComputedStyle(o, null);
-        r = E.getPropertyValue("font-family") || "", d = parseFloat(E.getPropertyValue("font-size")), u = E.getPropertyValue("line-height"), p = E.getPropertyValue("font-weight"), b = E.getPropertyValue("font-style"), w = E.getPropertyValue("font-variant") || "";
-      } else if (typeof o == "string") {
-        var O = _(o);
-        r = O.family, d = O.size, u = O.height, w = O.variant, b = O.style, p = O.weight;
-      } else
-        l(o) === "object" && (r = o.family, d = o.size, u = o.height, w = o.variant, p = o.weight, b = o.style, n = o.baseline, a = o.color);
-      t.size && t.size < 3 && (d *= t.size), u = u !== "normal" && u ? parseFloat(u) : d * (7 / 6), t.height && t.height < 3 && (u *= t.height);
-      var P = Object.create(C);
-      return P.family = t.family || r || "sans-serif", P.height = u ?? 14, P.size = d ?? 12, P.variant = t.variant || w || "", P.style = t.style || b || "", P.weight = t.weight || p || "", P.baseline = n || 0, t.baseline != null && (P.baseline = t.baseline), P.color = t.color || a || "", P.id = k.call(P, !0), P;
-    }
-    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 D, L = function(r) {
-      var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || r && r.createElement("canvas");
-      if (n && n.getContext) {
-        var a = n.getContext("2d");
-        if (a && typeof a.measureText == "function")
-          return function(o, t) {
-            return a.font = String(t), a.measureText(o).width;
-          };
+      s.d(n, { default: () => Qe });
+      var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, f = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, d = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+      function A(r) {
+        var i = "", l = this;
+        return l.style && l.style !== "normal" && (i += l.style), l.variant && l.variant !== "normal" && (i += (i ? " " : "") + l.variant), l.weight && l.weight !== "normal" && (i += (i ? " " : "") + l.weight), l.size && (i += (i ? " " : "") + l.size + "px", l.height !== l.size && (i += "/" + l.height + "px")), l.family && (i += (i ? " " : "") + l.family), r && (i += "::" + l.baseline), r && (i += "::" + l.color), i;
       }
-    }(typeof document < "u" ? document : null) || (D = {}, function(r, n) {
-      if (!D[n]) {
-        var a = R(n);
-        D[n] = a, /\bmonospace\b/.test(a.family) ? a.size *= 0.6 : (a.size *= 0.45, a.weight && (a.size *= 1.18));
-      }
-      return r.length * D[n].size;
-    }), T = {}, U = { trim: !0, collapse: !0 };
-    function H(r, n, a) {
-      var o = Object.assign({}, U, a), t = String(r);
-      if (!t)
-        return 0;
-      if (t in S) {
-        var u = n.id + "/" + t;
-        return u in T || (T[u] = L("_".concat(t, "_"), n) - L("__", n)), T[u];
-      }
-      return o.trim && o.collapse ? o.trim ? t = t.trim() : o.collapse && (t = t.replace(/\s+/g, " ")) : t = t.replace(/\n/g, " "), L(t, n) + n.size * (r.tracking || 0);
-    }
-    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;
-      }, it(r);
-    }
-    function At(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 && qt(r, n);
-    }
-    function qt(r, n) {
-      return qt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(a, o) {
-        return a.__proto__ = o, a;
-      }, qt(r, n);
-    }
-    function Yt(r) {
-      var n = function() {
-        if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
-          return !1;
-        if (typeof Proxy == "function")
-          return !0;
-        try {
-          return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-          })), !0;
-        } catch {
-          return !1;
+      var _ = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
+      function S(r) {
+        var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = c.exec(r);
+        i.family = (l[6] || "").trim();
+        var t = y[l[2]] || parseFloat(l[2]);
+        l[3] === "%" ? t *= 0.16 : l[3] === "em" ? t *= 16 : l[3] === "pt" && (t *= v), i.size = t;
+        var o = parseFloat(l[4]);
+        if (o !== "normal" && o !== "inherit" && o ? l[5] && l[5] !== "em" ? l[5] === "pt" ? i.height = o * v : l[5] === "%" ? i.height = 0.01 * t : i.height = o : i.height = o * t : i.height = Math.round(t * (7 / 6)), f.test(l[1]) && (i.variant = "small-caps"), g.test(l[1]) && (i.style = "italic"), d.test(l[1])) i.weight = "bold";
+        else {
+          var h = parseInt(/\b(\d+)\b/.exec(l[1]), 10);
+          h >= 100 && h !== 400 && (i.weight = h);
         }
-      }();
-      return function() {
-        var a, o = Ot(r);
-        if (n) {
-          var t = Ot(this).constructor;
-          a = Reflect.construct(o, arguments, t);
-        } else
-          a = o.apply(this, arguments);
-        return ge(this, a);
-      };
-    }
-    function ge(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(a) {
-        if (a === void 0)
-          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return a;
-      }(r);
-    }
-    function Ot(r) {
-      return Ot = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
-        return n.__proto__ || Object.getPrototypeOf(n);
-      }, Ot(r);
-    }
-    function Pt(r, n) {
-      if (!(r instanceof n))
-        throw new TypeError("Cannot call a class as a function");
-    }
-    function pe(r, n) {
-      for (var a = 0; a < n.length; a++) {
-        var o = n[a];
-        o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(r, (t = function(u, d) {
-          if (it(u) !== "object" || u === null)
-            return u;
-          var p = u[Symbol.toPrimitive];
-          if (p !== void 0) {
-            var b = p.call(u, d);
-            if (it(b) !== "object")
-              return b;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+        return i;
+      }
+      function R() {
+        var r, i, l, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = 14, p = 12, m = null, w = null, b = "";
+        if (t && t.nodeType) {
+          var E = t && (t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView), D = E.getComputedStyle(t, null);
+          r = D.getPropertyValue("font-family") || "", p = parseFloat(D.getPropertyValue("font-size")), h = D.getPropertyValue("line-height"), m = D.getPropertyValue("font-weight"), w = D.getPropertyValue("font-style"), b = D.getPropertyValue("font-variant") || "";
+        } else if (typeof t == "string") {
+          var T = S(t);
+          r = T.family, p = T.size, h = T.height, b = T.variant, w = T.style, m = T.weight;
+        } else a(t) === "object" && (r = t.family, p = t.size, h = t.height, b = t.variant, m = t.weight, w = t.style, i = t.baseline, l = t.color);
+        o.size && o.size < 3 && (p *= o.size), h = h !== "normal" && h ? parseFloat(h) : p * (7 / 6), o.height && o.height < 3 && (h *= o.height);
+        var O = Object.create(_);
+        return O.family = o.family || r || "sans-serif", O.height = h ?? 14, O.size = p ?? 12, O.variant = o.variant || b || "", O.style = o.style || w || "", O.weight = o.weight || m || "", O.baseline = i || 0, o.baseline != null && (O.baseline = o.baseline), O.color = o.color || l || "", O.id = A.call(O, !0), O;
+      }
+      const C = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
+      var L, I = function(r) {
+        var i = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || r && r.createElement("canvas");
+        if (i && i.getContext) {
+          var l = i.getContext("2d");
+          if (l && typeof l.measureText == "function") return function(t, o) {
+            return l.font = String(o), l.measureText(t).width;
+          };
+        }
+      }(typeof document < "u" ? document : null) || (L = {}, function(r, i) {
+        if (!L[i]) {
+          var l = R(i);
+          L[i] = l, /\bmonospace\b/.test(l.family) ? l.size *= 0.6 : (l.size *= 0.45, l.weight && (l.size *= 1.18));
+        }
+        return r.length * L[i].size;
+      }), k = {}, z = { trim: !0, collapse: !0 };
+      function B(r, i, l) {
+        var t = Object.assign({}, z, l), o = String(r);
+        if (!o) return 0;
+        if (o in C) {
+          var h = i.id + "/" + o;
+          return h in k || (k[h] = I("_".concat(o, "_"), i) - I("__", i)), k[h];
+        }
+        return t.trim && t.collapse ? t.trim ? o = o.trim() : t.collapse && (o = o.replace(/\s+/g, " ")) : o = o.replace(/\n/g, " "), I(o, i) + i.size * (r.tracking || 0);
+      }
+      function tt(r) {
+        return tt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+          return typeof i;
+        } : function(i) {
+          return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+        }, tt(r);
+      }
+      function rt(r, i) {
+        if (typeof i != "function" && i !== null) throw new TypeError("Super expression must either be null or a function");
+        r.prototype = Object.create(i && i.prototype, { constructor: { value: r, writable: !0, configurable: !0 } }), Object.defineProperty(r, "prototype", { writable: !1 }), i && Yt(r, i);
+      }
+      function Yt(r, i) {
+        return Yt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(l, t) {
+          return l.__proto__ = t, l;
+        }, Yt(r, i);
+      }
+      function Vt(r) {
+        var i = function() {
+          if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
+          if (typeof Proxy == "function") return !0;
+          try {
+            return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+            })), !0;
+          } catch {
+            return !1;
           }
-          return String(u);
-        }(o.key, "string"), it(t) === "symbol" ? t : String(t)), o);
+        }();
+        return function() {
+          var l, t = Dt(r);
+          if (i) {
+            var o = Dt(this).constructor;
+            l = Reflect.construct(t, arguments, o);
+          } else l = t.apply(this, arguments);
+          return ge(this, l);
+        };
       }
-      var t;
-    }
-    function tt(r, n, a) {
-      return n && pe(r.prototype, n), Object.defineProperty(r, "prototype", { writable: !1 }), r;
-    }
-    var z = function() {
-      function r() {
-        var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-        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 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() {
-        return this.value;
-      } }, { key: "toString", value: function() {
-        return this.value;
-      } }]), r;
-    }(), lt = function(r) {
-      At(a, r);
-      var n = Yt(a);
-      function a() {
-        return Pt(this, a), n.apply(this, arguments);
-      }
-      return tt(a);
-    }(z), X = function(r) {
-      At(a, r);
-      var n = Yt(a);
-      function a() {
-        return Pt(this, a), n.apply(this, arguments);
-      }
-      return tt(a);
-    }(z), ut = function(r) {
-      At(a, r);
-      var n = Yt(a);
-      function a() {
-        return Pt(this, a), n.apply(this, arguments);
-      }
-      return tt(a);
-    }(z), 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 Et(r, n) {
-      n !== !1 && (r = r.trim());
-      for (var a, o, t = [], u = r.charAt(0), d = 0, p = 1, b = r.length; p < b; p++) {
-        a = r.charAt(p), o = r.charAt(p + 1);
-        var w = Rt.test(u), A = Rt.test(a), E = A || w, O = void 0;
-        if ((me.test(a) && !Gt.test(u) || ve.test(u + o) && !Gt.test(a)) && (E = !0), u !== "-" && u !== "‐" && u !== "–" && u !== "—" || ((O = Rt.test(r.charAt(p - 2))) && !A && (E = !1), !O && ye.test(a + o) && (E = !0)), E) {
-          var P = r.slice(d, p);
-          /\u00AD$/.test(P) ? (t.push(new z(P.slice(0, -1))), t.push(new ut())) : (t.push(new z(P)), t.push(new lt())), d = p;
+      function ge(r, i) {
+        if (i && (tt(i) === "object" || typeof i == "function")) return i;
+        if (i !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+        return function(l) {
+          if (l === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+          return l;
+        }(r);
+      }
+      function Dt(r) {
+        return Dt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(i) {
+          return i.__proto__ || Object.getPrototypeOf(i);
+        }, Dt(r);
+      }
+      function Pt(r, i) {
+        if (!(r instanceof i)) throw new TypeError("Cannot call a class as a function");
+      }
+      function pe(r, i) {
+        for (var l = 0; l < i.length; l++) {
+          var t = i[l];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
+            if (tt(h) !== "object" || h === null) return h;
+            var m = h[Symbol.toPrimitive];
+            if (m !== void 0) {
+              var w = m.call(h, p);
+              if (tt(w) !== "object") return w;
+              throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return String(h);
+          }(t.key, "string"), tt(o) === "symbol" ? o : String(o)), t);
         }
-        u = a;
+        var o;
       }
-      return t.push(new z(r.slice(d))), t;
-    }
-    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 Be = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Xt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, It = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
-      r.weight = "bold";
-    }, strong: function(r) {
-      r.weight = "bold";
-    }, i: function(r) {
-      r.style = "italic";
-    }, em: function(r) {
-      r.style = "italic";
-    }, dfn: function(r) {
-      r.style = "italic";
-    }, cite: function(r) {
-      r.style = "italic";
-    }, code: function(r) {
-      r.family = "monospace";
-    }, kbd: function(r) {
-      r.family = "monospace";
-    }, samp: function(r) {
-      r.family = "monospace";
-    }, var: function(r) {
-      r.family = "monospace";
-    }, tt: function(r) {
-      r.family = "monospace";
-    }, sub: function(r) {
-      r.sub = !0;
-    }, sup: function(r) {
-      r.sup = !0;
-    } }, He = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
-    function Zt(r) {
-      return r.replace(Kt, function(n, a, o, t) {
-        if (a || o) {
-          var u = a ? 10 : 16;
-          return String.fromCharCode(parseInt(a || o, u));
+      function it(r, i, l) {
+        return i && pe(r.prototype, i), Object.defineProperty(r, "prototype", { writable: !1 }), r;
+      }
+      var M = function() {
+        function r() {
+          var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+          Pt(this, r), this.value = i, this.weight = null, this.style = null, this.font = null, this.href = null, this.sub = !1, this.sup = !1;
         }
-        return t in be ? be[t] : n;
-      });
-    }
-    function Ue(r) {
-      return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
-    }
-    var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-    function Lt(r) {
-      var n, a = {};
-      if (r) {
-        do
-          if (n = We.exec(r)) {
-            var o = Zt(Ue(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
-            if (a[n[1]] = o, (r = r.slice(n[0].length)).length && /^\S/.test(r[0]))
-              throw new Error("Attribute error");
+        return it(r, [{ key: "clone", value: function() {
+          var i = new r(this.value);
+          return i.value = this.value, i.weight = this.weight, i.style = this.style, i.font = this.font, i.href = this.href, i.sub = this.sub, i.sup = this.sup, i;
+        } }, { key: "valueOf", value: function() {
+          return this.value;
+        } }, { key: "toString", value: function() {
+          return this.value;
+        } }]), r;
+      }(), lt = function(r) {
+        rt(l, r);
+        var i = Vt(l);
+        function l() {
+          return Pt(this, l), i.apply(this, arguments);
+        }
+        return it(l);
+      }(M), X = function(r) {
+        rt(l, r);
+        var i = Vt(l);
+        function l() {
+          return Pt(this, l), i.apply(this, arguments);
+        }
+        return it(l);
+      }(M), ut = function(r) {
+        rt(l, r);
+        var i = Vt(l);
+        function l() {
+          return Pt(this, l), i.apply(this, arguments);
+        }
+        return it(l);
+      }(M), Lt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Xt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ve = /^(?:[;\xAD%?…]|,(?!\d))/, me = /^[´±°¢£¤$¥\u2212]/;
+      function kt(r, i) {
+        i !== !1 && (r = r.trim());
+        for (var l, t, o = [], h = r.charAt(0), p = 0, m = 1, w = r.length; m < w; m++) {
+          l = r.charAt(m), t = r.charAt(m + 1);
+          var b = Lt.test(h), E = Lt.test(l), D = E || b, T = void 0;
+          if ((me.test(l) && !Xt.test(h) || ve.test(h + t) && !Xt.test(l)) && (D = !0), h !== "-" && h !== "‐" && h !== "–" && h !== "—" || ((T = Lt.test(r.charAt(m - 2))) && !E && (D = !1), !T && ye.test(l + t) && (D = !0)), D) {
+            var O = r.slice(p, m);
+            /\u00AD$/.test(O) ? (o.push(new M(O.slice(0, -1))), o.push(new ut())) : (o.push(new M(O)), o.push(new lt())), p = m;
           }
-        while (n && r.length);
-        if (/\S/.test(r))
-          throw new Error("Attribute error");
+          h = l;
+        }
+        return o.push(new M(r.slice(p))), o;
       }
-      return a;
-    }
-    const bt = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
-    var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, Ft = /^[^#$%&~_^\\{}]+/, Ve = /^\\([&{}$%#_])/, qe = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, W = { bf: function(r) {
-      r.weight = "bold";
-    }, it: function(r) {
-      r.style = "italic";
-    }, sl: function(r) {
-      r.style = "italic";
-    }, color: function(r, n) {
-      r.color = n;
-    }, href: function(r, n) {
-      r.href = n;
-    }, "^": function(r) {
-      r.sup = !0;
-    }, _: function(r) {
-      r.sub = !0;
-    }, par: function(r) {
-      this.tokens.push(new X(), new X());
-    }, newline: function(r) {
-      this.tokens.push(new X());
-    }, url: function(r, n) {
-      this.open_context().href = n, this.add_token(new z(n)), this.close_context();
-    } };
-    W.textsuperscript = W["^"], W.textsubscript = W._, W.textsl = W.sl, W.mathbf = W.bf, W.mathit = W.it, W.textbf = W.bf, W.textit = W.it, W.textcolor = W.color;
-    var Ye = /[\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 a = n;
-      return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (a = R(n, r)), a;
-    }
-    function te(r, n, a) {
-      for (var o, t, u = r.width; u + a.width > n && r.length; )
-        t = (o = r[r.length - 1]).width, o.width > a.width ? (o.value = o.value.slice(0, -1), o.width = H(o, o.font), u += o.width) : r.pop(), u -= t;
-      r[r.length - 1] instanceof ut && r.pop(), o = r[r.length - 1] || o || {}, a.font = R(a.font, o.bold, o.italic, ""), a.href = r.length ? o.href : null, a.rel = r.length ? o.rel : null, a.target = r.length ? o.target : null, r.push(a);
-    }
-    function ot(r) {
-      return Math.round(1e6 * r) / 1e6;
-    }
-    function Ee(r) {
-      return function(n) {
-        if (Array.isArray(n))
-          return jt(n);
-      }(r) || function(n) {
-        if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null)
-          return Array.from(n);
-      }(r) || function(n, a) {
-        if (n) {
-          if (typeof n == "string")
-            return jt(n, a);
-          var o = Object.prototype.toString.call(n).slice(8, -1);
-          return o === "Object" && n.constructor && (o = n.constructor.name), o === "Map" || o === "Set" ? Array.from(n) : o === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o) ? jt(n, a) : void 0;
+      const be = { nbsp: " ", iexcl: "¡", cent: "¢", pound: "£", curren: "¤", yen: "¥", brvbar: "¦", sect: "§", uml: "¨", copy: "©", ordf: "ª", laquo: "«", not: "¬", shy: "­", reg: "®", macr: "¯", deg: "°", plusmn: "±", sup2: "²", sup3: "³", acute: "´", micro: "µ", para: "¶", middot: "·", cedil: "¸", sup1: "¹", ordm: "º", raquo: "»", frac14: "¼", frac12: "½", frac34: "¾", iquest: "¿", Agrave: "À", Aacute: "Á", Acirc: "Â", Atilde: "Ã", Auml: "Ä", Aring: "Å", AElig: "Æ", Ccedil: "Ç", Egrave: "È", Eacute: "É", Ecirc: "Ê", Euml: "Ë", Igrave: "Ì", Iacute: "Í", Icirc: "Î", Iuml: "Ï", ETH: "Ð", Ntilde: "Ñ", Ograve: "Ò", Oacute: "Ó", Ocirc: "Ô", Otilde: "Õ", Ouml: "Ö", times: "×", Oslash: "Ø", Ugrave: "Ù", Uacute: "Ú", Ucirc: "Û", Uuml: "Ü", Yacute: "Ý", THORN: "Þ", szlig: "ß", agrave: "à", aacute: "á", acirc: "â", atilde: "ã", auml: "ä", aring: "å", aelig: "æ", ccedil: "ç", egrave: "è", eacute: "é", ecirc: "ê", euml: "ë", igrave: "ì", iacute: "í", icirc: "î", iuml: "ï", eth: "ð", ntilde: "ñ", ograve: "ò", oacute: "ó", ocirc: "ô", otilde: "õ", ouml: "ö", divide: "÷", oslash: "ø", ugrave: "ù", uacute: "ú", ucirc: "û", uuml: "ü", yacute: "ý", thorn: "þ", yuml: "ÿ", fnof: "ƒ", Alpha: "Α", Beta: "Β", Gamma: "Γ", Delta: "Δ", Epsilon: "Ε", Zeta: "Ζ", Eta: "Η", Theta: "Θ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Xi: "Ξ", Omicron: "Ο", Pi: "Π", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Upsilon: "Υ", Phi: "Φ", Chi: "Χ", Psi: "Ψ", Omega: "Ω", alpha: "α", beta: "β", gamma: "γ", delta: "δ", epsilon: "ε", zeta: "ζ", eta: "η", theta: "θ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", xi: "ξ", omicron: "ο", pi: "π", rho: "ρ", sigmaf: "ς", sigma: "σ", tau: "τ", upsilon: "υ", phi: "φ", chi: "χ", psi: "ψ", omega: "ω", thetasym: "ϑ", upsih: "ϒ", piv: "ϖ", bull: "•", hellip: "…", prime: "′", Prime: "″", oline: "‾", frasl: "⁄", weierp: "℘", image: "ℑ", real: "ℜ", trade: "™", alefsym: "ℵ", larr: "←", uarr: "↑", rarr: "→", darr: "↓", harr: "↔", crarr: "↵", lArr: "⇐", uArr: "⇑", rArr: "⇒", dArr: "⇓", hArr: "⇔", forall: "∀", part: "∂", exist: "∃", empty: "∅", nabla: "∇", isin: "∈", notin: "∉", ni: "∋", prod: "∏", sum: "∑", minus: "−", lowast: "∗", radic: "√", prop: "∝", infin: "∞", ang: "∠", and: "⊥", or: "⊦", cap: "∩", cup: "∪", int: "∫", there4: "∴", sim: "∼", cong: "≅", asymp: "≈", ne: "≠", equiv: "≡", le: "≤", ge: "≥", sub: "⊂", sup: "⊃", nsub: "⊄", sube: "⊆", supe: "⊇", oplus: "⊕", otimes: "⊗", perp: "⊥", sdot: "⋅", lceil: "⌈", rceil: "⌉", lfloor: "⌊", rfloor: "⌋", lang: "〈", rang: "〉", loz: "◊", spades: "♠", clubs: "♣", hearts: "♥", diams: "♦", quot: '"', amp: "&", lt: "<", gt: ">", OElig: "Œ", oelig: "œ", Scaron: "Š", scaron: "š", Yuml: "Ÿ", circ: "ˆ", tilde: "˜", ensp: " ", emsp: " ", thinsp: " ", zwnj: "‌", zwj: "‍", lrm: "‎", rlm: "‏", ndash: "–", mdash: "—", lsquo: "‘", rsquo: "’", sbquo: "‚", ldquo: "“", rdquo: "”", bdquo: "„", dagger: "†", Dagger: "‡", permil: "‰", lsaquo: "‹", rsaquo: "›" };
+      var He = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Gt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, $t = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
+        r.weight = "bold";
+      }, strong: function(r) {
+        r.weight = "bold";
+      }, i: function(r) {
+        r.style = "italic";
+      }, em: function(r) {
+        r.style = "italic";
+      }, dfn: function(r) {
+        r.style = "italic";
+      }, cite: function(r) {
+        r.style = "italic";
+      }, code: function(r) {
+        r.family = "monospace";
+      }, kbd: function(r) {
+        r.family = "monospace";
+      }, samp: function(r) {
+        r.family = "monospace";
+      }, var: function(r) {
+        r.family = "monospace";
+      }, tt: function(r) {
+        r.family = "monospace";
+      }, sub: function(r) {
+        r.sub = !0;
+      }, sup: function(r) {
+        r.sup = !0;
+      } }, Be = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
+      function Zt(r) {
+        return r.replace(Kt, function(i, l, t, o) {
+          if (l || t) {
+            var h = l ? 10 : 16;
+            return String.fromCharCode(parseInt(l || t, h));
+          }
+          return o in be ? be[o] : i;
+        });
+      }
+      function qe(r) {
+        return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
+      }
+      var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+      function It(r) {
+        var i, l = {};
+        if (r) {
+          do
+            if (i = We.exec(r)) {
+              var t = Zt(qe(i[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+              if (l[i[1]] = t, (r = r.slice(i[0].length)).length && /^\S/.test(r[0])) throw new Error("Attribute error");
+            }
+          while (i && r.length);
+          if (/\S/.test(r)) throw new Error("Attribute error");
         }
-      }(r) || function() {
-        throw new TypeError(`Invalid attempt to spread non-iterable instance.
+        return l;
+      }
+      const bt = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
+      var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ue = /^\\([&{}$%#_])/, Ye = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, q = { bf: function(r) {
+        r.weight = "bold";
+      }, it: function(r) {
+        r.style = "italic";
+      }, sl: function(r) {
+        r.style = "italic";
+      }, color: function(r, i) {
+        r.color = i;
+      }, href: function(r, i) {
+        r.href = i;
+      }, "^": function(r) {
+        r.sup = !0;
+      }, _: function(r) {
+        r.sub = !0;
+      }, par: function(r) {
+        this.tokens.push(new X(), new X());
+      }, newline: function(r) {
+        this.tokens.push(new X());
+      }, url: function(r, i) {
+        this.open_context().href = i, this.add_token(new M(i)), this.close_context();
+      } };
+      q.textsuperscript = q["^"], q.textsubscript = q._, q.textsl = q.sl, q.mathbf = q.bf, q.mathit = q.it, q.textbf = q.bf, q.textit = q.it, q.textcolor = q.color;
+      var Ve = /[\r\n\xA0]+/g;
+      function Ee(r, i) {
+        r.sup && (r.baseline = 0.45, r.size = 0.7), r.sub && (r.baseline = -0.3, r.size = 0.7);
+        var l = i;
+        return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (l = R(i, r)), l;
+      }
+      function te(r, i, l) {
+        for (var t, o, h = r.width; h + l.width > i && r.length; ) o = (t = r[r.length - 1]).width, t.width > l.width ? (t.value = t.value.slice(0, -1), t.width = B(t, t.font), h += t.width) : r.pop(), h -= o;
+        r[r.length - 1] instanceof ut && r.pop(), t = r[r.length - 1] || t || {}, l.font = R(l.font, t.bold, t.italic, ""), l.href = r.length ? t.href : null, l.rel = r.length ? t.rel : null, l.target = r.length ? t.target : null, r.push(l);
+      }
+      function ct(r) {
+        return Math.round(1e6 * r) / 1e6;
+      }
+      function Ae(r) {
+        return function(i) {
+          if (Array.isArray(i)) return Ft(i);
+        }(r) || function(i) {
+          if (typeof Symbol < "u" && i[Symbol.iterator] != null || i["@@iterator"] != null) return Array.from(i);
+        }(r) || function(i, l) {
+          if (i) {
+            if (typeof i == "string") return Ft(i, l);
+            var t = Object.prototype.toString.call(i).slice(8, -1);
+            return t === "Object" && i.constructor && (t = i.constructor.name), t === "Map" || t === "Set" ? Array.from(i) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ft(i, l) : void 0;
+          }
+        }(r) || function() {
+          throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-      }();
-    }
-    function jt(r, n) {
-      (n == null || n > r.length) && (n = r.length);
-      for (var a = 0, o = new Array(n); a < n; a++)
-        o[a] = r[a];
-      return o;
-    }
-    var _e = { center: "middle", right: "end" }, ee = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, re = function(r, n) {
-      return !r && !n || r === n;
-    };
-    function Ge(r, n) {
-      var a = [], o = n.font(), t = o.size, u = o.family, d = n.align(), p = n.createElement();
-      if (r.length) {
-        var b = o.height, w = n.valign(), A = n.height()(), E = n.width()(0), O = !isFinite(E) && r.length === 1, P = O ? null : n.x(), I = ot(b / t), B = O ? null : ot(b / (1.15 * t + (b - t) / 2));
-        if (ee[w] && isFinite(A)) {
-          var M = w === "bottom" ? 1 : 0.5;
-          B += (A * M - b * r.length * M) / t;
-        }
-        var F = d === "justify", $ = 0;
-        d === "right" ? $ = E : d === "center" && ($ = E / 2);
-        for (var N = [], K = "tspan", G = null, V = "", j = function() {
-          if (V) {
-            var Tt = p(K, G, V);
-            N.push(Tt);
+        }();
+      }
+      function Ft(r, i) {
+        (i == null || i > r.length) && (i = r.length);
+        for (var l = 0, t = new Array(i); l < i; l++) t[l] = r[l];
+        return t;
+      }
+      var ke = { center: "middle", right: "end" }, Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ee = function(r, i) {
+        return !r && !i || r === i;
+      };
+      function Ge(r, i) {
+        var l = [], t = i.font(), o = t.size, h = t.family, p = i.align(), m = i.createElement();
+        if (r.length) {
+          var w = t.height, b = i.valign(), E = i.height()(), D = i.width()(0), T = !isFinite(D) && r.length === 1, O = T ? null : i.x(), j = ct(w / o), W = T ? null : ct(w / (1.15 * o + (w - o) / 2));
+          if (Xe[b] && isFinite(E)) {
+            var F = b === "bottom" ? 1 : 0.5;
+            W += (E * F - w * r.length * F) / o;
           }
-          K = "tspan", G = null, V = "";
-        }, nt = 0, rt = r.length; nt < rt; nt++) {
-          var ft = "", wt = "", ct = 0, gt = r[nt];
-          if (gt.length) {
-            N = [];
-            for (var Mt = 0, ae = 0, pt = void 0, Z = 0, Re = gt.length; Z < Re; Z++) {
-              var q = gt[Z], Q = q.font;
-              q.whitespace && Mt++, ae += q.width, Z && !q.tracking && !ct && re(Q.id, ft) && re(q.class, wt) && re(pt, q.href) ? V += q.value : (j(), V = q.value, G = { fontFamily: Q.family !== u ? Q.family : null, fontSize: Q.size !== t ? 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: q.class || null }, ct && (G.dx = ot(ct), ct = 0), q.tracking && (ct = Q.size * q.tracking), q.href && !pt ? (pt = q.href, K = "a", G.href = pt, G.rel = q.rel, G.target = q.target) : pt = null, ft = Q.id, wt = q.class);
-            }
-            if (j(), O)
-              a.push.apply(a, Ee(N));
-            else {
-              var Ie = null, le = nt === rt - 1 || gt[gt.length - 1] instanceof X;
-              F && gt.length > 1 && !le && (Ie = ot((E - ae) / Mt)), a.push(p.apply(void 0, ["tspan", { wordSpacing: Ie, x: P(nt) + $, dy: ot(nt ? I : B) + "em" }].concat(Ee(N))));
+          var P = p === "justify", H = 0;
+          p === "right" ? H = D : p === "center" && (H = D / 2);
+          for (var N = [], J = "tspan", K = null, U = "", $ = function() {
+            if (U) {
+              var Ct = m(J, K, U);
+              N.push(Ct);
             }
-          } else
-            a.push(p("tspan", { x: P(nt), dy: ot(nt ? I : B) + "em" }, " "));
+            J = "tspan", K = null, U = "";
+          }, st = 0, nt = r.length; st < nt; st++) {
+            var ft = "", Et = "", ht = 0, gt = r[st];
+            if (gt.length) {
+              N = [];
+              for (var Mt = 0, le = 0, pt = void 0, Z = 0, Oe = gt.length; Z < Oe; Z++) {
+                var Y = gt[Z], Q = Y.font;
+                Y.whitespace && Mt++, le += Y.width, Z && !Y.tracking && !ht && ee(Q.id, ft) && ee(Y.class, Et) && ee(pt, Y.href) ? U += Y.value : ($(), U = Y.value, K = { fontFamily: Q.family !== h ? Q.family : null, fontSize: Q.size !== o ? Q.size : null, fontWeight: Q.weight || null, fontStyle: Q.style || null, fontVariant: Q.variant !== "normal" && Q.variant || null, fill: Q.color || null, baselineShift: Q.baseline ? 100 * Q.baseline + "%" : null, className: Y.class || null }, ht && (K.dx = ct(ht), ht = 0), Y.tracking && (ht = Q.size * Y.tracking), Y.href && !pt ? (pt = Y.href, J = "a", K.href = pt, K.rel = Y.rel, K.target = Y.target) : pt = null, ft = Q.id, Et = Y.class);
+              }
+              if ($(), T) l.push.apply(l, Ae(N));
+              else {
+                var De = null, ue = st === nt - 1 || gt[gt.length - 1] instanceof X;
+                P && gt.length > 1 && !ue && (De = ct((D - le) / Mt)), l.push(m.apply(void 0, ["tspan", { wordSpacing: De, x: O(st) + H, dy: ct(st ? j : W) + "em" }].concat(Ae(N))));
+              }
+            } else l.push(m("tspan", { x: O(st), dy: ct(st ? j : W) + "em" }, " "));
+          }
         }
+        return m.apply(void 0, ["text", { fontFamily: h, fontSize: o, textAnchor: ke[p] || "start" }].concat(l));
       }
-      return p.apply(void 0, ["text", { fontFamily: u, fontSize: t, textAnchor: _e[d] || "start" }].concat(a));
-    }
-    var Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-    function Je(r, n, a) {
-      if (r.length) {
-        a.textBaseline = "middle";
-        var o = n.font(), t = o.height, u = o.size, d = n.valign(), p = n.height()(), b = n.width()(0), w = n.align(), A = w === "justify", E = 0.5 * t, O = Xe[d];
-        if (O && isFinite(p)) {
-          var P = r.length * t;
-          E += p * O - P * O;
-        }
-        r.forEach(function(I, B) {
-          var M = n.x()(B), F = B * t + E, $ = 0, N = 0;
-          I.forEach(function(V) {
-            V.whitespace && $++, N += V.width;
-          });
-          var K = 0, G = B === r.length - 1 || I[I.length - 1] instanceof X;
-          A && I.length > 1 && !G && (K = (b - N) / $), I.forEach(function(V) {
-            a.font = V.font;
-            var j = V.font, nt = j.baseline ? u * -j.baseline + 0.15 * u : 0;
-            a.fillStyle = function(wt, ct) {
-              return wt.color ? wt.color : ct.href ? "#00C" : "#000";
-            }(j, V);
-            var rt = 0;
-            if (w === "right" ? rt += b - N : w === "center" ? rt += b / 2 - N / 2 : w === "justify" && (V.whitespace || V instanceof X) && (M += K), a.fillText(V.value, M + rt, F + nt), V.href) {
-              a.beginPath(), a.strokeStyle = a.fillStyle;
-              var ft = Math.floor(F + 0.45 * u) + 0.5;
-              a.moveTo(M + rt, ft), a.lineTo(M + rt + V.width, ft), a.stroke();
-            }
-            M += V.width;
+      var Je = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+      function Ke(r, i, l) {
+        if (r.length) {
+          l.textBaseline = "middle";
+          var t = i.font(), o = t.height, h = t.size, p = i.valign(), m = i.height()(), w = i.width()(0), b = i.align(), E = b === "justify", D = 0.5 * o, T = Je[p];
+          if (T && isFinite(m)) {
+            var O = r.length * o;
+            D += m * T - O * T;
+          }
+          r.forEach(function(j, W) {
+            var F = i.x()(W), P = W * o + D, H = 0, N = 0;
+            j.forEach(function(U) {
+              U.whitespace && H++, N += U.width;
+            });
+            var J = 0, K = W === r.length - 1 || j[j.length - 1] instanceof X;
+            E && j.length > 1 && !K && (J = (w - N) / H), j.forEach(function(U) {
+              l.font = U.font;
+              var $ = U.font, st = $.baseline ? h * -$.baseline + 0.15 * h : 0;
+              l.fillStyle = function(Et, ht) {
+                return Et.color ? Et.color : ht.href ? "#00C" : "#000";
+              }($, U);
+              var nt = 0;
+              if (b === "right" ? nt += w - N : b === "center" ? nt += w / 2 - N / 2 : b === "justify" && (U.whitespace || U instanceof X) && (F += J), l.fillText(U.value, F + nt, P + st), U.href) {
+                l.beginPath(), l.strokeStyle = l.fillStyle;
+                var ft = Math.floor(P + 0.45 * h) + 0.5;
+                l.moveTo(F + nt, ft), l.lineTo(F + nt + U.width, ft), l.stroke();
+              }
+              F += U.width;
+            });
           });
-        });
+        }
       }
-    }
-    function ne(r) {
-      return ne = 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;
-      }, ne(r);
-    }
-    function ke(r) {
-      for (var n = {}, a = 0; a < r.length; a++) {
-        var o = r[a];
-        typeof o != "number" && o != null && (typeof o == "string" ? n.text = o : typeof o == "function" ? n.fn = o : ne(o) === "object" && o._groups ? n.d3 = o : o && o.nodeType && o.getContext ? n.ctx = o.getContext("2d") : o && o.fillText && o.beginPath ? n.ctx = o : o && (n.text = o));
+      function re(r) {
+        return re = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+          return typeof i;
+        } : function(i) {
+          return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+        }, re(r);
       }
-      return 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;
-      }, kt(r);
-    }
-    function ie(r, n) {
-      for (var a = 0; a < n.length; a++) {
-        var o = n[a];
-        o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(r, (t = function(u, d) {
-          if (kt(u) !== "object" || u === null)
-            return u;
-          var p = u[Symbol.toPrimitive];
-          if (p !== void 0) {
-            var b = p.call(u, d);
-            if (kt(b) !== "object")
-              return b;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-          }
-          return String(u);
-        }(o.key, "string"), kt(t) === "symbol" ? t : String(t)), o);
+      function _e(r) {
+        for (var i = {}, l = 0; l < r.length; l++) {
+          var t = r[l];
+          typeof t != "number" && t != null && (typeof t == "string" ? i.text = t : typeof t == "function" ? i.fn = t : re(t) === "object" && t._groups ? i.d3 = t : t && t.nodeType && t.getContext ? i.ctx = t.getContext("2d") : t && t.fillText && t.beginPath ? i.ctx = t : t && (i.text = t));
+        }
+        return i;
       }
-      var t;
-    }
-    var Te = R(), ht = function(r) {
-      return typeof r == "function" ? r : function() {
-        return r;
-      };
-    }, J = function() {
-      function r(o) {
-        if (function(u, d) {
-          if (!(u instanceof d))
-            throw new TypeError("Cannot call a class as a function");
-        }(this, r), this.props = { overflow: "ellipsis", lineclamp: null, align: "left", wordBreak: null, valign: "top", width: function() {
-          return 1 / 0;
-        }, height: function() {
-          return 1 / 0;
-        }, x: function() {
-          return 0;
-        }, font: null, tAnchor: 0, parser: r.defaultparser }, o)
-          for (var t in o)
-            typeof this[t] == "function" && this[t](o[t]);
-      }
-      var n, a;
-      return n = r, a = [{ key: "linebreak", value: function(o) {
-        var t = this, u = this.props.parser(String(o)), d = this.font(), p = function(b, w, A) {
-          if (!b.length)
-            return [];
-          var E = w.height(), O = w.width(), P = w.overflowLine(), I = w.overflowWrap(), B = R(A, !0, !1), M = isFinite(E()) ? Math.floor(E() / A.height) : 1 / 0;
-          if (!E() && !O(0) || !M)
-            return [];
-          for (var F = 0, $ = 0, N = 0, K = [], G = [], V = !1; F < b.length && $ < M; ) {
-            var j = b[F], nt = Ae(j, A);
-            if (j.width = H(j, nt), j.font = nt, j.line = $, j.whitespace = j.value in S, j.value && (j.value = j.value.replace(Ye, " ")), !(!N && j.whitespace || V && j.whitespace))
-              if (j instanceof X)
-                N = 0, G = [], K.push(F + 1), $++;
-              else if (j instanceof lt || j instanceof ut)
-                G.push({ index: F, width: N });
-              else if (j.whitespace || N + j.width < O($))
-                N += j.width;
-              else if (G.length) {
-                var rt = void 0, ft = void 0;
+      function dt(r) {
+        return dt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+          return typeof i;
+        } : function(i) {
+          return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+        }, dt(r);
+      }
+      function Se(r, i) {
+        for (var l = 0; l < i.length; l++) {
+          var t = i[l];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
+            if (dt(h) !== "object" || h === null) return h;
+            var m = h[Symbol.toPrimitive];
+            if (m !== void 0) {
+              var w = m.call(h, p);
+              if (dt(w) !== "object") return w;
+              throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return String(h);
+          }(t.key, "string"), dt(o) === "symbol" ? o : String(o)), t);
+        }
+        var o;
+      }
+      var wt = R(), St = function(r) {
+        return typeof r == "function" ? r : function() {
+          return r;
+        };
+      }, G = function() {
+        function r(t) {
+          if (function(h, p) {
+            if (!(h instanceof p)) throw new TypeError("Cannot call a class as a function");
+          }(this, r), this.props = { overflow: "ellipsis", lineclamp: null, align: "left", wordBreak: null, valign: "top", width: function() {
+            return 1 / 0;
+          }, height: function() {
+            return 1 / 0;
+          }, x: function() {
+            return 0;
+          }, font: null, tAnchor: 0, parser: r.defaultparser }, t) for (var o in t) typeof this[o] == "function" && this[o](t[o]);
+        }
+        var i, l;
+        return i = r, l = [{ key: "linebreak", value: function(t) {
+          var o = this, h = this.props.parser(String(t)), p = this.font(), m = function(w, b, E) {
+            if (!w.length) return [];
+            var D = b.height(), T = b.width(), O = b.overflowLine(), j = b.overflowWrap(), W = R(E, !0, !1), F = isFinite(D()) ? Math.floor(D() / E.height) : 1 / 0;
+            if (!D() && !T(0) || !F) return [];
+            for (var P = 0, H = 0, N = 0, J = [], K = [], U = !1; P < w.length && H < F; ) {
+              var $ = w[P], st = Ee($, E);
+              if ($.width = B($, st), $.font = st, $.line = H, $.whitespace = $.value in C, $.value && ($.value = $.value.replace(Ve, " ")), !(!N && $.whitespace || U && $.whitespace)) if ($ instanceof X) N = 0, K = [], J.push(P + 1), H++;
+              else if ($ instanceof lt || $ instanceof ut) K.push({ index: P, width: N });
+              else if ($.whitespace || N + $.width < T(H)) N += $.width;
+              else if (K.length) {
+                var nt = void 0, ft = void 0;
                 do {
-                  ft = !0, rt = G.pop();
-                  var wt = b[rt.index], ct = void 0;
-                  wt instanceof ut && (ct = H("-", wt.font), rt.width + ct > O($) && (ft = !G.length));
+                  ft = !0, nt = K.pop();
+                  var Et = w[nt.index], ht = void 0;
+                  Et instanceof ut && (ht = B("-", Et.font), nt.width + ht > T(H) && (ft = !K.length));
                 } while (!ft);
-                K.push(rt.index + 1), N = 0, $++, F = rt.index, G = [];
-              } else if (I === "break-word") {
-                var gt = O($);
-                if (N + j.width > gt) {
-                  var Mt = j.clone();
+                J.push(nt.index + 1), N = 0, H++, P = nt.index, K = [];
+              } else if (j === "break-word") {
+                var gt = T(H);
+                if (N + $.width > gt) {
+                  var Mt = $.clone();
                   do
-                    j.value = j.value.slice(0, -1), j.width = H(j, j.font), N += j.width;
-                  while (j.value && j.width > gt);
-                  Mt.value = Mt.value.slice(j.value.length), b.splice(F + 1, 0, new lt(), Mt);
+                    $.value = $.value.slice(0, -1), $.width = B($, $.font), N += $.width;
+                  while ($.value && $.width > gt);
+                  Mt.value = Mt.value.slice($.value.length), w.splice(P + 1, 0, new lt(), Mt);
                 }
-                K.push(F + 1), N = 0, $++;
-              } else
-                N += j.width;
-            F++, V = j.whitespace;
-          }
-          F !== K[K.length - 1] && K.push(F);
-          var ae = 0, pt = 0, Z = K.map(function(Tt) {
-            for (var et, St = ae; (et = b[St]) && (et.whitespace || !et.value); )
-              St++;
-            for (var xt = Tt, Qe = null; xt > St && (et = b[xt - 1]) && (et.whitespace || !(et.value || et instanceof ut)); )
-              et instanceof X && (Qe = et), xt--;
-            et instanceof ut && (et.value = "-", et.width = H("-", et.font)), ae = Tt;
-            var zt = b.slice(St, xt).filter(function(tr) {
-              return tr.value;
-            });
-            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 (Z.hasLineOverflow = !1, P) {
-            var Re = P === "ellipsis" ? "…" : P;
-            Z.forEach(function(Tt, et) {
-              var St = O(et);
-              if (Tt.width > St) {
-                var xt = new z(Re);
-                xt.font = A, xt.width = H(Re, B), te(Tt, St, xt), Z.hasLineOverflow = !0;
-              }
+                J.push(P + 1), N = 0, H++;
+              } else N += $.width;
+              P++, U = $.whitespace;
+            }
+            P !== J[J.length - 1] && J.push(P);
+            var le = 0, pt = 0, Z = J.map(function(Ct) {
+              for (var et, Tt = le; (et = w[Tt]) && (et.whitespace || !et.value); ) Tt++;
+              for (var At = Ct, tr = null; At > Tt && (et = w[At - 1]) && (et.whitespace || !(et.value || et instanceof ut)); ) et instanceof X && (tr = et), At--;
+              et instanceof ut && (et.value = "-", et.width = B("-", et.font)), le = Ct;
+              var zt = w.slice(Tt, At).filter(function(er) {
+                return er.value;
+              });
+              return tr && zt.push(tr), zt.width = zt.reduce(function(er, Jr) {
+                return er + Jr.width;
+              }, 0), zt.width > pt && (pt = zt.width), zt;
             });
+            if (Z.hasLineOverflow = !1, O) {
+              var Oe = O === "ellipsis" ? "…" : O;
+              Z.forEach(function(Ct, et) {
+                var Tt = T(et);
+                if (Ct.width > Tt) {
+                  var At = new M(Oe);
+                  At.font = E, At.width = B(Oe, W), te(Ct, Tt, At), Z.hasLineOverflow = !0;
+                }
+              });
+            }
+            var Y = b.overflow() === "ellipsis" ? "…" : b.overflow();
+            if (Y && P !== w.length) {
+              var Q = T(Z.length - 1), De = Z[Z.length - 1], ue = new M(Y);
+              ue.font = E, ue.width = B(Y, W), te(De, Q, ue), Z.hasOverflow = !0;
+            } else Z.hasOverflow = !1;
+            return Z.font = E, Z.width = pt, Z;
+          }(h, this, p);
+          return m.height = m.length * p.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 = R(t), this) : this.props.font || R(wt);
+        } }, { key: "overflow", value: function(t) {
+          return arguments.length ? (this.props.overflow = String(t), this) : this.props.overflow;
+        } }, { key: "overflowLine", value: function(t) {
+          return arguments.length ? (this.props.lineclamp = String(t), this) : this.props.lineclamp;
+        } }, { key: "valign", value: function(t) {
+          return arguments.length ? (this.props.valign = t, this) : this.props.valign;
+        } }, { key: "align", value: function(t) {
+          if (!arguments.length) return this.props.align;
+          var o = String(t).toLowerCase();
+          return o === "left" || o === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : o === "center" || o === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : o === "end" || o === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : o === "justify" && (this.props.align = t, this.props.tAnchor = 0), this;
+        } }, { key: "overflowWrap", value: function(t) {
+          if (!arguments.length) return this.props.overflowWrap || "normal";
+          var o = String(t).toLowerCase();
+          return o === "break-word" ? this.props.overflowWrap = "break-word" : o !== "normal" && t != null || (this.props.overflowWrap = null), this;
+        } }, { key: "width", value: function(t) {
+          return arguments.length ? (this.props.width = St(t), this) : this.props.width;
+        } }, { key: "height", value: function(t) {
+          return arguments.length ? (this.props.height = St(t), this) : this.props.height;
+        } }, { key: "x", value: function(t) {
+          return arguments.length ? (this.props.x = St(t), this) : this.props.x;
+        } }, { key: "parser", value: function(t) {
+          if (!arguments.length) return this.props.parser;
+          if (typeof t == "string") {
+            var o = r[t] || r[t + "parser"];
+            typeof o == "function" && (t = o);
           }
-          var q = w.overflow() === "ellipsis" ? "…" : w.overflow();
-          if (q && F !== b.length) {
-            var Q = O(Z.length - 1), Ie = Z[Z.length - 1], le = new z(q);
-            le.font = A, le.width = H(q, B), te(Ie, Q, le), Z.hasOverflow = !0;
-          } else
-            Z.hasOverflow = !1;
-          return Z.font = A, Z.width = pt, Z;
-        }(u, this, d);
-        return p.height = p.length * d.height, p.render = function(b) {
-          return t.render(p, b);
-        }, p.svg = p.render, p.draw = p.render, p;
-      } }, { key: "font", value: function(o) {
-        return arguments.length ? (this.props.font = R(o), this) : this.props.font || R(Te);
-      } }, { key: "overflow", value: function(o) {
-        return arguments.length ? (this.props.overflow = String(o), this) : this.props.overflow;
-      } }, { key: "overflowLine", value: function(o) {
-        return arguments.length ? (this.props.lineclamp = String(o), this) : this.props.lineclamp;
-      } }, { key: "valign", value: function(o) {
-        return arguments.length ? (this.props.valign = o, this) : this.props.valign;
-      } }, { key: "align", value: function(o) {
-        if (!arguments.length)
-          return this.props.align;
-        var t = String(o).toLowerCase();
-        return t === "left" || t === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : t === "center" || t === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : t === "end" || t === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : t === "justify" && (this.props.align = o, this.props.tAnchor = 0), this;
-      } }, { key: "overflowWrap", value: function(o) {
-        if (!arguments.length)
-          return this.props.overflowWrap || "normal";
-        var t = String(o).toLowerCase();
-        return t === "break-word" ? this.props.overflowWrap = "break-word" : t !== "normal" && o != null || (this.props.overflowWrap = null), this;
-      } }, { key: "width", value: function(o) {
-        return arguments.length ? (this.props.width = ht(o), this) : this.props.width;
-      } }, { key: "height", value: function(o) {
-        return arguments.length ? (this.props.height = ht(o), this) : this.props.height;
-      } }, { key: "x", value: function(o) {
-        return arguments.length ? (this.props.x = ht(o), this) : this.props.x;
-      } }, { key: "parser", value: function(o) {
-        if (!arguments.length)
-          return this.props.parser;
-        if (typeof o == "string") {
-          var t = r[o] || r[o + "parser"];
-          typeof t == "function" && (o = t);
+          if (typeof t != "function") throw new Error("Unknown parser: " + t);
+          return this.props.parser = t, this;
+        } }, { key: "createElement", value: function(t) {
+          return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
+        } }, { key: "render", value: function() {
+          var t = _e(arguments);
+          return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ke(t.text, this, t.ctx) : Ge(t.text, this);
+        } }], l && Se(i.prototype, l), Object.defineProperty(i, "prototype", { writable: !1 }), r;
+      }();
+      function xt(r) {
+        return xt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
+          return typeof i;
+        } : function(i) {
+          return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
+        }, xt(r);
+      }
+      function ne(r, i) {
+        (i == null || i > r.length) && (i = r.length);
+        for (var l = 0, t = new Array(i); l < i; l++) t[l] = r[l];
+        return t;
+      }
+      function Ce(r, i) {
+        for (var l = 0; l < i.length; l++) {
+          var t = i[l];
+          t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(h, p) {
+            if (xt(h) !== "object" || h === null) return h;
+            var m = h[Symbol.toPrimitive];
+            if (m !== void 0) {
+              var w = m.call(h, p);
+              if (xt(w) !== "object") return w;
+              throw new TypeError("@@toPrimitive must return a primitive value.");
+            }
+            return String(h);
+          }(t.key, "string"), xt(o) === "symbol" ? o : String(o)), t);
         }
-        if (typeof o != "function")
-          throw new Error("Unknown parser: " + o);
-        return this.props.parser = o, this;
-      } }, { key: "createElement", value: function(o) {
-        return arguments.length ? (this.props.createElement = o, this) : this.props.createElement || r.createElement;
-      } }, { key: "render", value: function() {
-        var o = ke(arguments);
-        return typeof o.text == "string" && (o.text = this.linebreak(o.text)), o.ctx ? Je(o.text, this, o.ctx) : Ge(o.text, this);
-      } }], a && ie(n.prototype, a), Object.defineProperty(n, "prototype", { writable: !1 }), r;
-    }();
-    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;
-      }, dt(r);
-    }
-    function $t(r, n) {
-      (n == null || n > r.length) && (n = r.length);
-      for (var a = 0, o = new Array(n); a < n; a++)
-        o[a] = r[a];
-      return o;
-    }
-    function Ke(r, n) {
-      for (var a = 0; a < n.length; a++) {
-        var o = n[a];
-        o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(r, (t = function(u, d) {
-          if (dt(u) !== "object" || u === null)
-            return u;
-          var p = u[Symbol.toPrimitive];
-          if (p !== void 0) {
-            var b = p.call(u, d);
-            if (dt(b) !== "object")
-              return b;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-          }
-          return String(u);
-        }(o.key, "string"), dt(t) === "symbol" ? t : String(t)), o);
+        var o;
       }
-      var t;
-    }
-    var oe = function(r) {
-      return typeof r == "function" ? r : function() {
-        return r;
-      };
-    }, Se = function() {
-      function r(o) {
-        if (function(u, d) {
-          if (!(u instanceof d))
-            throw new TypeError("Cannot call a class as a function");
-        }(this, r), this.props = { width: function() {
-          return 1 / 0;
-        }, height: function() {
-          return 1 / 0;
-        }, rotation: 0, vAnchor: 0, hAnchor: 0 }, o)
-          for (var t in o)
-            typeof this[t] == "function" && this[t](o[t]);
-        this.render = this.render.bind(this);
-      }
-      var n, a;
-      return n = r, a = [{ key: "anchor", value: function(o) {
-        var t = this.props, u = t.hAnchor, d = t.vAnchor, p = t.width, b = t.height;
-        if (!arguments.length)
-          return [u * p(0), d * b(0)];
-        if (typeof o == "string") {
-          var w = this.props;
-          o.toLowerCase().trim().split(/\s+/).forEach(function(A) {
-            A === "top" && (w.vAnchor = -0), A === "middle" && (w.vAnchor = -0.5), A === "bottom" && (w.vAnchor = -1), A === "left" && (w.hAnchor = -0), A === "center" && (w.hAnchor = -0.5), A === "right" && (w.hAnchor = -1);
-          });
+      var Te = function(r) {
+        return typeof r == "function" ? r : function() {
+          return r;
+        };
+      }, ie = function() {
+        function r(t) {
+          if (function(h, p) {
+            if (!(h instanceof p)) throw new TypeError("Cannot call a class as a function");
+          }(this, r), this.props = { width: function() {
+            return 1 / 0;
+          }, height: function() {
+            return 1 / 0;
+          }, rotation: 0, vAnchor: 0, hAnchor: 0 }, t) for (var o in t) typeof this[o] == "function" && this[o](t[o]);
+          this.render = this.render.bind(this);
         }
-        return this;
-      } }, { key: "width", value: function(o) {
-        return arguments.length ? (this.props.width = oe(o), this) : this.props.width;
-      } }, { key: "height", value: function(o) {
-        return arguments.length ? (this.props.height = oe(o), this) : this.props.height;
-      } }, { key: "rotate", value: function(o) {
-        return arguments.length ? (this.props.rotation = o, this) : this.props.rotation;
-      } }, { key: "createElement", value: function(o) {
-        return arguments.length ? (this.props.createElement = o, this) : this.props.createElement || r.createElement;
-      } }, { key: "canvas", value: function(o, t) {
-        var u, d = o.getContext ? o.getContext("2d") : o;
-        return d.save(), d.rotate(this.rotate() * Math.PI / 180), d.translate.apply(d, function(p) {
-          if (Array.isArray(p))
-            return $t(p);
-        }(u = this.anchor()) || function(p) {
-          if (typeof Symbol < "u" && p[Symbol.iterator] != null || p["@@iterator"] != null)
-            return Array.from(p);
-        }(u) || function(p, b) {
-          if (p) {
-            if (typeof p == "string")
-              return $t(p, b);
-            var w = Object.prototype.toString.call(p).slice(8, -1);
-            return w === "Object" && p.constructor && (w = p.constructor.name), w === "Map" || w === "Set" ? Array.from(p) : w === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(w) ? $t(p, b) : void 0;
+        var i, l;
+        return i = r, l = [{ key: "anchor", value: function(t) {
+          var o = this.props, h = o.hAnchor, p = o.vAnchor, m = o.width, w = o.height;
+          if (!arguments.length) return [h * m(0), p * w(0)];
+          if (typeof t == "string") {
+            var b = this.props;
+            t.toLowerCase().trim().split(/\s+/).forEach(function(E) {
+              E === "top" && (b.vAnchor = -0), E === "middle" && (b.vAnchor = -0.5), E === "bottom" && (b.vAnchor = -1), E === "left" && (b.hAnchor = -0), E === "center" && (b.hAnchor = -0.5), E === "right" && (b.hAnchor = -1);
+            });
           }
-        }(u) || function() {
-          throw new TypeError(`Invalid attempt to spread non-iterable instance.
+          return this;
+        } }, { key: "width", value: function(t) {
+          return arguments.length ? (this.props.width = Te(t), this) : this.props.width;
+        } }, { key: "height", value: function(t) {
+          return arguments.length ? (this.props.height = Te(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 h, p = t.getContext ? t.getContext("2d") : t;
+          return p.save(), p.rotate(this.rotate() * Math.PI / 180), p.translate.apply(p, function(m) {
+            if (Array.isArray(m)) return ne(m);
+          }(h = this.anchor()) || function(m) {
+            if (typeof Symbol < "u" && m[Symbol.iterator] != null || m["@@iterator"] != null) return Array.from(m);
+          }(h) || function(m, w) {
+            if (m) {
+              if (typeof m == "string") return ne(m, w);
+              var b = Object.prototype.toString.call(m).slice(8, -1);
+              return b === "Object" && m.constructor && (b = m.constructor.name), b === "Map" || b === "Set" ? Array.from(m) : b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b) ? ne(m, w) : void 0;
+            }
+          }(h) || function() {
+            throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-        }()), t(d), d.restore(), d;
-      } }, { key: "render", value: function() {
-        var o = ke(arguments);
-        if (o.d3)
-          return o.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
-        if (o.ctx)
-          return this.canvas(o.ctx, o.fn);
-        if (o.text) {
-          var t = typeof o.text.render == "function" ? o.text.render() : o.text;
-          return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, t);
-        }
-      } }], a && Ke(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, o) {
-        return a + "-" + o.toLowerCase();
-      })), Dt[r];
-    }
-    function Oe(r, n) {
-      if (Array.isArray(n))
-        return n.forEach(function(a) {
-          return Oe(r, a);
+          }()), o(p), p.restore(), p;
+        } }, { key: "render", value: function() {
+          var t = _e(arguments);
+          if (t.d3) return t.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
+          if (t.ctx) return this.canvas(t.ctx, t.fn);
+          if (t.text) {
+            var o = typeof t.text.render == "function" ? t.text.render() : t.text;
+            return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, o);
+          }
+        } }], l && Ce(i.prototype, l), Object.defineProperty(i, "prototype", { writable: !1 }), r;
+      }(), Re = Object.prototype.hasOwnProperty, se = {};
+      function Ze(r) {
+        return se[r] || (se[r] = r.replace(/([a-z])([A-Z])/g, function(i, l, t) {
+          return l + "-" + t.toLowerCase();
+        })), se[r];
+      }
+      function oe(r, i) {
+        if (Array.isArray(i)) return i.forEach(function(l) {
+          return oe(r, l);
         });
-      typeof n == "string" && (n = document.createTextNode(n)), r.appendChild(n);
-    }
-    function se(r, n) {
-      if (typeof document < "u") {
-        var a = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
-        if (n && a.setAttribute)
-          for (var o in n)
-            Ce.call(n, o) && n[o] != null && a.setAttribute(o === "className" ? "class" : Ze(o), n[o]);
-        for (var t = arguments.length, u = new Array(t > 2 ? t - 2 : 0), d = 2; d < t; d++)
-          u[d - 2] = arguments[d];
-        return u != null && u.length && u.forEach(function(p) {
-          Oe(a, p);
-        }), a;
+        typeof i == "string" && (i = document.createTextNode(i)), r.appendChild(i);
       }
-    }
-    J.createElement = se, J.textparser = Et, J.defaultparser = Et, J.htmlparser = function(r) {
-      r = String(r || "").trim();
-      for (var n, a, o = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, t = [], u = [], d = function(E) {
-        for (var O in o)
-          o[O] && (E[O] = o[O]);
-        t.push(E);
-      }, p = function(E) {
-        var O = t.length, P = He[E];
-        if (O && P) {
-          for (var I = O - 1; t[I] && (t[I] instanceof lt || Be.test(t[I].value)); )
-            I--;
-          for (; P && t[I] && t[I] instanceof X; )
-            I--, P--;
-          for (; P-- > 0; )
-            t.push(new X());
+      function ae(r, i) {
+        if (typeof document < "u") {
+          var l = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
+          if (i && l.setAttribute) for (var t in i) Re.call(i, t) && i[t] != null && l.setAttribute(t === "className" ? "class" : Ze(t), i[t]);
+          for (var o = arguments.length, h = new Array(o > 2 ? o - 2 : 0), p = 2; p < o; p++) h[p - 2] = arguments[p];
+          return h != null && h.length && h.forEach(function(m) {
+            oe(l, m);
+          }), l;
         }
-      }; r.length; ) {
-        if (n = /^[^<]+/.exec(r))
-          Et(Zt(n[0]), !1).forEach(d);
-        else if (!(n = It.exec(r)))
-          if (n = Xt.exec(r))
-            u.length && (o = u.pop()), p(n[1]);
-          else if (n = Jt.exec(r)) {
-            var b = n[1];
-            p(b), u.push(o), o = Object.create(o), _t[b] && _t[b](o, "");
-            var w = Lt(n[2]);
-            b === "a" && (w.href && (o.href = w.href), w.rel && (o.rel = w.rel), w.target && (o.target = w.target)), w.class && (o.class = o.class ? o.class + " " + w.class : w.class), w.style && (a = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(w.style)) && a[1] && (o.color = a[1]), b === "br" && t.push(new X());
-          } else
-            n = [r.slice(0, 1)], d(new z(n[0]));
-        r = r.slice(n[0].length);
-      }
-      for (var A = t[t.length - 1]; A instanceof X; )
-        t.pop(), A = t[t.length - 1];
-      return t;
-    }, J.latexparser = function(r) {
-      r = String(r || "").trim();
-      var n = [0];
-      r = r.replace(/\\verb,(.*?),/, function(M, F) {
-        return n.push(F), "\\verb," + (n.length - 1) + ",";
-      }).replace(/\\\\\n/g, function() {
-        return "\\\\";
-      }).replace(qe, function(M, F, $) {
-        return $.charAt(F - 1) === "\\" ? M : Qt[M];
-      }).replace(/\n\s+/g, function(M) {
-        return /\n/.test(M.slice(1)) ? "\\par " : M;
-      }).replace(/\\symbol\{(\d+)\}/, function(M, F, $, N) {
-        return N.charAt($ - 1) === "\\" ? M : String.fromCharCode(1 * F);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(M, F, $, N) {
-        return F + $ + "{" + N + "}";
-      }).replace(/\\verb,(.*?),/, function(M, F) {
-        return "\\verb,".concat(n[+F], ",");
-      });
-      for (var a, o = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, t = [], u = [], d = function(M) {
-        for (var F in o)
-          o[F] && (M[F] = o[F]);
-        return t.push(M), M;
-      }, p = function() {
-        u.push(o), o = Object.create(o);
-      }, b = function() {
-        if (!u.length)
-          throw new Error("Unexpected }");
-        o = u.pop();
-      }, w = { tokens: t, open_context: p, close_context: b, add_token: d }; r.length; ) {
-        if (a = Ft.exec(r))
-          Et(a[0], !1).forEach(d);
-        else if (a = Ve.exec(r))
-          d(new z(a[1]));
-        else if (!(a = xe.exec(r))) {
-          if (a = /^\{/.exec(r))
-            p();
-          else if (a = /^\}/.exec(r))
-            b();
-          else if (!(a = /^\$/.exec(r)))
-            if (a = /^\\verb,([^,]+),/.exec(r))
-              d(new z(a[1]));
-            else if (a = we.exec(r)) {
-              var A = a[1].slice(1) || a[1], E = !!a[2];
-              if (/^(La)?TeX$/i.test(A)) {
-                p(), o.family = "serif";
-                var O = void 0;
-                A === "LaTeX" && ((O = d(new z("L"))).tracking = -0.25, (O = d(new z("A"))).size = 0.7, O.baseline = 0.3, O.tracking = -0.1), (O = d(new z("T"))).tracking = -0.17, (O = d(new z("E"))).baseline = -0.22, O.tracking = -0.13, O = d(new z("X")), b();
-              } else if (A in bt)
-                d(new z(bt[A])), E && p();
-              else if (A in W) {
-                var P = [], I = W[A].length - 1, B = void 0;
-                if (I) {
-                  for (E = !1, r = r.slice(a[0].length - 1); I--; ) {
-                    if (!(B = /^\{([^}]+)\}/.exec(r)))
-                      throw new Error(A + " is missing an argument");
-                    P.push(B[1]), r = r.slice(B[0].length);
+      }
+      G.createElement = ae, G.textparser = kt, G.defaultparser = kt, G.htmlparser = function(r) {
+        r = String(r || "").trim();
+        for (var i, l, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, o = [], h = [], p = function(D) {
+          for (var T in t) t[T] && (D[T] = t[T]);
+          o.push(D);
+        }, m = function(D) {
+          var T = o.length, O = Be[D];
+          if (T && O) {
+            for (var j = T - 1; o[j] && (o[j] instanceof lt || He.test(o[j].value)); ) j--;
+            for (; O && o[j] && o[j] instanceof X; ) j--, O--;
+            for (; O-- > 0; ) o.push(new X());
+          }
+        }; r.length; ) {
+          if (i = /^[^<]+/.exec(r)) kt(Zt(i[0]), !1).forEach(p);
+          else if (!(i = $t.exec(r))) if (i = Gt.exec(r)) h.length && (t = h.pop()), m(i[1]);
+          else if (i = Jt.exec(r)) {
+            var w = i[1];
+            m(w), h.push(t), t = Object.create(t), _t[w] && _t[w](t, "");
+            var b = It(i[2]);
+            w === "a" && (b.href && (t.href = b.href), b.rel && (t.rel = b.rel), b.target && (t.target = b.target)), b.class && (t.class = t.class ? t.class + " " + b.class : b.class), b.style && (l = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(b.style)) && l[1] && (t.color = l[1]), w === "br" && o.push(new X());
+          } else i = [r.slice(0, 1)], p(new M(i[0]));
+          r = r.slice(i[0].length);
+        }
+        for (var E = o[o.length - 1]; E instanceof X; ) o.pop(), E = o[o.length - 1];
+        return o;
+      }, G.latexparser = function(r) {
+        r = String(r || "").trim();
+        var i = [0];
+        r = r.replace(/\\verb,(.*?),/, function(F, P) {
+          return i.push(P), "\\verb," + (i.length - 1) + ",";
+        }).replace(/\\\\\n/g, function() {
+          return "\\\\";
+        }).replace(Ye, function(F, P, H) {
+          return H.charAt(P - 1) === "\\" ? F : Qt[F];
+        }).replace(/\n\s+/g, function(F) {
+          return /\n/.test(F.slice(1)) ? "\\par " : F;
+        }).replace(/\\symbol\{(\d+)\}/, function(F, P, H, N) {
+          return N.charAt(H - 1) === "\\" ? F : String.fromCharCode(1 * P);
+        }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(F, P, H, N) {
+          return P + H + "{" + N + "}";
+        }).replace(/\\verb,(.*?),/, function(F, P) {
+          return "\\verb,".concat(i[+P], ",");
+        });
+        for (var l, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, o = [], h = [], p = function(F) {
+          for (var P in t) t[P] && (F[P] = t[P]);
+          return o.push(F), F;
+        }, m = function() {
+          h.push(t), t = Object.create(t);
+        }, w = function() {
+          if (!h.length) throw new Error("Unexpected }");
+          t = h.pop();
+        }, b = { tokens: o, open_context: m, close_context: w, add_token: p }; r.length; ) {
+          if (l = jt.exec(r)) kt(l[0], !1).forEach(p);
+          else if (l = Ue.exec(r)) p(new M(l[1]));
+          else if (!(l = xe.exec(r))) {
+            if (l = /^\{/.exec(r)) m();
+            else if (l = /^\}/.exec(r)) w();
+            else if (!(l = /^\$/.exec(r))) if (l = /^\\verb,([^,]+),/.exec(r)) p(new M(l[1]));
+            else if (l = we.exec(r)) {
+              var E = l[1].slice(1) || l[1], D = !!l[2];
+              if (/^(La)?TeX$/i.test(E)) {
+                m(), t.family = "serif";
+                var T = void 0;
+                E === "LaTeX" && ((T = p(new M("L"))).tracking = -0.25, (T = p(new M("A"))).size = 0.7, T.baseline = 0.3, T.tracking = -0.1), (T = p(new M("T"))).tracking = -0.17, (T = p(new M("E"))).baseline = -0.22, T.tracking = -0.13, T = p(new M("X")), w();
+              } else if (E in bt) p(new M(bt[E])), D && m();
+              else if (E in q) {
+                var O = [], j = q[E].length - 1, W = void 0;
+                if (j) {
+                  for (D = !1, r = r.slice(l[0].length - 1); j--; ) {
+                    if (!(W = /^\{([^}]+)\}/.exec(r))) throw new Error(E + " is missing an argument");
+                    O.push(W[1]), r = r.slice(W[0].length);
                   }
-                  a[0] = /^\{/.exec(r) ? "{" : "", E = !!a[0];
+                  l[0] = /^\{/.exec(r) ? "{" : "", D = !!l[0];
                 }
-                E && p(), W[A].apply(w, [o].concat(P));
-              } else
-                console.warn("unknown latex command", A), d(new z(a[1])), E && p();
-            } else
-              a = [r.slice(0, 1)], d(new z(a[0]));
+                D && m(), q[E].apply(b, [t].concat(O));
+              } else console.warn("unknown latex command", E), p(new M(l[1])), D && m();
+            } else l = [r.slice(0, 1)], p(new M(l[0]));
+          }
+          r = r.slice(l[0].length);
         }
-        r = r.slice(a[0].length);
-      }
-      return t;
-    }, J.measureText = function(r, n, a) {
-      return H(r, R(n), a);
-    }, J.Token = z, J.Break = lt, J.LineBreak = X, J.SoftHyphen = ut, J.Rotator = Se, Se.createElement = se;
-    const Pe = J;
-    return i.default;
-  })());
-})(Hr);
-var vn = Hr.exports;
-const xr = /* @__PURE__ */ Mr(vn);
-function nr(h) {
-  return h.replace(/…$/, "");
+        return o;
+      }, G.measureText = function(r, i, l) {
+        return B(r, R(i), l);
+      }, G.Token = M, G.Break = lt, G.LineBreak = X, G.SoftHyphen = ut, G.Rotator = ie, ie.createElement = ae;
+      const Qe = G;
+      return n.default;
+    })());
+  }(dr)), dr.exports;
 }
-function ir(h) {
-  return h.children[0].innerHTML;
+var Dn = On();
+const Tr = /* @__PURE__ */ Ur(Dn);
+function ir(u) {
+  return u.replace(/…$/, "");
 }
-function mn(h, e) {
-  const s = mt(h), { fontSize: i, font: l, padding: c = 0 } = h.properties.style || {};
-  if (s.width === s.height && s.width === 0)
-    return;
-  const g = new xr({
-    font: `${i}px/${i}px ${l}`.replace(/(px)+/g, "px"),
+function sr(u) {
+  return u.children[0].innerHTML;
+}
+function Pn(u, e) {
+  const s = mt(u), { fontSize: n, font: a, padding: c = 0 } = u.properties.style || {};
+  if (s.width === s.height && s.width === 0) return;
+  const f = new Tr({
+    font: `${n}px/${n}px ${a}`.replace(/(px)+/g, "px"),
     width: s.width - c * 2,
     height: s.height - c * 2,
     align: "left",
@@ -2110,248 +2044,247 @@ function mn(h, e) {
     x: 0,
     overflow: "ellipsis",
     parser: "html",
-    createElement: xr.createElement
+    createElement: Tr.createElement
   });
-  g.overflowWrap("break-word");
-  const y = g.linebreak(
-    h.properties.content.replaceAll(`
+  f.overflowWrap("break-word");
+  const g = f.linebreak(
+    u.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), f = [...y.children];
-  let m = 0;
-  const v = [];
-  h.properties.content.split(`
-`).forEach((_) => {
-    let R = _;
-    for (; R.length && m < f.length; ) {
-      if (f[m].innerHTML === "&nbsp;") {
+  ).render(), d = [...g.children];
+  let v = 0;
+  const y = [];
+  u.properties.content.split(`
+`).forEach((S) => {
+    let R = S;
+    for (; R.length && v < d.length; ) {
+      if (d[v].innerHTML === "&nbsp;") {
         R.startsWith(`
-`) || v.push(m), m++;
+`) || y.push(v), v++;
         break;
       }
-      const S = nr(ir(f[m]));
-      R.startsWith(S) && (R = R.slice(S.length).trim()), m++;
-    }
-  }), v.forEach((_) => y.removeChild(f[_]));
-  const k = h.properties.content.match(/(https?:\/\/.*)/gm), C = k ? k.map((_) => _.split(" ")[0]) : [];
-  y.setAttribute("transform", `translate(${c}, ${c})`), C.forEach((_) => {
-    let R = _;
-    const S = [];
+      const C = ir(sr(d[v]));
+      R.startsWith(C) && (R = R.slice(C.length).trim()), v++;
+    }
+  }), y.forEach((S) => g.removeChild(d[S]));
+  const A = u.properties.content.match(/(https?:\/\/.*)/gm), _ = A ? A.map((S) => S.split(" ")[0]) : [];
+  g.setAttribute("transform", `translate(${c}, ${c})`), _.forEach((S) => {
+    let R = S;
+    const C = [];
     for (; R.length > 0; ) {
-      const D = f.find((T) => !!T.children[0] && T.children[0].tagName === "tspan" && R.startsWith(nr(ir(T))));
-      if (!D)
-        break;
-      S.push(D);
-      const L = nr(D.children[0].innerHTML).length;
-      if (!L)
-        break;
-      R = R.slice(L);
-    }
-    S.forEach((D) => {
-      const L = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      L.setAttribute("href", _), L.setAttribute("target", "_blank"), L.innerHTML = ir(D), D.children[0].innerHTML = "", D.children[0].appendChild(L);
+      const L = d.find(
+        (k) => !!k.children[0] && k.children[0].tagName === "tspan" && R.startsWith(ir(sr(k)))
+      );
+      if (!L) break;
+      C.push(L);
+      const I = ir(L.children[0].innerHTML).length;
+      if (!I) break;
+      R = R.slice(I);
+    }
+    C.forEach((L) => {
+      const I = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      I.setAttribute("href", S), I.setAttribute("target", "_blank"), I.innerHTML = sr(L), L.children[0].innerHTML = "", L.children[0].appendChild(I);
     });
-  }), e.appendChild(y);
+  }), e.appendChild(g);
 }
-const Ar = 20;
-class bn extends Br {
+const Rr = 20;
+class Ln extends Vr {
   constructor(e, s = {}) {
     super(
       e,
       `
-    <div class="annotation-text-handle">
-    <span class="handle line-handle top" data-handle-id="0"></span>
-    <span class="handle line-handle bottom" data-handle-id="1"></span>
-    <span class="handle line-handle left" data-handle-id="2"></span>
-    <span class="handle line-handle right" data-handle-id="3"></span>
-    <span class="handle top right point-handle top-right" data-handle-id="4"></span>
-    <span class="handle left top point-handle top-left" data-handle-id="5"></span>
-    <span class="handle bottom right point-handle bottom-right" data-handle-id="6"></span>
-    <span class="handle left bottom left-handle point-handle bottom-left" data-handle-id="7"></span>
-    <textarea wrap="on"></textarea>
+    <div class="annotation-text-handle" data-handle-id="8">
+      <span class="handle line-handle top" data-handle-id="0"></span>
+      <span class="handle line-handle bottom" data-handle-id="1"></span>
+      <span class="handle line-handle left" data-handle-id="2"></span>
+      <span class="handle line-handle right" data-handle-id="3"></span>
+      <span class="handle top right point-handle top-right" data-handle-id="4"></span>
+      <span class="handle left top point-handle top-left" data-handle-id="5"></span>
+      <span class="handle bottom right point-handle bottom-right" data-handle-id="6"></span>
+      <span class="handle left bottom left-handle point-handle bottom-left" data-handle-id="7"></span>
+      <textarea wrap="on"></textarea>
     </div>
   `
-    ), 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", () => {
+    ), x(this, "textArea"), x(this, "handleSize"), x(this, "rect", { x: 0, y: 0, width: 0, height: 0 }), x(this, "annotation", { ...nr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", V), x(this, "isFocused", !1), x(this, "placeholder", "Type your text here..."), x(this, "_onFocus", () => {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     }), x(this, "_onBlur", () => {
       this.isFocused = !1;
-    }), x(this, "startDrawing", (l, c, g = yn(l, c, 0, 0, "", Wt)) => {
-      this.add(g);
-      const y = this.ogma.view.graphToScreenCoordinates({ x: l, y: c });
-      this.select(g.id), this.startDragging(this.getById(g.id), y.x, y.y), this.draggedHandle = 6;
+    }), x(this, "startDrawing", (a, c, f = Tn(a, c, 0, 0, "", Wt)) => {
+      this.add(f);
+      const g = this.ogma.view.graphToScreenCoordinates({ x: a, y: c });
+      this.select(f.id), this.startDragging(this.getById(f.id), g.x, g.y), this.draggedHandle = 6;
     }), x(this, "cancelDrawing", () => {
-      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, g) => {
-      this.annotation = l;
-      const y = vt(this.annotation), f = mt(this.annotation);
-      this.rect.x = y.x, this.rect.y = y.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(ze, this.annotation), this.isDragging = !0;
-    }), x(this, "onHandleMouseDown", (l) => {
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...nr }, this.draggedHandle = V, this.isDragging = !1, this.emit(Ut, this.annotation));
+    }), x(this, "startDragging", (a, c, f) => {
+      this.annotation = a;
+      const g = vt(this.annotation), d = mt(this.annotation);
+      this.rect.x = g.x, this.rect.y = g.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = c, this.startY = f, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ze, this.annotation), this.isDragging = !0;
+    }), x(this, "onHandleMouseDown", (a) => {
       const c = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      if (!c)
-        return;
+      if (!c) return;
       this.selectedId !== c.id && this.select(this.hoveredId);
-      const { x: g, y } = sr(l, this.ogma.getContainer());
-      this.startDragging(c, g, y), this.draggedHandle = Lr(l.target);
-    }), x(this, "onMouseMove", (l) => {
-      requestAnimationFrame(() => this._onMouseMove(l));
-    }), x(this, "_onMouseMove", (l) => {
-      if (!this.isDragging)
-        return;
-      l.stopPropagation(), l.preventDefault();
-      const c = this.handles[this.draggedHandle], g = c.classList.contains("top"), y = c.classList.contains("left"), f = c.classList.contains("right"), m = c.classList.contains("bottom"), v = c.classList.contains("line-handle"), { x: k, y: C } = sr(
-        l,
+      const { x: f, y: g } = or(a, this.ogma.getContainer());
+      this.startDragging(c, f, g), this.draggedHandle = Nr(a.target);
+    }), x(this, "onMouseMove", (a) => {
+      requestAnimationFrame(() => this._onMouseMove(a));
+    }), x(this, "_onMouseMove", (a) => {
+      if (!this.isDragging) return;
+      a.stopPropagation(), a.preventDefault();
+      const c = this.handles[this.draggedHandle];
+      let f = c.classList.contains("top");
+      const g = c.classList.contains("left"), d = c.classList.contains("right"), v = c.classList.contains("bottom");
+      let y = c.classList.contains("line-handle");
+      !y && !f && !v && !g && !d && (f = !0, y = !0);
+      const { x: A, y: _ } = or(
+        a,
         this.ogma.getContainer()
-      ), _ = this.ogma.view.getZoom(), R = (k - this.startX) / _, S = (C - this.startY) / _, D = this.ogma.view.getAngle(), L = at({ x: R, y: S }, D);
-      (m && y || g && f) && (L.y = 0, L.x = 0);
-      const T = y || v ? this.rect.x + L.x : this.rect.x, U = g || v ? this.rect.y + L.y : this.rect.y, H = Math.max(
-        this.rect.width + R * (v || y ? 0 : 1),
-        Ar
-      ), it = Math.max(
-        this.rect.height + S * (v || g ? 0 : 1),
-        Ar
       );
-      nn(this.annotation, T, U, H, it), this.emit(Me, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      let S = this.rect.x, R = this.rect.y, C = Math.max(this.rect.width, Rr), L = Math.max(this.rect.height, Rr);
+      const I = this.ogma.view.getZoom(), k = (A - this.startX) / I, z = (_ - this.startY) / I, B = this.ogma.view.getAngle(), tt = ot({ x: k, y: z }, B), rt = ot({ x: k, y: z }, -B);
+      y ? (S = this.rect.x + tt.x, R = this.rect.y + tt.y) : g && f ? (S += tt.x, R += tt.y, C -= k, L -= z) : d && v ? (C += k, L += z) : g && v ? (S += rt.x, C -= rt.x, L += rt.y) : d && f && (R += rt.y, C += rt.x, L -= rt.y), hn(this.annotation, S, R, C, L), this.emit(Me, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     }), x(this, "onMouseUp", () => {
-      !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();
+      !this.isDragging || this.draggedHandle === V || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Ut, this.annotation), this.isDragging = !1, this.draggedHandle = V);
+    }), x(this, "_onMousedown", (a) => {
+      a.stopPropagation();
     }), x(this, "onViewChanged", () => {
-      const l = Math.max(2, this.handleSize / this.ogma.view.getZoom());
-      document.documentElement.style.setProperty("--handle-scale", `${1 / l}`);
+      const a = Math.max(2, this.handleSize / this.ogma.view.getZoom());
+      document.documentElement.style.setProperty("--handle-scale", `${1 / a}`), this.ogma.view.getAngle() === 0 ? this.editor.element.classList.remove("rotated") : this.editor.element.classList.add("rotated");
     }), x(this, "_onInput", () => {
-      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(
+      const a = this.getById(this.selectedId);
+      a && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), a.properties.content = this.textArea.value, this.emit(cr, a), this.layer.refresh());
+    }), this.showeditorOnHover = !1, this.handleSize = Sr.handleSize, this.placeholder = Sr.placeholder;
+    const n = this.textArea = this.editor.element.querySelector("textarea");
+    n.addEventListener("input", this._onInput), n.addEventListener("focus", this._onFocus), n.addEventListener("blur", this._onBlur), n.addEventListener("mousedown", this._onMousedown), n.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
-    ), this.handles.forEach(
-      (l) => l.addEventListener("mousedown", this.onHandleMouseDown)
+    ), this.handles.push(this.editor.element), this.handles.forEach(
+      (a) => a.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("mousemove", this.onMouseMove, !0), e.events.on(["viewChanged", "zoom"], this.onViewChanged);
   }
   _canRemove() {
     return !this.isFocused;
   }
-  detect({ x: e, y: s }, i = 0) {
-    const l = { x: e, y: s }, c = this.ogma.view.getAngle();
-    return this.elements.find((g) => {
-      const { x: y, y: f } = vt(g), { width: m, height: v } = mt(g), k = { x: y, y: f }, { x: C, y: _ } = at(Ct(l, k), -c);
-      return C > -i && C < m + i && _ > -i && _ < v + i;
+  detect({ x: e, y: s }, n = 0) {
+    const a = { x: e, y: s }, c = this.ogma.view.getAngle();
+    return this.elements.find((f) => {
+      const { x: g, y: d } = vt(f), { width: v, height: y } = mt(f), A = { x: g, y: d }, { x: _, y: S } = ot(Ot(a, A), -c);
+      return _ > -n && _ < v + n && S > -n && S < y + n;
     });
   }
   draw(e) {
     e.innerHTML = "";
-    const s = "", i = this.ogma.view.getAngle();
-    this.elements.forEach((c, g) => {
-      const y = `class${g}`, f = mt(c), m = vt(c), v = c.id, {
-        color: k,
-        fontSize: C,
+    const s = "", n = this.ogma.view.getAngle();
+    for (let c = 0; c < this.elements.length; c++) {
+      const f = this.elements[c], g = `class${c}`, d = mt(f), v = vt(f);
+      if (f.id === this.selectedId) continue;
+      const {
+        color: y,
+        fontSize: A,
         font: _,
-        strokeColor: R,
-        strokeWidth: S,
-        strokeType: D,
-        background: L
-      } = c.properties.style || Wt;
-      if (v === this.selectedId)
-        return;
-      const T = ce("g");
-      T.classList.add("annotation-text"), T.setAttribute("fill", `${k}`), T.setAttribute("font-size", `${C}px`), T.setAttribute("font-family", `${_}`);
-      const U = ce("rect");
-      let H = !1;
-      D && D !== "none" && (H = !0, U.setAttribute("stroke", R || "black"), U.setAttribute("stroke-width", `${S}`), D === "dashed" && U.setAttribute("stroke-dasharray", "5,5")), (L && L.length || H) && (H = !0, U.setAttribute("fill", L || "transparent")), H && (U.setAttribute("width", `${f.width}`), U.setAttribute("height", `${f.height}`)), T.appendChild(U), mn(c, T);
-      const { x: it, y: At } = at(m, -i);
-      T.setAttribute("transform", `translate(${it},${At})`), T.classList.add(y), T.setAttribute("data-annotation", `${c.id}`), T.setAttribute("data-annotation-type", "text"), e.appendChild(T);
-    });
-    const l = ce("style");
-    l.innerHTML = s, e.firstChild && e.insertBefore(l, e.firstChild);
+        strokeColor: S,
+        strokeWidth: R,
+        strokeType: C,
+        background: L,
+        borderRadius: I
+      } = f.properties.style || Wt, k = Rt("g");
+      k.classList.add("annotation-text"), k.setAttribute("fill", `${y}`), k.setAttribute("font-size", `${A}px`), k.setAttribute("font-family", `${_}`);
+      const z = Rt("rect");
+      I && (z.setAttribute("rx", `${I}`), z.setAttribute("ry", `${I}`));
+      let B = !1;
+      C && C !== "none" && (B = !0, z.setAttribute("stroke", S || "black"), z.setAttribute("stroke-width", `${R}`), C === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (L && L.length || B) && (B = !0, z.setAttribute("fill", L || "transparent")), B && (z.setAttribute("width", `${d.width}`), z.setAttribute("height", `${d.height}`)), k.appendChild(z), Pn(f, k);
+      const { x: tt, y: rt } = ot(v, -n);
+      k.setAttribute("transform", `translate(${tt},${rt})`), k.classList.add(g), k.setAttribute("data-annotation", `${f.id}`), k.setAttribute("data-annotation-type", "text"), e.appendChild(k);
+    }
+    const a = Rt("style");
+    a.innerHTML = s, e.firstChild && e.insertBefore(a, e.firstChild);
   }
   refreshDrawing() {
-    const e = this.ogma.view.getAngle();
-    [...this.layer.element.children].forEach((s) => {
-      const i = s.getAttribute("data-annotation");
-      if (!i)
-        return;
-      const l = vt(this.getById(i)), { x: c, y: g } = at(l, -e);
-      s.setAttribute("transform", `translate(${c},${g})`);
-    });
+    const e = this.ogma.view.getAngle(), s = this.layer.element.children;
+    for (let n = 0; n < s.length; n++) {
+      const a = s[n];
+      if (!a.hasAttribute("data-annotation")) continue;
+      const c = a.getAttribute("data-annotation"), f = vt(this.getById(c)), { x: g, y: d } = ot(f, -e);
+      a.setAttribute("transform", `translate(${g},${d})`);
+    }
   }
   getDefaultOptions() {
-    return rr;
+    return nr;
   }
   refreshEditor() {
-    if (+this.selectedId < 0 && +this.hoveredId < 0)
-      return;
-    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), s = mt(e), i = this.ogma.view.graphToScreenCoordinates(
+    if (+this.selectedId < 0 && +this.hoveredId < 0) return;
+    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), s = mt(e), n = this.ogma.view.graphToScreenCoordinates(
       vt(e)
-    ), l = this.ogma.view.getZoom(), {
+    ), a = this.ogma.view.getZoom(), {
       font: c,
-      fontSize: g,
-      color: y,
-      background: f,
-      padding: m = 0
-    } = e.properties.style || Wt, v = (g || 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 = `${v} ${c}`, this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${v}px`, this.textArea.style.padding = `${l * m}px`, this.textArea.style.lineHeight = `${v}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = y || "black", this.textArea.style.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+      fontSize: f,
+      color: g,
+      background: d,
+      padding: v = 0
+    } = e.properties.style || Wt, y = (f || 1) * a;
+    this.textArea.value = e.properties.content;
+    const A = this.editor.element.style;
+    A.transform = `translate(${n.x}px, ${n.y}px)translate(-50%, -50%)translate(${s.width / 2 * a}px, ${s.height / 2 * a}px)`, A.width = `${s.width * a}px`, A.height = `${s.height * a}px`;
+    const _ = this.textArea.style;
+    _.font = `${y} ${c}`, _.fontFamily = c || "sans-serif", _.fontSize = `${y}px`, _.padding = `${a * v}px`, _.lineHeight = `${y}px`, _.boxSizing = "border-box", _.color = g || "black", _.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(e) {
-    super.select(e), this.textArea.focus();
+    super.select(e), this.textArea.classList.add("noevents");
   }
   destroy() {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class wn {
+class $n {
   constructor() {
     x(this, "links", {}), x(this, "linksByTargetId", {}), x(this, "linksByArrowId", {});
   }
-  add(e, s, i, l, c) {
-    const g = Ne(), y = e.id, f = {
-      id: g,
-      arrow: y,
-      target: i,
-      targetType: l,
+  add(e, s, n, a, c) {
+    const f = Ne(), g = e.id, d = {
+      id: f,
+      arrow: g,
+      target: n,
+      targetType: a,
       connectionPoint: c,
       side: s
     };
-    return this.links[g] = f, this.linksByTargetId[i] || (this.linksByTargetId[i] = []), this.linksByTargetId[i].push(g), this.linksByArrowId[y] || (this.linksByArrowId[y] = {}), this.linksByArrowId[y][s] = g, e.properties.link = e.properties.link || {}, e.properties.link[s] = {
-      id: i,
+    return this.links[f] = d, this.linksByTargetId[n] || (this.linksByTargetId[n] = []), this.linksByTargetId[n].push(f), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][s] = f, e.properties.link = e.properties.link || {}, e.properties.link[s] = {
+      id: n,
       side: s,
-      type: l,
+      type: a,
       magnet: c
     }, this;
   }
   arrowIsLinked(e, s) {
-    var i;
-    return !!((i = this.linksByArrowId[e]) != null && i[s]);
+    var n;
+    return !!((n = this.linksByArrowId[e]) != null && n[s]);
   }
   // remove the link between the arrow and the target by arrow id and side
   remove(e, s) {
-    var i, l;
-    const c = e.id, g = (i = this.linksByArrowId[c]) == null ? void 0 : i[s];
-    if ((l = e.properties.link) == null || delete l[s], !g)
-      return this;
-    const y = this.links[g];
-    delete this.links[g];
-    const f = this.linksByTargetId[y.target];
-    for (let m = 0; m < f.length; m++)
-      if (f[m] === g) {
-        f.splice(m, 1);
+    var n, a;
+    const c = e.id, f = (n = this.linksByArrowId[c]) == null ? void 0 : n[s];
+    if ((a = e.properties.link) == null || delete a[s], !f) return this;
+    const g = this.links[f];
+    delete this.links[f];
+    const d = this.linksByTargetId[g.target];
+    for (let v = 0; v < d.length; v++)
+      if (d[v] === f) {
+        d.splice(v, 1);
         break;
       }
     return delete this.linksByArrowId[c][s], this;
   }
   getArrowLink(e, s) {
-    var i;
-    const l = (i = this.linksByArrowId[e]) == null ? void 0 : i[s];
-    return l ? this.links[l] : null;
+    var n;
+    const a = (n = this.linksByArrowId[e]) == null ? void 0 : n[s];
+    return a ? this.links[a] : null;
   }
   getTargetLinks(e, s) {
-    var i;
-    return ((i = this.linksByTargetId[e]) == null ? void 0 : i.map((l) => this.links[l]).filter((l) => l.targetType === s)) ?? [];
+    var n;
+    return ((n = this.linksByTargetId[e]) == null ? void 0 : n.map((a) => this.links[a]).filter((a) => a.targetType === s)) ?? [];
   }
   forEach(e) {
     Object.values(this.links).forEach(e);
   }
 }
-const st = (h) => h.properties.type === "arrow", yt = (h) => h.properties.type === "text", Er = (h) => h.type === "FeatureCollection", xn = {
+const at = (u) => u.properties.type === "arrow", yt = (u) => u.properties.type === "text", Or = (u) => u.type === "FeatureCollection", In = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2361,7 +2294,7 @@ const st = (h) => h.properties.type === "arrow", yt = (h) => h.properties.type =
   textHandleSize: 3.5,
   minArrowHeight: 20,
   maxArrowHeight: 30
-}, _r = ["start", "end"], kr = [
+}, Dr = ["start", "end"], Pr = [
   { x: 0, y: 0 },
   { x: 0.5, y: 0 },
   { x: 1, y: 0 },
@@ -2371,129 +2304,124 @@ const st = (h) => h.properties.type === "arrow", yt = (h) => h.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class An extends Nr {
+class jn extends Yr {
   constructor(e, s = {}) {
-    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new wn()), 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 l = this.ogma.view.getZoom();
-      kr.forEach((c) => {
-        if (!this.textToMagnet)
-          return;
-        const g = mt(this.textToMagnet), y = vt(this.textToMagnet), f = je(c, { x: g.width, y: g.height }), m = at(f, this.ogma.view.getAngle()), { x: v, y: k } = Ht(m, y);
-        i.moveTo(v, k), i.arc(v, k, this.options.magnetHandleRadius / l, 0, Math.PI * 2);
-      }), i.fill(), i.closePath();
-    }), x(this, "_onFeatureDrag", (i, l) => {
-      const c = l;
-      if (st(i) && c === "line")
-        ["start", "end"].find((g) => {
-          const y = g === "start" ? de(i) : $e(i);
-          return this._snapToText(i, c, y) || this._findAndSnapToNode(i, g, y);
+    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new $n()), x(this, "layer"), x(this, "annotations"), x(this, "ogma"), x(this, "options"), x(this, "selected", null), x(this, "updateTimeout", 0), x(this, "hoveredNode", null), x(this, "dragged", null), x(this, "textToMagnet"), x(this, "activeLinks", []), x(this, "_render", (n) => {
+      if (!this.dragged || this.textToMagnet === void 0) return;
+      n.beginPath(), n.fillStyle = "green";
+      const a = this.ogma.view.getZoom();
+      Pr.forEach((c) => {
+        if (!this.textToMagnet) return;
+        const f = mt(this.textToMagnet), g = vt(this.textToMagnet), d = Ie(c, { x: f.width, y: f.height }), v = ot(d, this.ogma.view.getAngle()), { x: y, y: A } = Bt(v, g);
+        n.moveTo(y, A), n.arc(y, A, this.options.magnetHandleRadius / a, 0, Math.PI * 2);
+      }), n.fill(), n.closePath();
+    }), x(this, "_onFeatureDrag", (n, a) => {
+      const c = a;
+      if (at(n) && c === "line")
+        ["start", "end"].find((f) => {
+          const g = f === "start" ? de(n) : je(n);
+          return this._snapToText(n, c, g) || this._findAndSnapToNode(n, f, g);
         });
-      else if (st(i) && c !== "line") {
-        const g = c === "start" ? de(i) : $e(i);
-        this._snapToText(i, c, g) || this._findAndSnapToNode(i, c, g);
-      } else
-        yt(i) && (this.activeLinks.forEach(({ arrow: g, side: y, connectionPoint: f }) => {
-          const m = this.getAnnotation(g), v = mt(i), k = vt(i), C = je(f, { x: v.width, y: v.height }), _ = at(C, this.ogma.view.getAngle()), R = Ht(_, k);
-          m.geometry.coordinates[y === "start" ? 0 : 1] = [R.x, R.y];
-        }), this.activeLinks.length && this.arrows.refreshLayer());
-      this.layer.refresh(), this.emit(Me, i, l);
-    }), x(this, "_onFeatureDragEnd", (i) => {
-      this.dragged !== null && st(i) && de(this.dragged) && _r.forEach((l) => {
-        this.links.getArrowLink(i.id, l) && this.emit(dn, {
-          arrow: i,
-          link: this.links.getArrowLink(i.id, l)
+      else if (at(n) && c !== "line") {
+        const f = c === "start" ? de(n) : je(n);
+        this._snapToText(n, c, f) || this._findAndSnapToNode(n, c, f);
+      } else yt(n) && (this.activeLinks.forEach(({ arrow: f, side: g, connectionPoint: d }) => {
+        const v = this.getAnnotation(f), y = mt(n), A = vt(n), _ = Ie(d, { x: y.width, y: y.height }), S = ot(_, this.ogma.view.getAngle()), R = Bt(S, A);
+        v.geometry.coordinates[g === "start" ? 0 : 1] = [R.x, R.y];
+      }), this.activeLinks.length && this.arrows.refreshLayer());
+      this.layer.refresh(), this.emit(Me, n, a);
+    }), x(this, "_onFeatureDragEnd", (n) => {
+      this.dragged !== null && at(n) && de(this.dragged) && Dr.forEach((a) => {
+        this.links.getArrowLink(n.id, a) && this.emit(kn, {
+          arrow: n,
+          link: this.links.getArrowLink(n.id, a)
         });
-      }), (yt(i) || st(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, st(i) ? this.dragged = i : yt(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(ze, i);
+      }), (yt(n) || at(n)) && this.onUpdate(n), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((a) => a.enableDetection()), this.layer.refresh(), this.emit(Ut, n);
+    }), x(this, "_onFeatureDragStart", (n) => {
+      this.textToMagnet = void 0, at(n) ? this.dragged = n : yt(n) && this.activeLinks.push(...this.links.getTargetLinks(n.id, "text")), this.annotations.forEach((a) => {
+        const c = a.getSelectedFeature();
+        c && c !== n && a.unhover().unselect(), a.disableDetection();
+      }), this.emit(ze, n);
     }), x(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
-    }), x(this, "_onNodesDrag", (i) => {
-      const { dx: l, dy: c } = i;
-      this._moveNodes(i.nodes, l, c);
-    }), x(this, "_onLayoutEnd", (i) => {
-      i.ids.forEach((l, c) => {
-        this.links.getTargetLinks(l, "node").forEach((g) => {
-          const y = this.getAnnotation(g.arrow), f = g.side, m = Le(
-            y,
-            f === "start" ? "end" : "start"
-          ), v = i.positions.current[c], k = this.ogma.getNode(l).getAttribute("radius"), C = Fe(m, v, +k);
-          Bt(y, f, C.x, C.y);
+    }), x(this, "_onNodesDrag", (n) => {
+      const { dx: a, dy: c } = n;
+      this._moveNodes(n.nodes, a, c);
+    }), x(this, "_onLayoutEnd", (n) => {
+      n.ids.forEach((a, c) => {
+        this.links.getTargetLinks(a, "node").forEach((f) => {
+          const g = this.getAnnotation(f.arrow), d = f.side, v = Le(
+            g,
+            d === "start" ? "end" : "start"
+          ), y = n.positions.current[c], A = this.ogma.getNode(a).getAttribute("radius"), _ = $e(v, y, +A);
+          Ht(g, d, _.x, _.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
-    }), x(this, "_onAdded", (i) => {
-      this.emit(hr, i);
-    }), x(this, "_onRemoved", (i) => {
-      this.emit(ur, i);
-    }), x(this, "_onUnselect", (i) => {
-      this.selected = null, this.emit(lr, i);
-    }), x(this, "_onSelect", (i) => {
-      this.selected !== i && (this.selected = i, this.emit(ar, this.selected));
-    }), x(this, "onUpdate", (i) => {
+    }), x(this, "_onAdded", (n) => {
+      this.emit(hr, n);
+    }), x(this, "_onRemoved", (n) => {
+      this.emit(ur, n);
+    }), x(this, "_onUnselect", (n) => {
+      this.selected = null, this.emit(lr, n);
+    }), x(this, "_onSelect", (n) => {
+      this.selected !== n && (this.selected = n, this.emit(ar, this.selected));
+    }), x(this, "onUpdate", (n) => {
       cancelAnimationFrame(this.updateTimeout), this.updateTimeout = requestAnimationFrame(
-        () => this._onUpdate(i)
+        () => this._onUpdate(n)
       );
-    }), x(this, "_onUpdate", (i) => {
-      this.emit(cr, i);
-    }), this.options = this.setOptions({ ...xn, ...s }), this.ogma = e, this.arrows = new pn(e, this.options), this.texts = new bn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((i) => {
-      i.on(ze, this._onFeatureDragStart).on(Me, this._onFeatureDrag).on(Vt, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
+    }), x(this, "_onUpdate", (n) => {
+      this.emit(cr, n);
+    }), this.options = this.setOptions({ ...In, ...s }), this.ogma = e, this.arrows = new Cn(e, this.options), this.texts = new Ln(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((n) => {
+      n.on(ze, this._onFeatureDragStart).on(Me, this._onFeatureDrag).on(Ut, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = e.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
-  _moveNodes(e, s, i) {
-    e.forEach((l) => {
-      const c = this.links.getTargetLinks(l.getId(), "node"), g = l.getPosition();
-      c.forEach((y) => {
-        const f = this.getAnnotation(y.arrow), m = y.side, v = Le(
-          f,
-          m === "start" ? "end" : "start"
+  _moveNodes(e, s, n) {
+    e.forEach((a) => {
+      const c = this.links.getTargetLinks(a.getId(), "node"), f = a.getPosition();
+      c.forEach((g) => {
+        const d = this.getAnnotation(g.arrow), v = g.side, y = Le(
+          d,
+          v === "start" ? "end" : "start"
         );
-        let k = g;
-        const C = +l.getAttribute("radius"), _ = 1e-6;
-        (y.connectionPoint.x - (g.x - s) > _ || y.connectionPoint.y - (g.y - i) > _) && (k = Fe(v, g, C)), Bt(f, m, k.x, k.y);
+        let A = f;
+        const _ = +a.getAttribute("radius"), S = 1e-6;
+        (g.connectionPoint.x - (f.x - s) > S || g.connectionPoint.y - (f.y - n) > S) && (A = $e(y, f, _)), Ht(d, v, A.x, A.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(e, s, i) {
-    const l = this.texts.detect(i, this.options.detectMargin);
-    if (this.links.remove(e, s), !l)
-      return !1;
-    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 g = this.ogma.view.graphToScreenCoordinates(i), y = this.ogma.view.getElementAt(g);
-    this.links.remove(e, s), y && y.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = y, y.setSelected(!0), this._snapToNode(e, s, y, g)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
-  }
-  _snapToNode(e, s, i, l) {
-    const c = i.getPositionOnScreen(), g = +i.getAttribute("radius"), y = g * this.ogma.view.getZoom(), f = l.x - c.x, m = l.y - c.y, v = Math.sqrt(f * f + m * m), k = i.getPosition();
-    if (v < y + this.options.detectMargin) {
-      let C = k;
-      if (v > y / 2) {
-        const _ = Le(e, s === "end" ? "start" : "end");
-        C = Fe(_, C, g);
-      }
-      Bt(e, s, C.x, C.y), this.links.add(e, s, i.getId(), "node", C);
+  _snapToText(e, s, n) {
+    const a = this.texts.detect(n, this.options.detectMargin);
+    if (this.links.remove(e, s), !a) return !1;
+    this.textToMagnet = a;
+    const c = this.findMagnetPoint(Pr, a, n);
+    return c ? (Ht(e, s, c.point.x, c.point.y), this.links.add(e, s, a.id, "text", c.magnet), !0) : !1;
+  }
+  _findAndSnapToNode(e, s, n) {
+    var a, c;
+    const f = this.ogma.view.graphToScreenCoordinates(n), g = this.ogma.view.getElementAt(f);
+    this.links.remove(e, s), g && g.isNode ? ((a = this.hoveredNode) == null || a.setSelected(!1), this.hoveredNode = g, g.setSelected(!0), this._snapToNode(e, s, g, f)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
+  }
+  _snapToNode(e, s, n, a) {
+    const c = n.getPositionOnScreen(), f = +n.getAttribute("radius"), g = f * this.ogma.view.getZoom(), d = a.x - c.x, v = a.y - c.y, y = Math.sqrt(d * d + v * v), A = n.getPosition();
+    if (y < g + this.options.detectMargin) {
+      let _ = A;
+      if (y > g / 2) {
+        const S = Le(e, s === "end" ? "start" : "end");
+        _ = $e(S, _, f);
+      }
+      Ht(e, s, _.x, _.y), this.links.add(e, s, n.getId(), "node", _);
     }
   }
   refreshTextLinks() {
     let e = !1;
     this.links.forEach(
-      ({ connectionPoint: s, targetType: i, target: l, arrow: c, side: g }) => {
-        if (i !== "text")
-          return;
+      ({ connectionPoint: s, targetType: n, target: a, arrow: c, side: f }) => {
+        if (n !== "text") return;
         e = !0;
-        const y = this.getAnnotation(l), f = this.getAnnotation(c), m = mt(y), v = vt(y), k = je(s, { x: m.width, y: m.height }), C = at(k, this.ogma.view.getAngle()), _ = Ht(C, v);
-        Bt(f, g, _.x, _.y);
+        const g = this.getAnnotation(a), d = this.getAnnotation(c), v = mt(g), y = vt(g), A = Ie(s, { x: v.width, y: v.height }), _ = ot(A, this.ogma.view.getAngle()), S = Bt(_, y);
+        Ht(d, f, S.x, S.y);
       }
     ), e && this.arrows.refreshLayer();
   }
@@ -2503,24 +2431,24 @@ class An extends Nr {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(e, s, i) {
-    let l;
+  findMagnetPoint(e, s, n) {
+    let a;
     for (const c of e) {
-      const g = mt(s), y = vt(s), f = je(c, { x: g.width, y: g.height }), m = at(f, this.ogma.view.getAngle()), v = Ht(m, y), k = Ut(Ct(v, i)), C = Math.min(
+      const f = mt(s), g = vt(s), d = Ie(c, { x: f.width, y: f.height }), v = ot(d, this.ogma.view.getAngle()), y = Bt(v, g), A = qt(Ot(y, n)), _ = Math.min(
         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 (k < Math.max(C, this.options.magnetHandleRadius)) {
-        l = {
-          point: v,
+      if (A < Math.max(_, this.options.magnetHandleRadius)) {
+        a = {
+          point: y,
           magnet: c
         };
         break;
       }
     }
-    return l;
+    return a;
   }
   /**
    * Set the options for the controller
@@ -2538,31 +2466,32 @@ class An extends Nr {
    * @param id the id of the annotation to select
    */
   select(e) {
-    const s = this.getAnnotations().features.find((i) => i.id === e);
-    return s ? (st(s) ? this.arrows.select(s.id) : yt(s) && this.texts.select(s.id), this) : this;
+    const s = this.getAnnotations().features.find((n) => n.id === e);
+    return s ? (at(s) ? this.arrows.select(s.id) : yt(s) && this.texts.select(s.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
    */
   unselect() {
-    return this.selected ? (st(this.selected) ? this.arrows.unselect() : yt(this.selected) && this.texts.unselect(), this) : this;
+    return this.selected ? (at(this.selected) ? this.arrows.unselect() : yt(this.selected) && this.texts.unselect(), this) : this;
   }
   /**
    * Add an annotation to the controller
    * @param annotation The annotation to add
    */
   add(e) {
-    if (Er(e)) {
-      const [s, i] = e.features.reduce(
-        (l, c) => (st(c) ? l[1].push(c) : yt(c) && l[0].push(c), l),
+    if (Or(e)) {
+      const [s, n] = e.features.reduce(
+        (a, c) => (at(c) ? a[1].push(c) : yt(c) && a[0].push(c), a),
         [[], []]
       );
-      return s.forEach((l) => this.add(l)), i.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
+      return s.forEach((a) => this.add(a)), n.forEach((a) => this.add(a)), this.arrows.refreshLayer(), this;
     }
     switch (e.properties.type) {
       case "text":
         this.texts.add(e);
         break;
+      // more to follow
       default:
         this.arrows.add(e), this.loadLink(e);
         break;
@@ -2574,29 +2503,27 @@ class An extends Nr {
    * @param annotation The annotation(s) to remove
    */
   remove(e) {
-    return Er(e) ? (e.features.forEach(
+    return Or(e) ? (e.features.forEach(
       (s) => this.remove(s)
-    ), this) : (st(e) ? (this.links.remove(e, "start"), this.links.remove(e, "end"), this.arrows.remove(e.id)) : this.texts.remove(e.id), this);
+    ), this) : (at(e) ? (this.links.remove(e, "start"), this.links.remove(e, "end"), this.arrows.remove(e.id)) : this.texts.remove(e.id), this);
   }
   loadLink(e) {
     if (e.properties.link)
-      for (const s of _r) {
-        const i = e.properties.link[s];
-        if (!i)
-          continue;
-        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, s, i.id, i.type, i.magnet);
-          const g = c.getPosition(), y = c.getAttribute("radius") || 0, f = Le(
+      for (const s of Dr) {
+        const n = e.properties.link[s];
+        if (!n) continue;
+        const a = this.getAnnotation(n.id);
+        if (n.type === "text" && a)
+          this.links.add(e, s, n.id, n.type, n.magnet);
+        else if (n.type === "node") {
+          const c = this.ogma.getNode(n.id);
+          if (!c) continue;
+          this.links.add(e, s, n.id, n.type, n.magnet);
+          const f = c.getPosition(), g = c.getAttribute("radius") || 0, d = Le(
             e,
             s === "start" ? "end" : "start"
-          ), m = Fe(f, g, +y);
-          Bt(e, s, m.x, m.y);
+          ), v = $e(d, f, +g);
+          Ht(e, s, v.x, v.y);
         }
       }
   }
@@ -2606,8 +2533,8 @@ class An extends Nr {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(e, s, i) {
-    this.cancelDrawing(), this.arrows.startDrawing(e, s, i);
+  startArrow(e, s, n) {
+    this.cancelDrawing(), this.arrows.startDrawing(e, s, n);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -2615,14 +2542,14 @@ class An extends Nr {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(e, s, i) {
-    this.cancelDrawing(), this.texts.startDrawing(e, s, i);
+  startText(e, s, n) {
+    this.cancelDrawing(), this.texts.startDrawing(e, s, n);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(cn);
+    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(An);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2630,12 +2557,12 @@ class An extends Nr {
    * @param style The new style
    */
   updateStyle(e, s) {
-    const i = this.getAnnotations().features.find((l) => l.id === e);
-    return i ? (st(i) ? this.arrows.updateStyle(i, s) : yt(i) && this.texts.updateStyle(i, s), this.onUpdate(i), this) : this;
+    const n = this.getAnnotations().features.find((a) => a.id === e);
+    return n ? (at(n) ? this.arrows.updateStyle(n, s) : yt(n) && this.texts.updateStyle(n, s), this.onUpdate(n), this) : this;
   }
-  setScale(e, s, i, l) {
-    const c = this.getAnnotations().features.find((g) => g.id === e);
-    return c ? (st(c) ? this.arrows.scale(c, s, i, l) : yt(c) && this.texts.scale(c, s, i, l), this.onUpdate(c), this) : this;
+  setScale(e, s, n, a) {
+    const c = this.getAnnotations().features.find((f) => f.id === e);
+    return c ? (at(c) ? this.arrows.scale(c, s, n, a) : yt(c) && this.texts.scale(c, s, n, a), this.onUpdate(c), this) : this;
   }
   /**
    *
@@ -2665,7 +2592,7 @@ class An extends Nr {
     this.annotations.forEach((e) => e.destroy()), this.layer.destroy();
   }
 }
-const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Ur = "#333333", Pn = [
+const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333", Wn = [
   "#FFFFFF",
   "#F44E3B",
   "#FE9200",
@@ -2678,7 +2605,7 @@ const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Ur = "#333333",
   "#333333",
   "#808080",
   "#cccccc"
-], Rn = [
+], Un = [
   "Roboto",
   "Helvetica Neue",
   "Helvetica",
@@ -2690,120 +2617,119 @@ const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Ur = "#333333",
   "Consolas",
   "Courier New",
   "monospace"
-].sort((h, e) => h.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), En = {
+].sort((u, e) => u.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), Fn = {
   head: "arrow",
-  strokeColor: Ur,
+  strokeColor: Xr,
   strokeWidth: 5
-}, _n = 0.25, kn = {
+}, Mn = 0.25, zn = {
   font: "Roboto",
-  fontSize: Tr[2],
-  padding: Tr[2] * _n,
-  color: Ur,
-  strokeType: Sr,
-  background: Sr
+  fontSize: Lr[2],
+  padding: Lr[2] * Mn,
+  color: Xr,
+  strokeType: $r,
+  background: $r
 };
-function Tn(h) {
-  return h.reduce((e, s) => e + s, 0) / h.length;
+function Nn(u) {
+  return u.reduce((e, s) => e + s, 0) / u.length;
 }
-function In(h, e = 0, s = 1) {
-  return e + (s - e) * h;
+function Yn(u, e = 0, s = 1) {
+  return e + (s - e) * u;
 }
-function Ln(h, e = 0, s = 1) {
-  return (h - e) / (s - e);
+function Vn(u, e = 0, s = 1) {
+  return (u - e) / (s - e);
 }
-function Fn() {
-  return Or(null);
+function Xn() {
+  return jr(null);
 }
-const Wr = Or(
+const Gr = jr(
   void 0
-), jn = () => qr(Wr), Sn = (h, e) => {
+), Gn = () => Kr(Gr), Hn = (u, e) => {
   switch (e.type) {
     case "add":
       return {
-        ...h,
-        features: [...h.features, e.payload]
+        ...u,
+        features: [...u.features, e.payload]
       };
     case "remove":
       return {
-        ...h,
-        features: h.features.filter((s) => s.id !== e.payload.id)
+        ...u,
+        features: u.features.filter((s) => s.id !== e.payload.id)
       };
     case "update":
       return {
-        ...h,
-        features: h.features.map(
+        ...u,
+        features: u.features.map(
           (s) => s.id === e.payload.id ? e.payload : s
         )
       };
     default:
-      return h;
+      return u;
   }
-}, $n = ({ children: h }) => {
-  const e = Gr(), [s, i] = Yr(Sn, {
+}, Jn = ({ children: u }) => {
+  const e = Qr(), [s, n] = Zr(Hn, {
     type: "FeatureCollection",
     features: []
-  }), [l, c] = Nt(null), [g, y] = Nt(En), [f, m] = Nt(kn), [v, k] = Nt(), [C, _] = Nt(1), [R, S] = Nt(1);
-  return er(() => {
-    if (!e)
-      return;
-    const D = new An(e, {
+  }), [a, c] = Nt(null), [f, g] = Nt(Fn), [d, v] = Nt(zn), [y, A] = Nt(), [_, S] = Nt(1), [R, C] = Nt(1);
+  return rr(() => {
+    if (!e) return;
+    const L = new jn(e, {
       minArrowHeight: 1
-    }), L = Tn(e.getNodes().getAttribute("radius")) / 5, T = C;
-    return y({
-      ...g,
-      strokeWidth: (g.strokeWidth || 1) * T
-    }), _(T), S(L), D.on("select", (U) => {
-      st(U) ? y({
-        ...U.properties.style || {}
-      }) : yt(U) && m({
-        ...U.properties.style || {}
-      }), c(U);
+    }), I = Nn(e.getNodes().getAttribute("radius")) / 5, k = _;
+    return g({
+      ...f,
+      strokeWidth: (f.strokeWidth || 1) * k
+    }), S(k), C(I), L.on("select", (z) => {
+      at(z) ? g({
+        ...z.properties.style || {}
+      }) : yt(z) && v({
+        ...z.properties.style || {}
+      }), c(z);
     }).on("unselect", () => {
       c(null);
-    }), k(D), () => {
-      v == null || v.destroy();
+    }), A(L), () => {
+      y == null || y.destroy();
     };
-  }, [e]), er(() => {
-    v && l && (l == null ? void 0 : l.properties.type) === "arrow" && v.updateStyle(l.id, g);
-  }, [v, g, l]), er(() => {
-    v && l && (l == null ? void 0 : l.properties.type) === "text" && v.updateStyle(l.id, f);
-  }, [v, f, l]), /* @__PURE__ */ Kr.jsx(
-    Wr.Provider,
+  }, [e]), rr(() => {
+    y && a && (a == null ? void 0 : a.properties.type) === "arrow" && y.updateStyle(a.id, f);
+  }, [y, f, a]), rr(() => {
+    y && a && (a == null ? void 0 : a.properties.type) === "text" && y.updateStyle(a.id, d);
+  }, [y, d, a]), /* @__PURE__ */ nn.jsx(
+    Gr.Provider,
     {
       value: {
         annotations: s,
-        updateAnnotations: i,
-        currentAnnotation: l,
+        updateAnnotations: n,
+        currentAnnotation: a,
         setCurrentAnnotation: c,
-        textStyle: f,
-        setTextStyle: m,
-        arrowStyle: g,
-        setArrowStyle: y,
-        arrowWidthFactor: C,
-        setArrowWidthFactor: _,
+        textStyle: d,
+        setTextStyle: v,
+        arrowStyle: f,
+        setArrowStyle: g,
+        arrowWidthFactor: _,
+        setArrowWidthFactor: S,
         textSizeFactor: R,
-        setTextSizeFactor: S,
-        editor: v,
-        setEditor: k
+        setTextSizeFactor: C,
+        editor: y,
+        setEditor: A
       },
-      children: h
+      children: u
     }
   );
 };
 export {
-  Wr as AnnotationsContext,
-  $n as AnnotationsContextProvider,
-  Ur as BLACK,
-  _n as RELATIVE_PADDING,
-  Sr as TRANSPARENT,
-  Fn as createAnnotationsContext,
-  En as defaultArrowStyle,
-  Pn as defaultColors,
-  kn as defaultTextStyle,
-  Tr as fontSizes,
-  Rn as fonts,
-  In as interpolate,
-  Tn as mean,
-  Ln as normalize,
-  jn as useAnnotationsContext
+  Gr as AnnotationsContext,
+  Jn as AnnotationsContextProvider,
+  Xr as BLACK,
+  Mn as RELATIVE_PADDING,
+  $r as TRANSPARENT,
+  Xn as createAnnotationsContext,
+  Fn as defaultArrowStyle,
+  Wn as defaultColors,
+  zn as defaultTextStyle,
+  Lr as fontSizes,
+  Un as fonts,
+  Yn as interpolate,
+  Nn as mean,
+  Vn as normalize,
+  Gn as useAnnotationsContext
 };