@linkurious/ogma-annotations-react 1.1.18 → 1.1.20

package/dist/index.mjs

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