@linkurious/ogma-annotations-react 1.1.10 → 1.1.12

package/dist/index.mjs

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