@linkurious/ogma-annotations-react 1.1.23 → 1.1.24

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import Ir, { createContext as jr, useContext as Kr, useReducer as Zr, useState as Nt, useEffect as rr } from "react";
+import $r, { createContext as jr, useContext as Kr, useReducer as Zr, useState as Nt, useEffect as nr } from "react";
 import { useOgma as Qr } from "@linkurious/ogma-react";
 var Pe = { exports: {} }, he = {};
 /**
@@ -14,15 +14,15 @@ var fr;
 function tn() {
   if (fr) return he;
   fr = 1;
-  var u = Ir, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function 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) && !h.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: l.current };
-  }
-  return he.Fragment = o, he.jsx = f, he.jsxs = f, he;
+  var u = $r, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(g, f, v) {
+    var y, A = {}, k = null, S = null;
+    v !== void 0 && (k = "" + v), f.key !== void 0 && (k = "" + f.key), f.ref !== void 0 && (S = f.ref);
+    for (y in f) n.call(f, y) && !h.hasOwnProperty(y) && (A[y] = f[y]);
+    if (g && g.defaultProps) for (y in f = g.defaultProps, f) A[y] === void 0 && (A[y] = f[y]);
+    return { $$typeof: e, type: g, key: k, ref: S, props: A, _owner: l.current };
+  }
+  return he.Fragment = o, he.jsx = d, he.jsxs = d, he;
 }
 var ce = {};
 /**
@@ -37,15 +37,15 @@ var ce = {};
 var gr;
 function en() {
   return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
-    var u = Ir, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), R = Symbol.iterator, C = "@@iterator";
+    var u = $r, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), R = Symbol.iterator, C = "@@iterator";
     function L(t) {
       if (t === null || typeof t != "object")
         return null;
       var s = R && t[R] || t[C];
       return typeof s == "function" ? s : null;
     }
-    var I = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(t) {
+    var $ = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(t) {
       {
         for (var s = arguments.length, c = new Array(s > 1 ? s - 1 : 0), p = 1; p < s; p++)
           c[p - 1] = arguments[p];
@@ -54,7 +54,7 @@ function en() {
     }
     function z(t, s, c) {
       {
-        var p = I.ReactDebugCurrentFrame, m = p.getStackAddendum();
+        var p = $.ReactDebugCurrentFrame, m = p.getStackAddendum();
         m !== "" && (s += "%s", c = c.concat([m]));
         var w = c.map(function(b) {
           return String(b);
@@ -65,7 +65,7 @@ function en() {
     var B = !1, tt = !1, rt = !1, Yt = !1, Vt = !1, ge;
     ge = Symbol.for("react.module.reference");
     function Dt(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === n || t === h || Vt || t === l || t === v || t === y || Yt || t === S || B || tt || rt || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === A || t.$$typeof === f || t.$$typeof === g || t.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === n || t === h || Vt || t === l || t === v || t === y || Yt || t === S || B || tt || rt || typeof t == "object" && t !== null && (t.$$typeof === k || t.$$typeof === A || t.$$typeof === d || t.$$typeof === g || t.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -84,7 +84,7 @@ function en() {
     function it(t) {
       if (t == null)
         return null;
-      if (typeof t.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+      if (typeof t.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
@@ -107,15 +107,15 @@ function en() {
           case g:
             var s = t;
             return pe(s) + ".Consumer";
-          case f:
+          case d:
             var c = t;
             return pe(c._context) + ".Provider";
-          case d:
+          case f:
             return Pt(t, t.render, "ForwardRef");
           case A:
             var p = t.displayName || null;
             return p !== null ? p : it(t.type) || "Memo";
-          case _: {
+          case k: {
             var m = t, w = m._payload, b = m._init;
             try {
               return it(b(w));
@@ -153,7 +153,7 @@ function en() {
         lt++;
       }
     }
-    function He() {
+    function Be() {
       {
         if (lt--, lt === 0) {
           var t = {
@@ -185,11 +185,11 @@ function en() {
             })
           });
         }
-        lt < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        lt < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Gt = I.ReactCurrentDispatcher, Jt;
-    function $t(t, s, c) {
+    var Gt = $.ReactCurrentDispatcher, Jt;
+    function It(t, s, c) {
       {
         if (Jt === void 0)
           try {
@@ -204,8 +204,8 @@ function en() {
     }
     var Kt = !1, _t;
     {
-      var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      _t = new Be();
+      var qe = typeof WeakMap == "function" ? WeakMap : Map;
+      _t = new qe();
     }
     function Zt(t, s) {
       if (!t || Kt)
@@ -273,56 +273,56 @@ function en() {
             }
         }
       } finally {
-        Kt = !1, Gt.current = w, He(), Error.prepareStackTrace = m;
+        Kt = !1, Gt.current = w, Be(), Error.prepareStackTrace = m;
       }
-      var W = t ? t.displayName || t.name : "", F = W ? $t(W) : "";
+      var W = t ? t.displayName || t.name : "", F = W ? It(W) : "";
       return typeof t == "function" && _t.set(t, F), F;
     }
-    function qe(t, s, c) {
+    function We(t, s, c) {
       return Zt(t, !1);
     }
-    function We(t) {
+    function Ue(t) {
       var s = t.prototype;
       return !!(s && s.isReactComponent);
     }
-    function It(t, s, c) {
+    function $t(t, s, c) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Zt(t, We(t));
+        return Zt(t, Ue(t));
       if (typeof t == "string")
-        return $t(t);
+        return It(t);
       switch (t) {
         case v:
-          return $t("Suspense");
+          return It("Suspense");
         case y:
-          return $t("SuspenseList");
+          return It("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case d:
-            return qe(t.render);
+          case f:
+            return We(t.render);
           case A:
-            return It(t.type, s, c);
-          case _: {
+            return $t(t.type, s, c);
+          case k: {
             var p = t, m = p._payload, w = p._init;
             try {
-              return It(w(m), s, c);
+              return $t(w(m), s, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var bt = Object.prototype.hasOwnProperty, we = {}, xe = I.ReactDebugCurrentFrame;
+    var bt = Object.prototype.hasOwnProperty, we = {}, xe = $.ReactDebugCurrentFrame;
     function jt(t) {
       if (t) {
-        var s = t._owner, c = It(t.type, t._source, s ? s.type : null);
+        var s = t._owner, c = $t(t.type, t._source, s ? s.type : null);
         xe.setExtraStackFrame(c);
       } else
         xe.setExtraStackFrame(null);
     }
-    function Ue(t, s, c, p, m) {
+    function Ye(t, s, c, p, m) {
       {
         var w = Function.call.bind(bt);
         for (var b in t)
@@ -337,13 +337,13 @@ function en() {
             } catch (T) {
               E = T;
             }
-            E && !(E instanceof Error) && (jt(m), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", c, b, typeof E), jt(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, jt(m), k("Failed %s type: %s", c, E.message), jt(null));
+            E && !(E instanceof Error) && (jt(m), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", c, b, typeof E), jt(null)), E instanceof Error && !(E.message in we) && (we[E.message] = !0, jt(m), _("Failed %s type: %s", c, E.message), jt(null));
           }
       }
     }
-    var Ye = Array.isArray;
+    var Ve = Array.isArray;
     function Qt(t) {
-      return Ye(t);
+      return Ve(t);
     }
     function q(t) {
       {
@@ -351,7 +351,7 @@ function en() {
         return c;
       }
     }
-    function Ve(t) {
+    function Xe(t) {
       try {
         return Ee(t), !1;
       } catch {
@@ -362,16 +362,16 @@ function en() {
       return "" + t;
     }
     function te(t) {
-      if (Ve(t))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", q(t)), Ee(t);
+      if (Xe(t))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", q(t)), Ee(t);
     }
-    var ct = I.ReactCurrentOwner, Ae = {
+    var ct = $.ReactCurrentOwner, Ae = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ft, ke;
-    function Xe(t) {
+    function Ge(t) {
       if (bt.call(t, "ref")) {
         var s = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (s && s.isReactWarning)
@@ -387,13 +387,13 @@ function en() {
       }
       return t.key !== void 0;
     }
-    function Ge(t, s) {
+    function Je(t, s) {
       typeof t.ref == "string" && ct.current;
     }
-    function Je(t, s) {
+    function Ke(t, s) {
       {
         var c = 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)", s));
+          Ft || (Ft = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
         c.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: c,
@@ -401,10 +401,10 @@ function en() {
         });
       }
     }
-    function Ke(t, s) {
+    function Ze(t, s) {
       {
         var c = 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)", s));
+          ke || (ke = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
         c.isReactWarning = !0, Object.defineProperty(t, "ref", {
           get: c,
@@ -444,7 +444,7 @@ function en() {
     function _e(t, s, c, p, m) {
       {
         var w, b = {}, E = null, D = null;
-        c !== void 0 && (te(c), E = "" + c), ee(s) && (te(s.key), E = "" + s.key), Xe(s) && (D = s.ref, Ge(s, m));
+        c !== void 0 && (te(c), E = "" + c), ee(s) && (te(s.key), E = "" + s.key), Ge(s) && (D = s.ref, Je(s, m));
         for (w in s)
           bt.call(s, w) && !Ae.hasOwnProperty(w) && (b[w] = s[w]);
         if (t && t.defaultProps) {
@@ -454,15 +454,15 @@ function en() {
         }
         if (E || D) {
           var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          E && Je(b, O), D && Ke(b, O);
+          E && Ke(b, O), D && Ze(b, O);
         }
         return re(t, E, D, m, p, ct.current, b);
       }
     }
-    var dt = I.ReactCurrentOwner, Se = I.ReactDebugCurrentFrame;
+    var dt = $.ReactCurrentOwner, Se = $.ReactDebugCurrentFrame;
     function wt(t) {
       if (t) {
-        var s = t._owner, c = It(t.type, t._source, s ? s.type : null);
+        var s = t._owner, c = $t(t.type, t._source, s ? s.type : null);
         Se.setExtraStackFrame(c);
       } else
         Se.setExtraStackFrame(null);
@@ -510,7 +510,7 @@ Check the top-level render call using <` + c + ">.");
           return;
         Ce[c] = !0;
         var p = "";
-        t && t._owner && t._owner !== dt.current && (p = " It was passed a child from " + it(t._owner.type) + "."), wt(t), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), wt(null);
+        t && t._owner && t._owner !== dt.current && (p = " It was passed a child from " + it(t._owner.type) + "."), wt(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), wt(null);
       }
     }
     function Re(t, s) {
@@ -540,7 +540,7 @@ Check the top-level render call using <` + c + ">.");
         var c;
         if (typeof s == "function")
           c = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === d || // Note: Memo only checks outer props here.
+        else if (typeof s == "object" && (s.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         s.$$typeof === A))
           c = s.propTypes;
@@ -548,25 +548,25 @@ Check the top-level render call using <` + c + ">.");
           return;
         if (c) {
           var p = it(s);
-          Ue(c, t.props, "prop", p, t);
+          Ye(c, t.props, "prop", p, t);
         } else if (s.PropTypes !== void 0 && !St) {
           St = !0;
           var m = it(s);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ze(t) {
+    function Qe(t) {
       {
         for (var s = Object.keys(t.props), c = 0; c < s.length; c++) {
           var p = s[c];
           if (p !== "children" && p !== "key") {
-            wt(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), wt(null);
+            wt(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), wt(null);
             break;
           }
         }
-        t.ref !== null && (wt(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), wt(null));
+        t.ref !== null && (wt(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), wt(null));
       }
     }
     var se = {};
@@ -579,7 +579,7 @@ Check the top-level render call using <` + c + ">.");
           var D = ne();
           D ? E += D : E += xt();
           var T;
-          t === null ? T = "null" : Qt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (it(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, E);
+          t === null ? T = "null" : Qt(t) ? T = "array" : t !== void 0 && t.$$typeof === e ? (T = "<" + (it(t.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : T = typeof t, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, E);
         }
         var O = _e(t, s, c, m, w);
         if (O == null)
@@ -593,7 +593,7 @@ Check the top-level render call using <` + c + ">.");
                   Re(j[W], t);
                 Object.freeze && Object.freeze(j);
               } else
-                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Re(j, t);
         }
@@ -603,7 +603,7 @@ Check the top-level render call using <` + c + ">.");
           }), H = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!se[F + H]) {
             var N = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            k(`A props object containing a "key" prop is being spread into JSX:
+            _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -611,16 +611,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, H, F, N, F), se[F + H] = !0;
           }
         }
-        return t === n ? Ze(O) : oe(O), O;
+        return t === n ? Qe(O) : oe(O), O;
       }
     }
-    function Qe(t, s, c) {
+    function tr(t, s, c) {
       return ae(t, s, c, !0);
     }
     function r(t, s, c) {
       return ae(t, s, c, !1);
     }
-    var i = r, a = Qe;
+    var i = r, a = tr;
     ce.Fragment = n, ce.jsx = i, ce.jsxs = a;
   }()), ce;
 }
@@ -629,7 +629,7 @@ function rn() {
   return pr || (pr = 1, process.env.NODE_ENV === "production" ? Pe.exports = tn() : Pe.exports = en()), Pe.exports;
 }
 var nn = rn(), on = Object.defineProperty, sn = (u, e, o) => e in u ? on(u, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : u[e] = o, x = (u, e, o) => sn(u, typeof e != "symbol" ? e + "" : e, o);
-let Ne = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
+let He = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
 const fe = {
   strokeType: "plain",
   strokeColor: "#202020",
@@ -663,7 +663,7 @@ const fe = {
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
 }, an = (u = 0, e = 0, o = 0, n = 0, l = { ...fe }) => ({
-  id: Ne(),
+  id: He(),
   type: "Feature",
   properties: {
     type: "arrow",
@@ -746,21 +746,21 @@ function dn(u, e, o, n) {
     if (cn(h))
       h[0] = o + (h[0] - o) * e, h[1] = n + (h[1] - n) * e;
     else
-      for (let f = 0; f < h.length; f++) {
-        const g = h[f];
+      for (let d = 0; d < h.length; d++) {
+        const g = h[d];
         g[0] = o + (g[0] - o) * e, g[1] = n + (g[1] - n) * e;
       }
   }
   return u;
 }
-function $e(u, e, o) {
+function Ie(u, e, o) {
   const n = Math.atan2(u.y - e.y, u.x - e.x);
   return {
     x: e.x + o * Math.cos(n),
     y: e.y + o * Math.sin(n)
   };
 }
-function sr(u, e) {
+function Me(u, e) {
   if (!e) return { x: u.clientX, y: u.clientY };
   const o = e.getBoundingClientRect();
   return {
@@ -786,7 +786,7 @@ const Ot = (u, e) => ({
 }), qr = (u, e) => ({
   x: u.x * e,
   y: u.y * e
-}), Ie = (u, e) => ({
+}), $e = (u, e) => ({
   x: u.x * e.x,
   y: u.y * e.y
 }), st = (u, e) => {
@@ -801,27 +801,27 @@ const Ot = (u, e) => ({
 }), vr = (u, e) => u.x * e.x + u.y * e.y, gn = 0.5;
 function Wr(u, e = 5, o = 30) {
   var n;
-  const { start: l, end: h } = Fe(u), f = Ot(h, l), g = u.properties.style && u.properties.style.strokeWidth ? (n = u.properties.style) == null ? void 0 : n.strokeWidth : 0;
-  return Math.min(o, Math.max(3 * g, qt(f) * 0.01, e));
+  const { start: l, end: h } = Fe(u), d = Ot(h, l), g = u.properties.style && u.properties.style.strokeWidth ? (n = u.properties.style) == null ? void 0 : n.strokeWidth : 0;
+  return Math.min(o, Math.max(3 * g, qt(d) * 0.01, e));
 }
 function mr(u, e, o, n) {
   const l = qr(Hr(Br(e)), n);
   if (!o || o !== "arrow" && o !== "arrow-plain") return "";
-  const h = Bt(u, st(l, Math.PI / 10)), f = Bt(u, st(l, -Math.PI / 10)), g = `${u.x} ${u.y}`;
-  return `M ${h.x} ${h.y} L ${g} ${f.x} ${f.y} ${o === "arrow" ? "" : `${h.x} ${h.y}`}`;
+  const h = Bt(u, st(l, Math.PI / 10)), d = Bt(u, st(l, -Math.PI / 10)), g = `${u.x} ${u.y}`;
+  return `M ${h.x} ${h.y} L ${g} ${d.x} ${d.y} ${o === "arrow" ? "" : `${h.x} ${h.y}`}`;
 }
 function pn(u, e, o, n, l) {
-  const { start: h, end: f } = Fe(u), {
+  const { start: h, end: d } = Fe(u), {
     tail: g,
-    head: d,
+    head: f,
     strokeColor: v,
     strokeWidth: y = 0
-  } = u.properties.style || o, A = Ot(f, h), _ = Wr(u, n, l), S = Rt("g"), R = Rt("path");
+  } = u.properties.style || o, A = Ot(d, h), k = Wr(u, n, l), S = Rt("g"), R = Rt("path");
   S.setAttribute("data-annotation", `${u.id}`), S.setAttribute("data-annotation-type", "arrow");
-  const C = d === "arrow-plain" || g === "arrow", L = v || "none";
+  const C = f === "arrow-plain" || g === "arrow", L = v || "none";
   R.setAttribute("stroke", L), R.setAttribute("stroke-width", `${y}`), R.setAttribute("fill", C ? v || "" : "none"), R.setAttribute("stroke-linecap", "round"), R.setAttribute("stroke-linejoin", "round");
-  const I = mr(h, Hr(A), g, _), k = mr(f, A, d, _), z = I + `M ${h.x} ${h.y} ${f.x} ${f.y}` + k;
-  R.setAttribute("d", z), S.appendChild(R), br(S, h, L, g, y), br(S, f, L, d, y), e.appendChild(S);
+  const $ = mr(h, Hr(A), g, k), _ = mr(d, A, f, k), z = $ + `M ${h.x} ${h.y} ${d.x} ${d.y}` + _;
+  R.setAttribute("d", z), S.appendChild(R), br(S, h, L, g, y), br(S, d, L, f, y), e.appendChild(S);
 }
 function br(u, e, o, n, l) {
   n === "halo-dot" && wr(
@@ -839,7 +839,7 @@ function wr(u, e, o, n, l) {
   const h = Rt("circle");
   h.setAttribute("cx", `${e.x}`), h.setAttribute("cy", `${e.y}`), h.setAttribute("r", `${l}`), h.setAttribute("fill-opacity", `${n}`), h.setAttribute("fill", o), u.appendChild(h);
 }
-const V = -1, Me = "dragging", ze = "dragstart", Ut = "dragend", ar = "select", lr = "unselect", vn = "hover", mn = "unhover", ur = "remove", hr = "add", bn = "cancelDrawing", cr = "update", wn = "link";
+const V = -1, ze = "dragging", Ne = "dragstart", Ut = "dragend", ar = "select", lr = "unselect", vn = "hover", mn = "unhover", ur = "remove", hr = "add", bn = "cancelDrawing", cr = "update", wn = "link";
 function Ur(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
@@ -850,43 +850,43 @@ function xn() {
     function n() {
     }
     Object.create && (n.prototype = /* @__PURE__ */ Object.create(null), new n().__proto__ || (o = !1));
-    function l(d, v, y) {
-      this.fn = d, this.context = v, this.once = y || !1;
+    function l(f, v, y) {
+      this.fn = f, this.context = v, this.once = y || !1;
     }
-    function h(d, v, y, A, _) {
+    function h(f, v, y, A, k) {
       if (typeof y != "function")
         throw new TypeError("The listener must be a function");
-      var S = new l(y, A || d, _), R = o ? o + v : v;
-      return d._events[R] ? d._events[R].fn ? d._events[R] = [d._events[R], S] : d._events[R].push(S) : (d._events[R] = S, d._eventsCount++), d;
+      var S = new l(y, A || f, k), R = o ? o + v : v;
+      return f._events[R] ? f._events[R].fn ? f._events[R] = [f._events[R], S] : f._events[R].push(S) : (f._events[R] = S, f._eventsCount++), f;
     }
-    function f(d, v) {
-      --d._eventsCount === 0 ? d._events = new n() : delete d._events[v];
+    function d(f, v) {
+      --f._eventsCount === 0 ? f._events = new n() : delete f._events[v];
     }
     function g() {
       this._events = new n(), this._eventsCount = 0;
     }
     g.prototype.eventNames = function() {
-      var d = [], v, y;
-      if (this._eventsCount === 0) return d;
+      var f = [], v, y;
+      if (this._eventsCount === 0) return f;
       for (y in v = this._events)
-        e.call(v, y) && d.push(o ? y.slice(1) : y);
-      return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(v)) : d;
-    }, g.prototype.listeners = function(d) {
-      var v = o ? o + d : d, y = this._events[v];
+        e.call(v, y) && f.push(o ? y.slice(1) : y);
+      return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(v)) : f;
+    }, g.prototype.listeners = function(f) {
+      var v = o ? o + f : f, y = this._events[v];
       if (!y) return [];
       if (y.fn) return [y.fn];
-      for (var A = 0, _ = y.length, S = new Array(_); A < _; A++)
+      for (var A = 0, k = y.length, S = new Array(k); A < k; A++)
         S[A] = y[A].fn;
       return S;
-    }, g.prototype.listenerCount = function(d) {
-      var v = o ? o + d : d, y = this._events[v];
+    }, g.prototype.listenerCount = function(f) {
+      var v = o ? o + f : f, y = this._events[v];
       return y ? y.fn ? 1 : y.length : 0;
-    }, g.prototype.emit = function(d, v, y, A, _, S) {
-      var R = o ? o + d : d;
+    }, g.prototype.emit = function(f, v, y, A, k, S) {
+      var R = o ? o + f : f;
       if (!this._events[R]) return !1;
-      var C = this._events[R], L = arguments.length, I, k;
+      var C = this._events[R], L = arguments.length, $, _;
       if (C.fn) {
-        switch (C.once && this.removeListener(d, C.fn, void 0, !0), L) {
+        switch (C.once && this.removeListener(f, C.fn, void 0, !0), L) {
           case 1:
             return C.fn.call(C.context), !0;
           case 2:
@@ -896,57 +896,57 @@ function xn() {
           case 4:
             return C.fn.call(C.context, v, y, A), !0;
           case 5:
-            return C.fn.call(C.context, v, y, A, _), !0;
+            return C.fn.call(C.context, v, y, A, k), !0;
           case 6:
-            return C.fn.call(C.context, v, y, A, _, S), !0;
+            return C.fn.call(C.context, v, y, A, k, S), !0;
         }
-        for (k = 1, I = new Array(L - 1); k < L; k++)
-          I[k - 1] = arguments[k];
-        C.fn.apply(C.context, I);
+        for (_ = 1, $ = new Array(L - 1); _ < L; _++)
+          $[_ - 1] = arguments[_];
+        C.fn.apply(C.context, $);
       } else {
         var z = C.length, B;
-        for (k = 0; k < z; k++)
-          switch (C[k].once && this.removeListener(d, C[k].fn, void 0, !0), L) {
+        for (_ = 0; _ < z; _++)
+          switch (C[_].once && this.removeListener(f, C[_].fn, void 0, !0), L) {
             case 1:
-              C[k].fn.call(C[k].context);
+              C[_].fn.call(C[_].context);
               break;
             case 2:
-              C[k].fn.call(C[k].context, v);
+              C[_].fn.call(C[_].context, v);
               break;
             case 3:
-              C[k].fn.call(C[k].context, v, y);
+              C[_].fn.call(C[_].context, v, y);
               break;
             case 4:
-              C[k].fn.call(C[k].context, v, y, A);
+              C[_].fn.call(C[_].context, v, y, A);
               break;
             default:
-              if (!I) for (B = 1, I = new Array(L - 1); B < L; B++)
-                I[B - 1] = arguments[B];
-              C[k].fn.apply(C[k].context, I);
+              if (!$) for (B = 1, $ = new Array(L - 1); B < L; B++)
+                $[B - 1] = arguments[B];
+              C[_].fn.apply(C[_].context, $);
           }
       }
       return !0;
-    }, g.prototype.on = function(d, v, y) {
-      return h(this, d, v, y, !1);
-    }, g.prototype.once = function(d, v, y) {
-      return h(this, d, v, y, !0);
-    }, g.prototype.removeListener = function(d, v, y, A) {
-      var _ = o ? o + d : d;
-      if (!this._events[_]) return this;
+    }, g.prototype.on = function(f, v, y) {
+      return h(this, f, v, y, !1);
+    }, g.prototype.once = function(f, v, y) {
+      return h(this, f, v, y, !0);
+    }, g.prototype.removeListener = function(f, v, y, A) {
+      var k = o ? o + f : f;
+      if (!this._events[k]) return this;
       if (!v)
-        return f(this, _), this;
-      var S = this._events[_];
+        return d(this, k), this;
+      var S = this._events[k];
       if (S.fn)
-        S.fn === v && (!A || S.once) && (!y || S.context === y) && f(this, _);
+        S.fn === v && (!A || S.once) && (!y || S.context === y) && d(this, k);
       else {
         for (var R = 0, C = [], L = S.length; R < L; R++)
           (S[R].fn !== v || A && !S[R].once || y && S[R].context !== y) && C.push(S[R]);
-        C.length ? this._events[_] = C.length === 1 ? C[0] : C : f(this, _);
+        C.length ? this._events[k] = C.length === 1 ? C[0] : C : d(this, k);
       }
       return this;
-    }, g.prototype.removeAllListeners = function(d) {
+    }, g.prototype.removeAllListeners = function(f) {
       var v;
-      return d ? (v = o ? o + d : d, this._events[v] && f(this, v)) : (this._events = new n(), this._eventsCount = 0), this;
+      return f ? (v = o ? o + f : f, this._events[v] && d(this, v)) : (this._events = new n(), this._eventsCount = 0), this;
     }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = o, g.EventEmitter = g, u.exports = g;
   }(xr)), xr.exports;
 }
@@ -977,7 +977,7 @@ class Vr extends Yr {
    */
   add(e) {
     const o = this.getDefaultOptions(), n = Object.assign(e, {
-      id: e.id === void 0 ? Ne() : e.id,
+      id: e.id === void 0 ? He() : e.id,
       type: e.type,
       properties: {
         ...o.properties,
@@ -1145,23 +1145,23 @@ class An extends Vr {
     ), 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 l = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!l) return;
-      const { x: h, y: f } = sr(n, this.ogma.getContainer());
-      this.startDragging(l, h, f), this.draggedHandle = Nr(n.target);
+      const { x: h, y: d } = Me(n, this.ogma.getContainer());
+      this.startDragging(l, h, d), this.draggedHandle = Nr(n.target);
     }), x(this, "onMouseUp", () => {
       this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V, this.emit(Ut, this.arrow));
     }), x(this, "onMouseMove", (n) => {
       if (!this.isDragging || this.draggedHandle === V) return;
-      const l = this.handles[this.draggedHandle], h = this.ogma.view.getAngle(), { x: f, y: g } = st(
+      const { x: l, y: h } = Me(n, this.ogma.getContainer()), d = this.handles[this.draggedHandle], g = this.ogma.view.getAngle(), { x: f, y: v } = st(
         fn(
-          { x: n.x - this.startX, y: n.y - this.startY },
+          { x: l - this.startX, y: h - this.startY },
           this.ogma.view.getZoom()
         ),
-        h
-      ), d = l.id === Ar, v = l.id === kr, y = l.id === _r;
-      (d || v) && Mr(this.arrow, this.start.x + f, this.start.y + g), (d || y) && zr(this.arrow, this.end.x + f, this.end.y + g), this.emit(
-        Me,
+        g
+      ), y = d.id === Ar, A = d.id === kr, k = d.id === _r;
+      (y || A) && Mr(this.arrow, this.start.x + f, this.start.y + v), (y || k) && zr(this.arrow, this.end.x + f, this.end.y + v), this.emit(
+        ze,
         this.arrow,
-        d ? "line" : v ? "start" : "end"
+        y ? "line" : A ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
     }), this.minArrowHeight = o.minArrowHeight || 0, this.maxArrowHeight = o.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".arrow-handle>.handle")
@@ -1178,42 +1178,42 @@ class An extends Vr {
   startDrawing(e, o, n = an(e, o, e, o, fe)) {
     var l;
     this.disableDragging(), this.add(n), this.hoveredId = n.id;
-    const h = this.ogma.view.graphToScreenCoordinates({ x: e, y: o }), f = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
+    const h = this.ogma.view.graphToScreenCoordinates({ x: e, y: o }), d = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
     this.startDragging(
       this.getById(n.id),
-      h.x + (f == null ? void 0 : f.left),
-      h.y + f.top
+      h.x + (d == null ? void 0 : d.left),
+      h.y + d.top
     ), this.draggedHandle = 2;
   }
   cancelDrawing() {
     this.isDragging && (this.remove(this.arrow.id), this.emit(Ut, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V);
   }
   startDragging(e, o, n) {
-    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = o, this.startY = n, this.start = de(this.arrow), this.end = je(this.arrow), this.disableDragging(), this.emit(ze, this.arrow), this.isDragging = !0;
+    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = o, this.startY = n, this.start = de(this.arrow), this.end = je(this.arrow), this.disableDragging(), this.emit(Ne, this.arrow), this.isDragging = !0;
   }
   detect(e, o = 0) {
     return this.elements.find((n) => {
-      const { start: l, end: h } = Fe(n), f = Ot(e, {
+      const { start: l, end: h } = Fe(n), d = Ot(e, {
         x: (l.x + h.x) / 2,
         y: (l.y + h.y) / 2
-      }), g = Ot(h, l), d = qt(g), v = Br(g), y = Wr(n);
-      return Math.abs(vr(v, f)) < d / 2 + o && Math.abs(vr(st(v, Math.PI / 2), f)) < y / 2 + o;
+      }), g = Ot(h, l), f = qt(g), v = Br(g), y = Wr(n);
+      return Math.abs(vr(v, d)) < f / 2 + o && Math.abs(vr(st(v, Math.PI / 2), d)) < y / 2 + o;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const e = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), o = Fe(e), n = this.ogma.view.graphToScreenCoordinates(o.start), l = this.ogma.view.graphToScreenCoordinates(o.end), [h, f, g] = Array.prototype.slice.call(
+    const e = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), o = Fe(e), n = this.ogma.view.graphToScreenCoordinates(o.start), l = this.ogma.view.graphToScreenCoordinates(o.end), [h, d, g] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    f.style.transform = `translate(${n.x}px, ${n.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
-    const d = {
+    d.style.transform = `translate(${n.x}px, ${n.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
+    const f = {
       x: (l.x + n.x) / 2,
       y: (l.y + n.y) / 2
     }, v = Ot(l, n), y = qr(v, 1 / qt(v)), A = Math.atan2(y.y, y.x);
-    h.style.width = `${qt(v)}px`, h.style.left = `${d.x}px`, h.style.top = `${d.y}px`, h.style.transform = `translate(-50%, -50%) rotate(${A}rad)`;
+    h.style.width = `${qt(v)}px`, h.style.left = `${f.x}px`, h.style.top = `${f.y}px`, h.style.transform = `translate(-50%, -50%) rotate(${A}rad)`;
   }
   getDefaultOptions() {
     return yr;
@@ -1245,7 +1245,7 @@ const Wt = {
   borderRadius: 8,
   padding: 16,
   strokeType: "plain"
-}, nr = {
+}, ir = {
   id: 0,
   type: "Feature",
   properties: {
@@ -1271,7 +1271,7 @@ const Wt = {
   handleSize: 3.5,
   placeholder: "Your text..."
 }, kn = (u = 0, e = 0, o = 100, n = 50, l = "", h = { ...Wt }) => ({
-  id: Ne(),
+  id: He(),
   type: "Feature",
   properties: {
     type: "text",
@@ -1307,20 +1307,20 @@ function Sn() {
           return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
         }, l(r);
       }
-      o.d(n, { default: () => Qe });
-      var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, f = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, d = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+      o.d(n, { default: () => tr });
+      var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, d = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
       function A(r) {
         var i = "", a = this;
         return a.style && a.style !== "normal" && (i += a.style), a.variant && a.variant !== "normal" && (i += (i ? " " : "") + a.variant), a.weight && a.weight !== "normal" && (i += (i ? " " : "") + a.weight), a.size && (i += (i ? " " : "") + a.size + "px", a.height !== a.size && (i += "/" + a.height + "px")), a.family && (i += (i ? " " : "") + a.family), r && (i += "::" + a.baseline), r && (i += "::" + a.color), i;
       }
-      var _ = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
+      var k = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: A, valueOf: A };
       function S(r) {
         var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = h.exec(r);
         i.family = (a[6] || "").trim();
         var t = y[a[2]] || parseFloat(a[2]);
         a[3] === "%" ? t *= 0.16 : a[3] === "em" ? t *= 16 : a[3] === "pt" && (t *= v), i.size = t;
         var s = parseFloat(a[4]);
-        if (s !== "normal" && s !== "inherit" && s ? a[5] && a[5] !== "em" ? a[5] === "pt" ? i.height = s * v : a[5] === "%" ? i.height = 0.01 * t : i.height = s : i.height = s * t : i.height = Math.round(t * (7 / 6)), f.test(a[1]) && (i.variant = "small-caps"), g.test(a[1]) && (i.style = "italic"), d.test(a[1])) i.weight = "bold";
+        if (s !== "normal" && s !== "inherit" && s ? a[5] && a[5] !== "em" ? a[5] === "pt" ? i.height = s * v : a[5] === "%" ? i.height = 0.01 * t : i.height = s : i.height = s * t : i.height = Math.round(t * (7 / 6)), d.test(a[1]) && (i.variant = "small-caps"), g.test(a[1]) && (i.style = "italic"), f.test(a[1])) i.weight = "bold";
         else {
           var c = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
           c >= 100 && c !== 400 && (i.weight = c);
@@ -1337,11 +1337,11 @@ function Sn() {
           r = T.family, p = T.size, c = T.height, b = T.variant, w = T.style, m = T.weight;
         } else l(t) === "object" && (r = t.family, p = t.size, c = t.height, b = t.variant, m = t.weight, w = t.style, i = t.baseline, a = t.color);
         s.size && s.size < 3 && (p *= s.size), c = c !== "normal" && c ? parseFloat(c) : p * (7 / 6), s.height && s.height < 3 && (c *= s.height);
-        var O = Object.create(_);
+        var O = Object.create(k);
         return O.family = s.family || r || "sans-serif", O.height = c ?? 14, O.size = p ?? 12, O.variant = s.variant || b || "", O.style = s.style || w || "", O.weight = s.weight || m || "", O.baseline = i || 0, s.baseline != null && (O.baseline = s.baseline), O.color = s.color || a || "", O.id = A.call(O, !0), O;
       }
       const C = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
-      var L, I = function(r) {
+      var L, $ = function(r) {
         var i = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || r && r.createElement("canvas");
         if (i && i.getContext) {
           var a = i.getContext("2d");
@@ -1355,15 +1355,15 @@ function Sn() {
           L[i] = a, /\bmonospace\b/.test(a.family) ? a.size *= 0.6 : (a.size *= 0.45, a.weight && (a.size *= 1.18));
         }
         return r.length * L[i].size;
-      }), k = {}, z = { trim: !0, collapse: !0 };
+      }), _ = {}, z = { trim: !0, collapse: !0 };
       function B(r, i, a) {
         var t = Object.assign({}, z, a), s = String(r);
         if (!s) return 0;
         if (s in C) {
           var c = i.id + "/" + s;
-          return c in k || (k[c] = I("_".concat(s, "_"), i) - I("__", i)), k[c];
+          return c in _ || (_[c] = $("_".concat(s, "_"), i) - $("__", i)), _[c];
         }
-        return t.trim && t.collapse ? t.trim ? s = s.trim() : t.collapse && (s = s.replace(/\s+/g, " ")) : s = s.replace(/\n/g, " "), I(s, i) + i.size * (r.tracking || 0);
+        return t.trim && t.collapse ? t.trim ? s = s.trim() : t.collapse && (s = s.replace(/\s+/g, " ")) : s = s.replace(/\n/g, " "), $(s, i) + i.size * (r.tracking || 0);
       }
       function tt(r) {
         return tt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
@@ -1485,7 +1485,7 @@ function Sn() {
         return s.push(new M(r.slice(p))), s;
       }
       const be = { nbsp: " ", iexcl: "¡", cent: "¢", pound: "£", curren: "¤", yen: "¥", brvbar: "¦", sect: "§", uml: "¨", copy: "©", ordf: "ª", laquo: "«", not: "¬", shy: "­", reg: "®", macr: "¯", deg: "°", plusmn: "±", sup2: "²", sup3: "³", acute: "´", micro: "µ", para: "¶", middot: "·", cedil: "¸", sup1: "¹", ordm: "º", raquo: "»", frac14: "¼", frac12: "½", frac34: "¾", iquest: "¿", Agrave: "À", Aacute: "Á", Acirc: "Â", Atilde: "Ã", Auml: "Ä", Aring: "Å", AElig: "Æ", Ccedil: "Ç", Egrave: "È", Eacute: "É", Ecirc: "Ê", Euml: "Ë", Igrave: "Ì", Iacute: "Í", Icirc: "Î", Iuml: "Ï", ETH: "Ð", Ntilde: "Ñ", Ograve: "Ò", Oacute: "Ó", Ocirc: "Ô", Otilde: "Õ", Ouml: "Ö", times: "×", Oslash: "Ø", Ugrave: "Ù", Uacute: "Ú", Ucirc: "Û", Uuml: "Ü", Yacute: "Ý", THORN: "Þ", szlig: "ß", agrave: "à", aacute: "á", acirc: "â", atilde: "ã", auml: "ä", aring: "å", aelig: "æ", ccedil: "ç", egrave: "è", eacute: "é", ecirc: "ê", euml: "ë", igrave: "ì", iacute: "í", icirc: "î", iuml: "ï", eth: "ð", ntilde: "ñ", ograve: "ò", oacute: "ó", ocirc: "ô", otilde: "õ", ouml: "ö", divide: "÷", oslash: "ø", ugrave: "ù", uacute: "ú", ucirc: "û", uuml: "ü", yacute: "ý", thorn: "þ", yuml: "ÿ", fnof: "ƒ", Alpha: "Α", Beta: "Β", Gamma: "Γ", Delta: "Δ", Epsilon: "Ε", Zeta: "Ζ", Eta: "Η", Theta: "Θ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Xi: "Ξ", Omicron: "Ο", Pi: "Π", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Upsilon: "Υ", Phi: "Φ", Chi: "Χ", Psi: "Ψ", Omega: "Ω", alpha: "α", beta: "β", gamma: "γ", delta: "δ", epsilon: "ε", zeta: "ζ", eta: "η", theta: "θ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", xi: "ξ", omicron: "ο", pi: "π", rho: "ρ", sigmaf: "ς", sigma: "σ", tau: "τ", upsilon: "υ", phi: "φ", chi: "χ", psi: "ψ", omega: "ω", thetasym: "ϑ", upsih: "ϒ", piv: "ϖ", bull: "•", hellip: "…", prime: "′", Prime: "″", oline: "‾", frasl: "⁄", weierp: "℘", image: "ℑ", real: "ℜ", trade: "™", alefsym: "ℵ", larr: "←", uarr: "↑", rarr: "→", darr: "↓", harr: "↔", crarr: "↵", lArr: "⇐", uArr: "⇑", rArr: "⇒", dArr: "⇓", hArr: "⇔", forall: "∀", part: "∂", exist: "∃", empty: "∅", nabla: "∇", isin: "∈", notin: "∉", ni: "∋", prod: "∏", sum: "∑", minus: "−", lowast: "∗", radic: "√", prop: "∝", infin: "∞", ang: "∠", and: "⊥", or: "⊦", cap: "∩", cup: "∪", int: "∫", there4: "∴", sim: "∼", cong: "≅", asymp: "≈", ne: "≠", equiv: "≡", le: "≤", ge: "≥", sub: "⊂", sup: "⊃", nsub: "⊄", sube: "⊆", supe: "⊇", oplus: "⊕", otimes: "⊗", perp: "⊥", sdot: "⋅", lceil: "⌈", rceil: "⌉", lfloor: "⌊", rfloor: "⌋", lang: "〈", rang: "〉", loz: "◊", spades: "♠", clubs: "♣", hearts: "♥", diams: "♦", quot: '"', amp: "&", lt: "<", gt: ">", OElig: "Œ", oelig: "œ", Scaron: "Š", scaron: "š", Yuml: "Ÿ", circ: "ˆ", tilde: "˜", ensp: " ", emsp: " ", thinsp: " ", zwnj: "‌", zwj: "‍", lrm: "‎", rlm: "‏", ndash: "–", mdash: "—", lsquo: "‘", rsquo: "’", sbquo: "‚", ldquo: "“", rdquo: "”", bdquo: "„", dagger: "†", Dagger: "‡", permil: "‰", lsaquo: "‹", rsaquo: "›" };
-      var He = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Gt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, $t = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
+      var Be = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Gt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Jt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, It = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, _t = { b: function(r) {
         r.weight = "bold";
       }, strong: function(r) {
         r.weight = "bold";
@@ -1511,7 +1511,7 @@ function Sn() {
         r.sub = !0;
       }, sup: function(r) {
         r.sup = !0;
-      } }, Be = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
+      } }, qe = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
       function Zt(r) {
         return r.replace(Kt, function(i, a, t, s) {
           if (a || t) {
@@ -1521,16 +1521,16 @@ function Sn() {
           return s in be ? be[s] : i;
         });
       }
-      function qe(r) {
+      function We(r) {
         return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
       }
-      var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-      function It(r) {
+      var Ue = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+      function $t(r) {
         var i, a = {};
         if (r) {
           do
-            if (i = We.exec(r)) {
-              var t = Zt(qe(i[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+            if (i = Ue.exec(r)) {
+              var t = Zt(We(i[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
               if (a[i[1]] = t, (r = r.slice(i[0].length)).length && /^\S/.test(r[0])) throw new Error("Attribute error");
             }
           while (i && r.length);
@@ -1539,7 +1539,7 @@ function Sn() {
         return a;
       }
       const bt = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
-      var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ue = /^\\([&{}$%#_])/, Ye = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, q = { bf: function(r) {
+      var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, jt = /^[^#$%&~_^\\{}]+/, Ye = /^\\([&{}$%#_])/, Ve = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, Qt = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, q = { bf: function(r) {
         r.weight = "bold";
       }, it: function(r) {
         r.style = "italic";
@@ -1561,7 +1561,7 @@ function Sn() {
         this.open_context().href = i, this.add_token(new M(i)), this.close_context();
       } };
       q.textsuperscript = q["^"], q.textsubscript = q._, q.textsl = q.sl, q.mathbf = q.bf, q.mathit = q.it, q.textbf = q.bf, q.textit = q.it, q.textcolor = q.color;
-      var Ve = /[\r\n\xA0]+/g;
+      var Xe = /[\r\n\xA0]+/g;
       function Ee(r, i) {
         r.sup && (r.baseline = 0.45, r.size = 0.7), r.sub && (r.baseline = -0.3, r.size = 0.7);
         var a = i;
@@ -1595,20 +1595,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         for (var a = 0, t = new Array(i); a < i; a++) t[a] = r[a];
         return t;
       }
-      var ke = { center: "middle", right: "end" }, Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ee = function(r, i) {
+      var ke = { center: "middle", right: "end" }, Ge = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ee = function(r, i) {
         return !r && !i || r === i;
       };
-      function Ge(r, i) {
+      function Je(r, i) {
         var a = [], t = i.font(), s = t.size, c = t.family, p = i.align(), m = i.createElement();
         if (r.length) {
           var w = t.height, b = i.valign(), E = i.height()(), D = i.width()(0), T = !isFinite(D) && r.length === 1, O = T ? null : i.x(), j = ct(w / s), W = T ? null : ct(w / (1.15 * s + (w - s) / 2));
-          if (Xe[b] && isFinite(E)) {
+          if (Ge[b] && isFinite(E)) {
             var F = b === "bottom" ? 1 : 0.5;
             W += (E * F - w * r.length * F) / s;
           }
           var P = p === "justify", H = 0;
           p === "right" ? H = D : p === "center" && (H = D / 2);
-          for (var N = [], J = "tspan", K = null, U = "", $ = function() {
+          for (var N = [], J = "tspan", K = null, U = "", I = function() {
             if (U) {
               var Ct = m(J, K, U);
               N.push(Ct);
@@ -1620,9 +1620,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               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 !== c ? Q.family : null, fontSize: Q.size !== s ? Q.size : null, fontWeight: Q.weight || null, fontStyle: Q.style || null, fontVariant: Q.variant !== "normal" && Q.variant || null, fill: Q.color || null, baselineShift: Q.baseline ? 100 * Q.baseline + "%" : null, className: Y.class || null }, ht && (K.dx = ct(ht), ht = 0), Y.tracking && (ht = Q.size * Y.tracking), Y.href && !pt ? (pt = Y.href, J = "a", K.href = pt, K.rel = Y.rel, K.target = Y.target) : pt = null, ft = Q.id, Et = Y.class);
+                Y.whitespace && Mt++, le += Y.width, Z && !Y.tracking && !ht && ee(Q.id, ft) && ee(Y.class, Et) && ee(pt, Y.href) ? U += Y.value : (I(), U = Y.value, K = { fontFamily: Q.family !== c ? Q.family : null, fontSize: Q.size !== s ? Q.size : null, fontWeight: Q.weight || null, fontStyle: Q.style || null, fontVariant: Q.variant !== "normal" && Q.variant || null, fill: Q.color || null, baselineShift: Q.baseline ? 100 * Q.baseline + "%" : null, className: Y.class || null }, ht && (K.dx = ct(ht), ht = 0), Y.tracking && (ht = Q.size * Y.tracking), Y.href && !pt ? (pt = Y.href, J = "a", K.href = pt, K.rel = Y.rel, K.target = Y.target) : pt = null, ft = Q.id, Et = Y.class);
               }
-              if ($(), T) a.push.apply(a, Ae(N));
+              if (I(), T) a.push.apply(a, Ae(N));
               else {
                 var De = null, ue = ot === nt - 1 || gt[gt.length - 1] instanceof X;
                 P && gt.length > 1 && !ue && (De = ct((D - le) / Mt)), a.push(m.apply(void 0, ["tspan", { wordSpacing: De, x: O(ot) + H, dy: ct(ot ? j : W) + "em" }].concat(Ae(N))));
@@ -1632,11 +1632,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         return m.apply(void 0, ["text", { fontFamily: c, fontSize: s, textAnchor: ke[p] || "start" }].concat(a));
       }
-      var Je = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-      function Ke(r, i, a) {
+      var Ke = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+      function Ze(r, i, a) {
         if (r.length) {
           a.textBaseline = "middle";
-          var t = i.font(), s = t.height, c = t.size, p = i.valign(), m = i.height()(), w = i.width()(0), b = i.align(), E = b === "justify", D = 0.5 * s, T = Je[p];
+          var t = i.font(), s = t.height, c = t.size, p = i.valign(), m = i.height()(), w = i.width()(0), b = i.align(), E = b === "justify", D = 0.5 * s, T = Ke[p];
           if (T && isFinite(m)) {
             var O = r.length * s;
             D += m * T - O * T;
@@ -1649,10 +1649,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             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) {
               a.font = U.font;
-              var $ = U.font, ot = $.baseline ? c * -$.baseline + 0.15 * c : 0;
+              var I = U.font, ot = I.baseline ? c * -I.baseline + 0.15 * c : 0;
               a.fillStyle = function(Et, ht) {
                 return Et.color ? Et.color : ht.href ? "#00C" : "#000";
-              }($, U);
+              }(I, U);
               var nt = 0;
               if (b === "right" ? nt += w - N : b === "center" ? nt += w / 2 - N / 2 : b === "justify" && (U.whitespace || U instanceof X) && (F += J), a.fillText(U.value, F + nt, P + ot), U.href) {
                 a.beginPath(), a.strokeStyle = a.fillStyle;
@@ -1724,10 +1724,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             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], ot = Ee($, E);
-              if ($.width = B($, ot), $.font = ot, $.line = H, $.whitespace = $.value in C, $.value && ($.value = $.value.replace(Ve, " ")), !(!N && $.whitespace || U && $.whitespace)) if ($ instanceof X) N = 0, K = [], J.push(P + 1), H++;
-              else if ($ instanceof lt || $ instanceof ut) K.push({ index: P, width: N });
-              else if ($.whitespace || N + $.width < T(H)) N += $.width;
+              var I = w[P], ot = Ee(I, E);
+              if (I.width = B(I, ot), I.font = ot, I.line = H, I.whitespace = I.value in C, I.value && (I.value = I.value.replace(Xe, " ")), !(!N && I.whitespace || U && I.whitespace)) if (I instanceof X) N = 0, K = [], J.push(P + 1), H++;
+              else if (I instanceof lt || I instanceof ut) K.push({ index: P, width: N });
+              else if (I.whitespace || N + I.width < T(H)) N += I.width;
               else if (K.length) {
                 var nt = void 0, ft = void 0;
                 do {
@@ -1738,27 +1738,27 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 J.push(nt.index + 1), N = 0, H++, P = nt.index, K = [];
               } else if (j === "break-word") {
                 var gt = T(H);
-                if (N + $.width > gt) {
-                  var Mt = $.clone();
+                if (N + I.width > gt) {
+                  var Mt = I.clone();
                   do
-                    $.value = $.value.slice(0, -1), $.width = B($, $.font), N += $.width;
-                  while ($.value && $.width > gt);
-                  Mt.value = Mt.value.slice($.value.length), w.splice(P + 1, 0, new lt(), Mt);
+                    I.value = I.value.slice(0, -1), I.width = B(I, I.font), N += I.width;
+                  while (I.value && I.width > gt);
+                  Mt.value = Mt.value.slice(I.value.length), w.splice(P + 1, 0, new lt(), Mt);
                 }
                 J.push(P + 1), N = 0, H++;
-              } else N += $.width;
-              P++, U = $.whitespace;
+              } else N += I.width;
+              P++, U = I.whitespace;
             }
             P !== J[J.length - 1] && J.push(P);
             var le = 0, pt = 0, Z = J.map(function(Ct) {
               for (var et, Tt = le; (et = w[Tt]) && (et.whitespace || !et.value); ) Tt++;
-              for (var At = Ct, tr = null; At > Tt && (et = w[At - 1]) && (et.whitespace || !(et.value || et instanceof ut)); ) et instanceof X && (tr = et), At--;
+              for (var At = Ct, er = null; At > Tt && (et = w[At - 1]) && (et.whitespace || !(et.value || et instanceof ut)); ) et instanceof X && (er = et), At--;
               et instanceof ut && (et.value = "-", et.width = B("-", et.font)), le = Ct;
-              var zt = w.slice(Tt, At).filter(function(er) {
-                return er.value;
+              var zt = w.slice(Tt, At).filter(function(rr) {
+                return rr.value;
               });
-              return tr && zt.push(tr), zt.width = zt.reduce(function(er, Jr) {
-                return er + Jr.width;
+              return er && zt.push(er), zt.width = zt.reduce(function(rr, Jr) {
+                return rr + Jr.width;
               }, 0), zt.width > pt && (pt = zt.width), zt;
             });
             if (Z.hasLineOverflow = !1, O) {
@@ -1815,7 +1815,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
         } }, { key: "render", value: function() {
           var t = _e(arguments);
-          return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ke(t.text, this, t.ctx) : Ge(t.text, this);
+          return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ze(t.text, this, t.ctx) : Je(t.text, this);
         } }], a && Se(i.prototype, a), Object.defineProperty(i, "prototype", { writable: !1 }), r;
       }();
       function xt(r) {
@@ -1906,7 +1906,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }
         } }], a && Ce(i.prototype, a), Object.defineProperty(i, "prototype", { writable: !1 }), r;
       }(), Re = Object.prototype.hasOwnProperty, oe = {};
-      function Ze(r) {
+      function Qe(r) {
         return oe[r] || (oe[r] = r.replace(/([a-z])([A-Z])/g, function(i, a, t) {
           return a + "-" + t.toLowerCase();
         })), oe[r];
@@ -1920,7 +1920,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       function ae(r, i) {
         if (typeof document < "u") {
           var a = typeof r == "string" ? document.createElementNS("http://www.w3.org/2000/svg", r) : r;
-          if (i && a.setAttribute) for (var t in i) Re.call(i, t) && i[t] != null && a.setAttribute(t === "className" ? "class" : Ze(t), i[t]);
+          if (i && a.setAttribute) for (var t in i) Re.call(i, t) && i[t] != null && a.setAttribute(t === "className" ? "class" : Qe(t), i[t]);
           for (var s = arguments.length, c = new Array(s > 2 ? s - 2 : 0), p = 2; p < s; p++) c[p - 2] = arguments[p];
           return c != null && c.length && c.forEach(function(m) {
             se(a, m);
@@ -1933,19 +1933,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           for (var T in t) t[T] && (D[T] = t[T]);
           s.push(D);
         }, m = function(D) {
-          var T = s.length, O = Be[D];
+          var T = s.length, O = qe[D];
           if (T && O) {
-            for (var j = T - 1; s[j] && (s[j] instanceof lt || He.test(s[j].value)); ) j--;
+            for (var j = T - 1; s[j] && (s[j] instanceof lt || Be.test(s[j].value)); ) j--;
             for (; O && s[j] && s[j] instanceof X; ) j--, O--;
             for (; O-- > 0; ) s.push(new X());
           }
         }; r.length; ) {
           if (i = /^[^<]+/.exec(r)) kt(Zt(i[0]), !1).forEach(p);
-          else if (!(i = $t.exec(r))) if (i = Gt.exec(r)) c.length && (t = c.pop()), m(i[1]);
+          else if (!(i = It.exec(r))) if (i = Gt.exec(r)) c.length && (t = c.pop()), m(i[1]);
           else if (i = Jt.exec(r)) {
             var w = i[1];
             m(w), c.push(t), t = Object.create(t), _t[w] && _t[w](t, "");
-            var b = It(i[2]);
+            var b = $t(i[2]);
             w === "a" && (b.href && (t.href = b.href), b.rel && (t.rel = b.rel), b.target && (t.target = b.target)), b.class && (t.class = t.class ? t.class + " " + b.class : b.class), b.style && (a = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(b.style)) && a[1] && (t.color = a[1]), w === "br" && s.push(new X());
           } else i = [r.slice(0, 1)], p(new M(i[0]));
           r = r.slice(i[0].length);
@@ -1959,7 +1959,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return i.push(P), "\\verb," + (i.length - 1) + ",";
         }).replace(/\\\\\n/g, function() {
           return "\\\\";
-        }).replace(Ye, function(F, P, H) {
+        }).replace(Ve, function(F, P, H) {
           return H.charAt(P - 1) === "\\" ? F : Qt[F];
         }).replace(/\n\s+/g, function(F) {
           return /\n/.test(F.slice(1)) ? "\\par " : F;
@@ -1980,7 +1980,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           t = c.pop();
         }, b = { tokens: s, open_context: m, close_context: w, add_token: p }; r.length; ) {
           if (a = jt.exec(r)) kt(a[0], !1).forEach(p);
-          else if (a = Ue.exec(r)) p(new M(a[1]));
+          else if (a = Ye.exec(r)) p(new M(a[1]));
           else if (!(a = xe.exec(r))) {
             if (a = /^\{/.exec(r)) m();
             else if (a = /^\}/.exec(r)) w();
@@ -2011,23 +2011,23 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }, G.measureText = function(r, i, a) {
         return B(r, R(i), a);
       }, G.Token = M, G.Break = lt, G.LineBreak = X, G.SoftHyphen = ut, G.Rotator = ie, ie.createElement = ae;
-      const Qe = G;
+      const tr = G;
       return n.default;
     })());
   }(dr)), dr.exports;
 }
 var Cn = Sn();
 const Tr = /* @__PURE__ */ Ur(Cn);
-function ir(u) {
+function or(u) {
   return u.replace(/…$/, "");
 }
-function or(u) {
+function sr(u) {
   return u.children[0].innerHTML;
 }
 function Tn(u, e) {
   const o = mt(u), { fontSize: n, font: l, padding: h = 0 } = u.properties.style || {};
   if (o.width === o.height && o.width === 0) return;
-  const f = new Tr({
+  const d = new Tr({
     font: `${n}px/${n}px ${l}`.replace(/(px)+/g, "px"),
     width: o.width - h * 2,
     height: o.height - h * 2,
@@ -2038,43 +2038,43 @@ function Tn(u, e) {
     parser: "html",
     createElement: Tr.createElement
   });
-  f.overflowWrap("break-word");
-  const g = f.linebreak(
+  d.overflowWrap("break-word");
+  const g = d.linebreak(
     u.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), d = [...g.children];
+  ).render(), f = [...g.children];
   let v = 0;
   const y = [];
   u.properties.content.split(`
 `).forEach((S) => {
     let R = S;
-    for (; R.length && v < d.length; ) {
-      if (d[v].innerHTML === "&nbsp;") {
+    for (; R.length && v < f.length; ) {
+      if (f[v].innerHTML === "&nbsp;") {
         R.startsWith(`
 `) || y.push(v), v++;
         break;
       }
-      const C = ir(or(d[v]));
+      const C = or(sr(f[v]));
       R.startsWith(C) && (R = R.slice(C.length).trim()), v++;
     }
-  }), y.forEach((S) => g.removeChild(d[S]));
-  const A = u.properties.content.match(/(https?:\/\/.*)/gm), _ = A ? A.map((S) => S.split(" ")[0]) : [];
-  g.setAttribute("transform", `translate(${h}, ${h})`), _.forEach((S) => {
+  }), y.forEach((S) => g.removeChild(f[S]));
+  const A = u.properties.content.match(/(https?:\/\/.*)/gm), k = A ? A.map((S) => S.split(" ")[0]) : [];
+  g.setAttribute("transform", `translate(${h}, ${h})`), k.forEach((S) => {
     let R = S;
     const C = [];
     for (; R.length > 0; ) {
-      const L = d.find(
-        (k) => !!k.children[0] && k.children[0].tagName === "tspan" && R.startsWith(ir(or(k)))
+      const L = f.find(
+        (_) => !!_.children[0] && _.children[0].tagName === "tspan" && R.startsWith(or(sr(_)))
       );
       if (!L) break;
       C.push(L);
-      const I = ir(L.children[0].innerHTML).length;
-      if (!I) break;
-      R = R.slice(I);
+      const $ = or(L.children[0].innerHTML).length;
+      if (!$) break;
+      R = R.slice($);
     }
     C.forEach((L) => {
-      const I = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      I.setAttribute("href", S), I.setAttribute("target", "_blank"), I.innerHTML = or(L), L.children[0].innerHTML = "", L.children[0].appendChild(I);
+      const $ = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      $.setAttribute("href", S), $.setAttribute("target", "_blank"), $.innerHTML = sr(L), L.children[0].innerHTML = "", L.children[0].appendChild($);
     });
   }), e.appendChild(g);
 }
@@ -2096,43 +2096,43 @@ class Rn extends Vr {
       <textarea wrap="on"></textarea>
     </div>
   `
-    ), x(this, "textArea"), x(this, "handleSize"), x(this, "rect", { x: 0, y: 0, width: 0, height: 0 }), x(this, "annotation", { ...nr }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", V), x(this, "isFocused", !1), x(this, "placeholder", "Type your text here..."), x(this, "_onFocus", () => {
+    ), x(this, "textArea"), x(this, "handleSize"), x(this, "rect", { x: 0, y: 0, width: 0, height: 0 }), x(this, "annotation", { ...ir }), x(this, "startX", 0), x(this, "startY", 0), x(this, "handles", []), x(this, "draggedHandle", V), x(this, "isFocused", !1), x(this, "placeholder", "Type your text here..."), x(this, "_onFocus", () => {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     }), x(this, "_onBlur", () => {
       this.isFocused = !1;
-    }), x(this, "startDrawing", (l, h, f = kn(l, h, 0, 0, "", Wt)) => {
-      this.add(f);
+    }), x(this, "startDrawing", (l, h, d = kn(l, h, 0, 0, "", Wt)) => {
+      this.add(d);
       const g = this.ogma.view.graphToScreenCoordinates({ x: l, y: h });
-      this.select(f.id), this.startDragging(this.getById(f.id), g.x, g.y), this.draggedHandle = 6;
+      this.select(d.id), this.startDragging(this.getById(d.id), g.x, g.y), this.draggedHandle = 6;
     }), x(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...nr }, this.draggedHandle = V, this.isDragging = !1, this.emit(Ut, this.annotation));
-    }), x(this, "startDragging", (l, h, f) => {
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ir }, this.draggedHandle = V, this.isDragging = !1, this.emit(Ut, this.annotation));
+    }), x(this, "startDragging", (l, h, d) => {
       this.annotation = l;
-      const g = vt(this.annotation), 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 = h, this.startY = f, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ze, this.annotation), this.isDragging = !0;
+      const g = vt(this.annotation), f = mt(this.annotation);
+      this.rect.x = g.x, this.rect.y = g.y, this.rect.width = f.width, this.rect.height = f.height, this.startX = h, this.startY = d, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Ne, this.annotation), this.isDragging = !0;
     }), x(this, "onHandleMouseDown", (l) => {
       const h = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!h) return;
       this.selectedId !== h.id && this.select(this.hoveredId);
-      const { x: f, y: g } = sr(l, this.ogma.getContainer());
-      this.startDragging(h, f, g), this.draggedHandle = Nr(l.target);
+      const { x: d, y: g } = Me(l, this.ogma.getContainer());
+      this.startDragging(h, d, g), this.draggedHandle = Nr(l.target);
     }), x(this, "onMouseMove", (l) => {
       requestAnimationFrame(() => this._onMouseMove(l));
     }), x(this, "_onMouseMove", (l) => {
       if (!this.isDragging) return;
       l.stopPropagation(), l.preventDefault();
       const h = this.handles[this.draggedHandle];
-      let f = h.classList.contains("top");
-      const g = h.classList.contains("left"), d = h.classList.contains("right"), v = h.classList.contains("bottom");
+      let d = h.classList.contains("top");
+      const g = h.classList.contains("left"), f = h.classList.contains("right"), v = h.classList.contains("bottom");
       let y = h.classList.contains("line-handle");
-      !y && !f && !v && !g && !d && (f = !0, y = !0);
-      const { x: A, y: _ } = sr(
+      !y && !d && !v && !g && !f && (d = !0, y = !0);
+      const { x: A, y: k } = Me(
         l,
         this.ogma.getContainer()
       );
       let S = this.rect.x, R = this.rect.y, C = Math.max(this.rect.width, Rr), L = Math.max(this.rect.height, Rr);
-      const I = this.ogma.view.getZoom(), k = (A - this.startX) / I, z = (_ - this.startY) / I, B = this.ogma.view.getAngle(), tt = st({ x: k, y: z }, B), rt = st({ x: k, y: z }, -B);
-      y ? (S = this.rect.x + tt.x, R = this.rect.y + tt.y) : g && f ? (S += tt.x, R += tt.y, C -= k, L -= z) : d && v ? (C += k, L += z) : g && v ? (S += rt.x, C -= rt.x, L += rt.y) : d && f && (R += rt.y, C += rt.x, L -= rt.y), hn(this.annotation, S, R, C, L), this.emit(Me, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      const $ = this.ogma.view.getZoom(), _ = (A - this.startX) / $, z = (k - this.startY) / $, B = this.ogma.view.getAngle(), tt = st({ x: _, y: z }, B), rt = st({ x: _, y: z }, -B);
+      y ? (S = this.rect.x + tt.x, R = this.rect.y + tt.y) : g && d ? (S += tt.x, R += tt.y, C -= _, L -= z) : f && v ? (C += _, L += z) : g && v ? (S += rt.x, C -= rt.x, L += rt.y) : f && d && (R += rt.y, C += rt.x, L -= rt.y), hn(this.annotation, S, R, C, L), this.emit(ze, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     }), x(this, "onMouseUp", () => {
       !this.isDragging || this.draggedHandle === V || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Ut, this.annotation), this.isDragging = !1, this.draggedHandle = V);
     }), x(this, "_onMousedown", (l) => {
@@ -2156,34 +2156,34 @@ class Rn extends Vr {
   }
   detect({ x: e, y: o }, n = 0) {
     const l = { x: e, y: o }, h = 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 } = st(Ot(l, A), -h);
-      return _ > -n && _ < v + n && S > -n && S < y + n;
+    return this.elements.find((d) => {
+      const { x: g, y: f } = vt(d), { width: v, height: y } = mt(d), A = { x: g, y: f }, { x: k, y: S } = st(Ot(l, A), -h);
+      return k > -n && k < v + n && S > -n && S < y + n;
     });
   }
   draw(e) {
     e.innerHTML = "";
     const o = "", n = this.ogma.view.getAngle();
     for (let h = 0; h < this.elements.length; h++) {
-      const f = this.elements[h], g = `class${h}`, d = mt(f), v = vt(f);
-      if (f.id === this.selectedId) continue;
+      const d = this.elements[h], g = `class${h}`, f = mt(d), v = vt(d);
+      if (d.id === this.selectedId) continue;
       const {
         color: y,
         fontSize: A,
-        font: _,
+        font: k,
         strokeColor: S,
         strokeWidth: R,
         strokeType: C,
         background: L,
-        borderRadius: I
-      } = f.properties.style || Wt, k = Rt("g");
-      k.classList.add("annotation-text"), k.setAttribute("fill", `${y}`), k.setAttribute("font-size", `${A}px`), k.setAttribute("font-family", `${_}`);
+        borderRadius: $
+      } = d.properties.style || Wt, _ = Rt("g");
+      _.classList.add("annotation-text"), _.setAttribute("fill", `${y}`), _.setAttribute("font-size", `${A}px`), _.setAttribute("font-family", `${k}`);
       const z = Rt("rect");
-      I && (z.setAttribute("rx", `${I}`), z.setAttribute("ry", `${I}`));
+      $ && (z.setAttribute("rx", `${$}`), z.setAttribute("ry", `${$}`));
       let B = !1;
-      C && C !== "none" && (B = !0, z.setAttribute("stroke", S || "black"), z.setAttribute("stroke-width", `${R}`), C === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (L && L.length || B) && (B = !0, z.setAttribute("fill", L || "transparent")), B && (z.setAttribute("width", `${d.width}`), z.setAttribute("height", `${d.height}`)), k.appendChild(z), Tn(f, k);
+      C && C !== "none" && (B = !0, z.setAttribute("stroke", S || "black"), z.setAttribute("stroke-width", `${R}`), C === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (L && L.length || B) && (B = !0, z.setAttribute("fill", L || "transparent")), B && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), _.appendChild(z), Tn(d, _);
       const { x: tt, y: rt } = st(v, -n);
-      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);
+      _.setAttribute("transform", `translate(${tt},${rt})`), _.classList.add(g), _.setAttribute("data-annotation", `${d.id}`), _.setAttribute("data-annotation-type", "text"), e.appendChild(_);
     }
     const l = Rt("style");
     l.innerHTML = o, e.firstChild && e.insertBefore(l, e.firstChild);
@@ -2193,12 +2193,12 @@ class Rn extends Vr {
     for (let n = 0; n < o.length; n++) {
       const l = o[n];
       if (!l.hasAttribute("data-annotation")) continue;
-      const h = l.getAttribute("data-annotation"), f = vt(this.getById(h)), { x: g, y: d } = st(f, -e);
-      l.setAttribute("transform", `translate(${g},${d})`);
+      const h = l.getAttribute("data-annotation"), d = vt(this.getById(h)), { x: g, y: f } = st(d, -e);
+      l.setAttribute("transform", `translate(${g},${f})`);
     }
   }
   getDefaultOptions() {
-    return nr;
+    return ir;
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
@@ -2206,16 +2206,16 @@ class Rn extends Vr {
       vt(e)
     ), l = this.ogma.view.getZoom(), {
       font: h,
-      fontSize: f,
+      fontSize: d,
       color: g,
-      background: d,
+      background: f,
       padding: v = 0
-    } = e.properties.style || Wt, y = (f || 1) * l;
+    } = e.properties.style || Wt, y = (d || 1) * l;
     this.textArea.value = e.properties.content;
     const A = this.editor.element.style;
     A.transform = `translate(${n.x}px, ${n.y}px)translate(-50%, -50%)translate(${o.width / 2 * l}px, ${o.height / 2 * l}px)`, A.width = `${o.width * l}px`, A.height = `${o.height * l}px`;
-    const _ = this.textArea.style;
-    _.font = `${y} ${h}`, _.fontFamily = h || "sans-serif", _.fontSize = `${y}px`, _.padding = `${l * v}px`, _.lineHeight = `${y}px`, _.boxSizing = "border-box", _.color = g || "black", _.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    const k = this.textArea.style;
+    k.font = `${y} ${h}`, k.fontFamily = h || "sans-serif", k.fontSize = `${y}px`, k.padding = `${l * v}px`, k.lineHeight = `${y}px`, k.boxSizing = "border-box", k.color = g || "black", k.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(e) {
     super.select(e), this.textArea.classList.add("noevents");
@@ -2229,15 +2229,15 @@ class On {
     x(this, "links", {}), x(this, "linksByTargetId", {}), x(this, "linksByArrowId", {});
   }
   add(e, o, n, l, h) {
-    const f = Ne(), g = e.id, d = {
-      id: f,
+    const d = He(), g = e.id, f = {
+      id: d,
       arrow: g,
       target: n,
       targetType: l,
       connectionPoint: h,
       side: o
     };
-    return this.links[f] = d, this.linksByTargetId[n] || (this.linksByTargetId[n] = []), this.linksByTargetId[n].push(f), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][o] = f, e.properties.link = e.properties.link || {}, e.properties.link[o] = {
+    return this.links[d] = f, this.linksByTargetId[n] || (this.linksByTargetId[n] = []), this.linksByTargetId[n].push(d), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][o] = d, e.properties.link = e.properties.link || {}, e.properties.link[o] = {
       id: n,
       side: o,
       type: l,
@@ -2251,14 +2251,14 @@ class On {
   // remove the link between the arrow and the target by arrow id and side
   remove(e, o) {
     var n, l;
-    const h = e.id, f = (n = this.linksByArrowId[h]) == null ? void 0 : n[o];
-    if ((l = e.properties.link) == null || delete l[o], !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);
+    const h = e.id, d = (n = this.linksByArrowId[h]) == null ? void 0 : n[o];
+    if ((l = e.properties.link) == null || delete l[o], !d) return this;
+    const g = this.links[d];
+    delete this.links[d];
+    const f = this.linksByTargetId[g.target];
+    for (let v = 0; v < f.length; v++)
+      if (f[v] === d) {
+        f.splice(v, 1);
         break;
       }
     return delete this.linksByArrowId[h][o], this;
@@ -2304,24 +2304,24 @@ class Pn extends Yr {
       const l = this.ogma.view.getZoom();
       Pr.forEach((h) => {
         if (!this.textToMagnet) return;
-        const f = mt(this.textToMagnet), g = vt(this.textToMagnet), d = Ie(h, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), { x: y, y: A } = Bt(v, g);
+        const d = mt(this.textToMagnet), g = vt(this.textToMagnet), f = $e(h, { x: d.width, y: d.height }), v = st(f, this.ogma.view.getAngle()), { x: y, y: A } = Bt(v, g);
         n.moveTo(y, A), n.arc(y, A, this.options.magnetHandleRadius / l, 0, Math.PI * 2);
       }), n.fill(), n.closePath();
     }), x(this, "_onFeatureDrag", (n, l) => {
       const h = l;
       if (at(n) && h === "line")
-        ["start", "end"].find((f) => {
-          const g = f === "start" ? de(n) : je(n);
-          return this._snapToText(n, h, g) || this._findAndSnapToNode(n, f, g);
+        ["start", "end"].find((d) => {
+          const g = d === "start" ? de(n) : je(n);
+          return this._snapToText(n, h, g) || this._findAndSnapToNode(n, d, g);
         });
       else if (at(n) && h !== "line") {
-        const f = h === "start" ? de(n) : je(n);
-        this._snapToText(n, h, f) || this._findAndSnapToNode(n, h, 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 = st(_, this.ogma.view.getAngle()), R = Bt(S, A);
+        const d = h === "start" ? de(n) : je(n);
+        this._snapToText(n, h, d) || this._findAndSnapToNode(n, h, d);
+      } else yt(n) && (this.activeLinks.forEach(({ arrow: d, side: g, connectionPoint: f }) => {
+        const v = this.getAnnotation(d), y = mt(n), A = vt(n), k = $e(f, { x: y.width, y: y.height }), S = st(k, this.ogma.view.getAngle()), R = Bt(S, A);
         v.geometry.coordinates[g === "start" ? 0 : 1] = [R.x, R.y];
       }), this.activeLinks.length && this.arrows.refreshLayer());
-      this.layer.refresh(), this.emit(Me, n, l);
+      this.layer.refresh(), this.emit(ze, n, l);
     }), x(this, "_onFeatureDragEnd", (n) => {
       this.dragged !== null && at(n) && de(this.dragged) && Dr.forEach((l) => {
         this.links.getArrowLink(n.id, l) && this.emit(wn, {
@@ -2333,7 +2333,7 @@ class Pn extends Yr {
       this.textToMagnet = void 0, at(n) ? this.dragged = n : yt(n) && this.activeLinks.push(...this.links.getTargetLinks(n.id, "text")), this.annotations.forEach((l) => {
         const h = l.getSelectedFeature();
         h && h !== n && l.unhover().unselect(), l.disableDetection();
-      }), this.emit(ze, n);
+      }), this.emit(Ne, n);
     }), x(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     }), x(this, "_onNodesDrag", (n) => {
@@ -2341,12 +2341,12 @@ class Pn extends Yr {
       this._moveNodes(n.nodes, l, h);
     }), x(this, "_onLayoutEnd", (n) => {
       n.ids.forEach((l, h) => {
-        this.links.getTargetLinks(l, "node").forEach((f) => {
-          const g = this.getAnnotation(f.arrow), d = f.side, v = Le(
+        this.links.getTargetLinks(l, "node").forEach((d) => {
+          const g = this.getAnnotation(d.arrow), f = d.side, v = Le(
             g,
-            d === "start" ? "end" : "start"
-          ), y = n.positions.current[h], A = this.ogma.getNode(l).getAttribute("radius"), _ = $e(v, y, +A);
-          Ht(g, d, _.x, _.y);
+            f === "start" ? "end" : "start"
+          ), y = n.positions.current[h], A = this.ogma.getNode(l).getAttribute("radius"), k = Ie(v, y, +A);
+          Ht(g, f, k.x, k.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     }), x(this, "_onAdded", (n) => {
@@ -2364,22 +2364,22 @@ class Pn extends Yr {
     }), x(this, "_onUpdate", (n) => {
       this.emit(cr, n);
     }), this.options = this.setOptions({ ...Dn, ...o }), this.ogma = e, this.arrows = new An(e, this.options), this.texts = new Rn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((n) => {
-      n.on(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);
+      n.on(Ne, this._onFeatureDragStart).on(ze, this._onFeatureDrag).on(Ut, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = e.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
   _moveNodes(e, o, n) {
     e.forEach((l) => {
-      const h = this.links.getTargetLinks(l.getId(), "node"), f = l.getPosition();
+      const h = this.links.getTargetLinks(l.getId(), "node"), d = l.getPosition();
       h.forEach((g) => {
-        const d = this.getAnnotation(g.arrow), v = g.side, y = Le(
-          d,
+        const f = this.getAnnotation(g.arrow), v = g.side, y = Le(
+          f,
           v === "start" ? "end" : "start"
         );
-        let A = f;
-        const _ = +l.getAttribute("radius"), S = 1e-6;
-        (g.connectionPoint.x - (f.x - o) > S || g.connectionPoint.y - (f.y - n) > S) && (A = $e(y, f, _)), Ht(d, v, A.x, A.y);
+        let A = d;
+        const k = +l.getAttribute("radius"), S = 1e-6;
+        (g.connectionPoint.x - (d.x - o) > S || g.connectionPoint.y - (d.y - n) > S) && (A = Ie(y, d, k)), Ht(f, v, A.x, A.y);
       });
     }), this.arrows.refreshLayer();
   }
@@ -2392,28 +2392,28 @@ class Pn extends Yr {
   }
   _findAndSnapToNode(e, o, n) {
     var l, h;
-    const f = this.ogma.view.graphToScreenCoordinates(n), g = this.ogma.view.getElementAt(f);
-    this.links.remove(e, o), g && g.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = g, g.setSelected(!0), this._snapToNode(e, o, g, f)) : ((h = this.hoveredNode) == null || h.setSelected(!1), this.hoveredNode = null);
+    const d = this.ogma.view.graphToScreenCoordinates(n), g = this.ogma.view.getElementAt(d);
+    this.links.remove(e, o), g && g.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = g, g.setSelected(!0), this._snapToNode(e, o, g, d)) : ((h = this.hoveredNode) == null || h.setSelected(!1), this.hoveredNode = null);
   }
   _snapToNode(e, o, n, l) {
-    const h = n.getPositionOnScreen(), f = +n.getAttribute("radius"), g = f * this.ogma.view.getZoom(), d = l.x - h.x, v = l.y - h.y, y = Math.sqrt(d * d + v * v), A = n.getPosition();
+    const h = n.getPositionOnScreen(), d = +n.getAttribute("radius"), g = d * this.ogma.view.getZoom(), f = l.x - h.x, v = l.y - h.y, y = Math.sqrt(f * f + v * v), A = n.getPosition();
     if (y < g + this.options.detectMargin) {
-      let _ = A;
+      let k = A;
       if (y > g / 2) {
         const S = Le(e, o === "end" ? "start" : "end");
-        _ = $e(S, _, f);
+        k = Ie(S, k, d);
       }
-      Ht(e, o, _.x, _.y), this.links.add(e, o, n.getId(), "node", _);
+      Ht(e, o, k.x, k.y), this.links.add(e, o, n.getId(), "node", k);
     }
   }
   refreshTextLinks() {
     let e = !1;
     this.links.forEach(
-      ({ connectionPoint: o, targetType: n, target: l, arrow: h, side: f }) => {
+      ({ connectionPoint: o, targetType: n, target: l, arrow: h, side: d }) => {
         if (n !== "text") return;
         e = !0;
-        const g = this.getAnnotation(l), d = this.getAnnotation(h), v = mt(g), y = vt(g), A = Ie(o, { x: v.width, y: v.height }), _ = st(A, this.ogma.view.getAngle()), S = Bt(_, y);
-        Ht(d, f, S.x, S.y);
+        const g = this.getAnnotation(l), f = this.getAnnotation(h), v = mt(g), y = vt(g), A = $e(o, { x: v.width, y: v.height }), k = st(A, this.ogma.view.getAngle()), S = Bt(k, y);
+        Ht(f, d, S.x, S.y);
       }
     ), e && this.arrows.refreshLayer();
   }
@@ -2426,13 +2426,13 @@ class Pn extends Yr {
   findMagnetPoint(e, o, n) {
     let l;
     for (const h of e) {
-      const f = mt(o), g = vt(o), d = Ie(h, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), y = Bt(v, g), A = qt(Ot(y, n)), _ = Math.min(
+      const d = mt(o), g = vt(o), f = $e(h, { x: d.width, y: d.height }), v = st(f, this.ogma.view.getAngle()), y = Bt(v, g), A = qt(Ot(y, n)), k = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
-        f.width / 2,
-        f.height / 2
+        d.width / 2,
+        d.height / 2
       );
-      if (A < Math.max(_, this.options.magnetHandleRadius)) {
+      if (A < Math.max(k, this.options.magnetHandleRadius)) {
         l = {
           point: y,
           magnet: h
@@ -2511,10 +2511,10 @@ class Pn extends Yr {
           const h = this.ogma.getNode(n.id);
           if (!h) continue;
           this.links.add(e, o, n.id, n.type, n.magnet);
-          const f = h.getPosition(), g = h.getAttribute("radius") || 0, d = Le(
+          const d = h.getPosition(), g = h.getAttribute("radius") || 0, f = Le(
             e,
             o === "start" ? "end" : "start"
-          ), v = $e(d, f, +g);
+          ), v = Ie(f, d, +g);
           Ht(e, o, v.x, v.y);
         }
       }
@@ -2553,7 +2553,7 @@ class Pn extends Yr {
     return n ? (at(n) ? this.arrows.updateStyle(n, o) : yt(n) && this.texts.updateStyle(n, o), this.onUpdate(n), this) : this;
   }
   setScale(e, o, n, l) {
-    const h = this.getAnnotations().features.find((f) => f.id === e);
+    const h = this.getAnnotations().features.find((d) => d.id === e);
     return h ? (at(h) ? this.arrows.scale(h, o, n, l) : yt(h) && this.texts.scale(h, o, n, l), this.onUpdate(h), this) : this;
   }
   /**
@@ -2583,7 +2583,7 @@ class Pn extends Yr {
     this.annotations.forEach((e) => e.destroy()), this.layer.destroy();
   }
 }
-const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333", Nn = [
+const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Ir = "none", Xr = "#333333", Nn = [
   "#FFFFFF",
   "#F44E3B",
   "#FE9200",
@@ -2612,13 +2612,13 @@ const Lr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], $r = "none", Xr = "#333333",
   head: "arrow",
   strokeColor: Xr,
   strokeWidth: 5
-}, $n = 0.25, In = {
+}, In = 0.25, $n = {
   font: "Roboto",
   fontSize: Lr[2],
-  padding: Lr[2] * $n,
+  padding: Lr[2] * In,
   color: Xr,
-  strokeType: $r,
-  background: $r
+  strokeType: Ir,
+  background: Ir
 };
 function jn(u) {
   return u.reduce((e, o) => e + o, 0) / u.length;
@@ -2660,16 +2660,16 @@ const Gr = jr(
   const e = Qr(), [o, n] = Zr(Fn, {
     type: "FeatureCollection",
     features: []
-  }), [l, h] = Nt(null), [f, g] = Nt(Ln), [d, v] = Nt(In), [y, A] = Nt(), [_, S] = Nt(1), [R, C] = Nt(1);
-  return rr(() => {
+  }), [l, h] = Nt(null), [d, g] = Nt(Ln), [f, v] = Nt($n), [y, A] = Nt(), [k, S] = Nt(1), [R, C] = Nt(1);
+  return nr(() => {
     if (!e) return;
     const L = new Pn(e, {
       minArrowHeight: 1
-    }), I = jn(e.getNodes().getAttribute("radius")) / 5, k = _;
+    }), $ = jn(e.getNodes().getAttribute("radius")) / 5, _ = k;
     return g({
-      ...f,
-      strokeWidth: (f.strokeWidth || 1) * k
-    }), S(k), C(I), L.on("select", (z) => {
+      ...d,
+      strokeWidth: (d.strokeWidth || 1) * _
+    }), S(_), C($), L.on("select", (z) => {
       at(z) ? g({
         ...z.properties.style || {}
       }) : yt(z) && v({
@@ -2678,13 +2678,13 @@ const Gr = jr(
     }).on("unselect", () => {
       h(null);
     }), A(L), () => {
-      y == null || y.destroy();
+      L.destroy();
     };
-  }, [e]), rr(() => {
-    y && l && (l == null ? void 0 : l.properties.type) === "arrow" && y.updateStyle(l.id, f);
-  }, [y, f, l]), rr(() => {
-    y && l && (l == null ? void 0 : l.properties.type) === "text" && y.updateStyle(l.id, d);
-  }, [y, d, l]), /* @__PURE__ */ nn.jsx(
+  }, [e]), nr(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "arrow" && y.updateStyle(l.id, d);
+  }, [y, d, l]), nr(() => {
+    y && l && (l == null ? void 0 : l.properties.type) === "text" && y.updateStyle(l.id, f);
+  }, [y, f, l]), /* @__PURE__ */ nn.jsx(
     Gr.Provider,
     {
       value: {
@@ -2692,11 +2692,11 @@ const Gr = jr(
         updateAnnotations: n,
         currentAnnotation: l,
         setCurrentAnnotation: h,
-        textStyle: d,
+        textStyle: f,
         setTextStyle: v,
-        arrowStyle: f,
+        arrowStyle: d,
         setArrowStyle: g,
-        arrowWidthFactor: _,
+        arrowWidthFactor: k,
         setArrowWidthFactor: S,
         textSizeFactor: R,
         setTextSizeFactor: C,
@@ -2711,12 +2711,12 @@ export {
   Gr as AnnotationsContext,
   Yn as AnnotationsContextProvider,
   Xr as BLACK,
-  $n as RELATIVE_PADDING,
-  $r as TRANSPARENT,
+  In as RELATIVE_PADDING,
+  Ir as TRANSPARENT,
   Wn as createAnnotationsContext,
   Ln as defaultArrowStyle,
   Nn as defaultColors,
-  In as defaultTextStyle,
+  $n as defaultTextStyle,
   Lr as fontSizes,
   Hn as fonts,
   Bn as interpolate,