@linkurious/ogma-annotations 1.1.7 → 1.1.8

package/dist/index.mjs

@@ -12,7 +12,7 @@ var $e = { exports: {} };
   })("Vector", function() {
     var l = function() {
       var t = Math.PI * 2, r = 180 / Math.PI, a = Math.PI / 180;
-      function c(s) {
+      function h(s) {
         return Math.round(s * 1e8) / 1e8;
       }
       function d(s, f) {
@@ -192,7 +192,7 @@ var $e = { exports: {} };
         // @return self.
         rotateRadiansSelf: function(s) {
           var f = Math.cos(s), m = Math.sin(s), A = this.x * f - this.y * m, T = this.x * m + this.y * f;
-          return this.x = c(A), this.y = c(T), this;
+          return this.x = h(A), this.y = h(T), this;
         },
         // [API]
         // [chainable]
@@ -609,7 +609,7 @@ function Bt(u) {
   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, r) {
     return t.concat(r);
   }, []) : u.type == "MultiPolygon" ? l = u.coordinates.reduce(
-    (t, r) => t.concat(r.reduce((a, c) => a.concat(c), [])),
+    (t, r) => t.concat(r.reduce((a, h) => a.concat(h), [])),
     []
   ) : u.type == "Feature" ? l = Bt(u.geometry) : u.type == "GeometryCollection" ? l = u.geometries.reduce(
     (t, r) => t.concat(Bt(r)),
@@ -628,18 +628,18 @@ function Ft(u, l, t) {
 }
 function je(u, l = 5, t = 30) {
   var s;
-  const { start: r, end: a } = Vt(u), c = new U(r.x, r.y), g = new U(a.x, a.y).sub(c), p = u.properties.style && u.properties.style.strokeWidth ? (s = u.properties.style) == null ? void 0 : s.strokeWidth : 0;
+  const { start: r, end: a } = Vt(u), h = new U(r.x, r.y), g = new U(a.x, a.y).sub(h), p = u.properties.style && u.properties.style.strokeWidth ? (s = u.properties.style) == null ? void 0 : s.strokeWidth : 0;
   return Math.min(t, Math.max(3 * p, g.length() * 0.1, l));
 }
 function ke(u, 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)), d = u.clone().add(a.rotateRadians(-Math.PI / 8)), g = `${u.x} ${u.y}`;
-  return `M ${c.x} ${c.y} L ${g} ${d.x} ${d.y} ${t === "arrow" ? "" : `${c.x} ${c.y}`}`;
+  const h = u.clone().add(a.rotateRadians(Math.PI / 8)), d = u.clone().add(a.rotateRadians(-Math.PI / 8)), g = `${u.x} ${u.y}`;
+  return `M ${h.x} ${h.y} L ${g} ${d.x} ${d.y} ${t === "arrow" ? "" : `${h.x} ${h.y}`}`;
 }
 function Ln(u, l, t, r, a) {
-  const { start: c, end: d } = Vt(u), { tail: g, head: p, strokeColor: s, strokeWidth: f } = u.properties.style || t, m = new U(c.x, c.y), A = new U(d.x, d.y), T = A.clone().sub(m), S = je(u, r, a), C = Mt("path");
+  const { start: h, end: d } = Vt(u), { tail: g, head: p, strokeColor: s, strokeWidth: f } = u.properties.style || t, m = new U(h.x, h.y), A = new U(d.x, d.y), T = A.clone().sub(m), S = je(u, r, a), C = Mt("path");
   C.setAttribute("data-annotation", `${u.id}`), C.setAttribute("data-annotation-type", "arrow");
   const k = p === "arrow-plain" || g === "arrow";
   C.setAttribute("stroke", s || "none"), C.setAttribute("stroke-width", `${f}`), C.setAttribute("fill", k ? s || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
@@ -656,7 +656,7 @@ var Fe = { exports: {} };
   function a(p, s, f) {
     this.fn = p, this.context = s, this.once = f || !1;
   }
-  function c(p, s, f, m, A) {
+  function h(p, s, f, m, A) {
     if (typeof f != "function")
       throw new TypeError("The listener must be a function");
     var T = new a(f, m || p, A), S = t ? t + s : s;
@@ -735,9 +735,9 @@ var Fe = { exports: {} };
     }
     return !0;
   }, g.prototype.on = function(s, f, m) {
-    return c(this, s, f, m, !1);
+    return h(this, s, f, m, !1);
   }, g.prototype.once = function(s, f, m) {
-    return c(this, s, f, m, !0);
+    return h(this, s, f, m, !0);
   }, g.prototype.removeListener = function(s, f, m, A) {
     var T = t ? t + s : s;
     if (!this._events[T])
@@ -842,9 +842,9 @@ class qe extends Be {
     if (!t)
       return;
     const a = t.id;
-    Object.keys(r).forEach((c) => {
-      if (c !== "id")
-        if (c === "properties") {
+    Object.keys(r).forEach((h) => {
+      if (h !== "id")
+        if (h === "properties") {
           const d = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
@@ -855,17 +855,18 @@ class qe extends Be {
             }
           };
         } else
-          c === "geometry" ? t.geometry = {
+          h === "geometry" ? t.geometry = {
             ...t.geometry,
             ...r.geometry
-          } : t[c] = r[c];
+          } : t[h] = r[h];
     }), a === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(t) {
-    for (let r = 0; r < this.elements.length; r++) {
-      const a = this.elements[r];
-      if (a.id === t)
-        return a;
+    const r = Number(t);
+    for (let a = 0; a < this.elements.length; a++) {
+      const h = this.elements[a];
+      if (!(h.id !== t && h.id !== r))
+        return h;
     }
   }
   /**
@@ -982,8 +983,8 @@ class Hn extends qe {
     v(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === q)
         return;
-      const r = this.handles[this.draggedHandle], a = this.ogma.view.getAngle(), { x: c, y: d } = new U(t.clientX - this.startX, t.clientY - this.startY).divScalar(this.ogma.view.getZoom()).rotateRadians(a), g = r.id === Te, p = r.id === Ie, s = r.id === _e;
-      (g || p) && Ne(this.arrow, this.start.x + c, this.start.y + d), (g || s) && Re(this.arrow, this.end.x + c, this.end.y + d), this.emit(
+      const r = this.handles[this.draggedHandle], a = this.ogma.view.getAngle(), { x: h, y: d } = new U(t.clientX - this.startX, t.clientY - this.startY).divScalar(this.ogma.view.getZoom()).rotateRadians(a), g = r.id === Te, p = r.id === Ie, s = r.id === _e;
+      (g || p) && Ne(this.arrow, this.start.x + h, this.start.y + d), (g || s) && Re(this.arrow, this.end.x + h, this.end.y + d), this.emit(
         Ut,
         this.arrow,
         g ? "line" : p ? "start" : "end"
@@ -1004,8 +1005,8 @@ class Hn extends qe {
   startDrawing(t, r, a = Dn(t, r, t, r, Lt)) {
     var g;
     this.add(a), this.hoveredId = a.id;
-    const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), d = ((g = this.ogma.getContainer()) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
-    this.startDragging(this.getById(a.id), c.x + (d == null ? void 0 : d.left), c.y + d.top), this.draggedHandle = 2;
+    const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), d = ((g = this.ogma.getContainer()) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
+    this.startDragging(this.getById(a.id), h.x + (d == null ? void 0 : d.left), h.y + d.top), this.draggedHandle = 2;
   }
   cancelDrawing() {
     this.isDragging && (this.remove(this.arrow.id), this.emit(St, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = q);
@@ -1015,23 +1016,23 @@ class Hn extends qe {
   }
   detect(t, r = 0) {
     return this.elements.find((a) => {
-      const { start: c, end: d } = Vt(a), g = new U(t.x, t.y).sub(
-        new U((c.x + d.x) / 2, (c.y + d.y) / 2)
-      ), p = new U(d.x, d.y).sub(new U(c.x, c.y)), s = p.length(), f = p.normalize(), m = je(a);
+      const { start: h, end: d } = Vt(a), g = new U(t.x, t.y).sub(
+        new U((h.x + d.x) / 2, (h.y + d.y) / 2)
+      ), p = new U(d.x, d.y).sub(new U(h.x, h.y)), s = p.length(), f = p.normalize(), m = je(a);
       return Math.abs(f.dot(g)) < s / 2 + r && Math.abs(f.rotateRadians(Math.PI / 2).dot(g)) < m / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.selectedId !== q ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Vt(t), a = this.ogma.view.graphToScreenCoordinates(r.start), c = this.ogma.view.graphToScreenCoordinates(r.end), d = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [g, p, s] = Array.prototype.slice.call(
+    const t = this.selectedId !== q ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Vt(t), a = this.ogma.view.graphToScreenCoordinates(r.start), h = this.ogma.view.graphToScreenCoordinates(r.end), d = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [g, p, s] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    p.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${d})`, s.style.transform = `translate(${c.x}px, ${c.y}px) translate(-50%, -50%) scale(${d}`;
+    p.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${d})`, s.style.transform = `translate(${h.x}px, ${h.y}px) translate(-50%, -50%) scale(${d}`;
     const f = {
-      x: (c.x + a.x) / 2,
-      y: (c.y + a.y) / 2
-    }, m = new U(c.x - a.x, c.y - a.y), A = m.mul(1 / m.length()), T = Math.atan2(A.y, A.x);
+      x: (h.x + a.x) / 2,
+      y: (h.y + a.y) / 2
+    }, m = new U(h.x - a.x, h.y - a.y), A = m.mul(1 / m.length()), T = Math.atan2(A.y, A.x);
     g.style.width = `${m.length()}px`, g.style.left = `${f.x}px`, g.style.top = `${f.y}px`, g.style.transform = `translate(-50%, -50%) rotate(${T}rad)`;
   }
   getDefaultOptions() {
@@ -1041,7 +1042,7 @@ class Hn extends qe {
     t.innerHTML = "";
     const r = Mt("g"), a = this.ogma.view.getAngle();
     r.setAttribute("transform", `rotate(${-a * (180 / Math.PI)})`), this.elements.forEach(
-      (c) => Ln(c, r, Lt, this.minArrowHeight, this.maxArrowHeight)
+      (h) => Ln(h, r, Lt, this.minArrowHeight, this.maxArrowHeight)
     ), t.appendChild(r);
   }
   refreshDrawing() {
@@ -1085,13 +1086,13 @@ const At = {
 }, De = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, jn = (u = 0, l = 0, t = 100, r = 50, a = "", c = { ...At }) => ({
+}, jn = (u = 0, l = 0, t = 100, r = 50, a = "", h = { ...At }) => ({
   id: Xt(),
   type: "Feature",
   properties: {
     type: "text",
     content: a,
-    style: { ...At, ...c }
+    style: { ...At, ...h }
   },
   geometry: {
     type: "Polygon",
@@ -1123,19 +1124,19 @@ var Ve = { exports: {} };
       }, a(e);
     }
     t.d(r, { default: () => Sn });
-    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, d = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, p = /\bbold(?:er)?\b/, s = 13.3333333, f = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+    var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, d = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, p = /\bbold(?:er)?\b/, s = 13.3333333, f = { "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 A = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
     function T(e) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = c.exec(e);
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = h.exec(e);
       n.family = (o[6] || "").trim();
       var i = f[o[2]] || parseFloat(o[2]);
       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 * s : o[5] === "%" ? n.height = 0.01 * i : n.height = h : n.height = h * i : n.height = Math.round(i * (7 / 6)), d.test(o[1]) && (n.variant = "small-caps"), g.test(o[1]) && (n.style = "italic"), p.test(o[1]))
+      var c = parseFloat(o[4]);
+      if (c !== "normal" && c !== "inherit" && c ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = c * s : o[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), d.test(o[1]) && (n.variant = "small-caps"), g.test(o[1]) && (n.style = "italic"), p.test(o[1]))
         n.weight = "bold";
       else {
         var y = parseInt(/\b(\d+)\b/.exec(o[1]), 10);
@@ -1144,7 +1145,7 @@ var Ve = { exports: {} };
       return n;
     }
     function S() {
-      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] : {}, y = 14, w = 12, x = null, b = null, E = "";
+      var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = 14, w = 12, x = null, b = null, E = "";
       if (i && i.nodeType) {
         var O = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), M = O.getComputedStyle(i, null);
         e = M.getPropertyValue("font-family") || "", w = parseFloat(M.getPropertyValue("font-size")), y = M.getPropertyValue("line-height"), x = M.getPropertyValue("font-weight"), b = M.getPropertyValue("font-style"), E = M.getPropertyValue("font-variant") || "";
@@ -1153,9 +1154,9 @@ var Ve = { exports: {} };
         e = I.family, w = I.size, y = I.height, E = I.variant, b = I.style, x = I.weight;
       } else
         a(i) === "object" && (e = i.family, w = i.size, y = i.height, E = i.variant, x = i.weight, b = i.style, n = i.baseline, o = i.color);
-      h.size && h.size < 3 && (w *= h.size), y = y !== "normal" && y ? parseFloat(y) : w * (7 / 6), h.height && h.height < 3 && (y *= h.height);
+      c.size && c.size < 3 && (w *= c.size), y = y !== "normal" && y ? parseFloat(y) : w * (7 / 6), c.height && c.height < 3 && (y *= c.height);
       var z = Object.create(A);
-      return z.family = h.family || e || "sans-serif", z.height = y ?? 14, z.size = w ?? 12, z.variant = h.variant || E || "", z.style = h.style || b || "", z.weight = h.weight || x || "", z.baseline = n || 0, h.baseline != null && (z.baseline = h.baseline), z.color = h.color || o || "", z.id = m.call(z, !0), z;
+      return z.family = c.family || e || "sans-serif", z.height = y ?? 14, z.size = w ?? 12, z.variant = c.variant || E || "", z.style = c.style || b || "", z.weight = c.weight || x || "", z.baseline = n || 0, c.baseline != null && (z.baseline = c.baseline), z.color = c.color || o || "", z.id = m.call(z, !0), z;
     }
     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 k, F = function(e) {
@@ -1163,8 +1164,8 @@ var Ve = { exports: {} };
       if (n && n.getContext) {
         var o = n.getContext("2d");
         if (o && typeof o.measureText == "function")
-          return function(i, h) {
-            return o.font = String(h), o.measureText(i).width;
+          return function(i, c) {
+            return o.font = String(c), o.measureText(i).width;
           };
       }
     }(typeof document < "u" ? document : null) || (k = {}, function(e, n) {
@@ -1175,14 +1176,14 @@ var Ve = { exports: {} };
       return e.length * k[n].size;
     }), X = {}, D = { trim: !0, collapse: !0 };
     function Y(e, n, o) {
-      var i = Object.assign({}, D, o), h = String(e);
-      if (!h)
+      var i = Object.assign({}, D, o), c = String(e);
+      if (!c)
         return 0;
-      if (h in C) {
-        var y = n.id + "/" + h;
-        return y in X || (X[y] = F("_".concat(h, "_"), n) - F("__", n)), X[y];
+      if (c in C) {
+        var y = n.id + "/" + c;
+        return y in X || (X[y] = F("_".concat(c, "_"), n) - F("__", n)), X[y];
       }
-      return i.trim && i.collapse ? i.trim ? h = h.trim() : i.collapse && (h = h.replace(/\s+/g, " ")) : h = h.replace(/\n/g, " "), F(h, n) + n.size * (e.tracking || 0);
+      return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), F(c, n) + n.size * (e.tracking || 0);
     }
     function G(e) {
       return G = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -1217,8 +1218,8 @@ var Ve = { exports: {} };
       return function() {
         var o, i = Ct(e);
         if (n) {
-          var h = Ct(this).constructor;
-          o = Reflect.construct(i, arguments, h);
+          var c = Ct(this).constructor;
+          o = Reflect.construct(i, arguments, c);
         } else
           o = i.apply(this, arguments);
         return Ue(this, o);
@@ -1247,7 +1248,7 @@ var Ve = { exports: {} };
     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(y, w) {
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
           if (G(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
@@ -1258,9 +1259,9 @@ var Ve = { exports: {} };
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), G(h) === "symbol" ? h : String(h)), i);
+        }(i.key, "string"), G(c) === "symbol" ? c : String(c)), i);
       }
-      var h;
+      var c;
     }
     function Pt(e, n, o) {
       return n && ue(e.prototype, n), o && ue(e, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
@@ -1302,16 +1303,16 @@ var Ve = { exports: {} };
     }(N), Zt = /^[\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 Nt(e, n) {
       n !== !1 && (e = e.trim());
-      for (var o, i, h = [], y = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
+      for (var o, i, c = [], y = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
         o = e.charAt(x), i = e.charAt(x + 1);
         var E = Zt.test(y), O = Zt.test(o), M = O || E, I = void 0;
         if ((Ge.test(o) && !de.test(y) || Xe.test(y + i) && !de.test(o)) && (M = !0), y !== "-" && y !== "‐" && y !== "–" && y !== "—" || ((I = Zt.test(e.charAt(x - 2))) && !O && (M = !1), !I && Ye.test(o + i) && (M = !0)), M) {
           var z = e.slice(w, x);
-          /\u00AD$/.test(z) ? (h.push(new N(z.slice(0, -1))), h.push(new pt())) : (h.push(new N(z)), h.push(new Tt())), w = x;
+          /\u00AD$/.test(z) ? (c.push(new N(z.slice(0, -1))), c.push(new pt())) : (c.push(new N(z)), c.push(new Tt())), w = x;
         }
         y = o;
       }
-      return h.push(new N(e.slice(w))), h;
+      return c.push(new N(e.slice(w))), c;
     }
     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) {
@@ -1342,12 +1343,12 @@ var Ve = { exports: {} };
       e.sup = !0;
     } }, 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) {
+      return e.replace(Qe, function(n, o, i, c) {
         if (o || i) {
           var y = o ? 10 : 16;
           return String.fromCharCode(parseInt(o || i, y));
         }
-        return h in fe ? fe[h] : n;
+        return c in fe ? fe[c] : n;
       });
     }
     function en(e) {
@@ -1399,8 +1400,8 @@ var Ve = { exports: {} };
       return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = S(n, e)), o;
     }
     function me(e, n, o) {
-      for (var i, h, y = e.width; y + 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 = Y(i, i.font), y += i.width) : e.pop(), y -= h;
+      for (var i, c, y = e.width; y + o.width > n && e.length; )
+        c = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = Y(i, i.font), y += i.width) : e.pop(), y -= c;
       e[e.length - 1] instanceof pt && e.pop(), i = e[e.length - 1] || i || {}, o.font = S(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 vt(e) {
@@ -1435,12 +1436,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return !e && !n || e === n;
     };
     function gn(e, n) {
-      var o = [], i = n.font(), h = i.size, y = i.family, w = n.align(), x = n.createElement();
+      var o = [], i = n.font(), c = i.size, y = i.family, w = n.align(), x = n.createElement();
       if (e.length) {
-        var b = i.height, E = n.valign(), O = n.height()(), M = n.width()(0), I = !isFinite(M) && e.length === 1, z = I ? null : n.x(), R = vt(b / h), Q = I ? null : vt(b / (1.15 * h + (b - h) / 2));
+        var b = i.height, E = n.valign(), O = n.height()(), M = n.width()(0), I = !isFinite(M) && e.length === 1, z = I ? null : n.x(), R = vt(b / c), Q = I ? null : vt(b / (1.15 * c + (b - c) / 2));
         if (pn[E] && isFinite(O)) {
           var $ = E === "bottom" ? 1 : 0.5;
-          Q += (O * $ - b * e.length * $) / h;
+          Q += (O * $ - b * e.length * $) / c;
         }
         var L = w === "justify", H = 0;
         w === "right" ? H = M : w === "center" && (H = M / 2);
@@ -1456,7 +1457,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             P = [];
             for (var xt = 0, Dt = 0, ht = void 0, W = 0, Rt = lt.length; W < Rt; W++) {
               var B = lt[W], K = B.font;
-              B.whitespace && xt++, Dt += B.width, W && !B.tracking && !st && Kt(K.id, at) && Kt(B.class, dt) && Kt(ht, B.href) ? j += B.value : (_(), j = B.value, Z = { fontFamily: K.family !== y ? K.family : null, fontSize: K.size !== h ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: B.class || null }, st && (Z.dx = vt(st), st = 0), B.tracking && (st = K.size * B.tracking), B.href && !ht ? (ht = B.href, tt = "a", Z.href = ht, Z.rel = B.rel, Z.target = B.target) : ht = null, at = K.id, dt = B.class);
+              B.whitespace && xt++, Dt += B.width, W && !B.tracking && !st && Kt(K.id, at) && Kt(B.class, dt) && Kt(ht, B.href) ? j += B.value : (_(), j = B.value, Z = { fontFamily: K.family !== y ? K.family : null, fontSize: K.size !== c ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: B.class || null }, st && (Z.dx = vt(st), st = 0), B.tracking && (st = K.size * B.tracking), B.href && !ht ? (ht = B.href, tt = "a", Z.href = ht, Z.rel = B.rel, Z.target = B.target) : ht = null, at = K.id, dt = B.class);
             }
             if (_(), I)
               o.push.apply(o, ve(P));
@@ -1468,19 +1469,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             o.push(x("tspan", { x: z(it), dy: vt(it ? R : Q) + "em" }, " "));
         }
       }
-      return x.apply(void 0, ["text", { fontFamily: y, fontSize: h, textAnchor: fn[w] || "start" }].concat(o));
+      return x.apply(void 0, ["text", { fontFamily: y, fontSize: c, textAnchor: fn[w] || "start" }].concat(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, y = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), E = n.align(), O = E === "justify", M = 0.5 * h, I = yn[w];
+        var i = n.font(), c = i.height, y = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), E = n.align(), O = E === "justify", M = 0.5 * c, I = yn[w];
         if (I && isFinite(x)) {
-          var z = e.length * h;
+          var z = e.length * c;
           M += x * I - z * I;
         }
         e.forEach(function(R, Q) {
-          var $ = n.x()(Q), L = Q * h + M, H = 0, P = 0;
+          var $ = n.x()(Q), L = Q * c + M, H = 0, P = 0;
           R.forEach(function(j) {
             j.whitespace && H++, P += j.width;
           });
@@ -1526,7 +1527,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     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(y, w) {
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
           if (It(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
@@ -1537,9 +1538,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), It(h) === "symbol" ? h : String(h)), i);
+        }(i.key, "string"), It(c) === "symbol" ? c : String(c)), i);
       }
-      var h;
+      var c;
     }
     var xn = S(), Qt = function(e) {
       return typeof e == "function" ? e : function() {
@@ -1557,12 +1558,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, x: function() {
           return 0;
         }, font: null, tAnchor: 0, parser: e.defaultparser }, i)
-          for (var h in i)
-            typeof this[h] == "function" && this[h](i[h]);
+          for (var c in i)
+            typeof this[c] == "function" && this[c](i[c]);
       }
       var n, o;
       return n = e, o = [{ key: "linebreak", value: function(i) {
-        var h = this, y = this.props.parser(String(i)), w = this.font(), x = function(b, E, O) {
+        var c = this, y = this.props.parser(String(i)), w = this.font(), x = function(b, E, O) {
           if (!b.length)
             return [];
           var M = E.height(), I = E.width(), z = E.overflowLine(), R = E.overflowWrap(), Q = S(O, !0, !1), $ = isFinite(M()) ? Math.floor(M() / O.height) : 1 / 0;
@@ -1632,7 +1633,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return W.font = O, W.width = ht, W;
         }(y, this, w);
         return x.height = x.length * w.height, x.render = function(b) {
-          return h.render(x, b);
+          return c.render(x, b);
         }, x.svg = x.render, x.draw = x.render, x;
       } }, { key: "font", value: function(i) {
         return arguments.length ? (this.props.font = S(i), this) : this.props.font || S(xn);
@@ -1645,13 +1646,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } }, { key: "align", value: function(i) {
         if (!arguments.length)
           return this.props.align;
-        var h = String(i).toLowerCase();
-        return h === "left" || h === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : h === "center" || h === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : h === "end" || h === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : h === "justify" && (this.props.align = i, this.props.tAnchor = 0), this;
+        var c = String(i).toLowerCase();
+        return c === "left" || c === "start" ? (this.props.align = "left", this.props.tAnchor = 0) : c === "center" || c === "middle" ? (this.props.align = "center", this.props.tAnchor = -0.5) : c === "end" || c === "right" ? (this.props.align = "right", this.props.tAnchor = -1) : c === "justify" && (this.props.align = i, this.props.tAnchor = 0), this;
       } }, { key: "overflowWrap", value: function(i) {
         if (!arguments.length)
           return this.props.overflowWrap || "normal";
-        var h = String(i).toLowerCase();
-        return h === "break-word" ? this.props.overflowWrap = "break-word" : h !== "normal" && i != null || (this.props.overflowWrap = null), this;
+        var c = String(i).toLowerCase();
+        return c === "break-word" ? this.props.overflowWrap = "break-word" : c !== "normal" && i != null || (this.props.overflowWrap = null), this;
       } }, { key: "width", value: function(i) {
         return arguments.length ? (this.props.width = Qt(i), this) : this.props.width;
       } }, { key: "height", value: function(i) {
@@ -1662,8 +1663,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (!arguments.length)
           return this.props.parser;
         if (typeof i == "string") {
-          var h = e[i] || e[i + "parser"];
-          typeof h == "function" && (i = h);
+          var c = e[i] || e[i + "parser"];
+          typeof c == "function" && (i = c);
         }
         if (typeof i != "function")
           throw new Error("Unknown parser: " + i);
@@ -1691,7 +1692,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     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(y, w) {
+        i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
           if (_t(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
@@ -1702,9 +1703,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), _t(h) === "symbol" ? h : String(h)), i);
+        }(i.key, "string"), _t(c) === "symbol" ? c : String(c)), i);
       }
-      var h;
+      var c;
     }
     var we = function(e) {
       return typeof e == "function" ? e : function() {
@@ -1720,13 +1721,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, height: function() {
           return 1 / 0;
         }, rotation: 0, vAnchor: 0, hAnchor: 0 }, i)
-          for (var h in i)
-            typeof this[h] == "function" && this[h](i[h]);
+          for (var c in i)
+            typeof this[c] == "function" && this[c](i[c]);
         this.render = this.render.bind(this);
       }
       var n, o;
       return n = e, o = [{ key: "anchor", value: function(i) {
-        var h = this.props, y = h.hAnchor, w = h.vAnchor, x = h.width, b = h.height;
+        var c = this.props, y = c.hAnchor, w = c.vAnchor, x = c.width, b = c.height;
         if (!arguments.length)
           return [y * x(0), w * b(0)];
         if (typeof i == "string") {
@@ -1744,7 +1745,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         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) {
+      } }, { key: "canvas", value: function(i, c) {
         var y, 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))
@@ -1762,7 +1763,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }(y) || 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;
+        }()), c(w), w.restore(), w;
       } }, { key: "render", value: function() {
         var i = xe(arguments);
         if (i.d3)
@@ -1770,8 +1771,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (i.ctx)
           return this.canvas(i.ctx, i.fn);
         if (i.text) {
-          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);
+          var c = typeof i.text.render == "function" ? i.text.render() : i.text;
+          return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, c);
         }
       } }], o && wn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
     }(), bn = Object.prototype.hasOwnProperty, ee = {};
@@ -1793,7 +1794,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (n && o.setAttribute)
           for (var i in n)
             bn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : An(i), n[i]);
-        for (var h = arguments.length, y = new Array(h > 2 ? h - 2 : 0), w = 2; w < h; w++)
+        for (var c = arguments.length, y = new Array(c > 2 ? c - 2 : 0), w = 2; w < c; w++)
           y[w - 2] = arguments[w];
         return y != null && y.length && y.forEach(function(x) {
           Ae(o, x);
@@ -1802,19 +1803,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     rt.createElement = Se, rt.textparser = Nt, rt.defaultparser = Nt, rt.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 = [], y = [], w = function(M) {
+      for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, c = [], y = [], w = function(M) {
         for (var I in i)
           i[I] && (M[I] = i[I]);
-        h.push(M);
+        c.push(M);
       }, x = function(M) {
-        var I = h.length, z = tn[M];
+        var I = c.length, z = tn[M];
         if (I && z) {
-          for (var R = I - 1; h[R] && (h[R] instanceof Tt || Ze.test(h[R].value)); )
+          for (var R = I - 1; c[R] && (c[R] instanceof Tt || Ze.test(c[R].value)); )
             R--;
-          for (; z && h[R] && h[R] instanceof nt; )
+          for (; z && c[R] && c[R] instanceof nt; )
             R--, z--;
           for (; z-- > 0; )
-            h.push(new nt());
+            c.push(new nt());
         }
       }; e.length; ) {
         if (n = /^[^<]+/.exec(e))
@@ -1826,14 +1827,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             var b = n[1];
             x(b), y.push(i), i = Object.create(i), pe[b] && pe[b](i, "");
             var E = rn(n[2]);
-            b === "a" && (E.href && (i.href = E.href), E.rel && (i.rel = E.rel), E.target && (i.target = E.target)), E.class && (i.class = i.class ? i.class + " " + E.class : E.class), E.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(E.style)) && o[1] && (i.color = o[1]), b === "br" && h.push(new nt());
+            b === "a" && (E.href && (i.href = E.href), E.rel && (i.rel = E.rel), E.target && (i.target = E.target)), E.class && (i.class = i.class ? i.class + " " + E.class : E.class), E.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(E.style)) && o[1] && (i.color = o[1]), b === "br" && c.push(new nt());
           } else
             n = [e.slice(0, 1)], w(new N(n[0]));
         e = e.slice(n[0].length);
       }
-      for (var O = h[h.length - 1]; O instanceof nt; )
-        h.pop(), O = h[h.length - 1];
-      return h;
+      for (var O = c[c.length - 1]; O instanceof nt; )
+        c.pop(), O = c[c.length - 1];
+      return c;
     }, rt.latexparser = function(e) {
       e = String(e || "").trim();
       var n = [0];
@@ -1852,17 +1853,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }).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 = [], y = [], w = function($) {
+      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, c = [], y = [], w = function($) {
         for (var L in i)
           i[L] && ($[L] = i[L]);
-        return h.push($), $;
+        return c.push($), $;
       }, x = function() {
         y.push(i), i = Object.create(i);
       }, b = function() {
         if (!y.length)
           throw new Error("Unexpected }");
         i = y.pop();
-      }, E = { tokens: h, open_context: x, close_context: b, add_token: w }; e.length; ) {
+      }, E = { tokens: c, open_context: x, close_context: b, add_token: w }; e.length; ) {
         if (o = an.exec(e))
           Nt(o[0], !1).forEach(w);
         else if (o = ln.exec(e))
@@ -1901,7 +1902,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         e = e.slice(o[0].length);
       }
-      return h;
+      return c;
     }, rt.measureText = function(e, n, o) {
       return Y(e, S(n), o);
     }, rt.Token = N, rt.Break = Tt, rt.LineBreak = nt, rt.SoftHyphen = pt, rt.Rotator = be, be.createElement = Se;
@@ -1912,13 +1913,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 var Fn = Ve.exports;
 const Oe = /* @__PURE__ */ ce(Fn);
 function Bn(u, l) {
-  const t = ut(u), { fontSize: r, font: a, padding: c = 0 } = u.properties.style || {};
+  const t = ut(u), { fontSize: r, font: a, padding: h = 0 } = u.properties.style || {};
   if (t.width === t.height && t.width === 0)
     return;
   const p = new Oe({
     font: `${r}px/${r}px ${a}`.replace(/(px)+/g, "px"),
-    width: t.width - c * 2,
-    height: t.height - c * 2,
+    width: t.width - h * 2,
+    height: t.height - h * 2,
     align: "left",
     valign: "top",
     x: 0,
@@ -1929,7 +1930,7 @@ function Bn(u, l) {
     u.properties.content.replaceAll(`
 `, "<br>")
   ).render();
-  p.setAttribute("transform", `translate(${c}, ${c})`), l.appendChild(p);
+  p.setAttribute("transform", `translate(${h}, ${h})`), l.appendChild(p);
 }
 const Me = 20;
 class qn extends qe {
@@ -1968,16 +1969,16 @@ class qn extends qe {
     });
     v(this, "startDrawing", (t, r, a = jn(t, r, 0, 0, "", At)) => {
       this.add(a);
-      const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
-      this.select(a.id), this.startDragging(this.getById(a.id), c.x, c.y), this.draggedHandle = 6;
+      const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
+      this.select(a.id), this.startDragging(this.getById(a.id), h.x, h.y), this.draggedHandle = 6;
     });
     v(this, "cancelDrawing", () => {
       this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...re }, this.draggedHandle = q, this.isDragging = !1, this.emit(St, this.annotation));
     });
     v(this, "startDragging", (t, r, a) => {
       this.annotation = t;
-      const c = ct(this.annotation), d = ut(this.annotation);
-      this.rect.x = c.x, this.rect.y = c.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Yt, this.annotation), this.isDragging = !0;
+      const h = ct(this.annotation), d = ut(this.annotation);
+      this.rect.x = h.x, this.rect.y = h.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Yt, this.annotation), this.isDragging = !0;
     });
     v(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
@@ -1990,10 +1991,10 @@ class qn extends qe {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), c = r.classList.contains("left"), d = r.classList.contains("right"), g = r.classList.contains("bottom"), p = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), f = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, A = this.ogma.view.getAngle(), T = new U(f, m).rotateRadians(A);
-      (g && c || a && d) && (T.y = 0, T.x = 0);
-      const S = c || p ? this.rect.x + T.x : this.rect.x, C = a || p ? this.rect.y + T.y : this.rect.y, k = Math.max(
-        this.rect.width + f * (p || c ? 0 : 1),
+      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), h = r.classList.contains("left"), d = r.classList.contains("right"), g = r.classList.contains("bottom"), p = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), f = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, A = this.ogma.view.getAngle(), T = new U(f, m).rotateRadians(A);
+      (g && h || a && d) && (T.y = 0, T.x = 0);
+      const S = h || p ? this.rect.x + T.x : this.rect.x, C = a || p ? this.rect.y + T.y : this.rect.y, k = Math.max(
+        this.rect.width + f * (p || h ? 0 : 1),
         Me
       ), F = Math.max(
         this.rect.height + m * (p || a ? 0 : 1),
@@ -2017,16 +2018,16 @@ class qn extends qe {
     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)
+      (h) => h.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: r }, a = 0) {
-    const c = new U(t, r), d = this.ogma.view.getAngle();
+    const h = new U(t, r), d = this.ogma.view.getAngle();
     return this.elements.find((g) => {
-      const { x: p, y: s } = ct(g), { width: f, height: m } = ut(g), A = new U(p, s), { x: T, y: S } = c.sub(A).rotateRadians(-d);
+      const { x: p, y: s } = ct(g), { width: f, height: m } = ut(g), A = new U(p, s), { x: T, y: S } = h.sub(A).rotateRadians(-d);
       return T > -a && T < f + a && S > -a && S < m + a;
     });
   }
@@ -2053,14 +2054,17 @@ class qn extends qe {
       const { x: Et, y: kt } = new U(f.x, f.y).rotateRadians(-a);
       D.setAttribute("transform", `translate(${Et},${kt})`), D.classList.add(p), D.setAttribute("data-annotation", `${d.id}`), D.setAttribute("data-annotation-type", "text"), t.appendChild(D);
     });
-    const c = Mt("style");
-    c.innerHTML = r, t.firstChild && t.insertBefore(c, t.firstChild);
+    const h = Mt("style");
+    h.innerHTML = r, t.firstChild && t.insertBefore(h, t.firstChild);
   }
   refreshDrawing() {
     const t = this.ogma.view.getAngle();
     [...this.layer.element.children].forEach((r) => {
-      const a = ct(this.getById(+r.getAttribute("data-annotation"))), { x: c, y: d } = new U(a.x, a.y).rotateRadians(-t);
-      r.setAttribute("transform", `translate(${c},${d})`);
+      const a = r.getAttribute("data-annotation");
+      if (!a)
+        return;
+      const h = ct(this.getById(a)), { x: d, y: g } = new U(h.x, h.y).rotateRadians(-t);
+      r.setAttribute("transform", `translate(${d},${g})`);
     });
   }
   getDefaultOptions() {
@@ -2069,14 +2073,14 @@ class qn extends qe {
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = ut(t), a = this.ogma.view.graphToScreenCoordinates(ct(t)), c = this.ogma.view.getZoom(), {
+    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = ut(t), a = this.ogma.view.graphToScreenCoordinates(ct(t)), h = this.ogma.view.getZoom(), {
       font: d,
       fontSize: g,
       color: p,
       background: s,
       padding: f = 0
-    } = t.properties.style || At, m = (g || 1) * c;
-    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 * c}px, ${r.height / 2 * c}px)`, this.editor.element.style.width = `${r.width * c}px`, this.editor.element.style.height = `${r.height * c}px`, this.textArea.style.font = `${m} ${d}`, this.textArea.style.fontFamily = d || "sans-serif", this.textArea.style.fontSize = `${m}px`, this.textArea.style.padding = `${c * f}px`, this.textArea.style.lineHeight = `${m}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = s || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    } = t.properties.style || At, m = (g || 1) * h;
+    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 * h}px, ${r.height / 2 * h}px)`, this.editor.element.style.width = `${r.width * h}px`, this.editor.element.style.height = `${r.height * h}px`, this.textArea.style.font = `${m} ${d}`, this.textArea.style.fontFamily = d || "sans-serif", this.textArea.style.fontSize = `${m}px`, this.textArea.style.padding = `${h * f}px`, this.textArea.style.lineHeight = `${m}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = s || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.focus();
@@ -2091,20 +2095,20 @@ class Vn {
     v(this, "linksByTargetId", {});
     v(this, "linksByArrowId", {});
   }
-  add(l, t, r, a, c) {
+  add(l, t, r, a, h) {
     const d = Xt(), g = l.id, p = {
       id: d,
       arrow: g,
       target: r,
       targetType: a,
-      connectionPoint: c,
+      connectionPoint: h,
       side: t
     };
     return this.links[d] = p, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(d), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][t] = d, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
       id: r,
       side: t,
       type: a,
-      magnet: c
+      magnet: h
     }, this;
   }
   arrowIsLinked(l, t) {
@@ -2117,9 +2121,9 @@ class Vn {
     const r = l.id, a = (g = this.linksByArrowId[r]) == null ? void 0 : g[t];
     if ((p = l.properties.link) == null || delete p[t], !a)
       return this;
-    const c = this.links[a];
+    const h = this.links[a];
     delete this.links[a];
-    const d = this.linksByTargetId[c.target];
+    const d = this.linksByTargetId[h.target];
     for (let s = 0; s < d.length; s++)
       if (d[s] === a) {
         d.splice(s, 1);
@@ -2184,23 +2188,23 @@ class Gn extends Be {
       Ce.forEach((a) => {
         if (!this.textToMagnet)
           return;
-        const c = ut(this.textToMagnet), d = ct(this.textToMagnet), { x: g, y: p } = new U(a.x, a.y).mul({ x: c.width, y: c.height }).rotateRadians(this.ogma.view.getAngle()).add(d);
+        const h = ut(this.textToMagnet), d = ct(this.textToMagnet), { x: g, y: p } = new U(a.x, a.y).mul({ x: h.width, y: h.height }).rotateRadians(this.ogma.view.getAngle()).add(d);
         t.moveTo(g, p), t.arc(g, p, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
     v(this, "_onFeatureDrag", (t, r) => {
       const a = r;
       if (ot(t) && a === "line")
-        ["start", "end"].find((c) => {
-          const d = c === "start" ? zt(t) : qt(t);
-          return this._snapToText(t, a, d) || this._findAndSnapToNode(t, c, d);
+        ["start", "end"].find((h) => {
+          const d = h === "start" ? zt(t) : qt(t);
+          return this._snapToText(t, a, d) || this._findAndSnapToNode(t, h, d);
         });
       else if (ot(t) && a !== "line") {
-        const c = a === "start" ? zt(t) : qt(t);
-        this._snapToText(t, a, c) || this._findAndSnapToNode(t, a, c);
+        const h = a === "start" ? zt(t) : qt(t);
+        this._snapToText(t, a, h) || this._findAndSnapToNode(t, a, h);
       } else
-        mt(t) && (this.activeLinks.forEach(({ arrow: c, side: d, connectionPoint: g }) => {
-          const p = this.getAnnotation(c), s = ut(t), f = ct(t), m = new U(g.x, g.y).mul({ x: s.width, y: s.height }).rotateRadians(this.ogma.view.getAngle()).add(f);
+        mt(t) && (this.activeLinks.forEach(({ arrow: h, side: d, connectionPoint: g }) => {
+          const p = this.getAnnotation(h), s = ut(t), f = ct(t), m = new U(g.x, g.y).mul({ x: s.width, y: s.height }).rotateRadians(this.ogma.view.getAngle()).add(f);
           p.geometry.coordinates[d === "start" ? 0 : 1] = [m.x, m.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh(), this.emit(Ut, t, r);
@@ -2268,33 +2272,33 @@ class Gn extends Be {
     }), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
   _moveNodes(t, r, a) {
-    t.forEach((c) => {
-      const d = this.links.getTargetLinks(c.getId(), "node"), g = c.getPosition();
+    t.forEach((h) => {
+      const d = this.links.getTargetLinks(h.getId(), "node"), g = h.getPosition();
       d.forEach((p) => {
         const s = this.getAnnotation(p.arrow), f = p.side, m = jt(
           s,
           f === "start" ? "end" : "start"
         );
         let A = g;
-        const T = +c.getAttribute("radius"), S = 1e-6;
+        const T = +h.getAttribute("radius"), S = 1e-6;
         (p.connectionPoint.x - (g.x - r) > S || p.connectionPoint.y - (g.y - a) > S) && (A = Ft(m, g, T)), bt(s, f, A.x, A.y);
       });
     }), this.arrows.refreshLayer();
   }
   _snapToText(t, r, a) {
-    const c = this.texts.detect(a, this.options.detectMargin);
-    if (this.links.remove(t, r), !c)
+    const h = this.texts.detect(a, this.options.detectMargin);
+    if (this.links.remove(t, r), !h)
       return !1;
-    this.textToMagnet = c;
-    const d = this.findMagnetPoint(Ce, c, a);
-    return d ? (bt(t, r, d.point.x, d.point.y), this.links.add(t, r, c.id, "text", d.magnet), !0) : !1;
+    this.textToMagnet = h;
+    const d = this.findMagnetPoint(Ce, h, a);
+    return d ? (bt(t, r, d.point.x, d.point.y), this.links.add(t, r, h.id, "text", d.magnet), !0) : !1;
   }
   _findAndSnapToNode(t, r, a) {
-    const c = this.ogma.view.graphToScreenCoordinates(a), d = this.ogma.view.getElementAt(c);
-    this.links.remove(t, r), d && d.isNode ? (this.hoveredNode = d, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, d, c)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
+    const h = this.ogma.view.graphToScreenCoordinates(a), d = this.ogma.view.getElementAt(h);
+    this.links.remove(t, r), d && d.isNode ? (this.hoveredNode = d, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, d, h)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
   }
-  _snapToNode(t, r, a, c) {
-    const d = a.getPositionOnScreen(), g = +a.getAttribute("radius"), p = g * this.ogma.view.getZoom(), s = c.x - d.x, f = c.y - d.y, m = Math.sqrt(s * s + f * f), A = a.getPosition();
+  _snapToNode(t, r, a, h) {
+    const d = a.getPositionOnScreen(), g = +a.getAttribute("radius"), p = g * this.ogma.view.getZoom(), s = h.x - d.x, f = h.y - d.y, m = Math.sqrt(s * s + f * f), A = a.getPosition();
     if (m < p + this.options.detectMargin) {
       let T = A;
       if (m > p / 2) {
@@ -2306,11 +2310,11 @@ class Gn extends Be {
   }
   refreshTextLinks() {
     let t = !1;
-    this.links.forEach(({ connectionPoint: r, targetType: a, target: c, arrow: d, side: g }) => {
+    this.links.forEach(({ connectionPoint: r, targetType: a, target: h, arrow: d, side: g }) => {
       if (a !== "text")
         return;
       t = !0;
-      const p = this.getAnnotation(c), s = this.getAnnotation(d), f = ut(p), m = ct(p), A = new U(r.x, r.y).mul({ x: f.width, y: f.height }).rotateRadians(this.ogma.view.getAngle()).add(m);
+      const p = this.getAnnotation(h), s = this.getAnnotation(d), f = ut(p), m = ct(p), A = new U(r.x, r.y).mul({ x: f.width, y: f.height }).rotateRadians(this.ogma.view.getAngle()).add(m);
       bt(s, g, A.x, A.y);
     }), t && this.arrows.refreshLayer();
   }
@@ -2321,7 +2325,7 @@ class Gn extends Be {
     return this.selected;
   }
   findMagnetPoint(t, r, a) {
-    let c;
+    let h;
     for (const d of t) {
       const g = ut(r), p = ct(r), s = new U(d.x, d.y).mul({ x: g.width, y: g.height }).rotateRadians(this.ogma.view.getAngle()).add(p), f = s.sub(a).length(), m = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
@@ -2330,14 +2334,14 @@ class Gn extends Be {
         g.height / 2
       );
       if (f < Math.max(m, this.options.magnetHandleRadius)) {
-        c = {
+        h = {
           point: s,
           magnet: d
         };
         break;
       }
     }
-    return c;
+    return h;
   }
   /**
    * Set the options for the controller
@@ -2370,11 +2374,11 @@ class Gn extends Be {
    */
   add(t) {
     if (ze(t)) {
-      const [r, a] = t.features.reduce((c, d) => (ot(d) ? c[1].push(d) : mt(d) && c[0].push(d), c), [[], []]);
+      const [r, a] = t.features.reduce((h, d) => (ot(d) ? h[1].push(d) : mt(d) && h[0].push(d), h), [[], []]);
       return r.forEach(
-        (c) => this.add(c)
+        (h) => this.add(h)
       ), a.forEach(
-        (c) => this.add(c)
+        (h) => this.add(h)
       ), this.arrows.refreshLayer(), this;
     }
     switch (t.properties.type) {
@@ -2402,8 +2406,8 @@ class Gn extends Be {
         const a = t.properties.link[r];
         if (!a)
           continue;
-        const c = this.getAnnotation(a.id);
-        if (a.type === "text" && c)
+        const h = this.getAnnotation(a.id);
+        if (a.type === "text" && h)
           this.links.add(t, r, a.id, a.type, a.magnet);
         else if (a.type === "node") {
           const d = this.ogma.getNode(a.id);
@@ -2445,7 +2449,7 @@ class Gn extends Be {
    * @param style The new style
    */
   updateStyle(t, r) {
-    const a = this.getAnnotations().features.find((c) => c.id === t);
+    const a = this.getAnnotations().features.find((h) => h.id === t);
     return a ? (ot(a) ? this.arrows.updateStyle(a, r) : mt(a) && this.texts.updateStyle(a, r), this.onUpdate(a), this) : this;
   }
   /**