@linkurious/ogma-annotations-react 1.1.14 → 1.1.16

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import Cr, { createContext as Or, useContext as qr, useReducer as Yr, useState as Nt, useEffect as er } from "react";
-import { useOgma as Xr } from "@linkurious/ogma-react";
-var or = { exports: {} }, ue = {};
+import { useOgma as Gr } from "@linkurious/ogma-react";
+var or = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,22 +11,22 @@ var or = { exports: {} }, ue = {};
  * LICENSE file in the root directory of this source tree.
  */
 var dr;
-function Gr() {
+function Xr() {
   if (dr)
-    return ue;
+    return he;
   dr = 1;
-  var h = Cr, e = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(p, d, v) {
+  var u = Cr, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(g, d, v) {
     var y, _ = {}, C = null, E = null;
     v !== void 0 && (C = "" + v), d.key !== void 0 && (C = "" + d.key), d.ref !== void 0 && (E = d.ref);
     for (y in d)
       i.call(d, y) && !c.hasOwnProperty(y) && (_[y] = d[y]);
-    if (p && p.defaultProps)
-      for (y in d = p.defaultProps, d)
+    if (g && g.defaultProps)
+      for (y in d = g.defaultProps, d)
         _[y] === void 0 && (_[y] = d[y]);
-    return { $$typeof: e, type: p, key: C, ref: E, props: _, _owner: l.current };
+    return { $$typeof: e, type: g, key: C, ref: E, props: _, _owner: l.current };
   }
-  return ue.Fragment = s, ue.jsx = f, ue.jsxs = f, ue;
+  return he.Fragment = o, he.jsx = f, he.jsxs = f, he;
 }
 var ce = {};
 /**
@@ -41,48 +41,48 @@ var ce = {};
 var fr;
 function Jr() {
   return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
-    var h = Cr, e = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), P = Symbol.iterator, S = "@@iterator";
+    var u = Cr, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), P = Symbol.iterator, S = "@@iterator";
     function $(t) {
       if (t === null || typeof t != "object")
         return null;
-      var o = P && t[P] || t[S];
-      return typeof o == "function" ? o : null;
+      var s = P && t[P] || t[S];
+      return typeof s == "function" ? s : null;
     }
-    var L = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var L = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function T(t) {
       {
-        for (var o = arguments.length, u = new Array(o > 1 ? o - 1 : 0), g = 1; g < o; g++)
-          u[g - 1] = arguments[g];
-        B("error", t, u);
+        for (var s = arguments.length, h = new Array(s > 1 ? s - 1 : 0), p = 1; p < s; p++)
+          h[p - 1] = arguments[p];
+        B("error", t, h);
       }
     }
-    function B(t, o, u) {
+    function B(t, s, h) {
       {
-        var g = L.ReactDebugCurrentFrame, m = g.getStackAddendum();
-        m !== "" && (o += "%s", u = u.concat([m]));
-        var w = u.map(function(b) {
+        var p = L.ReactDebugCurrentFrame, m = p.getStackAddendum();
+        m !== "" && (s += "%s", h = h.concat([m]));
+        var w = h.map(function(b) {
           return String(b);
         });
-        w.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, w);
+        w.unshift("Warning: " + s), Function.prototype.apply.call(console[t], console, w);
       }
     }
     var N = !1, it = !1, xt = !1, qt = !1, Yt = !1, pe;
     pe = Symbol.for("react.module.reference");
     function Ot(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || Yt || t === l || t === v || t === y || qt || t === E || N || it || xt || typeof t == "object" && t !== null && (t.$$typeof === C || t.$$typeof === _ || t.$$typeof === f || t.$$typeof === p || t.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === c || Yt || t === l || t === v || t === y || qt || t === E || N || it || xt || typeof t == "object" && t !== null && (t.$$typeof === C || t.$$typeof === _ || t.$$typeof === f || t.$$typeof === g || t.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       t.$$typeof === pe || t.getModuleId !== void 0));
     }
-    function Pt(t, o, u) {
-      var g = t.displayName;
-      if (g)
-        return g;
-      var m = o.displayName || o.name || "";
-      return m !== "" ? u + "(" + m + ")" : u;
+    function Pt(t, s, h) {
+      var p = t.displayName;
+      if (p)
+        return p;
+      var m = s.displayName || s.name || "";
+      return m !== "" ? h + "(" + m + ")" : h;
     }
-    function Xt(t) {
+    function Gt(t) {
       return t.displayName || "Context";
     }
     function tt(t) {
@@ -95,7 +95,7 @@ function Jr() {
       switch (t) {
         case i:
           return "Fragment";
-        case s:
+        case o:
           return "Portal";
         case c:
           return "Profiler";
@@ -108,17 +108,17 @@ function Jr() {
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case p:
-            var o = t;
-            return Xt(o) + ".Consumer";
+          case g:
+            var s = t;
+            return Gt(s) + ".Consumer";
           case f:
-            var u = t;
-            return Xt(u._context) + ".Provider";
+            var h = t;
+            return Gt(h._context) + ".Provider";
           case d:
             return Pt(t, t.render, "ForwardRef");
           case _:
-            var g = t.displayName || null;
-            return g !== null ? g : tt(t.type) || "Memo";
+            var p = t.displayName || null;
+            return p !== null ? p : tt(t.type) || "Memo";
           case C: {
             var m = t, w = m._payload, b = m._init;
             try {
@@ -130,14 +130,14 @@ function Jr() {
         }
       return null;
     }
-    var D = Object.assign, at = 0, X, ht, Rt, ye, Gt, ve, me;
+    var D = Object.assign, lt = 0, G, ut, Rt, ye, Xt, ve, me;
     function At() {
     }
     At.__reactDisabledLog = !0;
     function be() {
       {
-        if (at === 0) {
-          X = console.log, ht = console.info, Rt = console.warn, ye = console.error, Gt = console.group, ve = console.groupCollapsed, me = console.groupEnd;
+        if (lt === 0) {
+          G = console.log, ut = console.info, Rt = console.warn, ye = console.error, Xt = console.group, ve = console.groupCollapsed, me = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -154,12 +154,12 @@ function Jr() {
             groupEnd: t
           });
         }
-        at++;
+        lt++;
       }
     }
     function Ne() {
       {
-        if (at--, at === 0) {
+        if (lt--, lt === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -167,10 +167,10 @@ function Jr() {
           };
           Object.defineProperties(console, {
             log: D({}, t, {
-              value: X
+              value: G
             }),
             info: D({}, t, {
-              value: ht
+              value: ut
             }),
             warn: D({}, t, {
               value: Rt
@@ -179,7 +179,7 @@ function Jr() {
               value: ye
             }),
             group: D({}, t, {
-              value: Gt
+              value: Xt
             }),
             groupCollapsed: D({}, t, {
               value: ve
@@ -189,18 +189,18 @@ function Jr() {
             })
           });
         }
-        at < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        lt < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Jt = L.ReactCurrentDispatcher, Zt;
-    function It(t, o, u) {
+    function It(t, s, h) {
       {
         if (Zt === void 0)
           try {
             throw Error();
           } catch (m) {
-            var g = m.stack.trim().match(/\n( *(at )?)/);
-            Zt = g && g[1] || "";
+            var p = m.stack.trim().match(/\n( *(at )?)/);
+            Zt = p && p[1] || "";
           }
         return `
 ` + Zt + t;
@@ -211,22 +211,22 @@ function Jr() {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
       Et = new Be();
     }
-    function Qt(t, o) {
+    function Qt(t, s) {
       if (!t || Kt)
         return "";
       {
-        var u = Et.get(t);
-        if (u !== void 0)
-          return u;
+        var h = Et.get(t);
+        if (h !== void 0)
+          return h;
       }
-      var g;
+      var p;
       Kt = !0;
       var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
       w = Jt.current, Jt.current = null, be();
       try {
-        if (o) {
+        if (s) {
           var b = function() {
             throw Error();
           };
@@ -238,14 +238,14 @@ function Jr() {
             try {
               Reflect.construct(b, []);
             } catch (I) {
-              g = I;
+              p = I;
             }
             Reflect.construct(t, [], b);
           } else {
             try {
               b.call();
             } catch (I) {
-              g = I;
+              p = I;
             }
             t.call(b.prototype);
           }
@@ -253,14 +253,14 @@ function Jr() {
           try {
             throw Error();
           } catch (I) {
-            g = I;
+            p = I;
           }
           t();
         }
       } catch (I) {
-        if (I && g && typeof I.stack == "string") {
+        if (I && p && typeof I.stack == "string") {
           for (var A = I.stack.split(`
-`), R = g.stack.split(`
+`), R = p.stack.split(`
 `), k = A.length - 1, O = R.length - 1; k >= 1 && O >= 0 && A[k] !== R[O]; )
             O--;
           for (; k >= 1 && O >= 0; k--, O--)
@@ -279,21 +279,21 @@ function Jr() {
       } finally {
         Kt = !1, Jt.current = w, Ne(), Error.prepareStackTrace = m;
       }
-      var W = t ? t.displayName || t.name : "", M = W ? It(W) : "";
+      var U = t ? t.displayName || t.name : "", M = U ? It(U) : "";
       return typeof t == "function" && Et.set(t, M), M;
     }
-    function He(t, o, u) {
+    function He(t, s, h) {
       return Qt(t, !1);
     }
-    function We(t) {
-      var o = t.prototype;
-      return !!(o && o.isReactComponent);
+    function Ue(t) {
+      var s = t.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function Lt(t, o, u) {
+    function Lt(t, s, h) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Qt(t, We(t));
+        return Qt(t, Ue(t));
       if (typeof t == "string")
         return It(t);
       switch (t) {
@@ -307,11 +307,11 @@ function Jr() {
           case d:
             return He(t.render);
           case _:
-            return Lt(t.type, o, u);
+            return Lt(t.type, s, h);
           case C: {
-            var g = t, m = g._payload, w = g._init;
+            var p = t, m = p._payload, w = p._init;
             try {
-              return Lt(w(m), o, u);
+              return Lt(w(m), s, h);
             } catch {
             }
           }
@@ -321,12 +321,12 @@ function Jr() {
     var _t = Object.prototype.hasOwnProperty, we = {}, xe = L.ReactDebugCurrentFrame;
     function Ft(t) {
       if (t) {
-        var o = t._owner, u = Lt(t.type, t._source, o ? o.type : null);
-        xe.setExtraStackFrame(u);
+        var s = t._owner, h = Lt(t.type, t._source, s ? s.type : null);
+        xe.setExtraStackFrame(h);
       } else
         xe.setExtraStackFrame(null);
     }
-    function Ue(t, o, u, g, m) {
+    function We(t, s, h, p, m) {
       {
         var w = Function.call.bind(_t);
         for (var b in t)
@@ -334,14 +334,14 @@ function Jr() {
             var A = void 0;
             try {
               if (typeof t[b] != "function") {
-                var R = Error((g || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var R = Error((p || "React class") + ": " + h + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw R.name = "Invariant Violation", R;
               }
-              A = t[b](o, b, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              A = t[b](s, b, p, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (k) {
               A = k;
             }
-            A && !(A instanceof Error) && (Ft(m), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, b, typeof A), Ft(null)), A instanceof Error && !(A.message in we) && (we[A.message] = !0, Ft(m), T("Failed %s type: %s", u, A.message), Ft(null));
+            A && !(A instanceof Error) && (Ft(m), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", h, b, typeof A), Ft(null)), A instanceof Error && !(A.message in we) && (we[A.message] = !0, Ft(m), T("Failed %s type: %s", h, A.message), Ft(null));
           }
       }
     }
@@ -351,8 +351,8 @@ function Jr() {
     }
     function H(t) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, u = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return u;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, h = s && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h;
       }
     }
     function qe(t) {
@@ -378,56 +378,56 @@ function Jr() {
     re = {};
     function ne(t) {
       if (_t.call(t, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (o && o.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
     function Ye(t) {
       if (_t.call(t, "key")) {
-        var o = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (o && o.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function Xe(t, o) {
-      if (typeof t.ref == "string" && ot.current && o && ot.current.stateNode !== o) {
-        var u = tt(ot.current.type);
-        re[u] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', tt(ot.current.type), t.ref), re[u] = !0);
+    function Ge(t, s) {
+      if (typeof t.ref == "string" && ot.current && s && ot.current.stateNode !== s) {
+        var h = tt(ot.current.type);
+        re[h] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', tt(ot.current.type), t.ref), re[h] = !0);
       }
     }
-    function Ge(t, o) {
+    function Xe(t, s) {
       {
-        var u = function() {
-          $t || ($t = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var h = function() {
+          $t || ($t = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        u.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: u,
+        h.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: h,
           configurable: !0
         });
       }
     }
-    function ie(t, o) {
+    function ie(t, s) {
       {
-        var u = function() {
-          _e || (_e = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var h = function() {
+          _e || (_e = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
-        u.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: u,
+        h.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: h,
           configurable: !0
         });
       }
     }
-    var ke = function(t, o, u, g, m, w, b) {
+    var ke = function(t, s, h, p, m, w, b) {
       var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: t,
-        key: o,
-        ref: u,
+        key: s,
+        ref: h,
         props: b,
         // Record the component responsible for creating this element.
         _owner: w
@@ -441,7 +441,7 @@ function Jr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
+        value: p
       }), Object.defineProperty(A, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -449,12 +449,12 @@ function Jr() {
         value: m
       }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
-    function kt(t, o, u, g, m) {
+    function kt(t, s, h, p, m) {
       {
         var w, b = {}, A = null, R = null;
-        u !== void 0 && (ee(u), A = "" + u), Ye(o) && (ee(o.key), A = "" + o.key), ne(o) && (R = o.ref, Xe(o, m));
-        for (w in o)
-          _t.call(o, w) && !Ee.hasOwnProperty(w) && (b[w] = o[w]);
+        h !== void 0 && (ee(h), A = "" + h), Ye(s) && (ee(s.key), A = "" + s.key), ne(s) && (R = s.ref, Ge(s, m));
+        for (w in s)
+          _t.call(s, w) && !Ee.hasOwnProperty(w) && (b[w] = s[w]);
         if (t && t.defaultProps) {
           var k = t.defaultProps;
           for (w in k)
@@ -462,21 +462,21 @@ function Jr() {
         }
         if (A || R) {
           var O = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          A && Ge(b, O), R && ie(b, O);
+          A && Xe(b, O), R && ie(b, O);
         }
-        return ke(t, A, R, m, g, ot.current, b);
+        return ke(t, A, R, m, p, ot.current, b);
       }
     }
     var oe = L.ReactCurrentOwner, Te = L.ReactDebugCurrentFrame;
-    function ut(t) {
+    function ht(t) {
       if (t) {
-        var o = t._owner, u = Lt(t.type, t._source, o ? o.type : null);
-        Te.setExtraStackFrame(u);
+        var s = t._owner, h = Lt(t.type, t._source, s ? s.type : null);
+        Te.setExtraStackFrame(h);
       } else
         Te.setExtraStackFrame(null);
     }
-    var G;
-    G = !1;
+    var X;
+    X = !1;
     function dt(t) {
       return typeof t == "object" && t !== null && t.$$typeof === e;
     }
@@ -495,10 +495,10 @@ Check the render method of \`` + t + "`.";
     function Je(t) {
       {
         if (t !== void 0) {
-          var o = t.fileName.replace(/^.*[\\\/]/, ""), u = t.lineNumber;
+          var s = t.fileName.replace(/^.*[\\\/]/, ""), h = t.lineNumber;
           return `
 
-Check your code at ` + o + ":" + u + ".";
+Check your code at ` + s + ":" + h + ".";
         }
         return "";
       }
@@ -506,37 +506,37 @@ Check your code at ` + o + ":" + u + ".";
     var se = {};
     function Se(t) {
       {
-        var o = jt();
-        if (!o) {
-          var u = typeof t == "string" ? t : t.displayName || t.name;
-          u && (o = `
+        var s = jt();
+        if (!s) {
+          var h = typeof t == "string" ? t : t.displayName || t.name;
+          h && (s = `
 
-Check the top-level render call using <` + u + ">.");
+Check the top-level render call using <` + h + ">.");
         }
-        return o;
+        return s;
       }
     }
-    function Ce(t, o) {
+    function Ce(t, s) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var u = Se(o);
-        if (se[u])
+        var h = Se(s);
+        if (se[h])
           return;
-        se[u] = !0;
-        var g = "";
-        t && t._owner && t._owner !== oe.current && (g = " It was passed a child from " + tt(t._owner.type) + "."), ut(t), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), ut(null);
+        se[h] = !0;
+        var p = "";
+        t && t._owner && t._owner !== oe.current && (p = " It was passed a child from " + tt(t._owner.type) + "."), ht(t), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, p), ht(null);
       }
     }
-    function Dt(t, o) {
+    function Dt(t, s) {
       {
         if (typeof t != "object")
           return;
         if (te(t))
-          for (var u = 0; u < t.length; u++) {
-            var g = t[u];
-            dt(g) && Ce(g, o);
+          for (var h = 0; h < t.length; h++) {
+            var p = t[h];
+            dt(p) && Ce(p, s);
           }
         else if (dt(t))
           t._store && (t._store.validated = !0);
@@ -544,48 +544,48 @@ Check the top-level render call using <` + u + ">.");
           var m = $(t);
           if (typeof m == "function" && m !== t.entries)
             for (var w = m.call(t), b; !(b = w.next()).done; )
-              dt(b.value) && Ce(b.value, o);
+              dt(b.value) && Ce(b.value, s);
         }
       }
     }
     function Ze(t) {
       {
-        var o = t.type;
-        if (o == null || typeof o == "string")
+        var s = t.type;
+        if (s == null || typeof s == "string")
           return;
-        var u;
-        if (typeof o == "function")
-          u = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === d || // Note: Memo only checks outer props here.
+        var h;
+        if (typeof s == "function")
+          h = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === _))
-          u = o.propTypes;
+        s.$$typeof === _))
+          h = s.propTypes;
         else
           return;
-        if (u) {
-          var g = tt(o);
-          Ue(u, t.props, "prop", g, t);
-        } else if (o.PropTypes !== void 0 && !G) {
-          G = !0;
-          var m = tt(o);
+        if (h) {
+          var p = tt(s);
+          We(h, t.props, "prop", p, t);
+        } else if (s.PropTypes !== void 0 && !X) {
+          X = !0;
+          var m = tt(s);
           T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Oe(t) {
       {
-        for (var o = Object.keys(t.props), u = 0; u < o.length; u++) {
-          var g = o[u];
-          if (g !== "children" && g !== "key") {
-            ut(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), ut(null);
+        for (var s = Object.keys(t.props), h = 0; h < s.length; h++) {
+          var p = s[h];
+          if (p !== "children" && p !== "key") {
+            ht(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ht(null);
             break;
           }
         }
-        t.ref !== null && (ut(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), ut(null));
+        t.ref !== null && (ht(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), ht(null));
       }
     }
-    function ae(t, o, u, g, m, w) {
+    function ae(t, s, h, p, m, w) {
       {
         var b = Ot(t);
         if (!b) {
@@ -596,16 +596,16 @@ Check the top-level render call using <` + u + ">.");
           var k;
           t === null ? k = "null" : te(t) ? k = "array" : t !== void 0 && t.$$typeof === e ? (k = "<" + (tt(t.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : k = typeof t, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, A);
         }
-        var O = kt(t, o, u, m, w);
+        var O = kt(t, s, h, m, w);
         if (O == null)
           return O;
         if (b) {
-          var j = o.children;
+          var j = s.children;
           if (j !== void 0)
-            if (g)
+            if (p)
               if (te(j)) {
-                for (var W = 0; W < j.length; W++)
-                  Dt(j[W], t);
+                for (var U = 0; U < j.length; U++)
+                  Dt(j[U], t);
                 Object.freeze && Object.freeze(j);
               } else
                 T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -615,19 +615,19 @@ Check the top-level render call using <` + u + ">.");
         return t === i ? Oe(O) : Ze(O), O;
       }
     }
-    function Ke(t, o, u) {
-      return ae(t, o, u, !0);
+    function Ke(t, s, h) {
+      return ae(t, s, h, !0);
     }
-    function r(t, o, u) {
-      return ae(t, o, u, !1);
+    function r(t, s, h) {
+      return ae(t, s, h, !1);
     }
     var n = r, a = Ke;
     ce.Fragment = i, ce.jsx = n, ce.jsxs = a;
   }()), ce;
 }
-process.env.NODE_ENV === "production" ? or.exports = Gr() : or.exports = Jr();
-var Zr = or.exports, Kr = Object.defineProperty, Qr = (h, e, s) => e in h ? Kr(h, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[e] = s, x = (h, e, s) => (Qr(h, typeof e != "symbol" ? e + "" : e, s), s);
-let ze = (h = 21) => crypto.getRandomValues(new Uint8Array(h)).reduce((e, s) => (s &= 63, s < 36 ? e += s.toString(36) : s < 62 ? e += (s - 26).toString(36).toUpperCase() : s > 62 ? e += "-" : e += "_", e), "");
+process.env.NODE_ENV === "production" ? or.exports = Xr() : or.exports = Jr();
+var Zr = or.exports, Kr = Object.defineProperty, Qr = (u, e, o) => e in u ? Kr(u, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : u[e] = o, x = (u, e, o) => (Qr(u, typeof e != "symbol" ? e + "" : e, o), o);
+let ze = (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 ge = {
   strokeType: "plain",
   strokeColor: "black",
@@ -660,7 +660,7 @@ const ge = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, tn = (h = 0, e = 0, s = 0, i = 0, l = { ...ge }) => ({
+}, tn = (u = 0, e = 0, o = 0, i = 0, l = { ...ge }) => ({
   id: ze(),
   type: "Feature",
   properties: {
@@ -673,170 +673,186 @@ const ge = {
   geometry: {
     type: "LineString",
     coordinates: [
-      [h, e],
-      [s, i]
+      [u, e],
+      [o, i]
     ]
   }
 }), en = "http://www.w3.org/2000/svg";
-function de(h) {
-  return document.createElementNS(en, h);
+function de(u) {
+  return document.createElementNS(en, u);
 }
-function Pr(h) {
-  return h.geometry.bbox || rn(h), h.geometry.bbox;
+function Pr(u) {
+  return u.geometry.bbox || rn(u), u.geometry.bbox;
 }
-function vt(h) {
-  const e = Pr(h);
+function mt(u) {
+  const e = Pr(u);
   return {
     width: e[2] - e[0],
     height: e[3] - e[1]
   };
 }
-function yt(h) {
-  const e = Pr(h);
+function vt(u) {
+  const e = Pr(u);
   return { x: e[0], y: e[1] };
 }
-function rn(h) {
-  const [e, s] = h.geometry.coordinates[0][0], [i, l] = h.geometry.coordinates[0][2];
-  h.geometry.bbox = [e, s, i, l];
+function rn(u) {
+  const [e, o] = u.geometry.coordinates[0][0], [i, l] = u.geometry.coordinates[0][2];
+  u.geometry.bbox = [e, o, i, l];
 }
-function nn(h, e, s, i, l) {
-  h.geometry.bbox = [e, s, e + i, s + l], h.geometry.coordinates = [
+function nn(u, e, o, i, l) {
+  u.geometry.bbox = [e, o, e + i, o + l], u.geometry.coordinates = [
     [
-      [e, s],
-      [e + i, s],
-      [e + i, s + l],
-      [e, s + l],
-      [e, s]
+      [e, o],
+      [e + i, o],
+      [e + i, o + l],
+      [e, o + l],
+      [e, o]
     ]
   ];
 }
-function fe(h) {
-  const [e, s] = h.geometry.coordinates[0];
-  return { x: e, y: s };
+function fe(u) {
+  const [e, o] = u.geometry.coordinates[0];
+  return { x: e, y: o };
 }
-function Ie(h, e) {
-  const [s, i] = h.geometry.coordinates[e === "start" ? 0 : 1];
-  return { x: s, y: i };
+function Ie(u, e) {
+  const [o, i] = u.geometry.coordinates[e === "start" ? 0 : 1];
+  return { x: o, y: i };
 }
-function $e(h) {
-  const [e, s] = h.geometry.coordinates[1];
-  return { x: e, y: s };
+function $e(u) {
+  const [e, o] = u.geometry.coordinates[1];
+  return { x: e, y: o };
 }
-function Rr(h, e, s) {
-  h.geometry.coordinates[0] = [e, s];
+function Rr(u, e, o) {
+  u.geometry.coordinates[0] = [e, o];
 }
-function Ir(h, e, s) {
-  h.geometry.coordinates[1] = [e, s];
+function Ir(u, e, o) {
+  u.geometry.coordinates[1] = [e, o];
 }
-function je(h) {
-  return { start: fe(h), end: $e(h) };
+function je(u) {
+  return { start: fe(u), end: $e(u) };
 }
-function Bt(h, e, s, i) {
-  e === "start" ? Rr(h, s, i) : Ir(h, s, i);
+function Bt(u, e, o, i) {
+  e === "start" ? Rr(u, o, i) : Ir(u, o, i);
 }
-const Lr = (h) => parseInt(h.getAttribute("data-handle-id") || "-1");
-function Le(h, e, s) {
-  const i = Math.atan2(h.y - e.y, h.x - e.x);
+const Lr = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
+function on(u) {
+  return Array.isArray(u) && u.length === 2 && u.every(isFinite);
+}
+function sn(u, e, o, i) {
+  for (let l = 0; l < u.coordinates.length; l++) {
+    const c = u.coordinates[l];
+    if (on(c))
+      c[0] = o + (c[0] - o) * e, c[1] = i + (c[1] - i) * e;
+    else
+      for (let f = 0; f < c.length; f++) {
+        const g = c[f];
+        g[0] = o + (g[0] - o) * e, g[1] = i + (g[1] - i) * e;
+      }
+  }
+  return u;
+}
+function Le(u, e, o) {
+  const i = Math.atan2(u.y - e.y, u.x - e.x);
   return {
-    x: e.x + s * Math.cos(i),
-    y: e.y + s * Math.sin(i)
+    x: e.x + o * Math.cos(i),
+    y: e.y + o * Math.sin(i)
   };
 }
-function sr(h, e) {
+function sr(u, e) {
   if (!e)
-    return { x: h.clientX, y: h.clientY };
-  const s = e.getBoundingClientRect();
+    return { x: u.clientX, y: u.clientY };
+  const o = e.getBoundingClientRect();
   return {
-    x: h.clientX - s.left - e.clientLeft,
-    y: h.clientY - s.top - e.clientTop
+    x: u.clientX - o.left - e.clientLeft,
+    y: u.clientY - o.top - e.clientTop
   };
 }
-const Ct = (h, e) => ({
-  x: h.x - e.x,
-  y: h.y - e.y
-}), Wt = (h) => Math.sqrt(h.x * h.x + h.y * h.y), Fr = (h) => ({
-  x: -h.x,
-  y: -h.y
-}), $r = (h) => {
-  const e = Wt(h);
+const Ct = (u, e) => ({
+  x: u.x - e.x,
+  y: u.y - e.y
+}), Ut = (u) => Math.sqrt(u.x * u.x + u.y * u.y), Fr = (u) => ({
+  x: -u.x,
+  y: -u.y
+}), $r = (u) => {
+  const e = Ut(u);
   return e === 0 ? { x: 0, y: 0 } : {
-    x: h.x / e,
-    y: h.y / e
+    x: u.x / e,
+    y: u.y / e
   };
-}, Ht = (h, e) => ({
-  x: h.x + e.x,
-  y: h.y + e.y
-}), jr = (h, e) => ({
-  x: h.x * e,
-  y: h.y * e
-}), Fe = (h, e) => ({
-  x: h.x * e.x,
-  y: h.y * e.y
-}), st = (h, e) => {
-  const s = Math.sin(e), i = Math.cos(e);
+}, Ht = (u, e) => ({
+  x: u.x + e.x,
+  y: u.y + e.y
+}), jr = (u, e) => ({
+  x: u.x * e,
+  y: u.y * e
+}), Fe = (u, e) => ({
+  x: u.x * e.x,
+  y: u.y * e.y
+}), at = (u, e) => {
+  const o = Math.sin(e), i = Math.cos(e);
   return {
-    x: h.x * i - h.y * s,
-    y: h.x * s + h.y * i
+    x: u.x * i - u.y * o,
+    y: u.x * o + u.y * i
   };
-}, on = (h, e) => ({
-  x: h.x / e,
-  y: h.y / e
-}), pr = (h, e) => h.x * e.x + h.y * e.y;
-function Dr(h, e = 5, s = 30) {
+}, an = (u, e) => ({
+  x: u.x / e,
+  y: u.y / e
+}), pr = (u, e) => u.x * e.x + u.y * e.y;
+function Dr(u, e = 5, o = 30) {
   var i;
-  const { start: l, end: c } = je(h), f = Ct(c, l), p = h.properties.style && h.properties.style.strokeWidth ? (i = h.properties.style) == null ? void 0 : i.strokeWidth : 0;
-  return Math.min(s, Math.max(3 * p, Wt(f) * 0.1, e));
+  const { start: l, end: c } = je(u), f = Ct(c, l), g = u.properties.style && u.properties.style.strokeWidth ? (i = u.properties.style) == null ? void 0 : i.strokeWidth : 0;
+  return Math.min(o, Math.max(3 * g, Ut(f) * 0.1, e));
 }
-function yr(h, e, s, i) {
+function yr(u, e, o, i) {
   const l = jr(Fr($r(e)), i);
-  if (!s || s === "none")
+  if (!o || o === "none")
     return "";
-  const c = Ht(h, st(l, Math.PI / 8)), f = Ht(h, st(l, -Math.PI / 8)), p = `${h.x} ${h.y}`;
-  return `M ${c.x} ${c.y} L ${p} ${f.x} ${f.y} ${s === "arrow" ? "" : `${c.x} ${c.y}`}`;
+  const c = Ht(u, at(l, Math.PI / 8)), f = Ht(u, at(l, -Math.PI / 8)), g = `${u.x} ${u.y}`;
+  return `M ${c.x} ${c.y} L ${g} ${f.x} ${f.y} ${o === "arrow" ? "" : `${c.x} ${c.y}`}`;
 }
-function sn(h, e, s, i, l) {
-  const { start: c, end: f } = je(h), { tail: p, head: d, strokeColor: v, strokeWidth: y } = h.properties.style || s, _ = Ct(f, c), C = Dr(h, i, l), E = de("path");
-  E.setAttribute("data-annotation", `${h.id}`), E.setAttribute("data-annotation-type", "arrow");
-  const P = d === "arrow-plain" || p === "arrow";
+function ln(u, e, o, i, l) {
+  const { start: c, end: f } = je(u), { tail: g, head: d, strokeColor: v, strokeWidth: y } = u.properties.style || o, _ = Ct(f, c), C = Dr(u, i, l), E = de("path");
+  E.setAttribute("data-annotation", `${u.id}`), E.setAttribute("data-annotation-type", "arrow");
+  const P = d === "arrow-plain" || g === "arrow";
   E.setAttribute("stroke", v || "none"), E.setAttribute("stroke-width", `${y}`), E.setAttribute("fill", P ? v || "" : "none"), E.setAttribute("stroke-linecap", "round"), E.setAttribute("stroke-linejoin", "round");
-  const S = yr(c, Fr(_), p, C), $ = yr(f, _, d, C), L = S + `M ${c.x} ${c.y} ${f.x} ${f.y}` + $;
+  const S = yr(c, Fr(_), g, C), $ = yr(f, _, d, C), L = S + `M ${c.x} ${c.y} ${f.x} ${f.y}` + $;
   E.setAttribute("d", L), e.appendChild(E);
 }
-const Y = -1, De = "dragging", Me = "dragstart", Vt = "dragend", ar = "select", lr = "unselect", an = "hover", ln = "unhover", hr = "remove", ur = "add", hn = "cancelDrawing", cr = "update", un = "link";
-var cn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Mr(h) {
-  return h && h.__esModule && Object.prototype.hasOwnProperty.call(h, "default") ? h.default : h;
+const Y = -1, De = "dragging", Me = "dragstart", Vt = "dragend", ar = "select", lr = "unselect", un = "hover", hn = "unhover", ur = "remove", hr = "add", cn = "cancelDrawing", cr = "update", dn = "link";
+var fn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Mr(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
 var zr = { exports: {} };
-(function(h) {
-  var e = Object.prototype.hasOwnProperty, s = "~";
+(function(u) {
+  var e = Object.prototype.hasOwnProperty, o = "~";
   function i() {
   }
-  Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (s = !1));
+  Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (o = !1));
   function l(d, v, y) {
     this.fn = d, this.context = v, this.once = y || !1;
   }
   function c(d, v, y, _, C) {
     if (typeof y != "function")
       throw new TypeError("The listener must be a function");
-    var E = new l(y, _ || d, C), P = s ? s + v : v;
+    var E = new l(y, _ || d, C), P = o ? o + v : v;
     return d._events[P] ? d._events[P].fn ? d._events[P] = [d._events[P], E] : d._events[P].push(E) : (d._events[P] = E, d._eventsCount++), d;
   }
   function f(d, v) {
     --d._eventsCount === 0 ? d._events = new i() : delete d._events[v];
   }
-  function p() {
+  function g() {
     this._events = new i(), this._eventsCount = 0;
   }
-  p.prototype.eventNames = function() {
+  g.prototype.eventNames = function() {
     var d = [], v, y;
     if (this._eventsCount === 0)
       return d;
     for (y in v = this._events)
-      e.call(v, y) && d.push(s ? y.slice(1) : y);
+      e.call(v, y) && d.push(o ? y.slice(1) : y);
     return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(v)) : d;
-  }, p.prototype.listeners = function(d) {
-    var v = s ? s + d : d, y = this._events[v];
+  }, g.prototype.listeners = function(d) {
+    var v = o ? o + d : d, y = this._events[v];
     if (!y)
       return [];
     if (y.fn)
@@ -844,11 +860,11 @@ var zr = { exports: {} };
     for (var _ = 0, C = y.length, E = new Array(C); _ < C; _++)
       E[_] = y[_].fn;
     return E;
-  }, p.prototype.listenerCount = function(d) {
-    var v = s ? s + d : d, y = this._events[v];
+  }, g.prototype.listenerCount = function(d) {
+    var v = o ? o + d : d, y = this._events[v];
     return y ? y.fn ? 1 : y.length : 0;
-  }, p.prototype.emit = function(d, v, y, _, C, E) {
-    var P = s ? s + d : d;
+  }, g.prototype.emit = function(d, v, y, _, C, E) {
+    var P = o ? o + d : d;
     if (!this._events[P])
       return !1;
     var S = this._events[P], $ = arguments.length, L, T;
@@ -894,12 +910,12 @@ var zr = { exports: {} };
         }
     }
     return !0;
-  }, p.prototype.on = function(d, v, y) {
+  }, g.prototype.on = function(d, v, y) {
     return c(this, d, v, y, !1);
-  }, p.prototype.once = function(d, v, y) {
+  }, g.prototype.once = function(d, v, y) {
     return c(this, d, v, y, !0);
-  }, p.prototype.removeListener = function(d, v, y, _) {
-    var C = s ? s + d : d;
+  }, g.prototype.removeListener = function(d, v, y, _) {
+    var C = o ? o + d : d;
     if (!this._events[C])
       return this;
     if (!v)
@@ -913,15 +929,15 @@ var zr = { exports: {} };
       S.length ? this._events[C] = S.length === 1 ? S[0] : S : f(this, C);
     }
     return this;
-  }, p.prototype.removeAllListeners = function(d) {
+  }, g.prototype.removeAllListeners = function(d) {
     var v;
-    return d ? (v = s ? s + d : d, this._events[v] && f(this, v)) : (this._events = new i(), this._eventsCount = 0), this;
-  }, p.prototype.off = p.prototype.removeListener, p.prototype.addListener = p.prototype.on, p.prefixed = s, p.EventEmitter = p, h.exports = p;
+    return d ? (v = o ? o + d : d, this._events[v] && f(this, v)) : (this._events = new i(), 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;
 })(zr);
-var dn = zr.exports;
-const Nr = /* @__PURE__ */ Mr(dn);
+var gn = zr.exports;
+const Nr = /* @__PURE__ */ Mr(gn);
 class Br extends Nr {
-  constructor(e, s) {
+  constructor(e, o) {
     super(), x(this, "ogma"), x(this, "elements"), x(this, "layer"), x(this, "editor"), x(this, "selectedId", Y), x(this, "hoveredId", Y), x(this, "ogmaOptions"), x(this, "shouldDetect"), x(this, "isDragging"), x(this, "showeditorOnHover"), x(this, "_onKeyUp", (i) => {
       i.code === 27 && this.selectedId !== Y ? this.unselect() : (i.code === 46 || i.code === 8) && this.selectedId !== Y && this._canRemove() && this.remove(this.selectedId);
     }), x(this, "_onClickMouseMove", (i) => {
@@ -933,7 +949,7 @@ class Br extends Nr {
       this.refreshEditor(), this.refreshDrawing();
     }), this.layer = e.layers.addSVGLayer({
       draw: (i) => this.draw(i)
-    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(s), this.editor.hide();
+    }), this.layer.moveToTop(), this.editor = e.layers.addLayer(o), this.editor.hide();
   }
   _canRemove() {
     return !0;
@@ -944,52 +960,58 @@ class Br extends Nr {
    * @returns the added annotation
    */
   add(e) {
-    const s = this.getDefaultOptions(), i = Object.assign(e, {
+    const o = this.getDefaultOptions(), i = Object.assign(e, {
       id: e.id === void 0 ? ze() : e.id,
       type: e.type,
       properties: {
-        ...s.properties,
+        ...o.properties,
         ...e.properties || {},
         // styles need to be merged
-        style: { ...s.properties.style, ...e.properties.style || {} }
+        style: { ...o.properties.style, ...e.properties.style || {} }
       },
       geometry: {
-        ...s.geometry,
+        ...o.geometry,
         ...e.geometry
       }
     });
-    return this.elements.push(i), this.layer.refresh(), this.emit(ur, i), i;
+    return this.elements.push(i), this.layer.refresh(), this.emit(hr, i), i;
   }
-  updateStyle(e, s) {
+  updateStyle(e, o) {
     this.updateAnnotation(e, {
       properties: {
-        style: s
+        style: o
       }
     });
   }
-  updateGeometry(e, s) {
+  updateGeometry(e, o) {
     this.updateAnnotation(e, {
-      geometry: s
+      geometry: o
     });
   }
+  scale(e, o, i, l) {
+    this.updateGeometry(
+      e,
+      sn(e.geometry, o, i, l)
+    );
+  }
   /**
    * @method update
    * Updates an annotation (position, color etc)
    * @param id Id of the annotation to update
    * @param element params of the annotation
    */
-  update(e, s) {
+  update(e, o) {
     const i = this.getById(e);
-    this.updateAnnotation(i, s);
+    this.updateAnnotation(i, o);
   }
-  updateAnnotation(e, s) {
+  updateAnnotation(e, o) {
     if (!e)
       return;
     const i = e.id;
-    Object.keys(s).forEach((l) => {
+    Object.keys(o).forEach((l) => {
       if (l !== "id")
         if (l === "properties") {
-          const c = s.properties || { style: {} };
+          const c = o.properties || { style: {} };
           e.properties = {
             ...e.properties || {},
             ...c || {},
@@ -1001,15 +1023,15 @@ class Br extends Nr {
         } else
           l === "geometry" ? e.geometry = {
             ...e.geometry,
-            ...s.geometry
-          } : e[l] = s[l];
+            ...o.geometry
+          } : e[l] = o[l];
     }), i === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(e) {
-    const s = Number(e);
+    const o = Number(e);
     for (let i = 0; i < this.elements.length; i++) {
       const l = this.elements[i];
-      if (!(l.id !== e && l.id !== s))
+      if (!(l.id !== e && l.id !== o))
         return l;
     }
   }
@@ -1019,12 +1041,12 @@ class Br extends Nr {
    * Select element, show editor, disable Ogma dragging and fire event
    */
   select(e) {
-    const s = this.getById(e);
-    s && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(ar, s));
+    const o = this.getById(e);
+    o && (this.editor.show(), this.selectedId = e, this.refreshEditor(), this.layer.refresh(), this.emit(ar, o));
   }
   hover(e) {
-    const s = this.getById(e);
-    s && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(an, s));
+    const o = this.getById(e);
+    o && (this.showeditorOnHover && this.editor.show(), this.hoveredId = e, this.refreshEditor(), this.layer.refresh(), this.emit(un, o));
   }
   getSelectedFeature() {
     return this.selectedId === Y ? null : this.getById(this.selectedId);
@@ -1035,7 +1057,7 @@ class Br extends Nr {
   }
   unhover() {
     const e = this.getById(this.hoveredId);
-    return this.emit(ln, e), this.hoveredId = Y, this.selectedId === Y && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(hn, e), this.hoveredId = Y, this.selectedId === Y && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -1043,8 +1065,8 @@ class Br extends Nr {
    * Removes annotation with the given id
    */
   remove(e) {
-    const s = this.getById(e);
-    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((i) => i.id !== e), s && this.emit(hr, s), this.layer.refresh();
+    const o = this.getById(e);
+    e === this.hoveredId && this.unhover(), e === this.selectedId && this.unselect(), this.elements = this.elements.filter((i) => i.id !== e), o && this.emit(ur, o), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -1095,8 +1117,8 @@ class Br extends Nr {
   }
 }
 const vr = "handle-line", mr = "handle-start", br = "handle-end";
-class fn extends Br {
-  constructor(e, s = {}) {
+class pn extends Br {
+  constructor(e, o = {}) {
     super(
       e,
       `
@@ -1117,19 +1139,19 @@ class fn extends Br {
     }), x(this, "onMouseMove", (i) => {
       if (!this.isDragging || this.draggedHandle === Y)
         return;
-      const l = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: f, y: p } = st(
-        on(
+      const l = this.handles[this.draggedHandle], c = this.ogma.view.getAngle(), { x: f, y: g } = at(
+        an(
           { x: i.clientX - this.startX, y: i.clientY - this.startY },
           this.ogma.view.getZoom()
         ),
         c
       ), d = l.id === vr, v = l.id === mr, y = l.id === br;
-      (d || v) && Rr(this.arrow, this.start.x + f, this.start.y + p), (d || y) && Ir(this.arrow, this.end.x + f, this.end.y + p), this.emit(
+      (d || v) && Rr(this.arrow, this.start.x + f, this.start.y + g), (d || y) && Ir(this.arrow, this.end.x + f, this.end.y + g), this.emit(
         De,
         this.arrow,
         d ? "line" : v ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
-    }), this.minArrowHeight = s.minArrowHeight || 0, this.maxArrowHeight = s.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
+    }), this.minArrowHeight = o.minArrowHeight || 0, this.maxArrowHeight = o.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".arrow-handle>.handle")
     ), this.handles.forEach(
       (i) => i.addEventListener("mousedown", this.onHandleMouseDown)
@@ -1141,10 +1163,10 @@ class fn extends Br {
    * @param y
    * @param arrow
    */
-  startDrawing(e, s, i = tn(e, s, e, s, ge)) {
+  startDrawing(e, o, i = tn(e, o, e, o, ge)) {
     var l;
     this.disableDragging(), this.add(i), this.hoveredId = i.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: s }), f = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
+    const c = this.ogma.view.graphToScreenCoordinates({ x: e, y: o }), f = ((l = this.ogma.getContainer()) == null ? void 0 : l.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
@@ -1157,44 +1179,44 @@ class fn extends Br {
   cancelDrawing() {
     this.isDragging && (this.remove(this.arrow.id), this.emit(Vt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = Y);
   }
-  startDragging(e, s, i) {
-    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = s, this.startY = i, this.start = fe(this.arrow), this.end = $e(this.arrow), this.disableDragging(), this.emit(Me, this.arrow), this.isDragging = !0;
+  startDragging(e, o, i) {
+    this.selectedId !== e.id && this.select(this.hoveredId), this.arrow = e, this.startX = o, this.startY = i, this.start = fe(this.arrow), this.end = $e(this.arrow), this.disableDragging(), this.emit(Me, this.arrow), this.isDragging = !0;
   }
-  detect(e, s = 0) {
+  detect(e, o = 0) {
     return this.elements.find((i) => {
       const { start: l, end: c } = je(i), f = Ct(e, {
         x: (l.x + c.x) / 2,
         y: (l.y + c.y) / 2
-      }), p = Ct(c, l), d = Wt(p), v = $r(p), y = Dr(i);
-      return Math.abs(pr(v, f)) < d / 2 + s && Math.abs(pr(st(v, Math.PI / 2), f)) < y / 2 + s;
+      }), g = Ct(c, l), d = Ut(g), v = $r(g), y = Dr(i);
+      return Math.abs(pr(v, f)) < d / 2 + o && Math.abs(pr(at(v, Math.PI / 2), f)) < y / 2 + o;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const e = this.selectedId !== Y ? this.getById(this.selectedId) : this.getById(this.hoveredId), s = je(e), i = this.ogma.view.graphToScreenCoordinates(s.start), l = this.ogma.view.graphToScreenCoordinates(s.end), [c, f, p] = Array.prototype.slice.call(
+    const e = this.selectedId !== Y ? this.getById(this.selectedId) : this.getById(this.hoveredId), o = je(e), i = this.ogma.view.graphToScreenCoordinates(o.start), l = this.ogma.view.graphToScreenCoordinates(o.end), [c, f, g] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    f.style.transform = `translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`, p.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
+    f.style.transform = `translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
     const d = {
       x: (l.x + i.x) / 2,
       y: (l.y + i.y) / 2
-    }, v = Ct(l, i), y = jr(v, 1 / Wt(v)), _ = Math.atan2(y.y, y.x);
-    c.style.width = `${Wt(v)}px`, c.style.left = `${d.x}px`, c.style.top = `${d.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${_}rad)`;
+    }, v = Ct(l, i), y = jr(v, 1 / Ut(v)), _ = Math.atan2(y.y, y.x);
+    c.style.width = `${Ut(v)}px`, c.style.left = `${d.x}px`, c.style.top = `${d.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${_}rad)`;
   }
   getDefaultOptions() {
     return gr;
   }
   draw(e) {
     e.innerHTML = "";
-    const s = de("g"), i = this.ogma.view.getAngle();
-    s.setAttribute("transform", `rotate(${-i * (180 / Math.PI)})`), this.elements.forEach(
-      (l) => sn(l, s, ge, this.minArrowHeight, this.maxArrowHeight)
-    ), e.appendChild(s);
+    const o = de("g"), i = this.ogma.view.getAngle();
+    o.setAttribute("transform", `rotate(${-i * (180 / Math.PI)})`), this.elements.forEach(
+      (l) => ln(l, o, ge, this.minArrowHeight, this.maxArrowHeight)
+    ), e.appendChild(o);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
-    this.layer.element.children[0].setAttribute(
+    this.layer.element !== null && this.layer.element.children[0].setAttribute(
       "transform",
       `rotate(${-e * (180 / Math.PI)})`
     );
@@ -1203,7 +1225,7 @@ class fn extends Br {
     super.destroy(), document.removeEventListener("mousemove", this.onMouseMove, !0), document.removeEventListener("mouseup", this.onMouseUp);
   }
 }
-const Ut = {
+const Wt = {
   font: "sans-serif",
   fontSize: 12,
   color: "black",
@@ -1217,7 +1239,7 @@ const Ut = {
   properties: {
     type: "text",
     content: "",
-    style: { ...Ut }
+    style: { ...Wt }
   },
   geometry: {
     type: "Polygon",
@@ -1236,35 +1258,35 @@ const Ut = {
 }, wr = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, gn = (h = 0, e = 0, s = 100, i = 50, l = "", c = { ...Ut }) => ({
+}, yn = (u = 0, e = 0, o = 100, i = 50, l = "", c = { ...Wt }) => ({
   id: ze(),
   type: "Feature",
   properties: {
     type: "text",
     content: l,
-    style: { ...Ut, ...c }
+    style: { ...Wt, ...c }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [h, e],
-        [h + s, e],
-        [h + s, e + i],
-        [h, e + i],
-        [h, e]
+        [u, e],
+        [u + o, e],
+        [u + o, e + i],
+        [u, e + i],
+        [u, e]
       ]
     ]
   }
 });
 var Hr = { exports: {} };
-(function(h, e) {
-  (function(s, i) {
-    h.exports = i();
-  })(cn, () => (() => {
-    var s = { d: (r, n) => {
+(function(u, e) {
+  (function(o, i) {
+    u.exports = i();
+  })(fn, () => (() => {
+    var o = { d: (r, n) => {
       for (var a in n)
-        s.o(n, a) && !s.o(r, a) && Object.defineProperty(r, a, { enumerable: !0, get: n[a] });
+        o.o(n, a) && !o.o(r, a) && Object.defineProperty(r, a, { enumerable: !0, get: n[a] });
     }, o: (r, n) => Object.prototype.hasOwnProperty.call(r, n) }, i = {};
     function l(r) {
       return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -1273,8 +1295,8 @@ var Hr = { exports: {} };
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, l(r);
     }
-    s.d(i, { default: () => Ke });
-    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, f = /\bsmall-caps\b/, p = /\b(?:italic|oblique)\b/, d = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+    o.d(i, { default: () => Ke });
+    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, f = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, d = /\bbold(?:er)?\b/, v = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
     function _(r) {
       var n = "", a = this;
       return a.style && a.style !== "normal" && (n += a.style), a.variant && a.variant !== "normal" && (n += (n ? " " : "") + a.variant), a.weight && a.weight !== "normal" && (n += (n ? " " : "") + a.weight), a.size && (n += (n ? " " : "") + a.size + "px", a.height !== a.size && (n += "/" + a.height + "px")), a.family && (n += (n ? " " : "") + a.family), r && (n += "::" + a.baseline), r && (n += "::" + a.color), n;
@@ -1285,28 +1307,28 @@ var Hr = { exports: {} };
       n.family = (a[6] || "").trim();
       var t = y[a[2]] || parseFloat(a[2]);
       a[3] === "%" ? t *= 0.16 : a[3] === "em" ? t *= 16 : a[3] === "pt" && (t *= v), n.size = t;
-      var o = parseFloat(a[4]);
-      if (o !== "normal" && o !== "inherit" && o ? a[5] && a[5] !== "em" ? a[5] === "pt" ? n.height = o * v : a[5] === "%" ? n.height = 0.01 * t : n.height = o : n.height = o * t : n.height = Math.round(t * (7 / 6)), f.test(a[1]) && (n.variant = "small-caps"), p.test(a[1]) && (n.style = "italic"), d.test(a[1]))
+      var s = parseFloat(a[4]);
+      if (s !== "normal" && s !== "inherit" && s ? a[5] && a[5] !== "em" ? a[5] === "pt" ? n.height = s * v : a[5] === "%" ? n.height = 0.01 * t : n.height = s : n.height = s * t : n.height = Math.round(t * (7 / 6)), f.test(a[1]) && (n.variant = "small-caps"), g.test(a[1]) && (n.style = "italic"), d.test(a[1]))
         n.weight = "bold";
       else {
-        var u = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
-        u >= 100 && u !== 400 && (n.weight = u);
+        var h = parseInt(/\b(\d+)\b/.exec(a[1]), 10);
+        h >= 100 && h !== 400 && (n.weight = h);
       }
       return n;
     }
     function P() {
-      var r, n, a, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, u = 14, g = 12, m = null, w = null, b = "";
+      var r, n, a, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = 14, p = 12, m = null, w = null, b = "";
       if (t && t.nodeType) {
         var A = t && (t.ownerDocument && t.ownerDocument.defaultView || t.document && t || t.defaultView), R = A.getComputedStyle(t, null);
-        r = R.getPropertyValue("font-family") || "", g = parseFloat(R.getPropertyValue("font-size")), u = R.getPropertyValue("line-height"), m = R.getPropertyValue("font-weight"), w = R.getPropertyValue("font-style"), b = R.getPropertyValue("font-variant") || "";
+        r = R.getPropertyValue("font-family") || "", p = parseFloat(R.getPropertyValue("font-size")), h = R.getPropertyValue("line-height"), m = R.getPropertyValue("font-weight"), w = R.getPropertyValue("font-style"), b = R.getPropertyValue("font-variant") || "";
       } else if (typeof t == "string") {
         var k = E(t);
-        r = k.family, g = k.size, u = k.height, b = k.variant, w = k.style, m = k.weight;
+        r = k.family, p = k.size, h = k.height, b = k.variant, w = k.style, m = k.weight;
       } else
-        l(t) === "object" && (r = t.family, g = t.size, u = t.height, b = t.variant, m = t.weight, w = t.style, n = t.baseline, a = t.color);
-      o.size && o.size < 3 && (g *= o.size), u = u !== "normal" && u ? parseFloat(u) : g * (7 / 6), o.height && o.height < 3 && (u *= o.height);
+        l(t) === "object" && (r = t.family, p = t.size, h = t.height, b = t.variant, m = t.weight, w = t.style, n = t.baseline, a = t.color);
+      s.size && s.size < 3 && (p *= s.size), h = h !== "normal" && h ? parseFloat(h) : p * (7 / 6), s.height && s.height < 3 && (h *= s.height);
       var O = Object.create(C);
-      return O.family = o.family || r || "sans-serif", O.height = u ?? 14, O.size = g ?? 12, O.variant = o.variant || b || "", O.style = o.style || w || "", O.weight = o.weight || m || "", O.baseline = n || 0, o.baseline != null && (O.baseline = o.baseline), O.color = o.color || a || "", O.id = _.call(O, !0), O;
+      return O.family = s.family || r || "sans-serif", O.height = h ?? 14, O.size = p ?? 12, O.variant = s.variant || b || "", O.style = s.style || w || "", O.weight = s.weight || m || "", O.baseline = n || 0, s.baseline != null && (O.baseline = s.baseline), O.color = s.color || a || "", O.id = _.call(O, !0), O;
     }
     const S = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
     var $, L = function(r) {
@@ -1314,8 +1336,8 @@ var Hr = { exports: {} };
       if (n && n.getContext) {
         var a = n.getContext("2d");
         if (a && typeof a.measureText == "function")
-          return function(t, o) {
-            return a.font = String(o), a.measureText(t).width;
+          return function(t, s) {
+            return a.font = String(s), a.measureText(t).width;
           };
       }
     }(typeof document < "u" ? document : null) || ($ = {}, function(r, n) {
@@ -1326,14 +1348,14 @@ var Hr = { exports: {} };
       return r.length * $[n].size;
     }), T = {}, B = { trim: !0, collapse: !0 };
     function N(r, n, a) {
-      var t = Object.assign({}, B, a), o = String(r);
-      if (!o)
+      var t = Object.assign({}, B, a), s = String(r);
+      if (!s)
         return 0;
-      if (o in S) {
-        var u = n.id + "/" + o;
-        return u in T || (T[u] = L("_".concat(o, "_"), n) - L("__", n)), T[u];
+      if (s in S) {
+        var h = n.id + "/" + s;
+        return h in T || (T[h] = L("_".concat(s, "_"), n) - L("__", n)), T[h];
       }
-      return t.trim && t.collapse ? t.trim ? o = o.trim() : t.collapse && (o = o.replace(/\s+/g, " ")) : o = o.replace(/\n/g, " "), L(o, n) + n.size * (r.tracking || 0);
+      return t.trim && t.collapse ? t.trim ? s = s.trim() : t.collapse && (s = s.replace(/\s+/g, " ")) : s = s.replace(/\n/g, " "), L(s, n) + n.size * (r.tracking || 0);
     }
     function it(r) {
       return it = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -1368,8 +1390,8 @@ var Hr = { exports: {} };
       return function() {
         var a, t = Ot(r);
         if (n) {
-          var o = Ot(this).constructor;
-          a = Reflect.construct(t, arguments, o);
+          var s = Ot(this).constructor;
+          a = Reflect.construct(t, arguments, s);
         } else
           a = t.apply(this, arguments);
         return pe(this, a);
@@ -1395,26 +1417,26 @@ var Hr = { exports: {} };
       if (!(r instanceof n))
         throw new TypeError("Cannot call a class as a function");
     }
-    function Xt(r, n) {
+    function Gt(r, n) {
       for (var a = 0; a < n.length; a++) {
         var t = n[a];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
-          if (it(u) !== "object" || u === null)
-            return u;
-          var m = u[Symbol.toPrimitive];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(h, p) {
+          if (it(h) !== "object" || h === null)
+            return h;
+          var m = h[Symbol.toPrimitive];
           if (m !== void 0) {
-            var w = m.call(u, g);
+            var w = m.call(h, p);
             if (it(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(u);
-        }(t.key, "string"), it(o) === "symbol" ? o : String(o)), t);
+          return String(h);
+        }(t.key, "string"), it(s) === "symbol" ? s : String(s)), t);
       }
-      var o;
+      var s;
     }
     function tt(r, n, a) {
-      return n && Xt(r.prototype, n), a && Xt(r, a), Object.defineProperty(r, "prototype", { writable: !1 }), r;
+      return n && Gt(r.prototype, n), a && Gt(r, a), Object.defineProperty(r, "prototype", { writable: !1 }), r;
     }
     var D = function() {
       function r() {
@@ -1429,40 +1451,40 @@ var Hr = { exports: {} };
       } }, { key: "toString", value: function() {
         return this.value;
       } }]), r;
-    }(), at = function(r) {
+    }(), lt = function(r) {
       xt(a, r);
       var n = Yt(a);
       function a() {
         return Pt(this, a), n.apply(this, arguments);
       }
       return tt(a);
-    }(D), X = function(r) {
+    }(D), G = function(r) {
       xt(a, r);
       var n = Yt(a);
       function a() {
         return Pt(this, a), n.apply(this, arguments);
       }
       return tt(a);
-    }(D), ht = function(r) {
+    }(D), ut = function(r) {
       xt(a, r);
       var n = Yt(a);
       function a() {
         return Pt(this, a), n.apply(this, arguments);
       }
       return tt(a);
-    }(D), Rt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Gt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ve = /^(?:[;\xAD%?…]|,(?!\d))/, me = /^[´±°¢£¤$¥\u2212]/;
+    }(D), Rt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Xt = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ve = /^(?:[;\xAD%?…]|,(?!\d))/, me = /^[´±°¢£¤$¥\u2212]/;
     function At(r, n) {
       n !== !1 && (r = r.trim());
-      for (var a, t, o = [], u = r.charAt(0), g = 0, m = 1, w = r.length; m < w; m++) {
+      for (var a, t, s = [], h = r.charAt(0), p = 0, m = 1, w = r.length; m < w; m++) {
         a = r.charAt(m), t = r.charAt(m + 1);
-        var b = Rt.test(u), A = Rt.test(a), R = A || b, k = void 0;
-        if ((me.test(a) && !Gt.test(u) || ve.test(u + t) && !Gt.test(a)) && (R = !0), u !== "-" && u !== "‐" && u !== "–" && u !== "—" || ((k = Rt.test(r.charAt(m - 2))) && !A && (R = !1), !k && ye.test(a + t) && (R = !0)), R) {
-          var O = r.slice(g, m);
-          /\u00AD$/.test(O) ? (o.push(new D(O.slice(0, -1))), o.push(new ht())) : (o.push(new D(O)), o.push(new at())), g = m;
+        var b = Rt.test(h), A = Rt.test(a), R = A || b, k = void 0;
+        if ((me.test(a) && !Xt.test(h) || ve.test(h + t) && !Xt.test(a)) && (R = !0), h !== "-" && h !== "‐" && h !== "–" && h !== "—" || ((k = Rt.test(r.charAt(m - 2))) && !A && (R = !1), !k && ye.test(a + t) && (R = !0)), R) {
+          var O = r.slice(p, m);
+          /\u00AD$/.test(O) ? (s.push(new D(O.slice(0, -1))), s.push(new ut())) : (s.push(new D(O)), s.push(new lt())), p = m;
         }
-        u = a;
+        h = a;
       }
-      return o.push(new D(r.slice(g))), o;
+      return s.push(new D(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 Ne = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Jt = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Zt = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, It = /^<!--(.+?)-->/, Kt = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, Et = { b: function(r) {
@@ -1493,23 +1515,23 @@ var Hr = { exports: {} };
       r.sup = !0;
     } }, Be = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
     function Qt(r) {
-      return r.replace(Kt, function(n, a, t, o) {
+      return r.replace(Kt, function(n, a, t, s) {
         if (a || t) {
-          var u = a ? 10 : 16;
-          return String.fromCharCode(parseInt(a || t, u));
+          var h = a ? 10 : 16;
+          return String.fromCharCode(parseInt(a || t, h));
         }
-        return o in be ? be[o] : n;
+        return s in be ? be[s] : n;
       });
     }
     function He(r) {
       return r && r.length > 1 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") ? r.slice(1, -1) : r;
     }
-    var We = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+    var Ue = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
     function Lt(r) {
       var n, a = {};
       if (r) {
         do
-          if (n = We.exec(r)) {
+          if (n = Ue.exec(r)) {
             var t = Qt(He(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
             if (a[n[1]] = t, (r = r.slice(n[0].length)).length && /^\S/.test(r[0]))
               throw new Error("Attribute error");
@@ -1521,7 +1543,7 @@ var Hr = { exports: {} };
       return a;
     }
     const _t = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
-    var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, Ft = /^[^#$%&~_^\\{}]+/, Ue = /^\\([&{}$%#_])/, Ve = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, te = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, H = { bf: function(r) {
+    var we = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, xe = /^%[^\n]+(?:\n|$)/, Ft = /^[^#$%&~_^\\{}]+/, We = /^\\([&{}$%#_])/, Ve = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, te = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, H = { bf: function(r) {
       r.weight = "bold";
     }, it: function(r) {
       r.style = "italic";
@@ -1536,9 +1558,9 @@ var Hr = { exports: {} };
     }, _: function(r) {
       r.sub = !0;
     }, par: function(r) {
-      this.tokens.push(new X(), new X());
+      this.tokens.push(new G(), new G());
     }, newline: function(r) {
-      this.tokens.push(new X());
+      this.tokens.push(new G());
     }, url: function(r, n) {
       this.open_context().href = n, this.add_token(new D(n)), this.close_context();
     } };
@@ -1550,9 +1572,9 @@ var Hr = { exports: {} };
       return (r.style || r.weight || r.baseline || r.color || r.size || r.family) && (a = P(n, r)), a;
     }
     function ee(r, n, a) {
-      for (var t, o, u = r.width; u + a.width > n && r.length; )
-        o = (t = r[r.length - 1]).width, t.width > a.width ? (t.value = t.value.slice(0, -1), t.width = N(t, t.font), u += t.width) : r.pop(), u -= o;
-      r[r.length - 1] instanceof ht && r.pop(), t = r[r.length - 1] || t || {}, a.font = P(a.font, t.bold, t.italic, ""), a.href = r.length ? t.href : null, a.rel = r.length ? t.rel : null, a.target = r.length ? t.target : null, r.push(a);
+      for (var t, s, h = r.width; h + a.width > n && r.length; )
+        s = (t = r[r.length - 1]).width, t.width > a.width ? (t.value = t.value.slice(0, -1), t.width = N(t, t.font), h += t.width) : r.pop(), h -= s;
+      r[r.length - 1] instanceof ut && r.pop(), t = r[r.length - 1] || t || {}, a.font = P(a.font, t.bold, t.italic, ""), a.href = r.length ? t.href : null, a.rel = r.length ? t.rel : null, a.target = r.length ? t.target : null, r.push(a);
     }
     function ot(r) {
       return Math.round(1e6 * r) / 1e6;
@@ -1586,15 +1608,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return !r && !n || r === n;
     };
     function Ye(r, n) {
-      var a = [], t = n.font(), o = t.size, u = t.family, g = n.align(), m = n.createElement();
+      var a = [], t = n.font(), s = t.size, h = t.family, p = n.align(), m = n.createElement();
       if (r.length) {
-        var w = t.height, b = n.valign(), A = n.height()(), R = n.width()(0), k = !isFinite(R) && r.length === 1, O = k ? null : n.x(), j = ot(w / o), W = k ? null : ot(w / (1.15 * o + (w - o) / 2));
+        var w = t.height, b = n.valign(), A = n.height()(), R = n.width()(0), k = !isFinite(R) && r.length === 1, O = k ? null : n.x(), j = ot(w / s), U = k ? null : ot(w / (1.15 * s + (w - s) / 2));
         if (re[b] && isFinite(A)) {
           var M = b === "bottom" ? 1 : 0.5;
-          W += (A * M - w * r.length * M) / o;
+          U += (A * M - w * r.length * M) / s;
         }
-        var I = g === "justify", U = 0;
-        g === "right" ? U = R : g === "center" && (U = R / 2);
+        var I = p === "justify", W = 0;
+        p === "right" ? W = R : p === "center" && (W = R / 2);
         for (var z = [], et = "tspan", J = null, V = "", F = function() {
           if (V) {
             var Tt = m(et, J, V);
@@ -1602,50 +1624,50 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }
           et = "tspan", J = null, V = "";
         }, nt = 0, rt = r.length; nt < rt; nt++) {
-          var ft = "", mt = "", ct = 0, gt = r[nt];
+          var ft = "", bt = "", ct = 0, gt = r[nt];
           if (gt.length) {
             z = [];
             for (var Mt = 0, le = 0, pt = void 0, Z = 0, Pe = gt.length; Z < Pe; Z++) {
               var q = gt[Z], K = q.font;
-              q.whitespace && Mt++, le += q.width, Z && !q.tracking && !ct && ne(K.id, ft) && ne(q.class, mt) && ne(pt, q.href) ? V += q.value : (F(), V = q.value, J = { fontFamily: K.family !== u ? K.family : null, fontSize: K.size !== o ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: q.class || null }, ct && (J.dx = ot(ct), ct = 0), q.tracking && (ct = K.size * q.tracking), q.href && !pt ? (pt = q.href, et = "a", J.href = pt, J.rel = q.rel, J.target = q.target) : pt = null, ft = K.id, mt = q.class);
+              q.whitespace && Mt++, le += q.width, Z && !q.tracking && !ct && ne(K.id, ft) && ne(q.class, bt) && ne(pt, q.href) ? V += q.value : (F(), V = q.value, J = { fontFamily: K.family !== h ? K.family : null, fontSize: K.size !== s ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: q.class || null }, ct && (J.dx = ot(ct), ct = 0), q.tracking && (ct = K.size * q.tracking), q.href && !pt ? (pt = q.href, et = "a", J.href = pt, J.rel = q.rel, J.target = q.target) : pt = null, ft = K.id, bt = q.class);
             }
             if (F(), k)
               a.push.apply(a, Ee(z));
             else {
-              var Re = null, he = nt === rt - 1 || gt[gt.length - 1] instanceof X;
-              I && gt.length > 1 && !he && (Re = ot((R - le) / Mt)), a.push(m.apply(void 0, ["tspan", { wordSpacing: Re, x: O(nt) + U, dy: ot(nt ? j : W) + "em" }].concat(Ee(z))));
+              var Re = null, ue = nt === rt - 1 || gt[gt.length - 1] instanceof G;
+              I && gt.length > 1 && !ue && (Re = ot((R - le) / Mt)), a.push(m.apply(void 0, ["tspan", { wordSpacing: Re, x: O(nt) + W, dy: ot(nt ? j : U) + "em" }].concat(Ee(z))));
             }
           } else
-            a.push(m("tspan", { x: O(nt), dy: ot(nt ? j : W) + "em" }, " "));
+            a.push(m("tspan", { x: O(nt), dy: ot(nt ? j : U) + "em" }, " "));
         }
       }
-      return m.apply(void 0, ["text", { fontFamily: u, fontSize: o, textAnchor: _e[g] || "start" }].concat(a));
+      return m.apply(void 0, ["text", { fontFamily: h, fontSize: s, textAnchor: _e[p] || "start" }].concat(a));
     }
-    var Xe = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-    function Ge(r, n, a) {
+    var Ge = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+    function Xe(r, n, a) {
       if (r.length) {
         a.textBaseline = "middle";
-        var t = n.font(), o = t.height, u = t.size, g = n.valign(), m = n.height()(), w = n.width()(0), b = n.align(), A = b === "justify", R = 0.5 * o, k = Xe[g];
+        var t = n.font(), s = t.height, h = t.size, p = n.valign(), m = n.height()(), w = n.width()(0), b = n.align(), A = b === "justify", R = 0.5 * s, k = Ge[p];
         if (k && isFinite(m)) {
-          var O = r.length * o;
+          var O = r.length * s;
           R += m * k - O * k;
         }
-        r.forEach(function(j, W) {
-          var M = n.x()(W), I = W * o + R, U = 0, z = 0;
+        r.forEach(function(j, U) {
+          var M = n.x()(U), I = U * s + R, W = 0, z = 0;
           j.forEach(function(V) {
-            V.whitespace && U++, z += V.width;
+            V.whitespace && W++, z += V.width;
           });
-          var et = 0, J = W === r.length - 1 || j[j.length - 1] instanceof X;
-          A && j.length > 1 && !J && (et = (w - z) / U), j.forEach(function(V) {
+          var et = 0, J = U === r.length - 1 || j[j.length - 1] instanceof G;
+          A && j.length > 1 && !J && (et = (w - z) / W), j.forEach(function(V) {
             a.font = V.font;
-            var F = V.font, nt = F.baseline ? u * -F.baseline + 0.15 * u : 0;
-            a.fillStyle = function(mt, ct) {
-              return mt.color ? mt.color : ct.href ? "#00C" : "#000";
+            var F = V.font, nt = F.baseline ? h * -F.baseline + 0.15 * h : 0;
+            a.fillStyle = function(bt, ct) {
+              return bt.color ? bt.color : ct.href ? "#00C" : "#000";
             }(F, V);
             var rt = 0;
-            if (b === "right" ? rt += w - z : b === "center" ? rt += w / 2 - z / 2 : b === "justify" && (V.whitespace || V instanceof X) && (M += et), a.fillText(V.value, M + rt, I + nt), V.href) {
+            if (b === "right" ? rt += w - z : b === "center" ? rt += w / 2 - z / 2 : b === "justify" && (V.whitespace || V instanceof G) && (M += et), a.fillText(V.value, M + rt, I + nt), V.href) {
               a.beginPath(), a.strokeStyle = a.fillStyle;
-              var ft = Math.floor(I + 0.45 * u) + 0.5;
+              var ft = Math.floor(I + 0.45 * h) + 0.5;
               a.moveTo(M + rt, ft), a.lineTo(M + rt + V.width, ft), a.stroke();
             }
             M += V.width;
@@ -1677,29 +1699,29 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function oe(r, n) {
       for (var a = 0; a < n.length; a++) {
         var t = n[a];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
-          if (kt(u) !== "object" || u === null)
-            return u;
-          var m = u[Symbol.toPrimitive];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(h, p) {
+          if (kt(h) !== "object" || h === null)
+            return h;
+          var m = h[Symbol.toPrimitive];
           if (m !== void 0) {
-            var w = m.call(u, g);
+            var w = m.call(h, p);
             if (kt(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(u);
-        }(t.key, "string"), kt(o) === "symbol" ? o : String(o)), t);
+          return String(h);
+        }(t.key, "string"), kt(s) === "symbol" ? s : String(s)), t);
       }
-      var o;
+      var s;
     }
-    var Te = P(), ut = function(r) {
+    var Te = P(), ht = function(r) {
       return typeof r == "function" ? r : function() {
         return r;
       };
-    }, G = function() {
+    }, X = function() {
       function r(t) {
-        if (function(u, g) {
-          if (!(u instanceof g))
+        if (function(h, p) {
+          if (!(h instanceof p))
             throw new TypeError("Cannot call a class as a function");
         }(this, r), this.props = { overflow: "ellipsis", lineclamp: null, align: "left", wordBreak: null, valign: "top", width: function() {
           return 1 / 0;
@@ -1708,44 +1730,44 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, x: function() {
           return 0;
         }, font: null, tAnchor: 0, parser: r.defaultparser }, t)
-          for (var o in t)
-            typeof this[o] == "function" && this[o](t[o]);
+          for (var s in t)
+            typeof this[s] == "function" && this[s](t[s]);
       }
       var n, a;
       return n = r, a = [{ key: "linebreak", value: function(t) {
-        var o = this, u = this.props.parser(String(t)), g = this.font(), m = function(w, b, A) {
+        var s = this, h = this.props.parser(String(t)), p = this.font(), m = function(w, b, A) {
           if (!w.length)
             return [];
-          var R = b.height(), k = b.width(), O = b.overflowLine(), j = b.overflowWrap(), W = P(A, !0, !1), M = isFinite(R()) ? Math.floor(R() / A.height) : 1 / 0;
+          var R = b.height(), k = b.width(), O = b.overflowLine(), j = b.overflowWrap(), U = P(A, !0, !1), M = isFinite(R()) ? Math.floor(R() / A.height) : 1 / 0;
           if (!R() && !k(0) || !M)
             return [];
-          for (var I = 0, U = 0, z = 0, et = [], J = [], V = !1; I < w.length && U < M; ) {
+          for (var I = 0, W = 0, z = 0, et = [], J = [], V = !1; I < w.length && W < M; ) {
             var F = w[I], nt = Ae(F, A);
-            if (F.width = N(F, nt), F.font = nt, F.line = U, F.whitespace = F.value in S, F.value && (F.value = F.value.replace(qe, " ")), !(!z && F.whitespace || V && F.whitespace))
-              if (F instanceof X)
-                z = 0, J = [], et.push(I + 1), U++;
-              else if (F instanceof at || F instanceof ht)
+            if (F.width = N(F, nt), F.font = nt, F.line = W, F.whitespace = F.value in S, F.value && (F.value = F.value.replace(qe, " ")), !(!z && F.whitespace || V && F.whitespace))
+              if (F instanceof G)
+                z = 0, J = [], et.push(I + 1), W++;
+              else if (F instanceof lt || F instanceof ut)
                 J.push({ index: I, width: z });
-              else if (F.whitespace || z + F.width < k(U))
+              else if (F.whitespace || z + F.width < k(W))
                 z += F.width;
               else if (J.length) {
                 var rt = void 0, ft = void 0;
                 do {
                   ft = !0, rt = J.pop();
-                  var mt = w[rt.index], ct = void 0;
-                  mt instanceof ht && (ct = N("-", mt.font), rt.width + ct > k(U) && (ft = !J.length));
+                  var bt = w[rt.index], ct = void 0;
+                  bt instanceof ut && (ct = N("-", bt.font), rt.width + ct > k(W) && (ft = !J.length));
                 } while (!ft);
-                et.push(rt.index + 1), z = 0, U++, I = rt.index, J = [];
+                et.push(rt.index + 1), z = 0, W++, I = rt.index, J = [];
               } else if (j === "break-word") {
-                var gt = k(U);
+                var gt = k(W);
                 if (z + F.width > gt) {
                   var Mt = F.clone();
                   do
                     F.value = F.value.slice(0, -1), F.width = N(F, F.font), z += F.width;
                   while (F.value && F.width > gt);
-                  Mt.value = Mt.value.slice(F.value.length), w.splice(I + 1, 0, new at(), Mt);
+                  Mt.value = Mt.value.slice(F.value.length), w.splice(I + 1, 0, new lt(), Mt);
                 }
-                et.push(I + 1), z = 0, U++;
+                et.push(I + 1), z = 0, W++;
               } else
                 z += F.width;
             I++, V = F.whitespace;
@@ -1754,10 +1776,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var le = 0, pt = 0, Z = et.map(function(Tt) {
             for (var Q, St = le; (Q = w[St]) && (Q.whitespace || !Q.value); )
               St++;
-            for (var bt = Tt, Qe = null; bt > St && (Q = w[bt - 1]) && (Q.whitespace || !(Q.value || Q instanceof ht)); )
-              Q instanceof X && (Qe = Q), bt--;
-            Q instanceof ht && (Q.value = "-", Q.width = N("-", Q.font)), le = Tt;
-            var zt = w.slice(St, bt).filter(function(tr) {
+            for (var wt = Tt, Qe = null; wt > St && (Q = w[wt - 1]) && (Q.whitespace || !(Q.value || Q instanceof ut)); )
+              Q instanceof G && (Qe = Q), wt--;
+            Q instanceof ut && (Q.value = "-", Q.width = N("-", Q.font)), le = Tt;
+            var zt = w.slice(St, wt).filter(function(tr) {
               return tr.value;
             });
             return Qe && zt.push(Qe), zt.width = zt.reduce(function(tr, Vr) {
@@ -1769,21 +1791,21 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             Z.forEach(function(Tt, Q) {
               var St = k(Q);
               if (Tt.width > St) {
-                var bt = new D(Pe);
-                bt.font = A, bt.width = N(Pe, W), ee(Tt, St, bt), Z.hasLineOverflow = !0;
+                var wt = new D(Pe);
+                wt.font = A, wt.width = N(Pe, U), ee(Tt, St, wt), Z.hasLineOverflow = !0;
               }
             });
           }
           var q = b.overflow() === "ellipsis" ? "…" : b.overflow();
           if (q && I !== w.length) {
-            var K = k(Z.length - 1), Re = Z[Z.length - 1], he = new D(q);
-            he.font = A, he.width = N(q, W), ee(Re, K, he), Z.hasOverflow = !0;
+            var K = k(Z.length - 1), Re = Z[Z.length - 1], ue = new D(q);
+            ue.font = A, ue.width = N(q, U), ee(Re, K, ue), Z.hasOverflow = !0;
           } else
             Z.hasOverflow = !1;
           return Z.font = A, Z.width = pt, Z;
-        }(u, this, g);
-        return m.height = m.length * g.height, m.render = function(w) {
-          return o.render(m, w);
+        }(h, this, p);
+        return m.height = m.length * p.height, m.render = function(w) {
+          return s.render(m, w);
         }, m.svg = m.render, m.draw = m.render, m;
       } }, { key: "font", value: function(t) {
         return arguments.length ? (this.props.font = P(t), this) : this.props.font || P(Te);
@@ -1796,25 +1818,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } }, { key: "align", value: function(t) {
         if (!arguments.length)
           return this.props.align;
-        var o = String(t).toLowerCase();
-        return o === "left" || o === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : o === "center" || o === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : o === "end" || o === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : o === "justify" && (this.props.align = t, this.props.tAnchor = 0), this;
+        var s = String(t).toLowerCase();
+        return s === "left" || s === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : s === "center" || s === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : s === "end" || s === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : s === "justify" && (this.props.align = t, this.props.tAnchor = 0), this;
       } }, { key: "overflowWrap", value: function(t) {
         if (!arguments.length)
           return this.props.overflowWrap || "normal";
-        var o = String(t).toLowerCase();
-        return o === "break-word" ? this.props.overflowWrap = "break-word" : o !== "normal" && t != null || (this.props.overflowWrap = null), this;
+        var s = String(t).toLowerCase();
+        return s === "break-word" ? this.props.overflowWrap = "break-word" : s !== "normal" && t != null || (this.props.overflowWrap = null), this;
       } }, { key: "width", value: function(t) {
-        return arguments.length ? (this.props.width = ut(t), this) : this.props.width;
+        return arguments.length ? (this.props.width = ht(t), this) : this.props.width;
       } }, { key: "height", value: function(t) {
-        return arguments.length ? (this.props.height = ut(t), this) : this.props.height;
+        return arguments.length ? (this.props.height = ht(t), this) : this.props.height;
       } }, { key: "x", value: function(t) {
-        return arguments.length ? (this.props.x = ut(t), this) : this.props.x;
+        return arguments.length ? (this.props.x = ht(t), this) : this.props.x;
       } }, { key: "parser", value: function(t) {
         if (!arguments.length)
           return this.props.parser;
         if (typeof t == "string") {
-          var o = r[t] || r[t + "parser"];
-          typeof o == "function" && (t = o);
+          var s = r[t] || r[t + "parser"];
+          typeof s == "function" && (t = s);
         }
         if (typeof t != "function")
           throw new Error("Unknown parser: " + t);
@@ -1823,7 +1845,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 = ke(arguments);
-        return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Ge(t.text, this, t.ctx) : Ye(t.text, this);
+        return typeof t.text == "string" && (t.text = this.linebreak(t.text)), t.ctx ? Xe(t.text, this, t.ctx) : Ye(t.text, this);
       } }], a && oe(n.prototype, a), Object.defineProperty(n, "prototype", { writable: !1 }), r;
     }();
     function dt(r) {
@@ -1842,20 +1864,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function Je(r, n) {
       for (var a = 0; a < n.length; a++) {
         var t = n[a];
-        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (o = function(u, g) {
-          if (dt(u) !== "object" || u === null)
-            return u;
-          var m = u[Symbol.toPrimitive];
+        t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(r, (s = function(h, p) {
+          if (dt(h) !== "object" || h === null)
+            return h;
+          var m = h[Symbol.toPrimitive];
           if (m !== void 0) {
-            var w = m.call(u, g);
+            var w = m.call(h, p);
             if (dt(w) !== "object")
               return w;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(u);
-        }(t.key, "string"), dt(o) === "symbol" ? o : String(o)), t);
+          return String(h);
+        }(t.key, "string"), dt(s) === "symbol" ? s : String(s)), t);
       }
-      var o;
+      var s;
     }
     var se = function(r) {
       return typeof r == "function" ? r : function() {
@@ -1863,23 +1885,23 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       };
     }, Se = function() {
       function r(t) {
-        if (function(u, g) {
-          if (!(u instanceof g))
+        if (function(h, p) {
+          if (!(h instanceof p))
             throw new TypeError("Cannot call a class as a function");
         }(this, r), this.props = { width: function() {
           return 1 / 0;
         }, height: function() {
           return 1 / 0;
         }, rotation: 0, vAnchor: 0, hAnchor: 0 }, t)
-          for (var o in t)
-            typeof this[o] == "function" && this[o](t[o]);
+          for (var s in t)
+            typeof this[s] == "function" && this[s](t[s]);
         this.render = this.render.bind(this);
       }
       var n, a;
       return n = r, a = [{ key: "anchor", value: function(t) {
-        var o = this.props, u = o.hAnchor, g = o.vAnchor, m = o.width, w = o.height;
+        var s = this.props, h = s.hAnchor, p = s.vAnchor, m = s.width, w = s.height;
         if (!arguments.length)
-          return [u * m(0), g * w(0)];
+          return [h * m(0), p * w(0)];
         if (typeof t == "string") {
           var b = this.props;
           t.toLowerCase().trim().split(/\s+/).forEach(function(A) {
@@ -1895,25 +1917,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return arguments.length ? (this.props.rotation = t, this) : this.props.rotation;
       } }, { key: "createElement", value: function(t) {
         return arguments.length ? (this.props.createElement = t, this) : this.props.createElement || r.createElement;
-      } }, { key: "canvas", value: function(t, o) {
-        var u, g = t.getContext ? t.getContext("2d") : t;
-        return g.save(), g.rotate(this.rotate() * Math.PI / 180), g.translate.apply(g, function(m) {
+      } }, { key: "canvas", value: function(t, s) {
+        var h, p = t.getContext ? t.getContext("2d") : t;
+        return p.save(), p.rotate(this.rotate() * Math.PI / 180), p.translate.apply(p, function(m) {
           if (Array.isArray(m))
             return jt(m);
-        }(u = this.anchor()) || function(m) {
+        }(h = this.anchor()) || function(m) {
           if (typeof Symbol < "u" && m[Symbol.iterator] != null || m["@@iterator"] != null)
             return Array.from(m);
-        }(u) || function(m, w) {
+        }(h) || function(m, w) {
           if (m) {
             if (typeof m == "string")
               return jt(m, w);
             var b = Object.prototype.toString.call(m).slice(8, -1);
             return b === "Object" && m.constructor && (b = m.constructor.name), b === "Map" || b === "Set" ? Array.from(m) : b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b) ? jt(m, w) : void 0;
           }
-        }(u) || function() {
+        }(h) || function() {
           throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-        }()), o(g), g.restore(), g;
+        }()), s(p), p.restore(), p;
       } }, { key: "render", value: function() {
         var t = ke(arguments);
         if (t.d3)
@@ -1921,8 +1943,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (t.ctx)
           return this.canvas(t.ctx, t.fn);
         if (t.text) {
-          var o = typeof t.text.render == "function" ? t.text.render() : t.text;
-          return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, o);
+          var s = typeof t.text.render == "function" ? t.text.render() : t.text;
+          return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, s);
         }
       } }], a && Je(n.prototype, a), Object.defineProperty(n, "prototype", { writable: !1 }), r;
     }(), Ce = Object.prototype.hasOwnProperty, Dt = {};
@@ -1944,80 +1966,80 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (n && a.setAttribute)
           for (var t in n)
             Ce.call(n, t) && n[t] != null && a.setAttribute(t === "className" ? "class" : Ze(t), n[t]);
-        for (var o = arguments.length, u = new Array(o > 2 ? o - 2 : 0), g = 2; g < o; g++)
-          u[g - 2] = arguments[g];
-        return u != null && u.length && u.forEach(function(m) {
+        for (var s = arguments.length, h = new Array(s > 2 ? s - 2 : 0), p = 2; p < s; p++)
+          h[p - 2] = arguments[p];
+        return h != null && h.length && h.forEach(function(m) {
           Oe(a, m);
         }), a;
       }
     }
-    G.createElement = ae, G.textparser = At, G.defaultparser = At, G.htmlparser = function(r) {
+    X.createElement = ae, X.textparser = At, X.defaultparser = At, X.htmlparser = function(r) {
       r = String(r || "").trim();
-      for (var n, a, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, o = [], u = [], g = function(R) {
+      for (var n, a, t = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, s = [], h = [], p = function(R) {
         for (var k in t)
           t[k] && (R[k] = t[k]);
-        o.push(R);
+        s.push(R);
       }, m = function(R) {
-        var k = o.length, O = Be[R];
+        var k = s.length, O = Be[R];
         if (k && O) {
-          for (var j = k - 1; o[j] && (o[j] instanceof at || Ne.test(o[j].value)); )
+          for (var j = k - 1; s[j] && (s[j] instanceof lt || Ne.test(s[j].value)); )
             j--;
-          for (; O && o[j] && o[j] instanceof X; )
+          for (; O && s[j] && s[j] instanceof G; )
             j--, O--;
           for (; O-- > 0; )
-            o.push(new X());
+            s.push(new G());
         }
       }; r.length; ) {
         if (n = /^[^<]+/.exec(r))
-          At(Qt(n[0]), !1).forEach(g);
+          At(Qt(n[0]), !1).forEach(p);
         else if (!(n = It.exec(r)))
           if (n = Jt.exec(r))
-            u.length && (t = u.pop()), m(n[1]);
+            h.length && (t = h.pop()), m(n[1]);
           else if (n = Zt.exec(r)) {
             var w = n[1];
-            m(w), u.push(t), t = Object.create(t), Et[w] && Et[w](t, "");
+            m(w), h.push(t), t = Object.create(t), Et[w] && Et[w](t, "");
             var b = Lt(n[2]);
-            w === "a" && (b.href && (t.href = b.href), b.rel && (t.rel = b.rel), b.target && (t.target = b.target)), b.class && (t.class = t.class ? t.class + " " + b.class : b.class), b.style && (a = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(b.style)) && a[1] && (t.color = a[1]), w === "br" && o.push(new X());
+            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 G());
           } else
-            n = [r.slice(0, 1)], g(new D(n[0]));
+            n = [r.slice(0, 1)], p(new D(n[0]));
         r = r.slice(n[0].length);
       }
-      for (var A = o[o.length - 1]; A instanceof X; )
-        o.pop(), A = o[o.length - 1];
-      return o;
-    }, G.latexparser = function(r) {
+      for (var A = s[s.length - 1]; A instanceof G; )
+        s.pop(), A = s[s.length - 1];
+      return s;
+    }, X.latexparser = function(r) {
       r = String(r || "").trim();
       var n = [0];
       r = r.replace(/\\verb,(.*?),/, function(M, I) {
         return n.push(I), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(Ve, function(M, I, U) {
-        return U.charAt(I - 1) === "\\" ? M : te[M];
+      }).replace(Ve, function(M, I, W) {
+        return W.charAt(I - 1) === "\\" ? M : te[M];
       }).replace(/\n\s+/g, function(M) {
         return /\n/.test(M.slice(1)) ? "\\par " : M;
-      }).replace(/\\symbol\{(\d+)\}/, function(M, I, U, z) {
-        return z.charAt(U - 1) === "\\" ? M : String.fromCharCode(1 * I);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(M, I, U, z) {
-        return I + U + "{" + z + "}";
+      }).replace(/\\symbol\{(\d+)\}/, function(M, I, W, z) {
+        return z.charAt(W - 1) === "\\" ? M : String.fromCharCode(1 * I);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(M, I, W, z) {
+        return I + W + "{" + z + "}";
       }).replace(/\\verb,(.*?),/, function(M, I) {
         return "\\verb,".concat(n[+I], ",");
       });
-      for (var a, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, o = [], u = [], g = function(M) {
+      for (var a, t = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, s = [], h = [], p = function(M) {
         for (var I in t)
           t[I] && (M[I] = t[I]);
-        return o.push(M), M;
+        return s.push(M), M;
       }, m = function() {
-        u.push(t), t = Object.create(t);
+        h.push(t), t = Object.create(t);
       }, w = function() {
-        if (!u.length)
+        if (!h.length)
           throw new Error("Unexpected }");
-        t = u.pop();
-      }, b = { tokens: o, open_context: m, close_context: w, add_token: g }; r.length; ) {
+        t = h.pop();
+      }, b = { tokens: s, open_context: m, close_context: w, add_token: p }; r.length; ) {
         if (a = Ft.exec(r))
-          At(a[0], !1).forEach(g);
-        else if (a = Ue.exec(r))
-          g(new D(a[1]));
+          At(a[0], !1).forEach(p);
+        else if (a = We.exec(r))
+          p(new D(a[1]));
         else if (!(a = xe.exec(r))) {
           if (a = /^\{/.exec(r))
             m();
@@ -2025,57 +2047,57 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             w();
           else if (!(a = /^\$/.exec(r)))
             if (a = /^\\verb,([^,]+),/.exec(r))
-              g(new D(a[1]));
+              p(new D(a[1]));
             else if (a = we.exec(r)) {
               var A = a[1].slice(1) || a[1], R = !!a[2];
               if (/^(La)?TeX$/i.test(A)) {
                 m(), t.family = "serif";
                 var k = void 0;
-                A === "LaTeX" && ((k = g(new D("L"))).tracking = -0.25, (k = g(new D("A"))).size = 0.7, k.baseline = 0.3, k.tracking = -0.1), (k = g(new D("T"))).tracking = -0.17, (k = g(new D("E"))).baseline = -0.22, k.tracking = -0.13, k = g(new D("X")), w();
+                A === "LaTeX" && ((k = p(new D("L"))).tracking = -0.25, (k = p(new D("A"))).size = 0.7, k.baseline = 0.3, k.tracking = -0.1), (k = p(new D("T"))).tracking = -0.17, (k = p(new D("E"))).baseline = -0.22, k.tracking = -0.13, k = p(new D("X")), w();
               } else if (A in _t)
-                g(new D(_t[A])), R && m();
+                p(new D(_t[A])), R && m();
               else if (A in H) {
-                var O = [], j = H[A].length - 1, W = void 0;
+                var O = [], j = H[A].length - 1, U = void 0;
                 if (j) {
                   for (R = !1, r = r.slice(a[0].length - 1); j--; ) {
-                    if (!(W = /^\{([^}]+)\}/.exec(r)))
+                    if (!(U = /^\{([^}]+)\}/.exec(r)))
                       throw new Error(A + " is missing an argument");
-                    O.push(W[1]), r = r.slice(W[0].length);
+                    O.push(U[1]), r = r.slice(U[0].length);
                   }
                   a[0] = /^\{/.exec(r) ? "{" : "", R = !!a[0];
                 }
                 R && m(), H[A].apply(b, [t].concat(O));
               } else
-                console.warn("unknown latex command", A), g(new D(a[1])), R && m();
+                console.warn("unknown latex command", A), p(new D(a[1])), R && m();
             } else
-              a = [r.slice(0, 1)], g(new D(a[0]));
+              a = [r.slice(0, 1)], p(new D(a[0]));
         }
         r = r.slice(a[0].length);
       }
-      return o;
-    }, G.measureText = function(r, n, a) {
+      return s;
+    }, X.measureText = function(r, n, a) {
       return N(r, P(n), a);
-    }, G.Token = D, G.Break = at, G.LineBreak = X, G.SoftHyphen = ht, G.Rotator = Se, Se.createElement = ae;
-    const Ke = G;
+    }, X.Token = D, X.Break = lt, X.LineBreak = G, X.SoftHyphen = ut, X.Rotator = Se, Se.createElement = ae;
+    const Ke = X;
     return i.default;
   })());
 })(Hr);
-var pn = Hr.exports;
-const xr = /* @__PURE__ */ Mr(pn);
-function nr(h) {
-  return h.replace(/…$/, "");
+var vn = Hr.exports;
+const xr = /* @__PURE__ */ Mr(vn);
+function nr(u) {
+  return u.replace(/…$/, "");
 }
-function ir(h) {
-  return h.children[0].innerHTML;
+function ir(u) {
+  return u.children[0].innerHTML;
 }
-function yn(h, e) {
-  const s = vt(h), { fontSize: i, font: l, padding: c = 0 } = h.properties.style || {};
-  if (s.width === s.height && s.width === 0)
+function mn(u, e) {
+  const o = mt(u), { fontSize: i, font: l, padding: c = 0 } = u.properties.style || {};
+  if (o.width === o.height && o.width === 0)
     return;
   const f = new xr({
     font: `${i}px/${i}px ${l}`.replace(/(px)+/g, "px"),
-    width: s.width - c * 2,
-    height: s.height - c * 2,
+    width: o.width - c * 2,
+    height: o.height - c * 2,
     align: "left",
     valign: "top",
     x: 0,
@@ -2084,13 +2106,13 @@ function yn(h, e) {
     createElement: xr.createElement
   });
   f.overflowWrap("break-word");
-  const p = f.linebreak(
-    h.properties.content.replaceAll(`
+  const g = f.linebreak(
+    u.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), d = [...p.children];
+  ).render(), d = [...g.children];
   let v = 0;
   const y = [];
-  h.properties.content.split(`
+  u.properties.content.split(`
 `).forEach((E) => {
     let P = E;
     for (; P.length && v < d.length; ) {
@@ -2102,9 +2124,9 @@ function yn(h, e) {
       const S = nr(ir(d[v]));
       P.startsWith(S) && (P = P.slice(S.length).trim()), v++;
     }
-  }), y.forEach((E) => p.removeChild(d[E]));
-  const _ = h.properties.content.match(/(https?:\/\/.*)/gm), C = _ ? _.map((E) => E.split(" ")[0]) : [];
-  p.setAttribute("transform", `translate(${c}, ${c})`), C.forEach((E) => {
+  }), y.forEach((E) => g.removeChild(d[E]));
+  const _ = u.properties.content.match(/(https?:\/\/.*)/gm), C = _ ? _.map((E) => E.split(" ")[0]) : [];
+  g.setAttribute("transform", `translate(${c}, ${c})`), C.forEach((E) => {
     let P = E;
     const S = [];
     for (; P.length > 0; ) {
@@ -2121,11 +2143,11 @@ function yn(h, e) {
       const L = document.createElementNS("http://www.w3.org/2000/svg", "a");
       L.setAttribute("href", E), L.setAttribute("target", "_blank"), L.innerHTML = ir($), $.children[0].innerHTML = "", $.children[0].appendChild(L);
     });
-  }), e.appendChild(p);
+  }), e.appendChild(g);
 }
 const Ar = 20;
-class vn extends Br {
-  constructor(e, s = {}) {
+class bn extends Br {
+  constructor(e, o = {}) {
     super(
       e,
       `
@@ -2145,36 +2167,36 @@ class vn extends Br {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     }), x(this, "_onBlur", () => {
       this.isFocused = !1;
-    }), x(this, "startDrawing", (l, c, f = gn(l, c, 0, 0, "", Ut)) => {
+    }), x(this, "startDrawing", (l, c, f = yn(l, c, 0, 0, "", Wt)) => {
       this.add(f);
-      const p = this.ogma.view.graphToScreenCoordinates({ x: l, y: c });
-      this.select(f.id), this.startDragging(this.getById(f.id), p.x, p.y), this.draggedHandle = 6;
+      const g = this.ogma.view.graphToScreenCoordinates({ x: l, y: c });
+      this.select(f.id), this.startDragging(this.getById(f.id), g.x, g.y), this.draggedHandle = 6;
     }), x(this, "cancelDrawing", () => {
       this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...rr }, this.draggedHandle = Y, this.isDragging = !1, this.emit(Vt, this.annotation));
     }), x(this, "startDragging", (l, c, f) => {
       this.annotation = l;
-      const p = yt(this.annotation), d = vt(this.annotation);
-      this.rect.x = p.x, this.rect.y = p.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = c, this.startY = f, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Me, this.annotation), this.isDragging = !0;
+      const g = vt(this.annotation), d = mt(this.annotation);
+      this.rect.x = g.x, this.rect.y = g.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = c, this.startY = f, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Me, this.annotation), this.isDragging = !0;
     }), x(this, "onHandleMouseDown", (l) => {
       const c = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!c)
         return;
       this.selectedId !== c.id && this.select(this.hoveredId);
-      const { x: f, y: p } = sr(l, this.ogma.getContainer());
-      this.startDragging(c, f, p), this.draggedHandle = Lr(l.target);
+      const { x: f, y: g } = sr(l, this.ogma.getContainer());
+      this.startDragging(c, f, g), this.draggedHandle = Lr(l.target);
     }), x(this, "onMouseMove", (l) => {
       requestAnimationFrame(() => this._onMouseMove(l));
     }), x(this, "_onMouseMove", (l) => {
       if (!this.isDragging)
         return;
       l.stopPropagation(), l.preventDefault();
-      const c = this.handles[this.draggedHandle], f = c.classList.contains("top"), p = c.classList.contains("left"), d = c.classList.contains("right"), v = c.classList.contains("bottom"), y = c.classList.contains("line-handle"), { x: _, y: C } = sr(
+      const c = this.handles[this.draggedHandle], f = c.classList.contains("top"), g = c.classList.contains("left"), d = c.classList.contains("right"), v = c.classList.contains("bottom"), y = c.classList.contains("line-handle"), { x: _, y: C } = sr(
         l,
         this.ogma.getContainer()
-      ), E = this.ogma.view.getZoom(), P = (_ - this.startX) / E, S = (C - this.startY) / E, $ = this.ogma.view.getAngle(), L = st({ x: P, y: S }, $);
-      (v && p || f && d) && (L.y = 0, L.x = 0);
-      const T = p || y ? this.rect.x + L.x : this.rect.x, B = f || y ? this.rect.y + L.y : this.rect.y, N = Math.max(
-        this.rect.width + P * (y || p ? 0 : 1),
+      ), E = this.ogma.view.getZoom(), P = (_ - this.startX) / E, S = (C - this.startY) / E, $ = this.ogma.view.getAngle(), L = at({ x: P, y: S }, $);
+      (v && g || f && d) && (L.y = 0, L.x = 0);
+      const T = g || y ? this.rect.x + L.x : this.rect.x, B = f || y ? this.rect.y + L.y : this.rect.y, N = Math.max(
+        this.rect.width + P * (y || g ? 0 : 1),
         Ar
       ), it = Math.max(
         this.rect.height + S * (y || f ? 0 : 1),
@@ -2202,18 +2224,18 @@ class vn extends Br {
   _canRemove() {
     return !this.isFocused;
   }
-  detect({ x: e, y: s }, i = 0) {
-    const l = { x: e, y: s }, c = this.ogma.view.getAngle();
+  detect({ x: e, y: o }, i = 0) {
+    const l = { x: e, y: o }, c = this.ogma.view.getAngle();
     return this.elements.find((f) => {
-      const { x: p, y: d } = yt(f), { width: v, height: y } = vt(f), _ = { x: p, y: d }, { x: C, y: E } = st(Ct(l, _), -c);
+      const { x: g, y: d } = vt(f), { width: v, height: y } = mt(f), _ = { x: g, y: d }, { x: C, y: E } = at(Ct(l, _), -c);
       return C > -i && C < v + i && E > -i && E < y + i;
     });
   }
   draw(e) {
     e.innerHTML = "";
-    const s = "", i = this.ogma.view.getAngle();
+    const o = "", i = this.ogma.view.getAngle();
     this.elements.forEach((c, f) => {
-      const p = `class${f}`, d = vt(c), v = yt(c), y = c.id, {
+      const g = `class${f}`, d = mt(c), v = vt(c), y = c.id, {
         color: _,
         fontSize: C,
         font: E,
@@ -2221,28 +2243,28 @@ class vn extends Br {
         strokeWidth: S,
         strokeType: $,
         background: L
-      } = c.properties.style || Ut;
+      } = c.properties.style || Wt;
       if (y === this.selectedId)
         return;
       const T = de("g");
       T.classList.add("annotation-text"), T.setAttribute("fill", `${_}`), T.setAttribute("font-size", `${C}px`), T.setAttribute("font-family", `${E}`);
       const B = de("rect");
       let N = !1;
-      $ && $ !== "none" && (N = !0, B.setAttribute("stroke", P || "black"), B.setAttribute("stroke-width", `${S}`), $ === "dashed" && B.setAttribute("stroke-dasharray", "5,5")), (L && L.length || N) && (N = !0, B.setAttribute("fill", L || "transparent")), N && (B.setAttribute("width", `${d.width}`), B.setAttribute("height", `${d.height}`)), T.appendChild(B), yn(c, T);
-      const { x: it, y: xt } = st(v, -i);
-      T.setAttribute("transform", `translate(${it},${xt})`), T.classList.add(p), T.setAttribute("data-annotation", `${c.id}`), T.setAttribute("data-annotation-type", "text"), e.appendChild(T);
+      $ && $ !== "none" && (N = !0, B.setAttribute("stroke", P || "black"), B.setAttribute("stroke-width", `${S}`), $ === "dashed" && B.setAttribute("stroke-dasharray", "5,5")), (L && L.length || N) && (N = !0, B.setAttribute("fill", L || "transparent")), N && (B.setAttribute("width", `${d.width}`), B.setAttribute("height", `${d.height}`)), T.appendChild(B), mn(c, T);
+      const { x: it, y: xt } = at(v, -i);
+      T.setAttribute("transform", `translate(${it},${xt})`), T.classList.add(g), T.setAttribute("data-annotation", `${c.id}`), T.setAttribute("data-annotation-type", "text"), e.appendChild(T);
     });
     const l = de("style");
-    l.innerHTML = s, e.firstChild && e.insertBefore(l, e.firstChild);
+    l.innerHTML = o, e.firstChild && e.insertBefore(l, e.firstChild);
   }
   refreshDrawing() {
     const e = this.ogma.view.getAngle();
-    [...this.layer.element.children].forEach((s) => {
-      const i = s.getAttribute("data-annotation");
+    [...this.layer.element.children].forEach((o) => {
+      const i = o.getAttribute("data-annotation");
       if (!i)
         return;
-      const l = yt(this.getById(i)), { x: c, y: f } = st(l, -e);
-      s.setAttribute("transform", `translate(${c},${f})`);
+      const l = vt(this.getById(i)), { x: c, y: f } = at(l, -e);
+      o.setAttribute("transform", `translate(${c},${f})`);
     });
   }
   getDefaultOptions() {
@@ -2251,16 +2273,16 @@ class vn extends Br {
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), s = vt(e), i = this.ogma.view.graphToScreenCoordinates(
-      yt(e)
+    const e = this.getById(this.selectedId) || this.getById(this.hoveredId), o = mt(e), i = this.ogma.view.graphToScreenCoordinates(
+      vt(e)
     ), l = this.ogma.view.getZoom(), {
       font: c,
       fontSize: f,
-      color: p,
+      color: g,
       background: d,
       padding: v = 0
-    } = e.properties.style || Ut, y = (f || 1) * l;
-    this.textArea.value = e.properties.content, this.editor.element.style.transform = `translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${s.width / 2 * l}px, ${s.height / 2 * l}px)`, this.editor.element.style.width = `${s.width * l}px`, this.editor.element.style.height = `${s.height * l}px`, this.textArea.style.font = `${y} ${c}`, this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${y}px`, this.textArea.style.padding = `${l * v}px`, this.textArea.style.lineHeight = `${y}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    } = e.properties.style || Wt, y = (f || 1) * l;
+    this.textArea.value = e.properties.content, this.editor.element.style.transform = `translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${o.width / 2 * l}px, ${o.height / 2 * l}px)`, this.editor.element.style.width = `${o.width * l}px`, this.editor.element.style.height = `${o.height * l}px`, this.textArea.style.font = `${y} ${c}`, this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${y}px`, this.textArea.style.padding = `${l * v}px`, this.textArea.style.lineHeight = `${y}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = g || "black", this.textArea.style.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(e) {
     super.select(e), this.textArea.focus();
@@ -2269,60 +2291,60 @@ class vn extends Br {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class mn {
+class wn {
   constructor() {
     x(this, "links", {}), x(this, "linksByTargetId", {}), x(this, "linksByArrowId", {});
   }
-  add(e, s, i, l, c) {
-    const f = ze(), p = e.id, d = {
+  add(e, o, i, l, c) {
+    const f = ze(), g = e.id, d = {
       id: f,
-      arrow: p,
+      arrow: g,
       target: i,
       targetType: l,
       connectionPoint: c,
-      side: s
+      side: o
     };
-    return this.links[f] = d, this.linksByTargetId[i] || (this.linksByTargetId[i] = []), this.linksByTargetId[i].push(f), this.linksByArrowId[p] || (this.linksByArrowId[p] = {}), this.linksByArrowId[p][s] = f, e.properties.link = e.properties.link || {}, e.properties.link[s] = {
+    return this.links[f] = d, this.linksByTargetId[i] || (this.linksByTargetId[i] = []), this.linksByTargetId[i].push(f), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][o] = f, e.properties.link = e.properties.link || {}, e.properties.link[o] = {
       id: i,
-      side: s,
+      side: o,
       type: l,
       magnet: c
     }, this;
   }
-  arrowIsLinked(e, s) {
+  arrowIsLinked(e, o) {
     var i;
-    return !!((i = this.linksByArrowId[e]) != null && i[s]);
+    return !!((i = this.linksByArrowId[e]) != null && i[o]);
   }
   // remove the link between the arrow and the target by arrow id and side
-  remove(e, s) {
+  remove(e, o) {
     var i, l;
-    const c = e.id, f = (i = this.linksByArrowId[c]) == null ? void 0 : i[s];
-    if ((l = e.properties.link) == null || delete l[s], !f)
+    const c = e.id, f = (i = this.linksByArrowId[c]) == null ? void 0 : i[o];
+    if ((l = e.properties.link) == null || delete l[o], !f)
       return this;
-    const p = this.links[f];
+    const g = this.links[f];
     delete this.links[f];
-    const d = this.linksByTargetId[p.target];
+    const d = this.linksByTargetId[g.target];
     for (let v = 0; v < d.length; v++)
       if (d[v] === f) {
         d.splice(v, 1);
         break;
       }
-    return delete this.linksByArrowId[c][s], this;
+    return delete this.linksByArrowId[c][o], this;
   }
-  getArrowLink(e, s) {
+  getArrowLink(e, o) {
     var i;
-    const l = (i = this.linksByArrowId[e]) == null ? void 0 : i[s];
+    const l = (i = this.linksByArrowId[e]) == null ? void 0 : i[o];
     return l ? this.links[l] : null;
   }
-  getTargetLinks(e, s) {
+  getTargetLinks(e, o) {
     var i;
-    return ((i = this.linksByTargetId[e]) == null ? void 0 : i.map((l) => this.links[l]).filter((l) => l.targetType === s)) ?? [];
+    return ((i = this.linksByTargetId[e]) == null ? void 0 : i.map((l) => this.links[l]).filter((l) => l.targetType === o)) ?? [];
   }
   forEach(e) {
     Object.values(this.links).forEach(e);
   }
 }
-const lt = (h) => h.properties.type === "arrow", wt = (h) => h.properties.type === "text", Er = (h) => h.type === "FeatureCollection", bn = {
+const st = (u) => u.properties.type === "arrow", yt = (u) => u.properties.type === "text", Er = (u) => u.type === "FeatureCollection", xn = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2342,9 +2364,9 @@ const lt = (h) => h.properties.type === "arrow", wt = (h) => h.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class wn extends Nr {
-  constructor(e, s = {}) {
-    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new mn()), x(this, "layer"), x(this, "annotations"), x(this, "ogma"), x(this, "options"), x(this, "selected", null), x(this, "updateTimeout", 0), x(this, "hoveredNode", null), x(this, "dragged", null), x(this, "textToMagnet"), x(this, "activeLinks", []), x(this, "_render", (i) => {
+class An extends Nr {
+  constructor(e, o = {}) {
+    super(), x(this, "arrows"), x(this, "texts"), x(this, "links", new wn()), x(this, "layer"), x(this, "annotations"), x(this, "ogma"), x(this, "options"), x(this, "selected", null), x(this, "updateTimeout", 0), x(this, "hoveredNode", null), x(this, "dragged", null), x(this, "textToMagnet"), x(this, "activeLinks", []), x(this, "_render", (i) => {
       if (!this.dragged || this.textToMagnet === void 0)
         return;
       i.beginPath(), i.fillStyle = "green";
@@ -2352,34 +2374,34 @@ class wn extends Nr {
       kr.forEach((c) => {
         if (!this.textToMagnet)
           return;
-        const f = vt(this.textToMagnet), p = yt(this.textToMagnet), d = Fe(c, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), { x: y, y: _ } = Ht(v, p);
+        const f = mt(this.textToMagnet), g = vt(this.textToMagnet), d = Fe(c, { x: f.width, y: f.height }), v = at(d, this.ogma.view.getAngle()), { x: y, y: _ } = Ht(v, g);
         i.moveTo(y, _), i.arc(y, _, this.options.magnetHandleRadius / l, 0, Math.PI * 2);
       }), i.fill(), i.closePath();
     }), x(this, "_onFeatureDrag", (i, l) => {
       const c = l;
-      if (lt(i) && c === "line")
+      if (st(i) && c === "line")
         ["start", "end"].find((f) => {
-          const p = f === "start" ? fe(i) : $e(i);
-          return this._snapToText(i, c, p) || this._findAndSnapToNode(i, f, p);
+          const g = f === "start" ? fe(i) : $e(i);
+          return this._snapToText(i, c, g) || this._findAndSnapToNode(i, f, g);
         });
-      else if (lt(i) && c !== "line") {
+      else if (st(i) && c !== "line") {
         const f = c === "start" ? fe(i) : $e(i);
         this._snapToText(i, c, f) || this._findAndSnapToNode(i, c, f);
       } else
-        wt(i) && (this.activeLinks.forEach(({ arrow: f, side: p, connectionPoint: d }) => {
-          const v = this.getAnnotation(f), y = vt(i), _ = yt(i), C = Fe(d, { x: y.width, y: y.height }), E = st(C, this.ogma.view.getAngle()), P = Ht(E, _);
-          v.geometry.coordinates[p === "start" ? 0 : 1] = [P.x, P.y];
+        yt(i) && (this.activeLinks.forEach(({ arrow: f, side: g, connectionPoint: d }) => {
+          const v = this.getAnnotation(f), y = mt(i), _ = vt(i), C = Fe(d, { x: y.width, y: y.height }), E = at(C, this.ogma.view.getAngle()), P = Ht(E, _);
+          v.geometry.coordinates[g === "start" ? 0 : 1] = [P.x, P.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh(), this.emit(De, i, l);
     }), x(this, "_onFeatureDragEnd", (i) => {
-      this.dragged !== null && lt(i) && fe(this.dragged) && _r.forEach((l) => {
-        this.links.getArrowLink(i.id, l) && this.emit(un, {
+      this.dragged !== null && st(i) && fe(this.dragged) && _r.forEach((l) => {
+        this.links.getArrowLink(i.id, l) && this.emit(dn, {
           arrow: i,
           link: this.links.getArrowLink(i.id, l)
         });
-      }), (wt(i) || lt(i)) && this.onUpdate(i), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((l) => l.enableDetection()), this.layer.refresh(), this.emit(Vt, i);
+      }), (yt(i) || st(i)) && this.onUpdate(i), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((l) => l.enableDetection()), this.layer.refresh(), this.emit(Vt, i);
     }), x(this, "_onFeatureDragStart", (i) => {
-      this.textToMagnet = void 0, lt(i) ? this.dragged = i : wt(i) && this.activeLinks.push(...this.links.getTargetLinks(i.id, "text")), this.annotations.forEach((l) => {
+      this.textToMagnet = void 0, st(i) ? this.dragged = i : yt(i) && this.activeLinks.push(...this.links.getTargetLinks(i.id, "text")), this.annotations.forEach((l) => {
         const c = l.getSelectedFeature();
         c && c !== i && l.unhover().unselect(), l.disableDetection();
       }), this.emit(Me, i);
@@ -2391,17 +2413,17 @@ class wn extends Nr {
     }), x(this, "_onLayoutEnd", (i) => {
       i.ids.forEach((l, c) => {
         this.links.getTargetLinks(l, "node").forEach((f) => {
-          const p = this.getAnnotation(f.arrow), d = f.side, v = Ie(
-            p,
+          const g = this.getAnnotation(f.arrow), d = f.side, v = Ie(
+            g,
             d === "start" ? "end" : "start"
           ), y = i.positions.current[c], _ = this.ogma.getNode(l).getAttribute("radius"), C = Le(v, y, +_);
-          Bt(p, d, C.x, C.y);
+          Bt(g, d, C.x, C.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     }), x(this, "_onAdded", (i) => {
-      this.emit(ur, i);
-    }), x(this, "_onRemoved", (i) => {
       this.emit(hr, i);
+    }), x(this, "_onRemoved", (i) => {
+      this.emit(ur, i);
     }), x(this, "_onUnselect", (i) => {
       this.selected = null, this.emit(lr, i);
     }), x(this, "_onSelect", (i) => {
@@ -2412,58 +2434,58 @@ class wn extends Nr {
       );
     }), x(this, "_onUpdate", (i) => {
       this.emit(cr, i);
-    }), this.options = this.setOptions({ ...bn, ...s }), this.ogma = e, this.arrows = new fn(e, this.options), this.texts = new vn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((i) => {
-      i.on(Me, this._onFeatureDragStart).on(De, this._onFeatureDrag).on(Vt, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(ur, this._onAdded).on(hr, this._onRemoved);
+    }), this.options = this.setOptions({ ...xn, ...o }), this.ogma = e, this.arrows = new pn(e, this.options), this.texts = new bn(e, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((i) => {
+      i.on(Me, this._onFeatureDragStart).on(De, this._onFeatureDrag).on(Vt, this._onFeatureDragEnd).on(cr, this.onUpdate).on(lr, this._onUnselect).on(ar, this._onSelect).on(hr, this._onAdded).on(ur, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = e.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
-  _moveNodes(e, s, i) {
+  _moveNodes(e, o, i) {
     e.forEach((l) => {
       const c = this.links.getTargetLinks(l.getId(), "node"), f = l.getPosition();
-      c.forEach((p) => {
-        const d = this.getAnnotation(p.arrow), v = p.side, y = Ie(
+      c.forEach((g) => {
+        const d = this.getAnnotation(g.arrow), v = g.side, y = Ie(
           d,
           v === "start" ? "end" : "start"
         );
         let _ = f;
         const C = +l.getAttribute("radius"), E = 1e-6;
-        (p.connectionPoint.x - (f.x - s) > E || p.connectionPoint.y - (f.y - i) > E) && (_ = Le(y, f, C)), Bt(d, v, _.x, _.y);
+        (g.connectionPoint.x - (f.x - o) > E || g.connectionPoint.y - (f.y - i) > E) && (_ = Le(y, f, C)), Bt(d, v, _.x, _.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(e, s, i) {
+  _snapToText(e, o, i) {
     const l = this.texts.detect(i, this.options.detectMargin);
-    if (this.links.remove(e, s), !l)
+    if (this.links.remove(e, o), !l)
       return !1;
     this.textToMagnet = l;
     const c = this.findMagnetPoint(kr, l, i);
-    return c ? (Bt(e, s, c.point.x, c.point.y), this.links.add(e, s, l.id, "text", c.magnet), !0) : !1;
+    return c ? (Bt(e, o, c.point.x, c.point.y), this.links.add(e, o, l.id, "text", c.magnet), !0) : !1;
   }
-  _findAndSnapToNode(e, s, i) {
+  _findAndSnapToNode(e, o, i) {
     var l, c;
-    const f = this.ogma.view.graphToScreenCoordinates(i), p = this.ogma.view.getElementAt(f);
-    this.links.remove(e, s), p && p.isNode ? ((l = this.hoveredNode) == null || l.setSelected(!1), this.hoveredNode = p, p.setSelected(!0), this._snapToNode(e, s, p, f)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
+    const f = this.ogma.view.graphToScreenCoordinates(i), 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)) : ((c = this.hoveredNode) == null || c.setSelected(!1), this.hoveredNode = null);
   }
-  _snapToNode(e, s, i, l) {
-    const c = i.getPositionOnScreen(), f = +i.getAttribute("radius"), p = f * this.ogma.view.getZoom(), d = l.x - c.x, v = l.y - c.y, y = Math.sqrt(d * d + v * v), _ = i.getPosition();
-    if (y < p + this.options.detectMargin) {
+  _snapToNode(e, o, i, l) {
+    const c = i.getPositionOnScreen(), f = +i.getAttribute("radius"), g = f * this.ogma.view.getZoom(), d = l.x - c.x, v = l.y - c.y, y = Math.sqrt(d * d + v * v), _ = i.getPosition();
+    if (y < g + this.options.detectMargin) {
       let C = _;
-      if (y > p / 2) {
-        const E = Ie(e, s === "end" ? "start" : "end");
+      if (y > g / 2) {
+        const E = Ie(e, o === "end" ? "start" : "end");
         C = Le(E, C, f);
       }
-      Bt(e, s, C.x, C.y), this.links.add(e, s, i.getId(), "node", C);
+      Bt(e, o, C.x, C.y), this.links.add(e, o, i.getId(), "node", C);
     }
   }
   refreshTextLinks() {
     let e = !1;
     this.links.forEach(
-      ({ connectionPoint: s, targetType: i, target: l, arrow: c, side: f }) => {
+      ({ connectionPoint: o, targetType: i, target: l, arrow: c, side: f }) => {
         if (i !== "text")
           return;
         e = !0;
-        const p = this.getAnnotation(l), d = this.getAnnotation(c), v = vt(p), y = yt(p), _ = Fe(s, { x: v.width, y: v.height }), C = st(_, this.ogma.view.getAngle()), E = Ht(C, y);
+        const g = this.getAnnotation(l), d = this.getAnnotation(c), v = mt(g), y = vt(g), _ = Fe(o, { x: v.width, y: v.height }), C = at(_, this.ogma.view.getAngle()), E = Ht(C, y);
         Bt(d, f, E.x, E.y);
       }
     ), e && this.arrows.refreshLayer();
@@ -2474,10 +2496,10 @@ class wn extends Nr {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(e, s, i) {
+  findMagnetPoint(e, o, i) {
     let l;
     for (const c of e) {
-      const f = vt(s), p = yt(s), d = Fe(c, { x: f.width, y: f.height }), v = st(d, this.ogma.view.getAngle()), y = Ht(v, p), _ = Wt(Ct(y, i)), C = Math.min(
+      const f = mt(o), g = vt(o), d = Fe(c, { x: f.width, y: f.height }), v = at(d, this.ogma.view.getAngle()), y = Ht(v, g), _ = Ut(Ct(y, i)), C = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
         f.width / 2,
@@ -2509,14 +2531,14 @@ class wn extends Nr {
    * @param id the id of the annotation to select
    */
   select(e) {
-    const s = this.getAnnotations().features.find((i) => i.id === e);
-    return s ? (lt(s) ? this.arrows.select(s.id) : wt(s) && this.texts.select(s.id), this) : this;
+    const o = this.getAnnotations().features.find((i) => i.id === e);
+    return o ? (st(o) ? this.arrows.select(o.id) : yt(o) && this.texts.select(o.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
    */
   unselect() {
-    return this.selected ? (lt(this.selected) ? this.arrows.unselect() : wt(this.selected) && this.texts.unselect(), this) : this;
+    return this.selected ? (st(this.selected) ? this.arrows.unselect() : yt(this.selected) && this.texts.unselect(), this) : this;
   }
   /**
    * Add an annotation to the controller
@@ -2524,11 +2546,11 @@ class wn extends Nr {
    */
   add(e) {
     if (Er(e)) {
-      const [s, i] = e.features.reduce(
-        (l, c) => (lt(c) ? l[1].push(c) : wt(c) && l[0].push(c), l),
+      const [o, i] = e.features.reduce(
+        (l, c) => (st(c) ? l[1].push(c) : yt(c) && l[0].push(c), l),
         [[], []]
       );
-      return s.forEach((l) => this.add(l)), i.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
+      return o.forEach((l) => this.add(l)), i.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
     }
     switch (e.properties.type) {
       case "text":
@@ -2546,28 +2568,28 @@ class wn extends Nr {
    */
   remove(e) {
     return Er(e) ? (e.features.forEach(
-      (s) => this.remove(s)
-    ), this) : (lt(e) ? (this.links.remove(e, "start"), this.links.remove(e, "end"), this.arrows.remove(e.id)) : this.texts.remove(e.id), this);
+      (o) => this.remove(o)
+    ), this) : (st(e) ? (this.links.remove(e, "start"), this.links.remove(e, "end"), this.arrows.remove(e.id)) : this.texts.remove(e.id), this);
   }
   loadLink(e) {
     if (e.properties.link)
-      for (const s of _r) {
-        const i = e.properties.link[s];
+      for (const o of _r) {
+        const i = e.properties.link[o];
         if (!i)
           continue;
         const l = this.getAnnotation(i.id);
         if (i.type === "text" && l)
-          this.links.add(e, s, i.id, i.type, i.magnet);
+          this.links.add(e, o, i.id, i.type, i.magnet);
         else if (i.type === "node") {
           const c = this.ogma.getNode(i.id);
           if (!c)
             continue;
-          this.links.add(e, s, i.id, i.type, i.magnet);
-          const f = c.getPosition(), p = c.getAttribute("radius") || 0, d = Ie(
+          this.links.add(e, o, i.id, i.type, i.magnet);
+          const f = c.getPosition(), g = c.getAttribute("radius") || 0, d = Ie(
             e,
-            s === "start" ? "end" : "start"
-          ), v = Le(d, f, +p);
-          Bt(e, s, v.x, v.y);
+            o === "start" ? "end" : "start"
+          ), v = Le(d, f, +g);
+          Bt(e, o, v.x, v.y);
         }
       }
   }
@@ -2577,8 +2599,8 @@ class wn extends Nr {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(e, s, i) {
-    this.cancelDrawing(), this.arrows.startDrawing(e, s, i);
+  startArrow(e, o, i) {
+    this.cancelDrawing(), this.arrows.startDrawing(e, o, i);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -2586,23 +2608,27 @@ class wn extends Nr {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(e, s, i) {
-    this.cancelDrawing(), this.texts.startDrawing(e, s, i);
+  startText(e, o, i) {
+    this.cancelDrawing(), this.texts.startDrawing(e, o, i);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(hn);
+    this.annotations.forEach((e) => e.cancelDrawing()), this.emit(cn);
   }
   /**
    * Update the style of the annotation with the given id
    * @param id The id of the annotation to update
    * @param style The new style
    */
-  updateStyle(e, s) {
+  updateStyle(e, o) {
     const i = this.getAnnotations().features.find((l) => l.id === e);
-    return i ? (lt(i) ? this.arrows.updateStyle(i, s) : wt(i) && this.texts.updateStyle(i, s), this.onUpdate(i), this) : this;
+    return i ? (st(i) ? this.arrows.updateStyle(i, o) : yt(i) && this.texts.updateStyle(i, o), this.onUpdate(i), this) : this;
+  }
+  setScale(e, o, i, l) {
+    const c = this.getAnnotations().features.find((f) => f.id === e);
+    return c ? (st(c) ? this.arrows.scale(c, o, i, l) : yt(c) && this.texts.scale(c, o, i, l), this.onUpdate(c), this) : this;
   }
   /**
    *
@@ -2613,8 +2639,8 @@ class wn extends Nr {
       type: "FeatureCollection",
       features: []
     };
-    return this.annotations.forEach((s) => {
-      e.features = [...e.features, ...s.getElements()];
+    return this.annotations.forEach((o) => {
+      e.features = [...e.features, ...o.getElements()];
     }), e;
   }
   /**
@@ -2623,7 +2649,7 @@ class wn extends Nr {
    * @returns The annotation with the given id
    */
   getAnnotation(e) {
-    return this.getAnnotations().features.find((s) => s.id === e);
+    return this.getAnnotations().features.find((o) => o.id === e);
   }
   /**
    * Destroy the controller and its elements
@@ -2632,7 +2658,7 @@ class wn extends Nr {
     this.annotations.forEach((e) => e.destroy()), this.layer.destroy();
   }
 }
-const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Wr = "#333333", Cn = [
+const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Ur = "#333333", Pn = [
   "#FFFFFF",
   "#F44E3B",
   "#FE9200",
@@ -2645,7 +2671,7 @@ const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Wr = "#333333",
   "#333333",
   "#808080",
   "#cccccc"
-], On = [
+], Rn = [
   "Roboto",
   "Helvetica Neue",
   "Helvetica",
@@ -2657,72 +2683,72 @@ const Tr = [8, 10, 12, 14, 16, 24, 32, 48, 64, 72], Sr = "none", Wr = "#333333",
   "Consolas",
   "Courier New",
   "monospace"
-].sort((h, e) => h.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), xn = {
+].sort((u, e) => u.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())), En = {
   head: "arrow",
-  strokeColor: Wr,
+  strokeColor: Ur,
   strokeWidth: 5
-}, An = 0.25, En = {
+}, _n = 0.25, kn = {
   font: "Roboto",
   fontSize: Tr[2],
-  padding: Tr[2] * An,
-  color: Wr,
+  padding: Tr[2] * _n,
+  color: Ur,
   strokeType: Sr,
   background: Sr
 };
-function _n(h) {
-  return h.reduce((e, s) => e + s, 0) / h.length;
+function Tn(u) {
+  return u.reduce((e, o) => e + o, 0) / u.length;
 }
-function Pn(h, e = 0, s = 1) {
-  return e + (s - e) * h;
+function In(u, e = 0, o = 1) {
+  return e + (o - e) * u;
 }
-function Rn(h, e = 0, s = 1) {
-  return (h - e) / (s - e);
+function Ln(u, e = 0, o = 1) {
+  return (u - e) / (o - e);
 }
-function In() {
+function Fn() {
   return Or(null);
 }
-const Ur = Or(
+const Wr = Or(
   void 0
-), Ln = () => qr(Ur), kn = (h, e) => {
+), $n = () => qr(Wr), Sn = (u, e) => {
   switch (e.type) {
     case "add":
       return {
-        ...h,
-        features: [...h.features, e.payload]
+        ...u,
+        features: [...u.features, e.payload]
       };
     case "remove":
       return {
-        ...h,
-        features: h.features.filter((s) => s.id !== e.payload.id)
+        ...u,
+        features: u.features.filter((o) => o.id !== e.payload.id)
       };
     case "update":
       return {
-        ...h,
-        features: h.features.map(
-          (s) => s.id === e.payload.id ? e.payload : s
+        ...u,
+        features: u.features.map(
+          (o) => o.id === e.payload.id ? e.payload : o
         )
       };
     default:
-      return h;
+      return u;
   }
-}, Fn = ({ children: h }) => {
-  const e = Xr(), [s, i] = Yr(kn, {
+}, jn = ({ children: u }) => {
+  const e = Gr(), [o, i] = Yr(Sn, {
     type: "FeatureCollection",
     features: []
-  }), [l, c] = Nt(null), [f, p] = Nt(xn), [d, v] = Nt(En), [y, _] = Nt(), [C, E] = Nt(1), [P, S] = Nt(1);
+  }), [l, c] = Nt(null), [f, g] = Nt(En), [d, v] = Nt(kn), [y, _] = Nt(), [C, E] = Nt(1), [P, S] = Nt(1);
   return er(() => {
     if (!e)
       return;
-    const $ = new wn(e, {
+    const $ = new An(e, {
       minArrowHeight: 1
-    }), L = _n(e.getNodes().getAttribute("radius")) / 5, T = C;
-    return p({
+    }), L = Tn(e.getNodes().getAttribute("radius")) / 5, T = C;
+    return g({
       ...f,
       strokeWidth: (f.strokeWidth || 1) * T
     }), E(T), S(L), $.on("select", (B) => {
-      lt(B) ? p({
+      st(B) ? g({
         ...B.properties.style || {}
-      }) : wt(B) && v({
+      }) : yt(B) && v({
         ...B.properties.style || {}
       }), c(B);
     }).on("unselect", () => {
@@ -2735,17 +2761,17 @@ const Ur = Or(
   }, [y, f, l]), er(() => {
     y && l && (l == null ? void 0 : l.properties.type) === "text" && y.updateStyle(l.id, d);
   }, [y, d, l]), /* @__PURE__ */ Zr.jsx(
-    Ur.Provider,
+    Wr.Provider,
     {
       value: {
-        annotations: s,
+        annotations: o,
         updateAnnotations: i,
         currentAnnotation: l,
         setCurrentAnnotation: c,
         textStyle: d,
         setTextStyle: v,
         arrowStyle: f,
-        setArrowStyle: p,
+        setArrowStyle: g,
         arrowWidthFactor: C,
         setArrowWidthFactor: E,
         textSizeFactor: P,
@@ -2753,24 +2779,24 @@ const Ur = Or(
         editor: y,
         setEditor: _
       },
-      children: h
+      children: u
     }
   );
 };
 export {
-  Ur as AnnotationsContext,
-  Fn as AnnotationsContextProvider,
-  Wr as BLACK,
-  An as RELATIVE_PADDING,
+  Wr as AnnotationsContext,
+  jn as AnnotationsContextProvider,
+  Ur as BLACK,
+  _n as RELATIVE_PADDING,
   Sr as TRANSPARENT,
-  In as createAnnotationsContext,
-  xn as defaultArrowStyle,
-  Cn as defaultColors,
-  En as defaultTextStyle,
+  Fn as createAnnotationsContext,
+  En as defaultArrowStyle,
+  Pn as defaultColors,
+  kn as defaultTextStyle,
   Tr as fontSizes,
-  On as fonts,
-  Pn as interpolate,
-  _n as mean,
-  Rn as normalize,
-  Ln as useAnnotationsContext
+  Rn as fonts,
+  In as interpolate,
+  Tn as mean,
+  Ln as normalize,
+  $n as useAnnotationsContext
 };