@linkurious/ogma-annotations 1.0.5 → 1.0.10

package/dist/index.mjs

@@ -1,45 +1,45 @@
-var En = Object.defineProperty;
-var kn = (u, l, t) => l in u ? En(u, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[l] = t;
-var m = (u, l, t) => (kn(u, typeof l != "symbol" ? l + "" : l, t), t);
-var Tn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function oe(u) {
-  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
+var kn = Object.defineProperty;
+var Tn = (c, l, t) => l in c ? kn(c, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[l] = t;
+var v = (c, l, t) => (Tn(c, typeof l != "symbol" ? l + "" : l, t), t);
+var In = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function le(c) {
+  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
 }
-var Pe = { exports: {} };
-(function(u) {
+var $e = { exports: {} };
+(function(c) {
   (function(l, t) {
-    u.exports = t();
+    c.exports = t();
   })("Vector", function() {
     var l = function() {
-      var t = Math.PI * 2, s = 180 / Math.PI, a = Math.PI / 180;
-      function c(r) {
-        return Math.round(r * 1e8) / 1e8;
+      var t = Math.PI * 2, r = 180 / Math.PI, a = Math.PI / 180;
+      function u(s) {
+        return Math.round(s * 1e8) / 1e8;
       }
-      function g(r, d) {
-        var v = d.x - r.x, T = d.y - r.y;
-        return Math.sqrt(v * v + T * T);
+      function p(s, d) {
+        var m = d.x - s.x, A = d.y - s.y;
+        return Math.sqrt(m * m + A * A);
       }
-      function y(r, d, v) {
-        var T = d.y - r.y, _ = d.x - r.x, E = Math.atan2(T, _);
-        if (v)
-          for (; E < 0; )
-            E += t;
-        return E;
+      function y(s, d, m) {
+        var A = d.y - s.y, I = d.x - s.x, k = Math.atan2(A, I);
+        if (m)
+          for (; k < 0; )
+            k += t;
+        return k;
       }
-      function f(r, d) {
-        this.x = r !== void 0 ? r : 0, this.y = d !== void 0 ? d : 0;
+      function f(s, d) {
+        this.x = s !== void 0 ? s : 0, this.y = d !== void 0 ? d : 0;
       }
-      return f.fromRadians = function(r) {
-        var d = Math.cos(r), v = Math.sin(r);
-        return new f(d, v);
-      }, f.fromDegrees = function(r) {
-        var d = r * (Math.PI / 180);
+      return f.fromRadians = function(s) {
+        var d = Math.cos(s), m = Math.sin(s);
+        return new f(d, m);
+      }, f.fromDegrees = function(s) {
+        var d = s * (Math.PI / 180);
         return f.fromRadians(d);
-      }, f.fromString = function(r) {
-        var d = r.split(",");
+      }, f.fromString = function(s) {
+        var d = s.split(",");
         return new f(parseFloat(d[0]), parseFloat(d[1]));
-      }, f.fromArray = function(r) {
-        return new f(r[0], r[1]);
+      }, f.fromArray = function(s) {
+        return new f(s[0], s[1]);
       }, f.prototype = {
         // version
         version: "2.0.1",
@@ -55,30 +55,30 @@ var Pe = { exports: {} };
         // Get if equal to another vector
         // @param vector - other vector to compare with.
         // @return if vectors are equal.
-        equals: function(r) {
-          return this.prototype === r.prototype && this.x === r.x && this.y === r.y;
+        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(r) {
-          return this.x = r.x, this.y = r.y, this;
+        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(r) {
-          return this.x = r.x, this;
+        copyX: function(s) {
+          return this.x = s.x, this;
         },
         // [API]
         // [chainable, changeSelf]
         // set only the y component from another vector.
         // @return self.
-        copyY: function(r) {
-          return this.y = r.y, this;
+        copyY: function(s) {
+          return this.y = s.y, this;
         },
         // [API]
         // []
@@ -100,8 +100,8 @@ var Pe = { exports: {} };
         // @param x - optional x component to set.
         // @param y - optional y component to set.
         // @return self.
-        set: function(r, d) {
-          return r !== void 0 && (this.x = r), d !== void 0 && (this.y = d), this;
+        set: function(s, d) {
+          return s !== void 0 && (this.x = s), d !== void 0 && (this.y = d), this;
         },
         // [API]
         // [chainable, clone]
@@ -136,29 +136,29 @@ var Pe = { exports: {} };
         // get the distance from another vector.
         // @param other - vector to get distance from.
         // @return distance between vectors.
-        distanceFrom: function(r) {
-          return g(this, r);
+        distanceFrom: function(s) {
+          return p(this, s);
         },
         // [API]
         // []
         // get angle from another vector in radians.
         // @return angle in radians from this to other.
-        radiansTo: function(r) {
-          return y(this, r, !0);
+        radiansTo: function(s) {
+          return y(this, s, !0);
         },
         // [API]
         // []
         // get degrees from another vector in degrees.
         // @return angle in degrees from this to other.
-        degreesTo: function(r) {
-          return y(this, r, !0) * s;
+        degreesTo: function(s) {
+          return y(this, s, !0) * r;
         },
         // [API]
         // []
         // convert this vector to a radian angle.
         // this is equivalent to doing Vector.zero.radiansTo(this).
         // @return angle in radians.
-        toRadians: function(r) {
+        toRadians: function(s) {
           return y(f.zero, this, !0);
         },
         // [API]
@@ -166,41 +166,41 @@ var Pe = { exports: {} };
         // convert this vector to degree.
         // this is equivalent to doing Vector.zero.degreeTo(this).
         // @return angle in degrees (0-360).
-        toDegrees: function(r) {
-          return this.toRadians() * s;
+        toDegrees: function(s) {
+          return this.toRadians() * r;
         },
         // [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(r) {
-          return this.rotateRadiansSelf(r * a);
+        rotateDegreesSelf: function(s) {
+          return this.rotateRadiansSelf(s * a);
         },
         // [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(r) {
-          return this.clone().rotateDegreesSelf(r);
+        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(r) {
-          var d = Math.cos(r), v = Math.sin(r), T = this.x * d - this.y * v, _ = this.x * v + this.y * d;
-          return this.x = c(T), this.y = c(_), this;
+        rotateRadiansSelf: function(s) {
+          var d = Math.cos(s), m = Math.sin(s), A = this.x * d - this.y * m, I = this.x * m + this.y * d;
+          return this.x = u(A), this.y = u(I), 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(r) {
-          return this.clone().rotateRadiansSelf(r);
+        rotateRadians: function(s) {
+          return this.clone().rotateRadiansSelf(s);
         },
         // [API]
         // []
@@ -214,8 +214,8 @@ var Pe = { exports: {} };
         // normalize this vector, eg make length equal 1.
         // @return self.
         normalizeSelf: function() {
-          var r = Math.sqrt(this.x * this.x + this.y * this.y);
-          return r === 0 ? this : (this.x /= r, this.y /= r, this);
+          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]
@@ -230,8 +230,8 @@ var Pe = { exports: {} };
         // for example, v(10, 11) + v(5, 6) = v(15, 17).
         // @param other - vector to add components to self.
         // @return self.
-        addSelf: function(r) {
-          return typeof r == "number" ? this.addScalarSelf(r) : (this.x += r.x, this.y += r.y, this);
+        addSelf: function(s) {
+          return typeof s == "number" ? this.addScalarSelf(s) : (this.x += s.x, this.y += s.y, this);
         },
         // [API]
         // [chainable, changeSelf]
@@ -239,8 +239,8 @@ var Pe = { exports: {} };
         // for example, v(10, 10) - v(2, 3) = v(8, 7).
         // @param other - vector to subtract components from self.
         // @return self.
-        subSelf: function(r) {
-          return typeof r == "number" ? this.subScalarSelf(r) : (this.x -= r.x, this.y -= r.y, this);
+        subSelf: function(s) {
+          return typeof s == "number" ? this.subScalarSelf(s) : (this.x -= s.x, this.y -= s.y, this);
         },
         // [API]
         // [chainable, changeSelf]
@@ -248,8 +248,8 @@ var Pe = { exports: {} };
         // for example, v(10, 20) / v(2, 5) = v(5, 4).
         // @param other - vector to divide components from self.
         // @return self.
-        divSelf: function(r) {
-          return typeof r == "number" ? this.divScalarSelf(r) : (this.x /= r.x, this.y /= r.y, this);
+        divSelf: function(s) {
+          return typeof s == "number" ? this.divScalarSelf(s) : (this.x /= s.x, this.y /= s.y, this);
         },
         // [API]
         // [chainable, changeSelf]
@@ -257,8 +257,8 @@ var Pe = { exports: {} };
         // for example, v(2, 3) * v(3, 4) = v(6, 12).
         // @param other - vector to multiply components with self.
         // @return self.
-        mulSelf: function(r) {
-          return typeof r == "number" ? this.mulScalarSelf(r) : (this.x *= r.x, this.y *= r.y, this);
+        mulSelf: function(s) {
+          return typeof s == "number" ? this.mulScalarSelf(s) : (this.x *= s.x, this.y *= s.y, this);
         },
         // [API]
         // [chainable, changeSelf]
@@ -266,8 +266,8 @@ var Pe = { exports: {} };
         // for example, v(2, 3) + 5 = v(7, 8).
         // @param val - value to add to components.
         // @return self.
-        addScalarSelf: function(r) {
-          return this.x += r, this.y += r, this;
+        addScalarSelf: function(s) {
+          return this.x += s, this.y += s, this;
         },
         // [API]
         // [chainable, changeSelf]
@@ -275,8 +275,8 @@ var Pe = { exports: {} };
         // for example, v(7, 9) - 5 = v(3, 4).
         // @param val - value to subtract from components.
         // @return self.
-        subScalarSelf: function(r) {
-          return this.x -= r, this.y -= r, this;
+        subScalarSelf: function(s) {
+          return this.x -= s, this.y -= s, this;
         },
         // [API]
         // [chainable, changeSelf]
@@ -284,8 +284,8 @@ var Pe = { exports: {} };
         // for example, v(6, 8) / 5 = v(3, 4).
         // @param val - value to divide components by.
         // @return self.
-        divScalarSelf: function(r) {
-          return this.x /= r, this.y /= r, this;
+        divScalarSelf: function(s) {
+          return this.x /= s, this.y /= s, this;
         },
         // [API]
         // [chainable, changeSelf]
@@ -293,32 +293,32 @@ var Pe = { exports: {} };
         // for example, v(2, 3) * 2 = v(4, 6).
         // @param val - value to multiply components with.
         // @return self.
-        mulScalarSelf: function(r) {
-          return this.x *= r, this.y *= r, this;
+        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(r) {
-          return this.clone().addSelf(r);
+        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(r) {
-          return this.clone().subSelf(r);
+        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(r) {
-          return this.clone().mulSelf(r);
+        mul: function(s) {
+          return this.clone().mulSelf(s);
         },
         // [API]
         // [chainable, clone]
@@ -326,40 +326,40 @@ var Pe = { exports: {} };
         // @param other - vector to divide with.
         // @param scalar - value to divide by.
         // @return cloned vector.
-        div: function(r) {
-          return this.clone().divSelf(r);
+        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(r) {
-          return this.clone().addScalarSelf(r);
+        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(r) {
-          return this.clone().subScalarSelf(r);
+        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(r) {
-          return this.clone().mulScalarSelf(r);
+        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(r) {
-          return this.clone().divScalarSelf(r);
+        divScalar: function(s) {
+          return this.clone().divScalarSelf(s);
         },
         // [API]
         // [chainable, changeSelf]
@@ -368,8 +368,8 @@ var Pe = { exports: {} };
         // @param min - min value for x, y components.
         // @param max - max value for x, y components.
         // @return self.
-        clampSelf: function(r, d) {
-          return this.x < r.x && (this.x = r.x), this.y < r.y && (this.y = r.y), this.x > d.x && (this.x = d.x), this.y > d.y && (this.y = d.y), this;
+        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]
@@ -378,8 +378,8 @@ var Pe = { exports: {} };
         // @param min - min value for x, y components.
         // @param max - max value for x, y components.
         // @return cloned vector in range.
-        clamp: function(r, d) {
-          return this.clone().clampSelf(r, d);
+        clamp: function(s, d) {
+          return this.clone().clampSelf(s, d);
         },
         // [API]
         // [chainable, changeSelf]
@@ -387,8 +387,8 @@ var Pe = { exports: {} };
         // 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(r) {
-          return this.x = r(this.x), this.y = r(this.y), this;
+        applySelf: function(s) {
+          return this.x = s(this.x), this.y = s(this.y), this;
         },
         // [API]
         // [chainable, clone]
@@ -396,8 +396,8 @@ var Pe = { exports: {} };
         // 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(r) {
-          return this.clone().applySelf(r);
+        apply: function(s) {
+          return this.clone().applySelf(s);
         },
         // [API]
         // [chainable, changeSelf]
@@ -432,16 +432,16 @@ var Pe = { exports: {} };
         // calculate dot-product of this vector with another vector.
         // @param other - other vector to calculate dot-product with.
         // @return dot product.
-        dot: function(r) {
-          return this.x * r.x + this.y * r.y;
+        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(r) {
-          return this.x * r.y - this.y * r.x;
+        cross: function(s) {
+          return this.x * s.y - this.y * s.x;
         },
         // [API]
         // [chainable, changeSelf]
@@ -450,8 +450,8 @@ var Pe = { exports: {} };
         // @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(r, d) {
-          return (typeof this.x != "number" || isNaN(this.x + 1)) && (this.x = r || 0), (typeof this.y != "number" || isNaN(this.y + 1)) && (this.y = d || 0), this;
+        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]
@@ -460,8 +460,8 @@ var Pe = { exports: {} };
         // @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(r, d) {
-          return this.clone().repairSelf(r, d);
+        repair: function(s, d) {
+          return this.clone().repairSelf(s, d);
         },
         // [API]
         // []
@@ -475,24 +475,24 @@ var Pe = { exports: {} };
         // 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(r) {
-          return r = r || "%x,%y", r = r.replace(new RegExp("%x", "g"), this.x), r = r.replace(new RegExp("%y", "g"), this.y), r;
+        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 l.zero = new l(0, 0), l.one = new l(1, 1), l.up = new l(0, -1), l.down = new l(0, 1), l.left = new l(-1, 0), l.right = new l(1, 0), l.upLeft = new l(-1, -1), l.downLeft = new l(-1, 1), l.upRight = new l(1, -1), l.downRight = new l(1, 1), l.prototype.magnitude = l.prototype.length, Object.freeze && (Object.freeze(l.zero), Object.freeze(l.one), Object.freeze(l.up), Object.freeze(l.down), Object.freeze(l.left), Object.freeze(l.right), Object.freeze(l.upLeft), Object.freeze(l.downLeft), Object.freeze(l.upRight), Object.freeze(l.downRight)), l;
   });
-})(Pe);
-var In = Pe.exports;
-const rt = /* @__PURE__ */ oe(In);
-let jt = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
+})($e);
+var _n = $e.exports;
+const rt = /* @__PURE__ */ le(_n);
+let jt = (c = 21) => crypto.getRandomValues(new Uint8Array(c)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
 const Dt = {
   strokeType: "plain",
   strokeColor: "black",
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, Se = {
+}, Ee = {
   id: 0,
   type: "Feature",
   properties: {
@@ -518,7 +518,7 @@ const Dt = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, _n = (u = 0, l = 0, t = 0, s = 0, a = { ...Dt }) => ({
+}, Dn = (c = 0, l = 0, t = 0, r = 0, a = { ...Dt }) => ({
   id: jt(),
   type: "Feature",
   properties: {
@@ -531,70 +531,70 @@ const Dt = {
   geometry: {
     type: "LineString",
     coordinates: [
-      [u, l],
-      [t, s]
+      [c, l],
+      [t, r]
     ]
   }
-}), Dn = "http://www.w3.org/2000/svg";
-function It(u) {
-  return document.createElementNS(Dn, u);
+}), Mn = "http://www.w3.org/2000/svg";
+function It(c) {
+  return document.createElementNS(Mn, c);
 }
-function Ce(u) {
-  return u.geometry.bbox || On(u), u.geometry.bbox;
+function Pe(c) {
+  return c.geometry.bbox || On(c), c.geometry.bbox;
 }
-function dt(u) {
-  const l = Ce(u);
+function dt(c) {
+  const l = Pe(c);
   return {
     width: l[2] - l[0],
     height: l[3] - l[1]
   };
 }
-function yt(u) {
-  const l = Ce(u);
+function yt(c) {
+  const l = Pe(c);
   return { x: l[0], y: l[1] };
 }
-function On(u) {
-  const [l, t] = u.geometry.coordinates[0][0], [s, a] = u.geometry.coordinates[0][2];
-  u.geometry.bbox = [l, t, s, a];
+function On(c) {
+  const [l, t] = c.geometry.coordinates[0][0], [r, a] = c.geometry.coordinates[0][2];
+  c.geometry.bbox = [l, t, r, a];
 }
-function Mn(u, l, t, s, a) {
-  u.geometry.bbox = [l, t, l + s, t + a], u.geometry.coordinates = [
+function zn(c, l, t, r, a) {
+  c.geometry.bbox = [l, t, l + r, t + a], c.geometry.coordinates = [
     [
       [l, t],
-      [l + s, t],
-      [l + s, t + a],
+      [l + r, t],
+      [l + r, t + a],
       [l, t + a],
       [l, t]
     ]
   ];
 }
-function _t(u) {
-  const [l, t] = u.geometry.coordinates[0];
+function _t(c) {
+  const [l, t] = c.geometry.coordinates[0];
   return { x: l, y: t };
 }
-function Ae(u, l) {
-  const [t, s] = u.geometry.coordinates[l === "start" ? 0 : 1];
-  return { x: t, y: s };
+function te(c, l) {
+  const [t, r] = c.geometry.coordinates[l === "start" ? 0 : 1];
+  return { x: t, y: r };
 }
-function Ht(u) {
-  const [l, t] = u.geometry.coordinates[1];
+function Rt(c) {
+  const [l, t] = c.geometry.coordinates[1];
   return { x: l, y: t };
 }
-function Ne(u, l, t) {
-  u.geometry.coordinates[0] = [l, t];
+function Ne(c, l, t) {
+  c.geometry.coordinates[0] = [l, t];
 }
-function $e(u, l, t) {
-  u.geometry.coordinates[1] = [l, t];
+function He(c, l, t) {
+  c.geometry.coordinates[1] = [l, t];
 }
-function Rt(u) {
-  return { start: _t(u), end: Ht(u) };
+function Ft(c) {
+  return { start: _t(c), end: Rt(c) };
 }
-function Qt(u, l, t, s) {
-  l === "start" ? Ne(u, t, s) : $e(u, t, s);
+function Nt(c, l, t, r) {
+  l === "start" ? Ne(c, t, r) : He(c, t, r);
 }
-const He = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
-function Xn(u) {
-  return $t(u).reduce(
+const Re = (c) => parseInt(c.getAttribute("data-handle-id") || "-1");
+function Xn(c) {
+  return Ht(c).reduce(
     (l, t) => (l[0] = Math.min(t[0], l[0]), l[1] = Math.min(t[1], l[1]), l[2] = Math.max(t[0], l[2]), l[3] = Math.max(t[1], l[3]), l),
     [
       Number.POSITIVE_INFINITY,
@@ -604,192 +604,191 @@ function Xn(u) {
     ]
   );
 }
-function $t(u) {
+function Ht(c) {
   let l = [];
-  return u.type == "Point" ? l = [u.coordinates] : u.type == "LineString" || u.type == "MultiPoint" ? l = u.coordinates : u.type == "Polygon" || u.type == "MultiLineString" ? l = u.coordinates.reduce(function(t, s) {
-    return t.concat(s);
-  }, []) : u.type == "MultiPolygon" ? l = u.coordinates.reduce(
-    (t, s) => t.concat(s.reduce((a, c) => a.concat(c), [])),
+  return c.type == "Point" ? l = [c.coordinates] : c.type == "LineString" || c.type == "MultiPoint" ? l = c.coordinates : c.type == "Polygon" || c.type == "MultiLineString" ? l = c.coordinates.reduce(function(t, r) {
+    return t.concat(r);
+  }, []) : c.type == "MultiPolygon" ? l = c.coordinates.reduce(
+    (t, r) => t.concat(r.reduce((a, u) => a.concat(u), [])),
     []
-  ) : u.type == "Feature" ? l = $t(u.geometry) : u.type == "GeometryCollection" ? l = u.geometries.reduce(
-    (t, s) => t.concat($t(s)),
+  ) : c.type == "Feature" ? l = Ht(c.geometry) : c.type == "GeometryCollection" ? l = c.geometries.reduce(
+    (t, r) => t.concat(Ht(r)),
     []
-  ) : u.type == "FeatureCollection" && (l = u.features.reduce(
-    (t, s) => t.concat($t(s)),
+  ) : c.type == "FeatureCollection" && (l = c.features.reduce(
+    (t, r) => t.concat(Ht(r)),
     []
   )), l;
 }
-function Ee(u, l, t) {
-  const s = Math.atan2(u.y - l.y, u.x - l.x);
+function ee(c, l, t) {
+  const r = Math.atan2(c.y - l.y, c.x - l.x);
   return {
-    x: l.x + t * Math.cos(s),
-    y: l.y + t * Math.sin(s)
+    x: l.x + t * Math.cos(r),
+    y: l.y + t * Math.sin(r)
   };
 }
-function Re(u, l = 5, t = 30) {
-  var r;
-  const { start: s, end: a } = Rt(u), c = new rt(s.x, s.y), y = new rt(a.x, a.y).sub(c), f = u.properties.style && u.properties.style.strokeWidth ? (r = u.properties.style) == null ? void 0 : r.strokeWidth : 0;
+function Fe(c, l = 5, t = 30) {
+  var s;
+  const { start: r, end: a } = Ft(c), u = new rt(r.x, r.y), y = new rt(a.x, a.y).sub(u), f = c.properties.style && c.properties.style.strokeWidth ? (s = c.properties.style) == null ? void 0 : s.strokeWidth : 0;
   return Math.min(t, Math.max(3 * f, y.length() * 0.1, l));
 }
-function ke(u, l, t, s) {
-  const a = l.clone().normalize().invert().mul(s);
+function ke(c, l, t, r) {
+  const a = l.clone().normalize().invert().mul(r);
   if (!t || t === "none")
     return "";
-  const c = u.clone().add(a.rotateRadians(Math.PI / 8)), g = u.clone().add(a.rotateRadians(-Math.PI / 8)), y = `${u.x} ${u.y}`;
-  return `M ${c.x} ${c.y} L ${y} ${g.x} ${g.y} ${t === "arrow" ? "" : `${c.x} ${c.y}`}`;
+  const u = c.clone().add(a.rotateRadians(Math.PI / 8)), p = c.clone().add(a.rotateRadians(-Math.PI / 8)), y = `${c.x} ${c.y}`;
+  return `M ${u.x} ${u.y} L ${y} ${p.x} ${p.y} ${t === "arrow" ? "" : `${u.x} ${u.y}`}`;
 }
-function zn(u, l, t, s, a) {
-  const { start: c, end: g } = Rt(u), { tail: y, head: f, strokeColor: r, strokeWidth: d } = u.properties.style || t, v = new rt(c.x, c.y), T = new rt(g.x, g.y), _ = T.clone().sub(v), E = Re(u, s, a), P = It("path");
-  P.setAttribute("data-annotation", `${u.id}`), P.setAttribute("data-annotation-type", "arrow");
-  const A = f === "arrow-plain" || y === "arrow";
-  P.setAttribute("stroke", r || "none"), P.setAttribute("stroke-width", `${d}`), P.setAttribute("fill", A ? r || "" : "none"), P.setAttribute("stroke-linecap", "round"), P.setAttribute("stroke-linejoin", "round");
-  const U = ke(v, _.clone().invert(), y, E), N = ke(T, _, f, E), z = U + `M ${v.x} ${v.y} ${T.x} ${T.y}` + N;
-  P.setAttribute("d", z), l.appendChild(P);
+function Ln(c, l, t, r, a) {
+  const { start: u, end: p } = Ft(c), { tail: y, head: f, strokeColor: s, strokeWidth: d } = c.properties.style || t, m = new rt(u.x, u.y), A = new rt(p.x, p.y), I = A.clone().sub(m), k = Fe(c, r, a), C = It("path");
+  C.setAttribute("data-annotation", `${c.id}`), C.setAttribute("data-annotation-type", "arrow");
+  const E = f === "arrow-plain" || y === "arrow";
+  C.setAttribute("stroke", s || "none"), C.setAttribute("stroke-width", `${d}`), C.setAttribute("fill", E ? s || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
+  const U = ke(m, I.clone().invert(), y, k), P = ke(A, I, f, k), z = U + `M ${m.x} ${m.y} ${A.x} ${A.y}` + P;
+  C.setAttribute("d", z), l.appendChild(C);
 }
-const B = -1, ae = "dragging", le = "dragstart", Ot = "dragend", ee = "select", ne = "unselect", Ln = "hover", Pn = "unhover", ie = "remove", re = "add", Cn = "cancelDrawing", se = "update", Nn = "link";
+const B = -1, he = "dragging", ce = "dragstart", Mt = "dragend", ie = "select", re = "unselect", Cn = "hover", $n = "unhover", se = "remove", oe = "add", Pn = "cancelDrawing", ae = "update", Nn = "link";
 var je = { exports: {} };
-(function(u) {
+(function(c) {
   var l = Object.prototype.hasOwnProperty, t = "~";
-  function s() {
+  function r() {
   }
-  Object.create && (s.prototype = /* @__PURE__ */ Object.create(null), new s().__proto__ || (t = !1));
-  function a(f, r, d) {
-    this.fn = f, this.context = r, this.once = d || !1;
+  Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (t = !1));
+  function a(f, s, d) {
+    this.fn = f, this.context = s, this.once = d || !1;
   }
-  function c(f, r, d, v, T) {
+  function u(f, s, d, m, A) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var _ = new a(d, v || f, T), E = t ? t + r : r;
-    return f._events[E] ? f._events[E].fn ? f._events[E] = [f._events[E], _] : f._events[E].push(_) : (f._events[E] = _, f._eventsCount++), f;
+    var I = new a(d, m || f, A), k = t ? t + s : s;
+    return f._events[k] ? f._events[k].fn ? f._events[k] = [f._events[k], I] : f._events[k].push(I) : (f._events[k] = I, f._eventsCount++), f;
   }
-  function g(f, r) {
-    --f._eventsCount === 0 ? f._events = new s() : delete f._events[r];
+  function p(f, s) {
+    --f._eventsCount === 0 ? f._events = new r() : delete f._events[s];
   }
   function y() {
-    this._events = new s(), this._eventsCount = 0;
+    this._events = new r(), this._eventsCount = 0;
   }
   y.prototype.eventNames = function() {
-    var r = [], d, v;
+    var s = [], d, m;
     if (this._eventsCount === 0)
-      return r;
-    for (v in d = this._events)
-      l.call(d, v) && r.push(t ? v.slice(1) : v);
-    return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(d)) : r;
-  }, y.prototype.listeners = function(r) {
-    var d = t ? t + r : r, v = this._events[d];
-    if (!v)
+      return s;
+    for (m in d = this._events)
+      l.call(d, m) && s.push(t ? m.slice(1) : m);
+    return Object.getOwnPropertySymbols ? s.concat(Object.getOwnPropertySymbols(d)) : s;
+  }, y.prototype.listeners = function(s) {
+    var d = t ? t + s : s, m = this._events[d];
+    if (!m)
       return [];
-    if (v.fn)
-      return [v.fn];
-    for (var T = 0, _ = v.length, E = new Array(_); T < _; T++)
-      E[T] = v[T].fn;
-    return E;
-  }, y.prototype.listenerCount = function(r) {
-    var d = t ? t + r : r, v = this._events[d];
-    return v ? v.fn ? 1 : v.length : 0;
-  }, y.prototype.emit = function(r, d, v, T, _, E) {
-    var P = t ? t + r : r;
-    if (!this._events[P])
+    if (m.fn)
+      return [m.fn];
+    for (var A = 0, I = m.length, k = new Array(I); A < I; A++)
+      k[A] = m[A].fn;
+    return k;
+  }, y.prototype.listenerCount = function(s) {
+    var d = t ? t + s : s, m = this._events[d];
+    return m ? m.fn ? 1 : m.length : 0;
+  }, y.prototype.emit = function(s, d, m, A, I, k) {
+    var C = t ? t + s : s;
+    if (!this._events[C])
       return !1;
-    var A = this._events[P], U = arguments.length, N, z;
-    if (A.fn) {
-      switch (A.once && this.removeListener(r, A.fn, void 0, !0), U) {
+    var E = this._events[C], U = arguments.length, P, z;
+    if (E.fn) {
+      switch (E.once && this.removeListener(s, E.fn, void 0, !0), U) {
         case 1:
-          return A.fn.call(A.context), !0;
+          return E.fn.call(E.context), !0;
         case 2:
-          return A.fn.call(A.context, d), !0;
+          return E.fn.call(E.context, d), !0;
         case 3:
-          return A.fn.call(A.context, d, v), !0;
+          return E.fn.call(E.context, d, m), !0;
         case 4:
-          return A.fn.call(A.context, d, v, T), !0;
+          return E.fn.call(E.context, d, m, A), !0;
         case 5:
-          return A.fn.call(A.context, d, v, T, _), !0;
+          return E.fn.call(E.context, d, m, A, I), !0;
         case 6:
-          return A.fn.call(A.context, d, v, T, _, E), !0;
+          return E.fn.call(E.context, d, m, A, I, k), !0;
       }
-      for (z = 1, N = new Array(U - 1); z < U; z++)
-        N[z - 1] = arguments[z];
-      A.fn.apply(A.context, N);
+      for (z = 1, P = new Array(U - 1); z < U; z++)
+        P[z - 1] = arguments[z];
+      E.fn.apply(E.context, P);
     } else {
-      var W = A.length, nt;
-      for (z = 0; z < W; z++)
-        switch (A[z].once && this.removeListener(r, A[z].fn, void 0, !0), U) {
+      var Z = E.length, nt;
+      for (z = 0; z < Z; z++)
+        switch (E[z].once && this.removeListener(s, E[z].fn, void 0, !0), U) {
           case 1:
-            A[z].fn.call(A[z].context);
+            E[z].fn.call(E[z].context);
             break;
           case 2:
-            A[z].fn.call(A[z].context, d);
+            E[z].fn.call(E[z].context, d);
             break;
           case 3:
-            A[z].fn.call(A[z].context, d, v);
+            E[z].fn.call(E[z].context, d, m);
             break;
           case 4:
-            A[z].fn.call(A[z].context, d, v, T);
+            E[z].fn.call(E[z].context, d, m, A);
             break;
           default:
-            if (!N)
-              for (nt = 1, N = new Array(U - 1); nt < U; nt++)
-                N[nt - 1] = arguments[nt];
-            A[z].fn.apply(A[z].context, N);
+            if (!P)
+              for (nt = 1, P = new Array(U - 1); nt < U; nt++)
+                P[nt - 1] = arguments[nt];
+            E[z].fn.apply(E[z].context, P);
         }
     }
     return !0;
-  }, y.prototype.on = function(r, d, v) {
-    return c(this, r, d, v, !1);
-  }, y.prototype.once = function(r, d, v) {
-    return c(this, r, d, v, !0);
-  }, y.prototype.removeListener = function(r, d, v, T) {
-    var _ = t ? t + r : r;
-    if (!this._events[_])
+  }, y.prototype.on = function(s, d, m) {
+    return u(this, s, d, m, !1);
+  }, y.prototype.once = function(s, d, m) {
+    return u(this, s, d, m, !0);
+  }, y.prototype.removeListener = function(s, d, m, A) {
+    var I = t ? t + s : s;
+    if (!this._events[I])
       return this;
     if (!d)
-      return g(this, _), this;
-    var E = this._events[_];
-    if (E.fn)
-      E.fn === d && (!T || E.once) && (!v || E.context === v) && g(this, _);
+      return p(this, I), this;
+    var k = this._events[I];
+    if (k.fn)
+      k.fn === d && (!A || k.once) && (!m || k.context === m) && p(this, I);
     else {
-      for (var P = 0, A = [], U = E.length; P < U; P++)
-        (E[P].fn !== d || T && !E[P].once || v && E[P].context !== v) && A.push(E[P]);
-      A.length ? this._events[_] = A.length === 1 ? A[0] : A : g(this, _);
+      for (var C = 0, E = [], U = k.length; C < U; C++)
+        (k[C].fn !== d || A && !k[C].once || m && k[C].context !== m) && E.push(k[C]);
+      E.length ? this._events[I] = E.length === 1 ? E[0] : E : p(this, I);
     }
     return this;
-  }, y.prototype.removeAllListeners = function(r) {
+  }, y.prototype.removeAllListeners = function(s) {
     var d;
-    return r ? (d = t ? t + r : r, this._events[d] && g(this, d)) : (this._events = new s(), this._eventsCount = 0), this;
-  }, y.prototype.off = y.prototype.removeListener, y.prototype.addListener = y.prototype.on, y.prefixed = t, y.EventEmitter = y, u.exports = y;
+    return s ? (d = t ? t + s : s, this._events[d] && p(this, d)) : (this._events = new r(), this._eventsCount = 0), this;
+  }, y.prototype.off = y.prototype.removeListener, y.prototype.addListener = y.prototype.on, y.prefixed = t, y.EventEmitter = y, c.exports = y;
 })(je);
-var $n = je.exports;
-const Fe = /* @__PURE__ */ oe($n);
-class qe extends Fe {
-  constructor(t, s) {
+var Hn = je.exports;
+const qe = /* @__PURE__ */ le(Hn);
+class Be extends qe {
+  constructor(t, r) {
     super();
-    m(this, "ogma");
-    m(this, "elements");
+    v(this, "ogma");
+    v(this, "elements");
     // layer to draw elements
-    m(this, "layer");
-    m(this, "editor");
-    m(this, "selectedId", B);
-    m(this, "hoveredId", B);
+    v(this, "layer");
+    v(this, "editor");
+    v(this, "selectedId", B);
+    v(this, "hoveredId", B);
     // used to remember ogma options before we change them
-    m(this, "ogmaOptions");
-    m(this, "shouldDetect");
-    m(this, "isDragging");
-    m(this, "_onKeyUp", (t) => {
+    v(this, "ogmaOptions");
+    v(this, "shouldDetect");
+    v(this, "isDragging");
+    v(this, "maxHandleScale", 1.5);
+    v(this, "_onKeyUp", (t) => {
       t.code === 27 && this.selectedId !== B ? this.unselect() : (t.code === 46 || t.code === 8) && this.selectedId !== B && this._canRemove() && this.remove(this.selectedId);
     });
-    m(this, "_onClickMouseMove", (t) => {
+    v(this, "_onClickMouseMove", (t) => {
       if (!t.domEvent || this.isDragging || !this.shouldDetect)
         return;
-      const s = this.ogma.view.screenToGraphCoordinates(t), a = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(s, 0) : void 0;
+      const r = this.ogma.view.screenToGraphCoordinates(t), a = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(r, 0) : void 0;
       t.domEvent.type === "mousemove" ? a ? this.hover(a.id) : this.hoveredId !== B && this.unhover() : a ? this.select(a.id) : this.selectedId !== B && this.unselect();
     });
-    this.ogma = t, this.elements = [], this.shouldDetect = !0, this.isDragging = !1, this.ogmaOptions = t.getOptions(), t.events.on(["click", "mousemove"], this._onClickMouseMove).on("keyup", this._onKeyUp), this.layer = t.layers.addSVGLayer({
+    this.ogma = t, this.elements = [], this.shouldDetect = !0, this.isDragging = !1, this.ogmaOptions = t.getOptions(), t.events.on(["click", "mousemove"], this._onClickMouseMove).on("keyup", this._onKeyUp).on("newFrame", () => {
+      this.refreshEditor();
+    }), this.layer = t.layers.addSVGLayer({
       draw: (a) => this.draw(a)
-    }), this.layer.moveToTop(), this.editor = t.layers.addOverlay({
-      element: s,
-      position: { x: 0, y: 0 },
-      size: { width: 0, height: 0 }
-    }), this.editor.hide();
+    }), this.layer.moveToTop(), this.editor = t.layers.addLayer(r), this.editor.hide();
   }
   _canRemove() {
     return !0;
@@ -800,32 +799,32 @@ class qe extends Fe {
    * @returns the added annotation
    */
   add(t) {
-    const s = this.getDefaultOptions(), a = Object.assign(t, {
+    const r = this.getDefaultOptions(), a = Object.assign(t, {
       id: t.id === void 0 ? jt() : t.id,
       type: t.type,
       properties: {
-        ...s.properties,
+        ...r.properties,
         ...t.properties || {},
         // styles need to be merged
-        style: { ...s.properties.style, ...t.properties.style || {} }
+        style: { ...r.properties.style, ...t.properties.style || {} }
       },
       geometry: {
-        ...s.geometry,
+        ...r.geometry,
         ...t.geometry
       }
     });
-    return this.elements.push(a), this.layer.refresh(), this.emit(re, a), a;
+    return this.elements.push(a), this.layer.refresh(), this.emit(oe, a), a;
   }
-  updateStyle(t, s) {
+  updateStyle(t, r) {
     this.updateAnnotation(t, {
       properties: {
-        style: s
+        style: r
       }
     });
   }
-  updateGeometry(t, s) {
+  updateGeometry(t, r) {
     this.updateAnnotation(t, {
-      geometry: s
+      geometry: r
     });
   }
   /**
@@ -834,36 +833,36 @@ class qe extends Fe {
    * @param id Id of the annotation to update
    * @param new params of the annotation
    */
-  update(t, s) {
+  update(t, r) {
     const a = this.getById(t);
-    this.updateAnnotation(a, s);
+    this.updateAnnotation(a, r);
   }
-  updateAnnotation(t, s) {
+  updateAnnotation(t, r) {
     if (!t)
       return;
     const a = t.id;
-    Object.keys(s).forEach((c) => {
-      if (c !== "id")
-        if (c === "properties") {
-          const g = s.properties || { style: {} };
+    Object.keys(r).forEach((u) => {
+      if (u !== "id")
+        if (u === "properties") {
+          const p = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
-            ...g || {},
+            ...p || {},
             style: {
               ...t.properties.style || {},
-              ...g.style || {}
+              ...p.style || {}
             }
           };
         } else
-          c === "geometry" ? t.geometry = {
+          u === "geometry" ? t.geometry = {
             ...t.geometry,
-            ...s.geometry
-          } : t[c] = s[c];
+            ...r.geometry
+          } : t[u] = r[u];
     }), a === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(t) {
-    for (let s = 0; s < this.elements.length; s++) {
-      const a = this.elements[s];
+    for (let r = 0; r < this.elements.length; r++) {
+      const a = this.elements[r];
       if (a.id === t)
         return a;
     }
@@ -874,23 +873,23 @@ class qe extends Fe {
    * Select element, show editor, disable Ogma dragging and fire event
    */
   select(t) {
-    const s = this.getById(t);
-    s && (this.editor.show(), this.selectedId = t, this.refreshEditor(), this.layer.refresh(), this.emit(ee, s));
+    const r = this.getById(t);
+    r && (this.editor.show(), this.selectedId = t, this.refreshEditor(), this.layer.refresh(), this.emit(ie, r));
   }
   hover(t) {
-    const s = this.getById(t);
-    s && (this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Ln, s));
+    const r = this.getById(t);
+    r && (this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Cn, r));
   }
   getSelectedFeature() {
     return this.selectedId === B ? null : this.getById(this.selectedId);
   }
   unselect() {
     const t = this.getById(this.selectedId);
-    return t && this.emit(ne, t), this.selectedId = B, this.hoveredId === B && this.editor.hide(), this.layer.refresh(), this;
+    return t && this.emit(re, t), this.selectedId = B, this.hoveredId === B && this.editor.hide(), this.layer.refresh(), this;
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit(Pn, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit($n, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -898,8 +897,8 @@ class qe extends Fe {
    * Removes annotation with the given id
    */
   remove(t) {
-    const s = this.getById(t);
-    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((a) => a.id !== t), s && this.emit(ie, s), this.layer.refresh();
+    const r = this.getById(t);
+    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((a) => a.id !== t), r && this.emit(se, r), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -948,8 +947,8 @@ class qe extends Fe {
   }
 }
 const Te = "handle-line", Ie = "handle-start", _e = "handle-end";
-class Hn extends qe {
-  constructor(t, s = {}) {
+class Rn extends Be {
+  constructor(t, r = {}) {
     super(
       t,
       `
@@ -961,33 +960,33 @@ class Hn extends qe {
   `
     );
     // active handle id
-    m(this, "draggedHandle", B);
-    m(this, "start", { x: 0, y: 0 });
-    m(this, "end", { x: 0, y: 0 });
-    m(this, "arrow", { ...Se });
-    m(this, "startX", 0);
-    m(this, "startY", 0);
-    m(this, "minArrowHeight", 0);
-    m(this, "maxArrowHeight", 0);
-    m(this, "handles", []);
-    m(this, "onHandleMouseDown", (t) => {
-      const s = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      s && (this.startDragging(s, t.clientX, t.clientY), this.draggedHandle = He(t.target));
+    v(this, "draggedHandle", B);
+    v(this, "start", { x: 0, y: 0 });
+    v(this, "end", { x: 0, y: 0 });
+    v(this, "arrow", { ...Ee });
+    v(this, "startX", 0);
+    v(this, "startY", 0);
+    v(this, "minArrowHeight", 0);
+    v(this, "maxArrowHeight", 0);
+    v(this, "handles", []);
+    v(this, "onHandleMouseDown", (t) => {
+      const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      r && (this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = Re(t.target));
     });
-    m(this, "onMouseUp", () => {
-      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B, this.emit(Ot, this.arrow));
+    v(this, "onMouseUp", () => {
+      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B, this.emit(Mt, this.arrow));
     });
-    m(this, "onMouseMove", (t) => {
+    v(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === B)
         return;
-      const s = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), c = (t.clientX - this.startX) / a, g = (t.clientY - this.startY) / a, y = s.id === Te, f = s.id === Ie, r = s.id === _e;
-      (y || f) && Ne(this.arrow, this.start.x + c, this.start.y + g), (y || r) && $e(this.arrow, this.end.x + c, this.end.y + g), this.emit(
-        ae,
+      const r = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), u = (t.clientX - this.startX) / a, p = (t.clientY - this.startY) / a, y = r.id === Te, f = r.id === Ie, s = r.id === _e;
+      (y || f) && Ne(this.arrow, this.start.x + u, this.start.y + p), (y || s) && He(this.arrow, this.end.x + u, this.end.y + p), this.emit(
+        he,
         this.arrow,
         y ? "line" : f ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
     });
-    this.minArrowHeight = s.minArrowHeight || 0, this.maxArrowHeight = s.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
+    this.minArrowHeight = r.minArrowHeight || 0, this.maxArrowHeight = r.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".arrow-handle>.handle")
     ), this.handles.forEach(
       (a) => a.addEventListener("mousedown", this.onHandleMouseDown)
@@ -999,49 +998,48 @@ class Hn extends qe {
    * @param y
    * @param arrow
    */
-  startDrawing(t, s, a = _n(t, s, t, s, Dt)) {
+  startDrawing(t, r, a = Dn(t, r, t, r, Dt)) {
+    var y;
     this.add(a), this.hoveredId = a.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: s });
-    this.startDragging(this.getById(a.id), c.x, c.y), this.draggedHandle = 2;
+    const u = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), p = ((y = this.ogma.getContainer()) == null ? void 0 : y.getBoundingClientRect()) || { left: 0, top: 0 };
+    this.startDragging(this.getById(a.id), u.x + (p == null ? void 0 : p.left), u.y + p.top), this.draggedHandle = 2;
   }
   cancelDrawing() {
-    this.isDragging && (this.remove(this.arrow.id), this.emit(Ot, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B);
+    this.isDragging && (this.remove(this.arrow.id), this.emit(Mt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B);
   }
-  startDragging(t, s, a) {
-    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = s, this.startY = a, this.start = _t(this.arrow), this.end = Ht(this.arrow), this.disableDragging(), this.emit(le, this.arrow), this.isDragging = !0;
+  startDragging(t, r, a) {
+    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = a, this.start = _t(this.arrow), this.end = Rt(this.arrow), this.disableDragging(), this.emit(ce, this.arrow), this.isDragging = !0;
   }
-  detect(t, s = 0) {
+  detect(t, r = 0) {
     return this.elements.find((a) => {
-      const { start: c, end: g } = Rt(a), y = new rt(t.x, t.y).sub(
-        new rt((c.x + g.x) / 2, (c.y + g.y) / 2)
-      ), f = new rt(g.x, g.y).sub(new rt(c.x, c.y)), r = f.length(), d = f.normalize(), v = Re(a);
-      return Math.abs(d.dot(y)) < r / 2 + s && Math.abs(d.rotateRadians(Math.PI / 2).dot(y)) < v / 2 + s;
+      const { start: u, end: p } = Ft(a), y = new rt(t.x, t.y).sub(
+        new rt((u.x + p.x) / 2, (u.y + p.y) / 2)
+      ), f = new rt(p.x, p.y).sub(new rt(u.x, u.y)), s = f.length(), d = f.normalize(), m = Fe(a);
+      return Math.abs(d.dot(y)) < s / 2 + r && Math.abs(d.rotateRadians(Math.PI / 2).dot(y)) < m / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.selectedId !== B ? this.getById(this.selectedId) : this.getById(this.hoveredId), { start: s, end: a } = Rt(t);
-    this.editor.setPosition({ x: 0, y: 0 }).setSize({ width: "100%", height: "100%" });
-    const [c, g, y] = Array.prototype.slice.call(
+    const t = this.selectedId !== B ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Ft(t), a = this.ogma.view.graphToScreenCoordinates(r.start), u = this.ogma.view.graphToScreenCoordinates(r.end), p = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [y, f, s] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    g.style.left = `${s.x}px`, g.style.top = `${s.y}px`, y.style.left = `${a.x}px`, y.style.top = `${a.y}px`;
-    const f = {
-      x: (a.x + s.x) / 2,
-      y: (a.y + s.y) / 2
-    }, r = new rt(a.x - s.x, a.y - s.y), d = r.mul(1 / r.length()), v = Math.atan2(d.y, d.x);
-    c.style.width = `${r.length()}px`, c.style.left = `${f.x}px`, c.style.top = `${f.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${v}rad)`;
+    f.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${p})`, s.style.transform = `translate(${u.x}px, ${u.y}px) translate(-50%, -50%) scale(${p}`;
+    const d = {
+      x: (u.x + a.x) / 2,
+      y: (u.y + a.y) / 2
+    }, m = new rt(u.x - a.x, u.y - a.y), A = m.mul(1 / m.length()), I = Math.atan2(A.y, A.x);
+    y.style.width = `${m.length() / p}px`, y.style.left = `${d.x}px`, y.style.top = `${d.y}px`, y.style.transform = `translate(-50%, -50%) rotate(${I}rad) scale(${p}) `;
   }
   getDefaultOptions() {
-    return Se;
+    return Ee;
   }
   draw(t) {
     t.innerHTML = "";
-    const s = It("g");
+    const r = It("g");
     this.elements.forEach(
-      (a) => zn(a, s, Dt, this.minArrowHeight, this.maxArrowHeight)
-    ), t.appendChild(s);
+      (a) => Ln(a, r, Dt, this.minArrowHeight, this.maxArrowHeight)
+    ), t.appendChild(r);
   }
   destroy() {
     super.destroy(), document.removeEventListener("mousemove", this.onMouseMove, !0), document.removeEventListener("mouseup", this.onMouseUp);
@@ -1055,7 +1053,7 @@ const bt = {
   strokeWidth: 1,
   strokeColor: "#000",
   strokeType: "plain"
-}, te = {
+}, ne = {
   id: 0,
   type: "Feature",
   properties: {
@@ -1080,36 +1078,36 @@ const bt = {
 }, De = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, Rn = (u = 0, l = 0, t = 100, s = 50, a = "", c = { ...bt }) => ({
+}, Fn = (c = 0, l = 0, t = 100, r = 50, a = "", u = { ...bt }) => ({
   id: jt(),
   type: "Feature",
   properties: {
     type: "text",
     content: a,
-    style: { ...bt, ...c }
+    style: { ...bt, ...u }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [u, l],
-        [u + t, l],
-        [u + t, l + s],
-        [u, l + s],
-        [u, l]
+        [c, l],
+        [c + t, l],
+        [c + t, l + r],
+        [c, l + r],
+        [c, l]
       ]
     ]
   }
 });
-var Be = { exports: {} };
-(function(u, l) {
-  (function(t, s) {
-    u.exports = s();
-  })(Tn, () => (() => {
+var Ve = { exports: {} };
+(function(c, l) {
+  (function(t, r) {
+    c.exports = r();
+  })(In, () => (() => {
     var t = { d: (e, n) => {
       for (var o in n)
         t.o(n, o) && !t.o(e, o) && Object.defineProperty(e, o, { enumerable: !0, get: n[o] });
-    }, o: (e, n) => Object.prototype.hasOwnProperty.call(e, n) }, s = {};
+    }, o: (e, n) => Object.prototype.hasOwnProperty.call(e, n) }, r = {};
     function a(e) {
       return a = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
@@ -1117,43 +1115,43 @@ var Be = { exports: {} };
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, a(e);
     }
-    t.d(s, { default: () => Sn });
-    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, g = /\bsmall-caps\b/, y = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, r = 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 v(e) {
+    t.d(r, { default: () => An });
+    var u = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, p = /\bsmall-caps\b/, y = /\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 m(e) {
       var n = "", o = this;
       return o.style && o.style !== "normal" && (n += o.style), o.variant && o.variant !== "normal" && (n += (n ? " " : "") + o.variant), o.weight && o.weight !== "normal" && (n += (n ? " " : "") + o.weight), o.size && (n += (n ? " " : "") + o.size + "px", o.height !== o.size && (n += "/" + o.height + "px")), o.family && (n += (n ? " " : "") + o.family), e && (n += "::" + o.baseline), e && (n += "::" + o.color), n;
     }
-    var T = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: v, valueOf: v };
-    function _(e) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = c.exec(e);
+    var A = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
+    function I(e) {
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = u.exec(e);
       n.family = (o[6] || "").trim();
       var i = d[o[2]] || parseFloat(o[2]);
-      o[3] === "%" ? i *= 0.16 : o[3] === "em" ? i *= 16 : o[3] === "pt" && (i *= r), n.size = i;
+      o[3] === "%" ? i *= 0.16 : o[3] === "em" ? i *= 16 : o[3] === "pt" && (i *= s), n.size = i;
       var h = parseFloat(o[4]);
-      if (h !== "normal" && h !== "inherit" && h ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = h * r : o[5] === "%" ? n.height = 0.01 * i : n.height = h : n.height = h * i : n.height = Math.round(i * (7 / 6)), g.test(o[1]) && (n.variant = "small-caps"), y.test(o[1]) && (n.style = "italic"), f.test(o[1]))
+      if (h !== "normal" && h !== "inherit" && h ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = h * s : o[5] === "%" ? n.height = 0.01 * i : n.height = h : n.height = h * i : n.height = Math.round(i * (7 / 6)), p.test(o[1]) && (n.variant = "small-caps"), y.test(o[1]) && (n.style = "italic"), f.test(o[1]))
         n.weight = "bold";
       else {
-        var p = parseInt(/\b(\d+)\b/.exec(o[1]), 10);
-        p >= 100 && p !== 400 && (n.weight = p);
+        var g = parseInt(/\b(\d+)\b/.exec(o[1]), 10);
+        g >= 100 && g !== 400 && (n.weight = g);
       }
       return n;
     }
-    function E() {
-      var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, p = 14, w = 12, x = null, b = null, S = "";
+    function k() {
+      var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, g = 14, w = 12, x = null, b = null, S = "";
       if (i && i.nodeType) {
-        var D = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), O = D.getComputedStyle(i, null);
-        e = O.getPropertyValue("font-family") || "", w = parseFloat(O.getPropertyValue("font-size")), p = O.getPropertyValue("line-height"), x = O.getPropertyValue("font-weight"), b = O.getPropertyValue("font-style"), S = O.getPropertyValue("font-variant") || "";
+        var D = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), M = D.getComputedStyle(i, null);
+        e = M.getPropertyValue("font-family") || "", w = parseFloat(M.getPropertyValue("font-size")), g = M.getPropertyValue("line-height"), x = M.getPropertyValue("font-weight"), b = M.getPropertyValue("font-style"), S = M.getPropertyValue("font-variant") || "";
       } else if (typeof i == "string") {
-        var k = _(i);
-        e = k.family, w = k.size, p = k.height, S = k.variant, b = k.style, x = k.weight;
+        var T = I(i);
+        e = T.family, w = T.size, g = T.height, S = T.variant, b = T.style, x = T.weight;
       } else
-        a(i) === "object" && (e = i.family, w = i.size, p = i.height, S = i.variant, x = i.weight, b = i.style, n = i.baseline, o = i.color);
-      h.size && h.size < 3 && (w *= h.size), p = p !== "normal" && p ? parseFloat(p) : w * (7 / 6), h.height && h.height < 3 && (p *= h.height);
-      var M = Object.create(T);
-      return M.family = h.family || e || "sans-serif", M.height = p ?? 14, M.size = w ?? 12, M.variant = h.variant || S || "", M.style = h.style || b || "", M.weight = h.weight || x || "", M.baseline = n || 0, h.baseline != null && (M.baseline = h.baseline), M.color = h.color || o || "", M.id = v.call(M, !0), M;
+        a(i) === "object" && (e = i.family, w = i.size, g = i.height, S = i.variant, x = i.weight, b = i.style, n = i.baseline, o = i.color);
+      h.size && h.size < 3 && (w *= h.size), g = g !== "normal" && g ? parseFloat(g) : w * (7 / 6), h.height && h.height < 3 && (g *= h.height);
+      var O = Object.create(A);
+      return O.family = h.family || e || "sans-serif", O.height = g ?? 14, O.size = w ?? 12, O.variant = h.variant || S || "", O.style = h.style || b || "", O.weight = h.weight || x || "", O.baseline = n || 0, h.baseline != null && (O.baseline = h.baseline), O.color = h.color || o || "", O.id = m.call(O, !0), O;
     }
-    const P = { "\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 A, U = function(e) {
+    const C = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
+    var E, U = function(e) {
       var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
       if (n && n.getContext) {
         var o = n.getContext("2d");
@@ -1162,20 +1160,20 @@ var Be = { exports: {} };
             return o.font = String(h), o.measureText(i).width;
           };
       }
-    }(typeof document < "u" ? document : null) || (A = {}, function(e, n) {
-      if (!A[n]) {
-        var o = E(n);
-        A[n] = o, /\bmonospace\b/.test(o.family) ? o.size *= 0.6 : (o.size *= 0.45, o.weight && (o.size *= 1.18));
+    }(typeof document < "u" ? document : null) || (E = {}, function(e, n) {
+      if (!E[n]) {
+        var o = k(n);
+        E[n] = o, /\bmonospace\b/.test(o.family) ? o.size *= 0.6 : (o.size *= 0.45, o.weight && (o.size *= 1.18));
       }
-      return e.length * A[n].size;
-    }), N = {}, z = { trim: !0, collapse: !0 };
-    function W(e, n, o) {
+      return e.length * E[n].size;
+    }), P = {}, z = { trim: !0, collapse: !0 };
+    function Z(e, n, o) {
       var i = Object.assign({}, z, o), h = String(e);
       if (!h)
         return 0;
-      if (h in P) {
-        var p = n.id + "/" + h;
-        return p in N || (N[p] = U("_".concat(h, "_"), n) - U("__", n)), N[p];
+      if (h in C) {
+        var g = n.id + "/" + h;
+        return g in P || (P[g] = U("_".concat(h, "_"), n) - U("__", n)), P[g];
       }
       return i.trim && i.collapse ? i.trim ? h = h.trim() : i.collapse && (h = h.replace(/\s+/g, " ")) : h = h.replace(/\n/g, " "), U(h, n) + n.size * (e.tracking || 0);
     }
@@ -1186,17 +1184,17 @@ var Be = { exports: {} };
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, nt(e);
     }
-    function Ft(e, n) {
+    function qt(e, n) {
       if (typeof n != "function" && n !== null)
         throw new TypeError("Super expression must either be null or a function");
-      e.prototype = Object.create(n && n.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && qt(e, n);
+      e.prototype = Object.create(n && n.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && Bt(e, n);
     }
-    function qt(e, n) {
-      return qt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, i) {
+    function Bt(e, n) {
+      return Bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, i) {
         return o.__proto__ = i, o;
-      }, qt(e, n);
+      }, Bt(e, n);
     }
-    function Bt(e) {
+    function Vt(e) {
       var n = function() {
         if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
           return !1;
@@ -1210,16 +1208,16 @@ var Be = { exports: {} };
         }
       }();
       return function() {
-        var o, i = Mt(e);
+        var o, i = Ot(e);
         if (n) {
-          var h = Mt(this).constructor;
+          var h = Ot(this).constructor;
           o = Reflect.construct(i, arguments, h);
         } else
           o = i.apply(this, arguments);
-        return Ve(this, o);
+        return Ue(this, o);
       };
     }
-    function Ve(e, n) {
+    function Ue(e, n) {
       if (n && (nt(n) === "object" || typeof n == "function"))
         return n;
       if (n !== void 0)
@@ -1230,35 +1228,35 @@ var Be = { exports: {} };
         return o;
       }(e);
     }
-    function Mt(e) {
-      return Mt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
+    function Ot(e) {
+      return Ot = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
         return n.__proto__ || Object.getPrototypeOf(n);
-      }, Mt(e);
+      }, Ot(e);
     }
     function zt(e, n) {
       if (!(e instanceof n))
         throw new TypeError("Cannot call a class as a function");
     }
-    function he(e, n) {
+    function ue(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
-        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(p, w) {
-          if (nt(p) !== "object" || p === null)
-            return p;
-          var x = p[Symbol.toPrimitive];
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(g, w) {
+          if (nt(g) !== "object" || g === null)
+            return g;
+          var x = g[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(p, w);
+            var b = x.call(g, w);
             if (nt(b) !== "object")
               return b;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(p);
+          return String(g);
         }(i.key, "string"), nt(h) === "symbol" ? h : String(h)), i);
       }
       var h;
     }
     function Lt(e, n, o) {
-      return n && he(e.prototype, n), o && he(e, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+      return n && ue(e.prototype, n), o && ue(e, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
     }
     var H = function() {
       function e() {
@@ -1274,42 +1272,42 @@ var Be = { exports: {} };
         return this.value;
       } }]), e;
     }(), St = function(e) {
-      Ft(o, e);
-      var n = Bt(o);
+      qt(o, e);
+      var n = Vt(o);
       function o() {
         return zt(this, o), n.apply(this, arguments);
       }
       return Lt(o);
     }(H), tt = function(e) {
-      Ft(o, e);
-      var n = Bt(o);
+      qt(o, e);
+      var n = Vt(o);
       function o() {
         return zt(this, o), n.apply(this, arguments);
       }
       return Lt(o);
     }(H), ft = function(e) {
-      Ft(o, e);
-      var n = Bt(o);
+      qt(o, e);
+      var n = Vt(o);
       function o() {
         return zt(this, o), n.apply(this, arguments);
       }
       return Lt(o);
-    }(H), Vt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, Ue = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, ue = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Ye = /^(?:[;\xAD%?…]|,(?!\d))/, Xe = /^[´±°¢£¤$¥\u2212]/;
-    function Pt(e, n) {
+    }(H), Ut = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, Ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, de = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Xe = /^(?:[;\xAD%?…]|,(?!\d))/, Ge = /^[´±°¢£¤$¥\u2212]/;
+    function Ct(e, n) {
       n !== !1 && (e = e.trim());
-      for (var o, i, h = [], p = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
+      for (var o, i, h = [], g = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
         o = e.charAt(x), i = e.charAt(x + 1);
-        var S = Vt.test(p), D = Vt.test(o), O = D || S, k = void 0;
-        if ((Xe.test(o) && !ue.test(p) || Ye.test(p + i) && !ue.test(o)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((k = Vt.test(e.charAt(x - 2))) && !D && (O = !1), !k && Ue.test(o + i) && (O = !0)), O) {
-          var M = e.slice(w, x);
-          /\u00AD$/.test(M) ? (h.push(new H(M.slice(0, -1))), h.push(new ft())) : (h.push(new H(M)), h.push(new St())), w = x;
+        var S = Ut.test(g), D = Ut.test(o), M = D || S, T = void 0;
+        if ((Ge.test(o) && !de.test(g) || Xe.test(g + i) && !de.test(o)) && (M = !0), g !== "-" && g !== "‐" && g !== "–" && g !== "—" || ((T = Ut.test(e.charAt(x - 2))) && !D && (M = !1), !T && Ye.test(o + i) && (M = !0)), M) {
+          var O = e.slice(w, x);
+          /\u00AD$/.test(O) ? (h.push(new H(O.slice(0, -1))), h.push(new ft())) : (h.push(new H(O)), h.push(new St())), w = x;
         }
-        p = o;
+        g = o;
       }
       return h.push(new H(e.slice(w))), h;
     }
-    const ce = { 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 Ge = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, We = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Ze = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, Ke = /^<!--(.+?)-->/, Je = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, de = { b: function(e) {
+    const fe = { 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 Ze = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, We = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Ke = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, Je = /^<!--(.+?)-->/, Qe = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, pe = { b: function(e) {
       e.weight = "bold";
     }, strong: function(e) {
       e.weight = "bold";
@@ -1335,26 +1333,26 @@ var Be = { exports: {} };
       e.sub = !0;
     }, sup: function(e) {
       e.sup = !0;
-    } }, Qe = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
-    function fe(e) {
-      return e.replace(Je, function(n, o, i, h) {
+    } }, tn = { 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 ge(e) {
+      return e.replace(Qe, function(n, o, i, h) {
         if (o || i) {
-          var p = o ? 10 : 16;
-          return String.fromCharCode(parseInt(o || i, p));
+          var g = o ? 10 : 16;
+          return String.fromCharCode(parseInt(o || i, g));
         }
-        return h in ce ? ce[h] : n;
+        return h in fe ? fe[h] : n;
       });
     }
-    function tn(e) {
+    function en(e) {
       return e && e.length > 1 && (e[0] === '"' && e[e.length - 1] === '"' || e[0] === "'" && e[e.length - 1] === "'") ? e.slice(1, -1) : e;
     }
-    var en = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-    function nn(e) {
+    var nn = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+    function rn(e) {
       var n, o = {};
       if (e) {
         do
-          if (n = en.exec(e)) {
-            var i = fe(tn(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+          if (n = nn.exec(e)) {
+            var i = ge(en(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
             if (o[n[1]] = i, (e = e.slice(n[0].length)).length && /^\S/.test(e[0]))
               throw new Error("Attribute error");
           }
@@ -1364,8 +1362,8 @@ var Be = { exports: {} };
       }
       return o;
     }
-    const pe = { 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 rn = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, sn = /^%[^\n]+(?:\n|$)/, on = /^[^#$%&~_^\\{}]+/, an = /^\\([&{}$%#_])/, ln = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, hn = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, V = { bf: function(e) {
+    const ye = { 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 sn = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, on = /^%[^\n]+(?:\n|$)/, an = /^[^#$%&~_^\\{}]+/, ln = /^\\([&{}$%#_])/, hn = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, cn = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, V = { bf: function(e) {
       e.weight = "bold";
     }, it: function(e) {
       e.style = "italic";
@@ -1388,126 +1386,126 @@ var Be = { exports: {} };
     } };
     V.textsuperscript = V["^"], V.textsubscript = V._, V.textsl = V.sl, V.mathbf = V.bf, V.mathit = V.it, V.textbf = V.bf, V.textit = V.it, V.textcolor = V.color;
     var un = /[\r\n\xA0]+/g;
-    function cn(e, n) {
+    function dn(e, n) {
       e.sup && (e.baseline = 0.45, e.size = 0.7), e.sub && (e.baseline = -0.3, e.size = 0.7);
       var o = n;
-      return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = E(n, e)), o;
+      return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = k(n, e)), o;
     }
-    function ge(e, n, o) {
-      for (var i, h, p = e.width; p + o.width > n && e.length; )
-        h = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = W(i, i.font), p += i.width) : e.pop(), p -= h;
-      e[e.length - 1] instanceof ft && e.pop(), i = e[e.length - 1] || i || {}, o.font = E(o.font, i.bold, i.italic, ""), o.href = e.length ? i.href : null, o.rel = e.length ? i.rel : null, o.target = e.length ? i.target : null, e.push(o);
+    function me(e, n, o) {
+      for (var i, h, g = e.width; g + o.width > n && e.length; )
+        h = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = Z(i, i.font), g += i.width) : e.pop(), g -= h;
+      e[e.length - 1] instanceof ft && e.pop(), i = e[e.length - 1] || i || {}, o.font = k(o.font, i.bold, i.italic, ""), o.href = e.length ? i.href : null, o.rel = e.length ? i.rel : null, o.target = e.length ? i.target : null, e.push(o);
     }
     function mt(e) {
       return Math.round(1e6 * e) / 1e6;
     }
-    function ye(e) {
+    function ve(e) {
       return function(n) {
         if (Array.isArray(n))
-          return Ut(n);
+          return Yt(n);
       }(e) || function(n) {
         if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null)
           return Array.from(n);
       }(e) || function(n, o) {
         if (n) {
           if (typeof n == "string")
-            return Ut(n, o);
+            return Yt(n, o);
           var i = Object.prototype.toString.call(n).slice(8, -1);
-          return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Ut(n, o) : void 0;
+          return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Yt(n, o) : void 0;
         }
       }(e) || function() {
         throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
       }();
     }
-    function Ut(e, n) {
+    function Yt(e, n) {
       (n == null || n > e.length) && (n = e.length);
       for (var o = 0, i = new Array(n); o < n; o++)
         i[o] = e[o];
       return i;
     }
-    var dn = { center: "middle", right: "end" }, fn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, Yt = function(e, n) {
+    var fn = { center: "middle", right: "end" }, pn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, Xt = function(e, n) {
       return !e && !n || e === n;
     };
-    function pn(e, n) {
-      var o = [], i = n.font(), h = i.size, p = i.family, w = n.align(), x = n.createElement();
+    function gn(e, n) {
+      var o = [], i = n.font(), h = i.size, g = i.family, w = n.align(), x = n.createElement();
       if (e.length) {
-        var b = i.height, S = n.valign(), D = n.height()(), O = n.width()(0), k = !isFinite(O) && e.length === 1, M = k ? null : n.x(), R = mt(b / h), K = k ? null : mt(b / (1.15 * h + (b - h) / 2));
-        if (fn[S] && isFinite(D)) {
-          var C = S === "bottom" ? 1 : 0.5;
-          K += (D * C - b * e.length * C) / h;
+        var b = i.height, S = n.valign(), D = n.height()(), M = n.width()(0), T = !isFinite(M) && e.length === 1, O = T ? null : n.x(), R = mt(b / h), K = T ? null : mt(b / (1.15 * h + (b - h) / 2));
+        if (pn[S] && isFinite(D)) {
+          var $ = S === "bottom" ? 1 : 0.5;
+          K += (D * $ - b * e.length * $) / h;
         }
-        var L = w === "justify", j = 0;
-        w === "right" ? j = O : w === "center" && (j = O / 2);
-        for (var $ = [], J = "tspan", Y = null, F = "", I = function() {
-          if (F) {
-            var pt = x(J, Y, F);
-            $.push(pt);
+        var L = w === "justify", F = 0;
+        w === "right" ? F = M : w === "center" && (F = M / 2);
+        for (var N = [], J = "tspan", Y = null, j = "", _ = function() {
+          if (j) {
+            var pt = x(J, Y, j);
+            N.push(pt);
           }
-          J = "tspan", Y = null, F = "";
+          J = "tspan", Y = null, j = "";
         }, et = 0, Q = e.length; et < Q; et++) {
-          var ot = "", ht = "", st = 0, at = e[et];
+          var ot = "", ct = "", st = 0, at = e[et];
           if (at.length) {
-            $ = [];
-            for (var vt = 0, kt = 0, lt = void 0, X = 0, Ct = at.length; X < Ct; X++) {
+            N = [];
+            for (var vt = 0, kt = 0, lt = void 0, X = 0, $t = at.length; X < $t; X++) {
               var q = at[X], G = q.font;
-              q.whitespace && vt++, kt += q.width, X && !q.tracking && !st && Yt(G.id, ot) && Yt(q.class, ht) && Yt(lt, q.href) ? F += q.value : (I(), F = q.value, Y = { fontFamily: G.family !== p ? G.family : null, fontSize: G.size !== h ? G.size : null, fontWeight: G.weight || null, fontStyle: G.style || null, fontVariant: G.variant !== "normal" && G.variant || null, fill: G.color || null, baselineShift: G.baseline ? 100 * G.baseline + "%" : null, className: q.class || null }, st && (Y.dx = mt(st), st = 0), q.tracking && (st = G.size * q.tracking), q.href && !lt ? (lt = q.href, J = "a", Y.href = lt, Y.rel = q.rel, Y.target = q.target) : lt = null, ot = G.id, ht = q.class);
+              q.whitespace && vt++, kt += q.width, X && !q.tracking && !st && Xt(G.id, ot) && Xt(q.class, ct) && Xt(lt, q.href) ? j += q.value : (_(), j = q.value, Y = { fontFamily: G.family !== g ? G.family : null, fontSize: G.size !== h ? G.size : null, fontWeight: G.weight || null, fontStyle: G.style || null, fontVariant: G.variant !== "normal" && G.variant || null, fill: G.color || null, baselineShift: G.baseline ? 100 * G.baseline + "%" : null, className: q.class || null }, st && (Y.dx = mt(st), st = 0), q.tracking && (st = G.size * q.tracking), q.href && !lt ? (lt = q.href, J = "a", Y.href = lt, Y.rel = q.rel, Y.target = q.target) : lt = null, ot = G.id, ct = q.class);
             }
-            if (I(), k)
-              o.push.apply(o, ye($));
+            if (_(), T)
+              o.push.apply(o, ve(N));
             else {
-              var Nt = null, Tt = et === Q - 1 || at[at.length - 1] instanceof tt;
-              L && at.length > 1 && !Tt && (Nt = mt((O - kt) / vt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: Nt, x: M(et) + j, dy: mt(et ? R : K) + "em" }].concat(ye($))));
+              var Pt = null, Tt = et === Q - 1 || at[at.length - 1] instanceof tt;
+              L && at.length > 1 && !Tt && (Pt = mt((M - kt) / vt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: Pt, x: O(et) + F, dy: mt(et ? R : K) + "em" }].concat(ve(N))));
             }
           } else
-            o.push(x("tspan", { x: M(et), dy: mt(et ? R : K) + "em" }, " "));
+            o.push(x("tspan", { x: O(et), dy: mt(et ? R : K) + "em" }, " "));
         }
       }
-      return x.apply(void 0, ["text", { fontFamily: p, fontSize: h, textAnchor: dn[w] || "start" }].concat(o));
+      return x.apply(void 0, ["text", { fontFamily: g, fontSize: h, textAnchor: fn[w] || "start" }].concat(o));
     }
-    var gn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-    function yn(e, n, o) {
+    var yn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+    function mn(e, n, o) {
       if (e.length) {
         o.textBaseline = "middle";
-        var i = n.font(), h = i.height, p = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), S = n.align(), D = S === "justify", O = 0.5 * h, k = gn[w];
-        if (k && isFinite(x)) {
-          var M = e.length * h;
-          O += x * k - M * k;
+        var i = n.font(), h = i.height, g = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), S = n.align(), D = S === "justify", M = 0.5 * h, T = yn[w];
+        if (T && isFinite(x)) {
+          var O = e.length * h;
+          M += x * T - O * T;
         }
         e.forEach(function(R, K) {
-          var C = n.x()(K), L = K * h + O, j = 0, $ = 0;
-          R.forEach(function(F) {
-            F.whitespace && j++, $ += F.width;
+          var $ = n.x()(K), L = K * h + M, F = 0, N = 0;
+          R.forEach(function(j) {
+            j.whitespace && F++, N += j.width;
           });
           var J = 0, Y = K === e.length - 1 || R[R.length - 1] instanceof tt;
-          D && R.length > 1 && !Y && (J = (b - $) / j), R.forEach(function(F) {
-            o.font = F.font;
-            var I = F.font, et = I.baseline ? p * -I.baseline + 0.15 * p : 0;
-            o.fillStyle = function(ht, st) {
-              return ht.color ? ht.color : st.href ? "#00C" : "#000";
-            }(I, F);
+          D && R.length > 1 && !Y && (J = (b - N) / F), R.forEach(function(j) {
+            o.font = j.font;
+            var _ = j.font, et = _.baseline ? g * -_.baseline + 0.15 * g : 0;
+            o.fillStyle = function(ct, st) {
+              return ct.color ? ct.color : st.href ? "#00C" : "#000";
+            }(_, j);
             var Q = 0;
-            if (S === "right" ? Q += b - $ : S === "center" ? Q += b / 2 - $ / 2 : S === "justify" && (F.whitespace || F instanceof tt) && (C += J), o.fillText(F.value, C + Q, L + et), F.href) {
+            if (S === "right" ? Q += b - N : S === "center" ? Q += b / 2 - N / 2 : S === "justify" && (j.whitespace || j instanceof tt) && ($ += J), o.fillText(j.value, $ + Q, L + et), j.href) {
               o.beginPath(), o.strokeStyle = o.fillStyle;
-              var ot = Math.floor(L + 0.45 * p) + 0.5;
-              o.moveTo(C + Q, ot), o.lineTo(C + Q + F.width, ot), o.stroke();
+              var ot = Math.floor(L + 0.45 * g) + 0.5;
+              o.moveTo($ + Q, ot), o.lineTo($ + Q + j.width, ot), o.stroke();
             }
-            C += F.width;
+            $ += j.width;
           });
         });
       }
     }
-    function Xt(e) {
-      return Xt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function Gt(e) {
+      return Gt = 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;
-      }, Xt(e);
+      }, Gt(e);
     }
-    function me(e) {
+    function xe(e) {
       for (var n = {}, o = 0; o < e.length; o++) {
         var i = e[o];
-        typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : Xt(i) === "object" && i._groups ? n.d3 = i : i && i.nodeType && i.getContext ? n.ctx = i.getContext("2d") : i && i.fillText && i.beginPath ? n.ctx = i : i && (n.text = i));
+        typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : Gt(i) === "object" && i._groups ? n.d3 = i : i && i.nodeType && i.getContext ? n.ctx = i.getContext("2d") : i && i.fillText && i.beginPath ? n.ctx = i : i && (n.text = i));
       }
       return n;
     }
@@ -1518,32 +1516,32 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, At(e);
     }
-    function mn(e, n) {
+    function vn(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
-        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(p, w) {
-          if (At(p) !== "object" || p === null)
-            return p;
-          var x = p[Symbol.toPrimitive];
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(g, w) {
+          if (At(g) !== "object" || g === null)
+            return g;
+          var x = g[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(p, w);
+            var b = x.call(g, w);
             if (At(b) !== "object")
               return b;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(p);
+          return String(g);
         }(i.key, "string"), At(h) === "symbol" ? h : String(h)), i);
       }
       var h;
     }
-    var vn = E(), Gt = function(e) {
+    var xn = k(), Zt = function(e) {
       return typeof e == "function" ? e : function() {
         return e;
       };
     }, it = function() {
       function e(i) {
-        if (function(p, w) {
-          if (!(p instanceof w))
+        if (function(g, w) {
+          if (!(g instanceof w))
             throw new TypeError("Cannot call a class as a function");
         }(this, e), this.props = { overflow: "ellipsis", lineclamp: null, align: "left", wordBreak: null, valign: "top", width: function() {
           return 1 / 0;
@@ -1557,80 +1555,80 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var n, o;
       return n = e, o = [{ key: "linebreak", value: function(i) {
-        var h = this, p = this.props.parser(String(i)), w = this.font(), x = function(b, S, D) {
+        var h = this, g = this.props.parser(String(i)), w = this.font(), x = function(b, S, D) {
           if (!b.length)
             return [];
-          var O = S.height(), k = S.width(), M = S.overflowLine(), R = S.overflowWrap(), K = E(D, !0, !1), C = isFinite(O()) ? Math.floor(O() / D.height) : 1 / 0;
-          if (!O() && !k(0) || !C)
+          var M = S.height(), T = S.width(), O = S.overflowLine(), R = S.overflowWrap(), K = k(D, !0, !1), $ = isFinite(M()) ? Math.floor(M() / D.height) : 1 / 0;
+          if (!M() && !T(0) || !$)
             return [];
-          for (var L = 0, j = 0, $ = 0, J = [], Y = [], F = !1; L < b.length && j < C; ) {
-            var I = b[L], et = cn(I, D);
-            if (I.width = W(I, et), I.font = et, I.line = j, I.whitespace = I.value in P, I.value && (I.value = I.value.replace(un, " ")), !(!$ && I.whitespace || F && I.whitespace))
-              if (I instanceof tt)
-                $ = 0, Y = [], J.push(L + 1), j++;
-              else if (I instanceof St || I instanceof ft)
-                Y.push({ index: L, width: $ });
-              else if (I.whitespace || $ + I.width < k(j))
-                $ += I.width;
+          for (var L = 0, F = 0, N = 0, J = [], Y = [], j = !1; L < b.length && F < $; ) {
+            var _ = b[L], et = dn(_, D);
+            if (_.width = Z(_, et), _.font = et, _.line = F, _.whitespace = _.value in C, _.value && (_.value = _.value.replace(un, " ")), !(!N && _.whitespace || j && _.whitespace))
+              if (_ instanceof tt)
+                N = 0, Y = [], J.push(L + 1), F++;
+              else if (_ instanceof St || _ instanceof ft)
+                Y.push({ index: L, width: N });
+              else if (_.whitespace || N + _.width < T(F))
+                N += _.width;
               else if (Y.length) {
                 var Q = void 0, ot = void 0;
                 do {
                   ot = !0, Q = Y.pop();
-                  var ht = b[Q.index], st = void 0;
-                  ht instanceof ft && (st = W("-", ht.font), Q.width + st > k(j) && (ot = !Y.length));
+                  var ct = b[Q.index], st = void 0;
+                  ct instanceof ft && (st = Z("-", ct.font), Q.width + st > T(F) && (ot = !Y.length));
                 } while (!ot);
-                J.push(Q.index + 1), $ = 0, j++, L = Q.index, Y = [];
+                J.push(Q.index + 1), N = 0, F++, L = Q.index, Y = [];
               } else if (R === "break-word") {
-                var at = k(j);
-                if ($ + I.width > at) {
-                  var vt = I.clone();
+                var at = T(F);
+                if (N + _.width > at) {
+                  var vt = _.clone();
                   do
-                    I.value = I.value.slice(0, -1), I.width = W(I, I.font), $ += I.width;
-                  while (I.value && I.width > at);
-                  vt.value = vt.value.slice(I.value.length), b.splice(L + 1, 0, new St(), vt);
+                    _.value = _.value.slice(0, -1), _.width = Z(_, _.font), N += _.width;
+                  while (_.value && _.width > at);
+                  vt.value = vt.value.slice(_.value.length), b.splice(L + 1, 0, new St(), vt);
                 }
-                J.push(L + 1), $ = 0, j++;
+                J.push(L + 1), N = 0, F++;
               } else
-                $ += I.width;
-            L++, F = I.whitespace;
+                N += _.width;
+            L++, j = _.whitespace;
           }
           L !== J[J.length - 1] && J.push(L);
           var kt = 0, lt = 0, X = J.map(function(pt) {
-            for (var Z, gt = kt; (Z = b[gt]) && (Z.whitespace || !Z.value); )
+            for (var W, gt = kt; (W = b[gt]) && (W.whitespace || !W.value); )
               gt++;
-            for (var ut = pt, Kt = null; ut > gt && (Z = b[ut - 1]) && (Z.whitespace || !(Z.value || Z instanceof ft)); )
-              Z instanceof tt && (Kt = Z), ut--;
-            Z instanceof ft && (Z.value = "-", Z.width = W("-", Z.font)), kt = pt;
-            var xt = b.slice(gt, ut).filter(function(Jt) {
-              return Jt.value;
+            for (var ut = pt, Jt = null; ut > gt && (W = b[ut - 1]) && (W.whitespace || !(W.value || W instanceof ft)); )
+              W instanceof tt && (Jt = W), ut--;
+            W instanceof ft && (W.value = "-", W.width = Z("-", W.font)), kt = pt;
+            var xt = b.slice(gt, ut).filter(function(Qt) {
+              return Qt.value;
             });
-            return Kt && xt.push(Kt), xt.width = xt.reduce(function(Jt, An) {
-              return Jt + An.width;
+            return Jt && xt.push(Jt), xt.width = xt.reduce(function(Qt, En) {
+              return Qt + En.width;
             }, 0), xt.width > lt && (lt = xt.width), xt;
           });
-          if (X.hasLineOverflow = !1, M) {
-            var Ct = M === "ellipsis" ? "…" : M;
-            X.forEach(function(pt, Z) {
-              var gt = k(Z);
+          if (X.hasLineOverflow = !1, O) {
+            var $t = O === "ellipsis" ? "…" : O;
+            X.forEach(function(pt, W) {
+              var gt = T(W);
               if (pt.width > gt) {
-                var ut = new H(Ct);
-                ut.font = D, ut.width = W(Ct, K), ge(pt, gt, ut), X.hasLineOverflow = !0;
+                var ut = new H($t);
+                ut.font = D, ut.width = Z($t, K), me(pt, gt, ut), X.hasLineOverflow = !0;
               }
             });
           }
           var q = S.overflow() === "ellipsis" ? "…" : S.overflow();
           if (q && L !== b.length) {
-            var G = k(X.length - 1), Nt = X[X.length - 1], Tt = new H(q);
-            Tt.font = D, Tt.width = W(q, K), ge(Nt, G, Tt), X.hasOverflow = !0;
+            var G = T(X.length - 1), Pt = X[X.length - 1], Tt = new H(q);
+            Tt.font = D, Tt.width = Z(q, K), me(Pt, G, Tt), X.hasOverflow = !0;
           } else
             X.hasOverflow = !1;
           return X.font = D, X.width = lt, X;
-        }(p, this, w);
+        }(g, this, w);
         return x.height = x.length * w.height, x.render = function(b) {
           return h.render(x, b);
         }, x.svg = x.render, x.draw = x.render, x;
       } }, { key: "font", value: function(i) {
-        return arguments.length ? (this.props.font = E(i), this) : this.props.font || E(vn);
+        return arguments.length ? (this.props.font = k(i), this) : this.props.font || k(xn);
       } }, { key: "overflow", value: function(i) {
         return arguments.length ? (this.props.overflow = String(i), this) : this.props.overflow;
       } }, { key: "overflowLine", value: function(i) {
@@ -1648,11 +1646,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         var h = String(i).toLowerCase();
         return h === "break-word" ? this.props.overflowWrap = "break-word" : h !== "normal" && i != null || (this.props.overflowWrap = null), this;
       } }, { key: "width", value: function(i) {
-        return arguments.length ? (this.props.width = Gt(i), this) : this.props.width;
+        return arguments.length ? (this.props.width = Zt(i), this) : this.props.width;
       } }, { key: "height", value: function(i) {
-        return arguments.length ? (this.props.height = Gt(i), this) : this.props.height;
+        return arguments.length ? (this.props.height = Zt(i), this) : this.props.height;
       } }, { key: "x", value: function(i) {
-        return arguments.length ? (this.props.x = Gt(i), this) : this.props.x;
+        return arguments.length ? (this.props.x = Zt(i), this) : this.props.x;
       } }, { key: "parser", value: function(i) {
         if (!arguments.length)
           return this.props.parser;
@@ -1666,9 +1664,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } }, { key: "createElement", value: function(i) {
         return arguments.length ? (this.props.createElement = i, this) : this.props.createElement || e.createElement;
       } }, { key: "render", value: function() {
-        var i = me(arguments);
-        return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? yn(i.text, this, i.ctx) : pn(i.text, this);
-      } }], o && mn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+        var i = xe(arguments);
+        return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? mn(i.text, this, i.ctx) : gn(i.text, this);
+      } }], o && vn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
     }();
     function Et(e) {
       return Et = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -1683,32 +1681,32 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         i[o] = e[o];
       return i;
     }
-    function xn(e, n) {
+    function wn(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
-        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(p, w) {
-          if (Et(p) !== "object" || p === null)
-            return p;
-          var x = p[Symbol.toPrimitive];
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (h = function(g, w) {
+          if (Et(g) !== "object" || g === null)
+            return g;
+          var x = g[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(p, w);
+            var b = x.call(g, w);
             if (Et(b) !== "object")
               return b;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return String(p);
+          return String(g);
         }(i.key, "string"), Et(h) === "symbol" ? h : String(h)), i);
       }
       var h;
     }
-    var ve = function(e) {
+    var we = function(e) {
       return typeof e == "function" ? e : function() {
         return e;
       };
-    }, xe = function() {
+    }, be = function() {
       function e(i) {
-        if (function(p, w) {
-          if (!(p instanceof w))
+        if (function(g, w) {
+          if (!(g instanceof w))
             throw new TypeError("Cannot call a class as a function");
         }(this, e), this.props = { width: function() {
           return 1 / 0;
@@ -1721,9 +1719,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var n, o;
       return n = e, o = [{ key: "anchor", value: function(i) {
-        var h = this.props, p = h.hAnchor, w = h.vAnchor, x = h.width, b = h.height;
+        var h = this.props, g = h.hAnchor, w = h.vAnchor, x = h.width, b = h.height;
         if (!arguments.length)
-          return [p * x(0), w * b(0)];
+          return [g * x(0), w * b(0)];
         if (typeof i == "string") {
           var S = this.props;
           i.toLowerCase().trim().split(/\s+/).forEach(function(D) {
@@ -1732,34 +1730,34 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         return this;
       } }, { key: "width", value: function(i) {
-        return arguments.length ? (this.props.width = ve(i), this) : this.props.width;
+        return arguments.length ? (this.props.width = we(i), this) : this.props.width;
       } }, { key: "height", value: function(i) {
-        return arguments.length ? (this.props.height = ve(i), this) : this.props.height;
+        return arguments.length ? (this.props.height = we(i), this) : this.props.height;
       } }, { key: "rotate", value: function(i) {
         return arguments.length ? (this.props.rotation = i, this) : this.props.rotation;
       } }, { key: "createElement", value: function(i) {
         return arguments.length ? (this.props.createElement = i, this) : this.props.createElement || e.createElement;
       } }, { key: "canvas", value: function(i, h) {
-        var p, w = i.getContext ? i.getContext("2d") : i;
+        var g, w = i.getContext ? i.getContext("2d") : i;
         return w.save(), w.rotate(this.rotate() * Math.PI / 180), w.translate.apply(w, function(x) {
           if (Array.isArray(x))
             return Wt(x);
-        }(p = this.anchor()) || function(x) {
+        }(g = this.anchor()) || function(x) {
           if (typeof Symbol < "u" && x[Symbol.iterator] != null || x["@@iterator"] != null)
             return Array.from(x);
-        }(p) || function(x, b) {
+        }(g) || function(x, b) {
           if (x) {
             if (typeof x == "string")
               return Wt(x, b);
             var S = Object.prototype.toString.call(x).slice(8, -1);
             return S === "Object" && x.constructor && (S = x.constructor.name), S === "Map" || S === "Set" ? Array.from(x) : S === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(S) ? Wt(x, b) : void 0;
           }
-        }(p) || function() {
+        }(g) || 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.`);
         }()), h(w), w.restore(), w;
       } }, { key: "render", value: function() {
-        var i = me(arguments);
+        var i = xe(arguments);
         if (i.d3)
           return i.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
         if (i.ctx)
@@ -1768,59 +1766,59 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var h = typeof i.text.render == "function" ? i.text.render() : i.text;
           return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, h);
         }
-      } }], o && xn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
-    }(), wn = Object.prototype.hasOwnProperty, Zt = {};
-    function bn(e) {
-      return Zt[e] || (Zt[e] = e.replace(/([a-z])([A-Z])/g, function(n, o, i) {
+      } }], o && wn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+    }(), bn = Object.prototype.hasOwnProperty, Kt = {};
+    function Sn(e) {
+      return Kt[e] || (Kt[e] = e.replace(/([a-z])([A-Z])/g, function(n, o, i) {
         return o + "-" + i.toLowerCase();
-      })), Zt[e];
+      })), Kt[e];
     }
-    function we(e, n) {
+    function Se(e, n) {
       if (Array.isArray(n))
         return n.forEach(function(o) {
-          return we(e, o);
+          return Se(e, o);
         });
       typeof n == "string" && (n = document.createTextNode(n)), e.appendChild(n);
     }
-    function be(e, n) {
+    function Ae(e, n) {
       if (typeof document < "u") {
         var o = typeof e == "string" ? document.createElementNS("http://www.w3.org/2000/svg", e) : e;
         if (n && o.setAttribute)
           for (var i in n)
-            wn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : bn(i), n[i]);
-        for (var h = arguments.length, p = new Array(h > 2 ? h - 2 : 0), w = 2; w < h; w++)
-          p[w - 2] = arguments[w];
-        return p != null && p.length && p.forEach(function(x) {
-          we(o, x);
+            bn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : Sn(i), n[i]);
+        for (var h = arguments.length, g = new Array(h > 2 ? h - 2 : 0), w = 2; w < h; w++)
+          g[w - 2] = arguments[w];
+        return g != null && g.length && g.forEach(function(x) {
+          Se(o, x);
         }), o;
       }
     }
-    it.createElement = be, it.textparser = Pt, it.defaultparser = Pt, it.htmlparser = function(e) {
+    it.createElement = Ae, it.textparser = Ct, it.defaultparser = Ct, it.htmlparser = function(e) {
       e = String(e || "").trim();
-      for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, h = [], p = [], w = function(O) {
-        for (var k in i)
-          i[k] && (O[k] = i[k]);
-        h.push(O);
-      }, x = function(O) {
-        var k = h.length, M = Qe[O];
-        if (k && M) {
-          for (var R = k - 1; h[R] && (h[R] instanceof St || Ge.test(h[R].value)); )
+      for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, h = [], g = [], w = function(M) {
+        for (var T in i)
+          i[T] && (M[T] = i[T]);
+        h.push(M);
+      }, x = function(M) {
+        var T = h.length, O = tn[M];
+        if (T && O) {
+          for (var R = T - 1; h[R] && (h[R] instanceof St || Ze.test(h[R].value)); )
             R--;
-          for (; M && h[R] && h[R] instanceof tt; )
-            R--, M--;
-          for (; M-- > 0; )
+          for (; O && h[R] && h[R] instanceof tt; )
+            R--, O--;
+          for (; O-- > 0; )
             h.push(new tt());
         }
       }; e.length; ) {
         if (n = /^[^<]+/.exec(e))
-          Pt(fe(n[0]), !1).forEach(w);
-        else if (!(n = Ke.exec(e)))
+          Ct(ge(n[0]), !1).forEach(w);
+        else if (!(n = Je.exec(e)))
           if (n = We.exec(e))
-            p.length && (i = p.pop()), x(n[1]);
-          else if (n = Ze.exec(e)) {
+            g.length && (i = g.pop()), x(n[1]);
+          else if (n = Ke.exec(e)) {
             var b = n[1];
-            x(b), p.push(i), i = Object.create(i), de[b] && de[b](i, "");
-            var S = nn(n[2]);
+            x(b), g.push(i), i = Object.create(i), pe[b] && pe[b](i, "");
+            var S = rn(n[2]);
             b === "a" && (S.href && (i.href = S.href), S.rel && (i.rel = S.rel), S.target && (i.target = S.target)), S.class && (i.class = i.class ? i.class + " " + S.class : S.class), S.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(S.style)) && o[1] && (i.color = o[1]), b === "br" && h.push(new tt());
           } else
             n = [e.slice(0, 1)], w(new H(n[0]));
@@ -1832,37 +1830,37 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, it.latexparser = function(e) {
       e = String(e || "").trim();
       var n = [0];
-      e = e.replace(/\\verb,(.*?),/, function(C, L) {
+      e = e.replace(/\\verb,(.*?),/, function($, L) {
         return n.push(L), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(ln, function(C, L, j) {
-        return j.charAt(L - 1) === "\\" ? C : hn[C];
-      }).replace(/\n\s+/g, function(C) {
-        return /\n/.test(C.slice(1)) ? "\\par " : C;
-      }).replace(/\\symbol\{(\d+)\}/, function(C, L, j, $) {
-        return $.charAt(j - 1) === "\\" ? C : String.fromCharCode(1 * L);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(C, L, j, $) {
-        return L + j + "{" + $ + "}";
-      }).replace(/\\verb,(.*?),/, function(C, L) {
+      }).replace(hn, function($, L, F) {
+        return F.charAt(L - 1) === "\\" ? $ : cn[$];
+      }).replace(/\n\s+/g, function($) {
+        return /\n/.test($.slice(1)) ? "\\par " : $;
+      }).replace(/\\symbol\{(\d+)\}/, function($, L, F, N) {
+        return N.charAt(F - 1) === "\\" ? $ : String.fromCharCode(1 * L);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function($, L, F, N) {
+        return L + F + "{" + N + "}";
+      }).replace(/\\verb,(.*?),/, function($, L) {
         return "\\verb,".concat(n[+L], ",");
       });
-      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, h = [], p = [], w = function(C) {
+      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, h = [], g = [], w = function($) {
         for (var L in i)
-          i[L] && (C[L] = i[L]);
-        return h.push(C), C;
+          i[L] && ($[L] = i[L]);
+        return h.push($), $;
       }, x = function() {
-        p.push(i), i = Object.create(i);
+        g.push(i), i = Object.create(i);
       }, b = function() {
-        if (!p.length)
+        if (!g.length)
           throw new Error("Unexpected }");
-        i = p.pop();
+        i = g.pop();
       }, S = { tokens: h, open_context: x, close_context: b, add_token: w }; e.length; ) {
-        if (o = on.exec(e))
-          Pt(o[0], !1).forEach(w);
-        else if (o = an.exec(e))
+        if (o = an.exec(e))
+          Ct(o[0], !1).forEach(w);
+        else if (o = ln.exec(e))
           w(new H(o[1]));
-        else if (!(o = sn.exec(e))) {
+        else if (!(o = on.exec(e))) {
           if (o = /^\{/.exec(e))
             x();
           else if (o = /^\}/.exec(e))
@@ -1870,27 +1868,27 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           else if (!(o = /^\$/.exec(e)))
             if (o = /^\\verb,([^,]+),/.exec(e))
               w(new H(o[1]));
-            else if (o = rn.exec(e)) {
-              var D = o[1].slice(1) || o[1], O = !!o[2];
+            else if (o = sn.exec(e)) {
+              var D = o[1].slice(1) || o[1], M = !!o[2];
               if (/^(La)?TeX$/i.test(D)) {
                 x(), i.family = "serif";
-                var k = void 0;
-                D === "LaTeX" && ((k = w(new H("L"))).tracking = -0.25, (k = w(new H("A"))).size = 0.7, k.baseline = 0.3, k.tracking = -0.1), (k = w(new H("T"))).tracking = -0.17, (k = w(new H("E"))).baseline = -0.22, k.tracking = -0.13, k = w(new H("X")), b();
-              } else if (D in pe)
-                w(new H(pe[D])), O && x();
+                var T = void 0;
+                D === "LaTeX" && ((T = w(new H("L"))).tracking = -0.25, (T = w(new H("A"))).size = 0.7, T.baseline = 0.3, T.tracking = -0.1), (T = w(new H("T"))).tracking = -0.17, (T = w(new H("E"))).baseline = -0.22, T.tracking = -0.13, T = w(new H("X")), b();
+              } else if (D in ye)
+                w(new H(ye[D])), M && x();
               else if (D in V) {
-                var M = [], R = V[D].length - 1, K = void 0;
+                var O = [], R = V[D].length - 1, K = void 0;
                 if (R) {
-                  for (O = !1, e = e.slice(o[0].length - 1); R--; ) {
+                  for (M = !1, e = e.slice(o[0].length - 1); R--; ) {
                     if (!(K = /^\{([^}]+)\}/.exec(e)))
                       throw new Error(D + " is missing an argument");
-                    M.push(K[1]), e = e.slice(K[0].length);
+                    O.push(K[1]), e = e.slice(K[0].length);
                   }
-                  o[0] = /^\{/.exec(e) ? "{" : "", O = !!o[0];
+                  o[0] = /^\{/.exec(e) ? "{" : "", M = !!o[0];
                 }
-                O && x(), V[D].apply(S, [i].concat(M));
+                M && x(), V[D].apply(S, [i].concat(O));
               } else
-                console.warn("unknown latex command", D), w(new H(o[1])), O && x();
+                console.warn("unknown latex command", D), w(new H(o[1])), M && x();
             } else
               o = [e.slice(0, 1)], w(new H(o[0]));
         }
@@ -1898,168 +1896,168 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return h;
     }, it.measureText = function(e, n, o) {
-      return W(e, E(n), o);
-    }, it.Token = H, it.Break = St, it.LineBreak = tt, it.SoftHyphen = ft, it.Rotator = xe, xe.createElement = be;
-    const Sn = it;
-    return s.default;
+      return Z(e, k(n), o);
+    }, it.Token = H, it.Break = St, it.LineBreak = tt, it.SoftHyphen = ft, it.Rotator = be, be.createElement = Ae;
+    const An = it;
+    return r.default;
   })());
-})(Be);
-var jn = Be.exports;
-const Oe = /* @__PURE__ */ oe(jn);
-function Fn(u, l) {
-  const t = dt(u), { fontSize: s, font: a, padding: c = 0 } = u.properties.style || {};
+})(Ve);
+var jn = Ve.exports;
+const Me = /* @__PURE__ */ le(jn);
+function qn(c, l) {
+  const t = dt(c), { fontSize: r, font: a, padding: u = 0 } = c.properties.style || {};
   if (t.width === t.height && t.width === 0)
     return;
-  const f = new Oe({
-    font: `${s}px/${s}px ${a}`.replace(/(px)+/g, "px"),
-    width: t.width - c * 2,
-    height: t.height - c * 2,
+  const f = new Me({
+    font: `${r}px/${r}px ${a}`.replace(/(px)+/g, "px"),
+    width: t.width - u * 2,
+    height: t.height - u * 2,
     align: "left",
     valign: "top",
     x: 0,
     overflow: "ellipsis",
     parser: "html",
-    createElement: Oe.createElement
+    createElement: Me.createElement
   }).linebreak(
-    u.properties.content.replaceAll(`
+    c.properties.content.replaceAll(`
 `, "<br>")
   ).render();
-  f.setAttribute("transform", `translate(${c}, ${c})`), l.appendChild(f);
+  f.setAttribute("transform", `translate(${u}, ${u})`), l.appendChild(f);
 }
-const Me = 20;
-class qn extends qe {
-  constructor(t, s = {}) {
+const Oe = 20;
+class Bn extends Be {
+  constructor(t, r = {}) {
     super(
       t,
       `
     <div class="annotation-text-handle">
-      <span class="handle line-handle top" data-handle-id="0"></span>
-      <span class="handle line-handle bottom" data-handle-id="1"></span>
-      <span class="handle line-handle left" data-handle-id="2"></span>
-      <span class="handle line-handle right" data-handle-id="3"></span>
-      <span class="handle top right point-handle top-right" data-handle-id="4"></span>
-      <span class="handle left top point-handle top-left" data-handle-id="5"></span>
-      <span class="handle bottom right point-handle bottom-right" data-handle-id="6"></span>
-      <span class="handle left bottom left-handle point-handle bottom-left" data-handle-id="7"></span>
-      <textarea wrap="off"></textarea>
+    <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="off"></textarea>
     </div>
   `
     );
-    m(this, "textArea");
-    m(this, "handleSize");
-    m(this, "rect", { x: 0, y: 0, width: 0, height: 0 });
-    m(this, "annotation", { ...te });
-    m(this, "startX", 0);
-    m(this, "startY", 0);
-    m(this, "handles", []);
-    m(this, "draggedHandle", B);
-    m(this, "isFocused", !1);
-    m(this, "placeholder", "Type your text here...");
-    m(this, "_onFocus", () => {
+    v(this, "textArea");
+    v(this, "handleSize");
+    v(this, "rect", { x: 0, y: 0, width: 0, height: 0 });
+    v(this, "annotation", { ...ne });
+    v(this, "startX", 0);
+    v(this, "startY", 0);
+    v(this, "handles", []);
+    v(this, "draggedHandle", B);
+    v(this, "isFocused", !1);
+    v(this, "placeholder", "Type your text here...");
+    v(this, "_onFocus", () => {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     });
-    m(this, "_onBlur", () => {
+    v(this, "_onBlur", () => {
       this.isFocused = !1;
     });
-    m(this, "startDrawing", (t, s, a = Rn(t, s, 0, 0, "", bt)) => {
+    v(this, "startDrawing", (t, r, a = Fn(t, r, 0, 0, "", bt)) => {
       this.add(a);
-      const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: s });
-      this.select(a.id), this.startDragging(this.getById(a.id), c.x, c.y), this.draggedHandle = 6;
+      const u = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
+      this.select(a.id), this.startDragging(this.getById(a.id), u.x, u.y), this.draggedHandle = 6;
     });
-    m(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...te }, this.draggedHandle = B, this.isDragging = !1, this.emit(Ot, this.annotation));
+    v(this, "cancelDrawing", () => {
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ne }, this.draggedHandle = B, this.isDragging = !1, this.emit(Mt, this.annotation));
     });
-    m(this, "startDragging", (t, s, a) => {
+    v(this, "startDragging", (t, r, a) => {
       this.annotation = t;
-      const c = yt(this.annotation), g = dt(this.annotation);
-      this.rect.x = c.x, this.rect.y = c.y, this.rect.width = g.width, this.rect.height = g.height, this.startX = s, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(le, this.annotation), this.isDragging = !0;
+      const u = yt(this.annotation), p = dt(this.annotation);
+      this.rect.x = u.x, this.rect.y = u.y, this.rect.width = p.width, this.rect.height = p.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ce, this.annotation), this.isDragging = !0;
     });
-    m(this, "onHandleMouseDown", (t) => {
-      const s = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      s && (this.selectedId !== s.id && this.select(this.hoveredId), this.startDragging(s, t.clientX, t.clientY), this.draggedHandle = He(t.target));
+    v(this, "onHandleMouseDown", (t) => {
+      const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
+      r && (this.selectedId !== r.id && this.select(this.hoveredId), this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = Re(t.target));
     });
-    m(this, "onMouseMove", (t) => {
+    v(this, "onMouseMove", (t) => {
       requestAnimationFrame(() => this._onMouseMove(t));
     });
-    m(this, "_onMouseMove", (t) => {
+    v(this, "_onMouseMove", (t) => {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const s = this.handles[this.draggedHandle], a = s.classList.contains("top"), c = s.classList.contains("left"), g = s.classList.contains("right"), y = s.classList.contains("bottom"), f = s.classList.contains("line-handle"), r = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / r, v = (t.clientY - this.startY) / r, T = c || f ? this.rect.x + d : this.rect.x, _ = a || f ? this.rect.y + v : this.rect.y, E = Math.max(
-        this.rect.width + d * (f ? 0 : c ? -1 : g ? 1 : 0),
-        Me
-      ), P = Math.max(
-        this.rect.height + v * (f ? 0 : a ? -1 : y ? 1 : 0),
-        Me
+      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), u = r.classList.contains("left"), p = r.classList.contains("right"), y = r.classList.contains("bottom"), f = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, A = u || f ? this.rect.x + d : this.rect.x, I = a || f ? this.rect.y + m : this.rect.y, k = Math.max(
+        this.rect.width + d * (f ? 0 : u ? -1 : p ? 1 : 0),
+        Oe
+      ), C = Math.max(
+        this.rect.height + m * (f ? 0 : a ? -1 : y ? 1 : 0),
+        Oe
       );
-      Mn(this.annotation, T, _, E, P), this.emit(ae, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      zn(this.annotation, A, I, k, C), this.emit(he, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
-    m(this, "onMouseUp", () => {
-      !this.isDragging || this.draggedHandle === B || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Ot, this.annotation), this.isDragging = !1, this.draggedHandle = B);
+    v(this, "onMouseUp", () => {
+      !this.isDragging || this.draggedHandle === B || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Mt, this.annotation), this.isDragging = !1, this.draggedHandle = B);
     });
-    m(this, "onViewChanged", () => {
+    v(this, "onViewChanged", () => {
       const t = Math.max(2, this.handleSize / this.ogma.view.getZoom());
       document.documentElement.style.setProperty("--handle-width", `${t}px`);
     });
-    m(this, "_onInput", () => {
+    v(this, "_onInput", () => {
       const t = this.getById(this.selectedId);
-      t && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), t.properties.content = this.textArea.value, this.emit(se, t), this.layer.refresh());
+      t && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), t.properties.content = this.textArea.value, this.emit(ae, t), this.layer.refresh());
     });
-    this.handleSize = De.handleSize || s.textHandleSize, this.placeholder = De.placeholder || s.textPlaceholder || "";
+    this.handleSize = De.handleSize || r.textHandleSize, this.placeholder = De.placeholder || r.textPlaceholder || "";
     const a = this.textArea = this.editor.element.querySelector("textarea");
     a.addEventListener("input", this._onInput), a.addEventListener("focus", this._onFocus), a.addEventListener("blur", this._onBlur), a.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.forEach(
-      (c) => c.addEventListener("mousedown", this.onHandleMouseDown)
+      (u) => u.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("mousemove", this.onMouseMove, !0), t.events.on(["viewChanged", "zoom"], this.onViewChanged);
   }
   _canRemove() {
     return !this.isFocused;
   }
-  detect({ x: t, y: s }, a = 0) {
-    return this.elements.find((c) => {
-      const { x: g, y } = yt(c), { width: f, height: r } = dt(c);
-      return g - a < t && y - a < s && g + f + a > t && y + r + a > s;
+  detect({ x: t, y: r }, a = 0) {
+    return this.elements.find((u) => {
+      const { x: p, y } = yt(u), { width: f, height: s } = dt(u);
+      return p - a < t && y - a < r && p + f + a > t && y + s + a > r;
     });
   }
   draw(t) {
     t.innerHTML = "";
-    const s = "";
-    this.elements.forEach((c, g) => {
-      const y = `class${g}`, f = dt(c), r = yt(c), d = c.id, {
-        color: v,
-        fontSize: T,
-        font: _,
-        strokeColor: E,
-        strokeWidth: P,
-        strokeType: A,
+    const r = "";
+    this.elements.forEach((u, p) => {
+      const y = `class${p}`, f = dt(u), s = yt(u), d = u.id, {
+        color: m,
+        fontSize: A,
+        font: I,
+        strokeColor: k,
+        strokeWidth: C,
+        strokeType: E,
         background: U
-      } = c.properties.style || bt;
+      } = u.properties.style || bt;
       if (d === this.selectedId || this.selectedId === -1 && d === this.hoveredId)
         return;
-      const N = It("g");
-      N.setAttribute("fill", `${v}`), N.setAttribute("font-size", `${T}`), N.setAttribute("font-family", `${_}`);
+      const P = It("g");
+      P.setAttribute("fill", `${m}`), P.setAttribute("font-size", `${A}`), P.setAttribute("font-family", `${I}`);
       const z = It("rect");
-      let W = !1;
-      A && A !== "none" && (W = !0, z.setAttribute("stroke", E || "black"), z.setAttribute("stroke-width", `${P}`), A === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || W) && (W = !0, z.setAttribute("fill", U || "transparent")), W && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), N.appendChild(z), Fn(c, N), N.setAttribute("transform", `translate(${r.x},${r.y})`), N.classList.add(y), N.setAttribute("data-annotation", `${c.id}`), N.setAttribute("data-annotation-type", "text"), t.appendChild(N);
+      let Z = !1;
+      E && E !== "none" && (Z = !0, z.setAttribute("stroke", k || "black"), z.setAttribute("stroke-width", `${C}`), E === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || Z) && (Z = !0, z.setAttribute("fill", U || "transparent")), Z && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), P.appendChild(z), qn(u, P), P.setAttribute("transform", `translate(${s.x},${s.y})`), P.classList.add(y), P.setAttribute("data-annotation", `${u.id}`), P.setAttribute("data-annotation-type", "text"), t.appendChild(P);
     });
     const a = It("style");
-    a.innerHTML = s, t.firstChild && t.insertBefore(a, t.firstChild);
+    a.innerHTML = r, t.firstChild && t.insertBefore(a, t.firstChild);
   }
   getDefaultOptions() {
-    return te;
+    return ne;
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), s = dt(t), a = yt(t), {
-      font: c,
-      fontSize: g,
-      color: y,
-      background: f,
-      padding: r = 0
-    } = t.properties.style || bt;
-    this.textArea.value = t.properties.content, this.editor.setPosition({ x: a.x, y: a.y }), this.editor.setSize(s), this.textArea.style.fontFamily = c || "sans-serif", this.textArea.style.fontSize = `${g}px`, this.textArea.style.padding = `${r}px`, this.textArea.style.lineHeight = `${g}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = y || "black", this.textArea.style.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = dt(t), a = this.ogma.view.graphToScreenCoordinates(yt(t)), u = this.ogma.view.getZoom(), p = Math.min(u, this.maxHandleScale), {
+      font: y,
+      fontSize: f,
+      color: s,
+      background: d,
+      padding: m = 0
+    } = t.properties.style || bt, A = f;
+    this.textArea.value = t.properties.content, this.editor.element.style.transform = `translate(${a.x}px, ${a.y}px)translate(-50%, -50%)translate(${r.width / 2 * u}px, ${r.height / 2 * u}px)scale(${p})`, this.editor.element.style.width = `${r.width}px`, this.editor.element.style.height = `${r.height}px`, this.textArea.style.font = `${A} ${y}`, this.textArea.style.fontFamily = y || "sans-serif", this.textArea.style.fontSize = `${A}px`, this.textArea.style.padding = `${m}px`, this.textArea.style.lineHeight = `${A}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = s || "black", this.textArea.style.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.focus();
@@ -2068,59 +2066,59 @@ class qn extends qe {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class Bn {
+class Vn {
   constructor() {
-    m(this, "links", {});
-    m(this, "linksByTargetId", {});
-    m(this, "linksByArrowId", {});
+    v(this, "links", {});
+    v(this, "linksByTargetId", {});
+    v(this, "linksByArrowId", {});
   }
-  add(l, t, s, a, c) {
-    const g = jt(), y = l.id, f = {
-      id: g,
+  add(l, t, r, a, u) {
+    const p = jt(), y = l.id, f = {
+      id: p,
       arrow: y,
-      target: s,
+      target: r,
       targetType: a,
-      connectionPoint: c,
+      connectionPoint: u,
       side: t
     };
-    return this.links[g] = f, this.linksByTargetId[s] || (this.linksByTargetId[s] = []), this.linksByTargetId[s].push(g), this.linksByArrowId[y] || (this.linksByArrowId[y] = {}), this.linksByArrowId[y][t] = g, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
-      id: s,
+    return this.links[p] = f, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(p), this.linksByArrowId[y] || (this.linksByArrowId[y] = {}), this.linksByArrowId[y][t] = p, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
+      id: r,
       side: t,
       type: a,
-      magnet: c
+      magnet: u
     }, this;
   }
   arrowIsLinked(l, t) {
-    var s;
-    return !!((s = this.linksByArrowId[l]) != null && s[t]);
+    var r;
+    return !!((r = this.linksByArrowId[l]) != null && r[t]);
   }
   // remove the link between the arrow and the target by arrow id and side
   remove(l, t) {
     var y, f;
-    const s = l.id, a = (y = this.linksByArrowId[s]) == null ? void 0 : y[t];
+    const r = l.id, a = (y = this.linksByArrowId[r]) == null ? void 0 : y[t];
     if ((f = l.properties.link) == null || delete f[t], !a)
       return this;
-    const c = this.links[a];
+    const u = this.links[a];
     delete this.links[a];
-    const g = this.linksByTargetId[c.target];
-    for (let r = 0; r < g.length; r++)
-      if (g[r] === a) {
-        g.splice(r, 1);
+    const p = this.linksByTargetId[u.target];
+    for (let s = 0; s < p.length; s++)
+      if (p[s] === a) {
+        p.splice(s, 1);
         break;
       }
-    return delete this.linksByArrowId[s][t], this;
+    return delete this.linksByArrowId[r][t], this;
   }
   getArrowLink(l, t) {
     var a;
-    const s = (a = this.linksByArrowId[l]) == null ? void 0 : a[t];
-    return s ? this.links[s] : null;
+    const r = (a = this.linksByArrowId[l]) == null ? void 0 : a[t];
+    return r ? this.links[r] : null;
   }
   getTargetLinks(l) {
     var t;
-    return ((t = this.linksByTargetId[l]) == null ? void 0 : t.map((s) => this.links[s])) ?? [];
+    return ((t = this.linksByTargetId[l]) == null ? void 0 : t.map((r) => this.links[r])) ?? [];
   }
 }
-const ct = (u) => u.properties.type === "arrow", wt = (u) => u.properties.type === "text", Vn = (u) => u.type === "FeatureCollection", Un = {
+const ht = (c) => c.properties.type === "arrow", wt = (c) => c.properties.type === "text", ze = (c) => c.type === "FeatureCollection", Un = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2130,7 +2128,7 @@ const ct = (u) => u.properties.type === "arrow", wt = (u) => u.properties.type =
   textHandleSize: 3.5,
   minArrowHeight: 20,
   maxArrowHeight: 30
-}, ze = ["start", "end"], Le = [
+}, Le = ["start", "end"], Ce = [
   { x: 0, y: 0 },
   { x: 0.5, y: 0 },
   { x: 1, y: 0 },
@@ -2140,135 +2138,146 @@ const ct = (u) => u.properties.type === "arrow", wt = (u) => u.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class Gn extends Fe {
-  constructor(t, s = {}) {
+class Gn extends qe {
+  constructor(t, r = {}) {
     super();
-    m(this, "arrows");
-    m(this, "texts");
-    m(this, "links", new Bn());
-    m(this, "layer");
-    m(this, "annotations");
-    m(this, "ogma");
-    m(this, "options");
-    m(this, "selected", null);
-    m(this, "updateTimeout", 0);
-    m(this, "hoveredNode", null);
-    m(this, "dragged", null);
-    m(this, "textToMagnet");
-    m(this, "activeLinks", []);
-    m(this, "_render", (t) => {
+    v(this, "arrows");
+    v(this, "texts");
+    v(this, "links", new Vn());
+    v(this, "layer");
+    v(this, "annotations");
+    v(this, "ogma");
+    v(this, "options");
+    v(this, "selected", null);
+    v(this, "updateTimeout", 0);
+    v(this, "hoveredNode", null);
+    v(this, "dragged", null);
+    v(this, "textToMagnet");
+    v(this, "activeLinks", []);
+    v(this, "_render", (t) => {
       if (!this.dragged || this.textToMagnet === void 0)
         return;
       t.beginPath(), t.fillStyle = "green";
-      const s = this.ogma.view.getZoom();
-      Le.forEach((a) => {
+      const r = this.ogma.view.getZoom();
+      Ce.forEach((a) => {
         if (!this.textToMagnet)
           return;
-        const c = dt(this.textToMagnet), g = yt(this.textToMagnet), { x: y, y: f } = new rt(a.x, a.y).mul({ x: c.width, y: c.height }).add(g);
-        t.moveTo(y, f), t.arc(y, f, this.options.magnetHandleRadius / s, 0, Math.PI * 2);
+        const u = dt(this.textToMagnet), p = yt(this.textToMagnet), { x: y, y: f } = new rt(a.x, a.y).mul({ x: u.width, y: u.height }).add(p);
+        t.moveTo(y, f), t.arc(y, f, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
-    m(this, "_onFeatureDrag", (t, s) => {
-      const a = s;
-      if (ct(t) && a === "line")
-        ["start", "end"].find((c) => {
-          const g = c === "start" ? _t(t) : Ht(t);
-          return this._snapToText(t, a, g) || this._findAndSnapToNode(t, c, g);
+    v(this, "_onFeatureDrag", (t, r) => {
+      const a = r;
+      if (ht(t) && a === "line")
+        ["start", "end"].find((u) => {
+          const p = u === "start" ? _t(t) : Rt(t);
+          return this._snapToText(t, a, p) || this._findAndSnapToNode(t, u, p);
         });
-      else if (ct(t) && a !== "line") {
-        const c = a === "start" ? _t(t) : Ht(t);
-        this._snapToText(t, a, c) || this._findAndSnapToNode(t, a, c);
+      else if (ht(t) && a !== "line") {
+        const u = a === "start" ? _t(t) : Rt(t);
+        this._snapToText(t, a, u) || this._findAndSnapToNode(t, a, u);
       } else
-        wt(t) && (this.activeLinks.forEach(({ arrow: c, side: g, connectionPoint: y }) => {
-          const f = this.getAnnotation(c), r = dt(t), d = yt(t), v = new rt(y.x, y.y).mul({ x: r.width, y: r.height }).add(d);
-          f.geometry.coordinates[g === "start" ? 0 : 1] = [v.x, v.y];
+        wt(t) && (this.activeLinks.forEach(({ arrow: u, side: p, connectionPoint: y }) => {
+          const f = this.getAnnotation(u), s = dt(t), d = yt(t), m = new rt(y.x, y.y).mul({ x: s.width, y: s.height }).add(d);
+          f.geometry.coordinates[p === "start" ? 0 : 1] = [m.x, m.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh();
     });
-    m(this, "_onFeatureDragEnd", (t) => {
-      this.dragged !== null && ct(t) && _t(this.dragged) && ze.forEach((s) => {
-        this.links.getArrowLink(t.id, s) && this.emit(Nn, {
+    v(this, "_onFeatureDragEnd", (t) => {
+      this.dragged !== null && ht(t) && _t(this.dragged) && Le.forEach((r) => {
+        this.links.getArrowLink(t.id, r) && this.emit(Nn, {
           arrow: t,
-          link: this.links.getArrowLink(t.id, s)
+          link: this.links.getArrowLink(t.id, r)
         });
-      }), (wt(t) || ct(t)) && this.onUpdate(t), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((s) => s.enableDetection()), this.layer.refresh();
+      }), (wt(t) || ht(t)) && this.onUpdate(t), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((r) => r.enableDetection()), this.layer.refresh();
     });
-    m(this, "_onFeatureDragStart", (t) => {
-      this.textToMagnet = void 0, ct(t) ? this.dragged = t : wt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id)), this.annotations.forEach((s) => {
-        const a = s.getSelectedFeature();
-        a && a !== t && s.unhover().unselect(), s.disableDetection();
+    v(this, "_onFeatureDragStart", (t) => {
+      this.textToMagnet = void 0, ht(t) ? this.dragged = t : wt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id)), this.annotations.forEach((r) => {
+        const a = r.getSelectedFeature();
+        a && a !== t && r.unhover().unselect(), r.disableDetection();
       });
     });
-    m(this, "_onNodesDragStart", () => {
+    v(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     });
-    m(this, "_onNodesDrag", (t) => {
-      const { dx: s, dy: a } = t;
-      this._moveNodes(t.nodes, s, a);
+    v(this, "_onNodesDrag", (t) => {
+      const { dx: r, dy: a } = t;
+      this._moveNodes(t.nodes, r, a);
     });
-    m(this, "_onAdded", (t) => {
-      this.emit(re, t);
+    v(this, "_onLayoutEnd", (t) => {
+      t.ids.forEach((r, a) => {
+        this.links.getTargetLinks(r).forEach((p) => {
+          const y = this.getAnnotation(p.arrow), f = p.side, s = te(
+            y,
+            f === "start" ? "end" : "start"
+          ), d = t.positions.current[a], m = this.ogma.getNode(r).getAttribute("radius"), A = ee(s, d, +m);
+          Nt(y, f, A.x, A.y);
+        });
+      }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     });
-    m(this, "_onRemoved", (t) => {
-      this.emit(ie, t);
+    v(this, "_onAdded", (t) => {
+      this.emit(oe, t);
+    });
+    v(this, "_onRemoved", (t) => {
+      this.emit(se, t);
     });
-    m(this, "_onUnselect", (t) => {
-      this.selected = null, this.emit(ne, t);
+    v(this, "_onUnselect", (t) => {
+      this.selected = null, this.emit(re, t);
     });
-    m(this, "_onSelect", (t) => {
-      this.selected !== t && (this.selected = t, this.emit(ee, this.selected));
+    v(this, "_onSelect", (t) => {
+      this.selected !== t && (this.selected = t, this.emit(ie, this.selected));
     });
     /**
      * Triggers the update event on the annotation
      * @param annotation The annotation updated
      */
-    m(this, "onUpdate", (t) => {
+    v(this, "onUpdate", (t) => {
       cancelAnimationFrame(this.updateTimeout), this.updateTimeout = requestAnimationFrame(
         () => this._onUpdate(t)
       );
     });
-    m(this, "_onUpdate", (t) => {
-      this.emit(se, t);
+    v(this, "_onUpdate", (t) => {
+      this.emit(ae, t);
     });
-    this.options = this.setOptions({ ...Un, ...s }), this.ogma = t, this.arrows = new Hn(t, this.options), this.texts = new qn(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((a) => {
-      a.on(le, this._onFeatureDragStart).on(ae, this._onFeatureDrag).on(Ot, this._onFeatureDragEnd).on(se, this.onUpdate).on(ne, this._onUnselect).on(ee, this._onSelect).on(re, this._onAdded).on(ie, this._onRemoved);
-    }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
-  }
-  _moveNodes(t, s, a) {
-    t.forEach((c) => {
-      const g = this.links.getTargetLinks(c.getId()), y = c.getPosition();
-      g.forEach((f) => {
-        const r = this.getAnnotation(f.arrow), d = f.side, v = Ae(
-          r,
+    this.options = this.setOptions({ ...Un, ...r }), this.ogma = t, this.arrows = new Rn(t, this.options), this.texts = new Bn(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((a) => {
+      a.on(ce, this._onFeatureDragStart).on(he, this._onFeatureDrag).on(Mt, this._onFeatureDragEnd).on(ae, this.onUpdate).on(re, this._onUnselect).on(ie, this._onSelect).on(oe, this._onAdded).on(se, this._onRemoved);
+    }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
+  }
+  _moveNodes(t, r, a) {
+    t.forEach((u) => {
+      const p = this.links.getTargetLinks(u.getId()), y = u.getPosition();
+      p.forEach((f) => {
+        const s = this.getAnnotation(f.arrow), d = f.side, m = te(
+          s,
           d === "start" ? "end" : "start"
         );
-        let T = y;
-        const _ = +c.getAttribute("radius"), E = 1e-6;
-        (f.connectionPoint.x - (y.x - s) > E || f.connectionPoint.y - (y.y - a) > E) && (T = Ee(v, y, _)), Qt(r, d, T.x, T.y);
+        let A = y;
+        const I = +u.getAttribute("radius"), k = 1e-6;
+        (f.connectionPoint.x - (y.x - r) > k || f.connectionPoint.y - (y.y - a) > k) && (A = ee(m, y, I)), Nt(s, d, A.x, A.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(t, s, a) {
-    const c = this.texts.detect(a, this.options.detectMargin);
-    if (this.links.remove(t, s), !c)
+  _snapToText(t, r, a) {
+    const u = this.texts.detect(a, this.options.detectMargin);
+    if (this.links.remove(t, r), !u)
       return !1;
-    this.textToMagnet = c;
-    const g = this.findMagnetPoint(Le, c, a);
-    return g ? (Qt(t, s, g.point.x, g.point.y), this.links.add(t, s, c.id, "text", g.magnet), !0) : !1;
-  }
-  _findAndSnapToNode(t, s, a) {
-    const c = this.ogma.view.graphToScreenCoordinates(a), g = this.ogma.view.getElementAt(c);
-    this.links.remove(t, s), g && g.isNode ? (this.hoveredNode = g, this.hoveredNode.setSelected(!0), this._snapToNode(t, s, g, c)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
-  }
-  _snapToNode(t, s, a, c) {
-    const g = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), r = c.x - g.x, d = c.y - g.y, v = Math.sqrt(r * r + d * d), T = a.getPosition();
-    if (v < f + this.options.detectMargin) {
-      let _ = T;
-      if (v > f / 2) {
-        const E = Ae(t, s === "end" ? "start" : "end");
-        _ = Ee(E, _, y);
+    this.textToMagnet = u;
+    const p = this.findMagnetPoint(Ce, u, a);
+    return p ? (Nt(t, r, p.point.x, p.point.y), this.links.add(t, r, u.id, "text", p.magnet), !0) : !1;
+  }
+  _findAndSnapToNode(t, r, a) {
+    const u = this.ogma.view.graphToScreenCoordinates(a), p = this.ogma.view.getElementAt(u);
+    this.links.remove(t, r), p && p.isNode ? (this.hoveredNode = p, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, p, u)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
+  }
+  _snapToNode(t, r, a, u) {
+    const p = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), s = u.x - p.x, d = u.y - p.y, m = Math.sqrt(s * s + d * d), A = a.getPosition();
+    if (m < f + this.options.detectMargin) {
+      let I = A;
+      if (m > f / 2) {
+        const k = te(t, r === "end" ? "start" : "end");
+        I = ee(k, I, y);
       }
-      Qt(t, s, _.x, _.y), this.links.add(t, s, a.getId(), "node", _);
+      Nt(t, r, I.x, I.y), this.links.add(t, r, a.getId(), "node", I);
     }
   }
   /**
@@ -2277,19 +2286,19 @@ class Gn extends Fe {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(t, s, a) {
-    let c;
-    for (const g of t) {
-      const y = dt(s), f = yt(s), r = new rt(g.x, g.y).mul({ x: y.width, y: y.height }).add(f), d = r.sub(a).length(), v = this.options.magnetRadius * this.ogma.view.getZoom();
-      if (d < Math.max(v, this.options.magnetHandleRadius)) {
-        c = {
-          point: r,
-          magnet: g
+  findMagnetPoint(t, r, a) {
+    let u;
+    for (const p of t) {
+      const y = dt(r), f = yt(r), s = new rt(p.x, p.y).mul({ x: y.width, y: y.height }).add(f), d = s.sub(a).length(), m = this.options.magnetRadius * this.ogma.view.getZoom();
+      if (d < Math.max(m, this.options.magnetHandleRadius)) {
+        u = {
+          point: s,
+          magnet: p
         };
         break;
       }
     }
-    return c;
+    return u;
   }
   /**
    * Set the options for the controller
@@ -2307,23 +2316,23 @@ class Gn extends Fe {
    * @param id the id of the annotation to select
    */
   select(t) {
-    const s = this.getAnnotations().features.find((a) => a.id === t);
-    return s ? (ct(s) ? this.arrows.select(s.id) : wt(s) && this.texts.select(s.id), this) : this;
+    const r = this.getAnnotations().features.find((a) => a.id === t);
+    return r ? (ht(r) ? this.arrows.select(r.id) : wt(r) && this.texts.select(r.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
    */
   unselect() {
-    return this.selected ? (ct(this.selected) ? this.arrows.unselect() : wt(this.selected) && this.texts.unselect(), this) : this;
+    return this.selected ? (ht(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(t) {
-    if (Vn(t))
+    if (ze(t))
       return t.features.forEach(
-        (s) => this.add(s)
+        (r) => this.add(r)
       ), this;
     switch (t.properties.type) {
       case "text":
@@ -2335,18 +2344,27 @@ class Gn extends Fe {
     }
     return this;
   }
+  /**
+  * Remove an annotation or an array of annotations from the controller
+  * @param annotation The annotation(s) to remove
+  */
+  remove(t) {
+    return ze(t) ? (t.features.forEach(
+      (r) => this.remove(r)
+    ), this) : (ht(t) ? (this.links.remove(t, "start"), this.links.remove(t, "end"), this.arrows.remove(t.id)) : this.texts.remove(t.id), this);
+  }
   loadLink(t) {
     if (t.properties.link)
-      for (const s of ze) {
-        const a = t.properties.link[s];
+      for (const r of Le) {
+        const a = t.properties.link[r];
         if (!a)
           continue;
         if (this.getAnnotation(a.id))
-          this.links.add(t, s, a.id, a.type, a.magnet);
+          this.links.add(t, r, a.id, a.type, a.magnet);
         else {
           if (!this.ogma.getNode(a.id))
             continue;
-          this.links.add(t, s, a.id, a.type, a.magnet);
+          this.links.add(t, r, a.id, a.type, a.magnet);
         }
       }
   }
@@ -2356,8 +2374,8 @@ class Gn extends Fe {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(t, s, a) {
-    this.cancelDrawing(), this.arrows.startDrawing(t, s, a);
+  startArrow(t, r, a) {
+    this.cancelDrawing(), this.arrows.startDrawing(t, r, a);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -2365,23 +2383,23 @@ class Gn extends Fe {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(t, s, a) {
-    this.cancelDrawing(), this.texts.startDrawing(t, s, a);
+  startText(t, r, a) {
+    this.cancelDrawing(), this.texts.startDrawing(t, r, a);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Cn);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Pn);
   }
   /**
    * 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(t, s) {
-    const a = this.getAnnotations().features.find((c) => c.id === t);
-    return a ? (ct(a) ? this.arrows.updateStyle(a, s) : wt(a) && this.texts.updateStyle(a, s), this.onUpdate(a), this) : this;
+  updateStyle(t, r) {
+    const a = this.getAnnotations().features.find((u) => u.id === t);
+    return a ? (ht(a) ? this.arrows.updateStyle(a, r) : wt(a) && this.texts.updateStyle(a, r), this.onUpdate(a), this) : this;
   }
   /**
    * 
@@ -2392,8 +2410,8 @@ class Gn extends Fe {
       type: "FeatureCollection",
       features: []
     };
-    return this.annotations.forEach((s) => {
-      t.features = [...t.features, ...s.getElements()];
+    return this.annotations.forEach((r) => {
+      t.features = [...t.features, ...r.getElements()];
     }), t;
   }
   /**
@@ -2402,7 +2420,7 @@ class Gn extends Fe {
    * @returns The annotation with the given id
    */
   getAnnotation(t) {
-    return this.getAnnotations().features.find((s) => s.id === t);
+    return this.getAnnotations().features.find((r) => r.id === t);
   }
   /**
    * Destroy the controller and its elements
@@ -2412,34 +2430,34 @@ class Gn extends Fe {
   }
 }
 export {
-  Hn as Arrows,
+  Rn as Arrows,
   Gn as Control,
-  qn as Texts,
-  _n as createArrow,
+  Bn as Texts,
+  Dn as createArrow,
   It as createSVGElement,
-  Rn as createText,
-  Se as defaultArrowOptions,
+  Fn as createText,
+  Ee as defaultArrowOptions,
   Dt as defaultArrowStyle,
   De as defaultControllerOptions,
-  te as defaultTextOptions,
+  ne as defaultTextOptions,
   bt as defaultTextStyle,
   Xn as getAnnotationsBounds,
-  Ht as getArrowEnd,
-  Rt as getArrowEndPoints,
-  Ae as getArrowSide,
+  Rt as getArrowEnd,
+  Ft as getArrowEndPoints,
+  te as getArrowSide,
   _t as getArrowStart,
-  Ee as getAttachmentPointOnNode,
-  He as getHandleId,
-  Ce as getTextBbox,
+  ee as getAttachmentPointOnNode,
+  Re as getHandleId,
+  Pe as getTextBbox,
   yt as getTextPosition,
   dt as getTextSize,
-  Vn as isAnnotationCollection,
-  ct as isArrow,
+  ze as isAnnotationCollection,
+  ht as isArrow,
   wt as isText,
-  $e as setArrowEnd,
-  Qt as setArrowEndPoint,
+  He as setArrowEnd,
+  Nt as setArrowEndPoint,
   Ne as setArrowStart,
-  Mn as setTextBbox,
+  zn as setTextBbox,
   On as updateTextBbox
 };
 //# sourceMappingURL=index.mjs.map