@linkurious/ogma-annotations 1.1.20 → 1.1.23

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var Fn = Object.defineProperty;
-var Rn = (a, l, t) => l in a ? Fn(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
-var m = (a, l, t) => Rn(a, typeof l != "symbol" ? l + "" : l, t);
-let Qt = (a = 21) => crypto.getRandomValues(new Uint8Array(a)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
+var Rn = (a, h, t) => h in a ? Fn(a, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[h] = t;
+var m = (a, h, t) => Rn(a, typeof h != "symbol" ? h + "" : h, t);
+let Qt = (a = 21) => crypto.getRandomValues(new Uint8Array(a)).reduce((h, t) => (t &= 63, t < 36 ? h += t.toString(36) : t < 62 ? h += (t - 26).toString(36).toUpperCase() : t > 62 ? h += "-" : h += "_", h), "");
 const Nt = {
   strokeType: "plain",
   strokeColor: "#202020",
@@ -34,20 +34,20 @@ const Nt = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, qn = (a = 0, l = 0, t = 0, r = 0, s = { ...Nt }) => ({
+}, qn = (a = 0, h = 0, t = 0, r = 0, o = { ...Nt }) => ({
   id: Qt(),
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
       ...Nt,
-      ...s
+      ...o
     }
   },
   geometry: {
     type: "LineString",
     coordinates: [
-      [a, l],
+      [a, h],
       [t, r]
     ]
   }
@@ -59,59 +59,59 @@ function Ge(a) {
   return a.geometry.bbox || jn(a), a.geometry.bbox;
 }
 function ut(a) {
-  const l = Ge(a);
+  const h = Ge(a);
   return {
-    width: l[2] - l[0],
-    height: l[3] - l[1]
+    width: h[2] - h[0],
+    height: h[3] - h[1]
   };
 }
 function ct(a) {
-  const l = Ge(a);
-  return { x: l[0], y: l[1] };
+  const h = Ge(a);
+  return { x: h[0], y: h[1] };
 }
 function jn(a) {
-  const [l, t] = a.geometry.coordinates[0][0], [r, s] = a.geometry.coordinates[0][2];
-  a.geometry.bbox = [l, t, r, s];
+  const [h, t] = a.geometry.coordinates[0][0], [r, o] = a.geometry.coordinates[0][2];
+  a.geometry.bbox = [h, t, r, o];
 }
-function Vn(a, l, t, r, s) {
-  a.geometry.bbox = [l, t, l + r, t + s], a.geometry.coordinates = [
+function Vn(a, h, t, r, o) {
+  a.geometry.bbox = [h, t, h + r, t + o], a.geometry.coordinates = [
     [
-      [l, t],
-      [l + r, t],
-      [l + r, t + s],
-      [l, t + s],
-      [l, t]
+      [h, t],
+      [h + r, t],
+      [h + r, t + o],
+      [h, t + o],
+      [h, t]
     ]
   ];
 }
 function zt(a) {
-  const [l, t] = a.geometry.coordinates[0];
-  return { x: l, y: t };
+  const [h, t] = a.geometry.coordinates[0];
+  return { x: h, y: t };
 }
-function Vt(a, l) {
-  const [t, r] = a.geometry.coordinates[l === "start" ? 0 : 1];
+function Vt(a, h) {
+  const [t, r] = a.geometry.coordinates[h === "start" ? 0 : 1];
   return { x: t, y: r };
 }
 function Xt(a) {
-  const [l, t] = a.geometry.coordinates[1];
-  return { x: l, y: t };
+  const [h, t] = a.geometry.coordinates[1];
+  return { x: h, y: t };
 }
-function Ye(a, l, t) {
-  a.geometry.coordinates[0] = [l, t];
+function Ye(a, h, t) {
+  a.geometry.coordinates[0] = [h, t];
 }
-function Xe(a, l, t) {
-  a.geometry.coordinates[1] = [l, t];
+function Xe(a, h, t) {
+  a.geometry.coordinates[1] = [h, t];
 }
 function Zt(a) {
   return { start: zt(a), end: Xt(a) };
 }
-function kt(a, l, t, r) {
-  l === "start" ? Ye(a, t, r) : Xe(a, t, r);
+function kt(a, h, t, r) {
+  h === "start" ? Ye(a, t, r) : Xe(a, t, r);
 }
 const Ze = (a) => parseInt(a.getAttribute("data-handle-id") || "-1");
-function mr(a) {
+function yr(a) {
   return Gt(a).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),
+    (h, t) => (h[0] = Math.min(t[0], h[0]), h[1] = Math.min(t[1], h[1]), h[2] = Math.max(t[0], h[2]), h[3] = Math.max(t[1], h[3]), h),
     [
       Number.POSITIVE_INFINITY,
       Number.POSITIVE_INFINITY,
@@ -123,146 +123,152 @@ function mr(a) {
 function Un(a) {
   return Array.isArray(a) && a.length === 2 && a.every(isFinite);
 }
-function Wn(a, l, t, r) {
-  for (let s = 0; s < a.coordinates.length; s++) {
-    const h = a.coordinates[s];
-    if (Un(h))
-      h[0] = t + (h[0] - t) * l, h[1] = r + (h[1] - r) * l;
+function Wn(a, h, t, r) {
+  for (let o = 0; o < a.coordinates.length; o++) {
+    const l = a.coordinates[o];
+    if (Un(l))
+      l[0] = t + (l[0] - t) * h, l[1] = r + (l[1] - r) * h;
     else
-      for (let u = 0; u < h.length; u++) {
-        const d = h[u];
-        d[0] = t + (d[0] - t) * l, d[1] = r + (d[1] - r) * l;
+      for (let u = 0; u < l.length; u++) {
+        const d = l[u];
+        d[0] = t + (d[0] - t) * h, d[1] = r + (d[1] - r) * h;
       }
   }
   return a;
 }
 function Gt(a) {
-  let l = [];
-  return a.type == "Point" ? l = [a.coordinates] : a.type == "LineString" || a.type == "MultiPoint" ? l = a.coordinates : a.type == "Polygon" || a.type == "MultiLineString" ? l = a.coordinates.reduce(function(t, r) {
+  let h = [];
+  return a.type == "Point" ? h = [a.coordinates] : a.type == "LineString" || a.type == "MultiPoint" ? h = a.coordinates : a.type == "Polygon" || a.type == "MultiLineString" ? h = a.coordinates.reduce(function(t, r) {
     return t.concat(r);
-  }, []) : a.type == "MultiPolygon" ? l = a.coordinates.reduce(
-    (t, r) => t.concat(r.reduce((s, h) => s.concat(h), [])),
+  }, []) : a.type == "MultiPolygon" ? h = a.coordinates.reduce(
+    (t, r) => t.concat(r.reduce((o, l) => o.concat(l), [])),
     []
-  ) : a.type == "Feature" ? l = Gt(a.geometry) : a.type == "GeometryCollection" ? l = a.geometries.reduce(
+  ) : a.type == "Feature" ? h = Gt(a.geometry) : a.type == "GeometryCollection" ? h = a.geometries.reduce(
     (t, r) => t.concat(Gt(r)),
     []
-  ) : a.type == "FeatureCollection" && (l = a.features.reduce(
+  ) : a.type == "FeatureCollection" && (h = a.features.reduce(
     (t, r) => t.concat(Gt(r)),
     []
-  )), l;
+  )), h;
 }
-function Ut(a, l, t) {
-  const r = Math.atan2(a.y - l.y, a.x - l.x);
+function Ut(a, h, t) {
+  const r = Math.atan2(a.y - h.y, a.x - h.x);
   return {
-    x: l.x + t * Math.cos(r),
-    y: l.y + t * Math.sin(r)
+    x: h.x + t * Math.cos(r),
+    y: h.y + t * Math.sin(r)
   };
 }
-function fe(a, l) {
-  if (!l) return { x: a.clientX, y: a.clientY };
-  const t = l.getBoundingClientRect();
+function fe(a, h) {
+  if (!h) return { x: a.clientX, y: a.clientY };
+  const t = h.getBoundingClientRect();
   return {
-    x: a.clientX - t.left - l.clientLeft,
-    y: a.clientY - t.top - l.clientTop
+    x: a.clientX - t.left - h.clientLeft,
+    y: a.clientY - t.top - h.clientTop
   };
 }
-function Gn(a, l) {
-  return a.startsWith("#") ? Xn(a, l) : a.startsWith("rgb") ? Zn(a, l) : a;
+function mr(a, h) {
+  return a.startsWith("#") ? Yn(a, h) : a.startsWith("rgb") ? Xn(a, h) : a;
 }
-function Yn(a) {
-  return a.length === 4 ? a.split("").map((l) => l + l).join("") : a;
+function Gn(a) {
+  return a.length === 4 ? a.split("").map((h) => h + h).join("") : a;
 }
-function Xn(a, l) {
-  const [t, r, s] = Yn(a).match(/\w\w/g).map((h) => parseInt(h, 16));
-  return `rgba(${t}, ${r}, ${s}, ${l})`;
+function Yn(a, h) {
+  const [t, r, o] = Gn(a).match(/\w\w/g).map((l) => parseInt(l, 16));
+  return `rgba(${t}, ${r}, ${o}, ${h})`;
 }
-function Zn(a, l) {
-  const [t, r, s] = a.match(/\d+/g).map((h) => parseInt(h, 10));
-  return `rgba(${t}, ${r}, ${s}, ${l})`;
+function Xn(a, h) {
+  const [t, r, o] = a.match(/\d+/g).map((l) => parseInt(l, 10));
+  return `rgba(${t}, ${r}, ${o}, ${h})`;
 }
-const wt = (a, l) => ({
-  x: a.x - l.x,
-  y: a.y - l.y
+const wt = (a, h) => ({
+  x: a.x - h.x,
+  y: a.y - h.y
 }), Tt = (a) => Math.sqrt(a.x * a.x + a.y * a.y), Ke = (a) => ({
   x: -a.x,
   y: -a.y
 }), Je = (a) => {
-  const l = Tt(a);
-  return l === 0 ? { x: 0, y: 0 } : {
-    x: a.x / l,
-    y: a.y / l
+  const h = Tt(a);
+  return h === 0 ? { x: 0, y: 0 } : {
+    x: a.x / h,
+    y: a.y / h
   };
-}, St = (a, l) => ({
-  x: a.x + l.x,
-  y: a.y + l.y
-}), Qe = (a, l) => ({
-  x: a.x * l,
-  y: a.y * l
-}), Wt = (a, l) => ({
-  x: a.x * l.x,
-  y: a.y * l.y
-}), rt = (a, l) => {
-  const t = Math.sin(l), r = Math.cos(l);
+}, St = (a, h) => ({
+  x: a.x + h.x,
+  y: a.y + h.y
+}), Qe = (a, h) => ({
+  x: a.x * h,
+  y: a.y * h
+}), Wt = (a, h) => ({
+  x: a.x * h.x,
+  y: a.y * h.y
+}), rt = (a, h) => {
+  const t = Math.sin(h), r = Math.cos(h);
   return {
     x: a.x * r - a.y * t,
     y: a.x * t + a.y * r
   };
-}, Kn = (a, l) => ({
-  x: a.x / l,
-  y: a.y / l
-}), Le = (a, l) => a.x * l.x + a.y * l.y, Jn = 0.5;
-function tn(a, l = 5, t = 30) {
+}, Zn = (a, h) => ({
+  x: a.x / h,
+  y: a.y / h
+}), Le = (a, h) => a.x * h.x + a.y * h.y, Kn = 0.5;
+function tn(a, h = 5, t = 30) {
   var d;
-  const { start: r, end: s } = Zt(a), h = wt(s, r), u = a.properties.style && a.properties.style.strokeWidth ? (d = a.properties.style) == null ? void 0 : d.strokeWidth : 0;
-  return Math.min(t, Math.max(3 * u, Tt(h) * 0.01, l));
+  const { start: r, end: o } = Zt(a), l = wt(o, r), u = a.properties.style && a.properties.style.strokeWidth ? (d = a.properties.style) == null ? void 0 : d.strokeWidth : 0;
+  return Math.min(t, Math.max(3 * u, Tt(l) * 0.01, h));
 }
-function Ce(a, l, t, r) {
-  const s = Qe(Ke(Je(l)), r);
+function $e(a, h, t, r) {
+  const o = Qe(Ke(Je(h)), r);
   if (!t || t !== "arrow" && t !== "arrow-plain") return "";
-  const h = St(a, rt(s, Math.PI / 10)), u = St(a, rt(s, -Math.PI / 10)), d = `${a.x} ${a.y}`;
-  return `M ${h.x} ${h.y} L ${d} ${u.x} ${u.y} ${t === "arrow" ? "" : `${h.x} ${h.y}`}`;
+  const l = St(a, rt(o, Math.PI / 10)), u = St(a, rt(o, -Math.PI / 10)), d = `${a.x} ${a.y}`;
+  return `M ${l.x} ${l.y} L ${d} ${u.x} ${u.y} ${t === "arrow" ? "" : `${l.x} ${l.y}`}`;
 }
-function Qn(a, l, t, r, s) {
-  const { start: h, end: u } = Zt(a), {
+function Jn(a, h, t, r, o) {
+  const { start: l, end: u } = Zt(a), {
     tail: d,
     head: g,
     strokeColor: f,
     strokeWidth: y = 0
-  } = a.properties.style || t, v = wt(u, h), k = tn(a, r, s), b = xt("g"), w = xt("path");
+  } = a.properties.style || t, v = wt(u, l), k = tn(a, r, o), b = xt("g"), w = xt("path");
   b.setAttribute("data-annotation", `${a.id}`), b.setAttribute("data-annotation-type", "arrow");
-  const $ = g === "arrow-plain" || d === "arrow", E = f || "none";
-  w.setAttribute("stroke", E), w.setAttribute("stroke-width", `${y}`), w.setAttribute("fill", $ ? f || "" : "none"), w.setAttribute("stroke-linecap", "round"), w.setAttribute("stroke-linejoin", "round");
-  const C = Ce(h, Ke(v), d, k), N = Ce(u, v, g, k), D = C + `M ${h.x} ${h.y} ${u.x} ${u.y}` + N;
-  w.setAttribute("d", D), b.appendChild(w), $e(b, h, E, d, y), $e(b, u, E, g, y), l.appendChild(b);
+  const C = g === "arrow-plain" || d === "arrow", E = f || "none";
+  w.setAttribute("stroke", E), w.setAttribute("stroke-width", `${y}`), w.setAttribute("fill", C ? f || "" : "none"), w.setAttribute("stroke-linecap", "round"), w.setAttribute("stroke-linejoin", "round");
+  const $ = $e(l, Ke(v), d, k), N = $e(u, v, g, k), D = $ + `M ${l.x} ${l.y} ${u.x} ${u.y}` + N;
+  w.setAttribute("d", D), b.appendChild(w), Ce(b, l, E, d, y), Ce(b, u, E, g, y), h.appendChild(b);
 }
-function $e(a, l, t, r, s) {
-  r === "halo-dot" && Pe(a, l, tr(t), s * 4), (r === "dot" || r === "halo-dot") && Pe(a, l, t, s * 2);
+function Ce(a, h, t, r, o) {
+  r === "halo-dot" && Pe(
+    a,
+    h,
+    Qn(t),
+    Kn,
+    o * 4
+  ), (r === "dot" || r === "halo-dot") && Pe(a, h, t, 1, o * 2);
 }
-function tr(a) {
-  return a === "none" ? "none" : Gn(a, Jn);
+function Qn(a) {
+  return a === "none" ? "none" : a;
 }
-function Pe(a, l, t, r) {
-  const s = xt("circle");
-  s.setAttribute("cx", `${l.x}`), s.setAttribute("cy", `${l.y}`), s.setAttribute("r", `${r}`), s.setAttribute("fill", t), a.appendChild(s);
+function Pe(a, h, t, r, o) {
+  const l = xt("circle");
+  l.setAttribute("cx", `${h.x}`), l.setAttribute("cy", `${h.y}`), l.setAttribute("r", `${o}`), l.setAttribute("fill-opacity", `${r}`), l.setAttribute("fill", t), a.appendChild(l);
 }
-const W = -1, Kt = "dragging", Jt = "dragstart", It = "dragend", pe = "select", ge = "unselect", er = "hover", nr = "unhover", ye = "remove", me = "add", rr = "cancelDrawing", ve = "update", ir = "link";
+const W = -1, Kt = "dragging", Jt = "dragstart", It = "dragend", pe = "select", ge = "unselect", tr = "hover", er = "unhover", ye = "remove", me = "add", nr = "cancelDrawing", ve = "update", rr = "link";
 function en(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var he = { exports: {} }, ze;
-function sr() {
+function ir() {
   return ze || (ze = 1, function(a) {
-    var l = Object.prototype.hasOwnProperty, t = "~";
+    var h = Object.prototype.hasOwnProperty, t = "~";
     function r() {
     }
     Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (t = !1));
-    function s(g, f, y) {
+    function o(g, f, y) {
       this.fn = g, this.context = f, this.once = y || !1;
     }
-    function h(g, f, y, v, k) {
+    function l(g, f, y, v, k) {
       if (typeof y != "function")
         throw new TypeError("The listener must be a function");
-      var b = new s(y, v || g, k), w = t ? t + f : f;
+      var b = new o(y, v || g, k), w = t ? t + f : f;
       return g._events[w] ? g._events[w].fn ? g._events[w] = [g._events[w], b] : g._events[w].push(b) : (g._events[w] = b, g._eventsCount++), g;
     }
     function u(g, f) {
@@ -275,7 +281,7 @@ function sr() {
       var f = [], y, v;
       if (this._eventsCount === 0) return f;
       for (v in y = this._events)
-        l.call(y, v) && f.push(t ? v.slice(1) : v);
+        h.call(y, v) && f.push(t ? v.slice(1) : v);
       return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(y)) : f;
     }, d.prototype.listeners = function(f) {
       var y = t ? t + f : f, v = this._events[y];
@@ -288,11 +294,11 @@ function sr() {
       var y = t ? t + f : f, v = this._events[y];
       return v ? v.fn ? 1 : v.length : 0;
     }, d.prototype.emit = function(f, y, v, k, b, w) {
-      var $ = t ? t + f : f;
-      if (!this._events[$]) return !1;
-      var E = this._events[$], C = arguments.length, N, D;
+      var C = t ? t + f : f;
+      if (!this._events[C]) return !1;
+      var E = this._events[C], $ = arguments.length, N, D;
       if (E.fn) {
-        switch (E.once && this.removeListener(f, E.fn, void 0, !0), C) {
+        switch (E.once && this.removeListener(f, E.fn, void 0, !0), $) {
           case 1:
             return E.fn.call(E.context), !0;
           case 2:
@@ -306,13 +312,13 @@ function sr() {
           case 6:
             return E.fn.call(E.context, y, v, k, b, w), !0;
         }
-        for (D = 1, N = new Array(C - 1); D < C; D++)
+        for (D = 1, N = new Array($ - 1); D < $; D++)
           N[D - 1] = arguments[D];
         E.fn.apply(E.context, N);
       } else {
         var z = E.length, R;
         for (D = 0; D < z; D++)
-          switch (E[D].once && this.removeListener(f, E[D].fn, void 0, !0), C) {
+          switch (E[D].once && this.removeListener(f, E[D].fn, void 0, !0), $) {
             case 1:
               E[D].fn.call(E[D].context);
               break;
@@ -326,16 +332,16 @@ function sr() {
               E[D].fn.call(E[D].context, y, v, k);
               break;
             default:
-              if (!N) for (R = 1, N = new Array(C - 1); R < C; R++)
+              if (!N) for (R = 1, N = new Array($ - 1); R < $; R++)
                 N[R - 1] = arguments[R];
               E[D].fn.apply(E[D].context, N);
           }
       }
       return !0;
     }, d.prototype.on = function(f, y, v) {
-      return h(this, f, y, v, !1);
+      return l(this, f, y, v, !1);
     }, d.prototype.once = function(f, y, v) {
-      return h(this, f, y, v, !0);
+      return l(this, f, y, v, !0);
     }, d.prototype.removeListener = function(f, y, v, k) {
       var b = t ? t + f : f;
       if (!this._events[b]) return this;
@@ -345,8 +351,8 @@ function sr() {
       if (w.fn)
         w.fn === y && (!k || w.once) && (!v || w.context === v) && u(this, b);
       else {
-        for (var $ = 0, E = [], C = w.length; $ < C; $++)
-          (w[$].fn !== y || k && !w[$].once || v && w[$].context !== v) && E.push(w[$]);
+        for (var C = 0, E = [], $ = w.length; C < $; C++)
+          (w[C].fn !== y || k && !w[C].once || v && w[C].context !== v) && E.push(w[C]);
         E.length ? this._events[b] = E.length === 1 ? E[0] : E : u(this, b);
       }
       return this;
@@ -356,8 +362,8 @@ function sr() {
     }, d.prototype.off = d.prototype.removeListener, d.prototype.addListener = d.prototype.on, d.prefixed = t, d.EventEmitter = d, a.exports = d;
   }(he)), he.exports;
 }
-var or = sr();
-const nn = /* @__PURE__ */ en(or);
+var sr = ir();
+const nn = /* @__PURE__ */ en(sr);
 class rn extends nn {
   constructor(t, r) {
     super();
@@ -379,13 +385,13 @@ class rn extends nn {
     m(this, "_onClickMouseMove", (t) => {
       if (!t.domEvent || this.isDragging || !this.shouldDetect || t.domEvent.type !== "mousemove" && t.domEvent.target && t.domEvent.target.tagName === "a")
         return;
-      const r = this.ogma.view.screenToGraphCoordinates(t), s = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(r, 0) : void 0;
-      t.domEvent.type === "mousemove" ? s ? this.hover(s.id) : this.hoveredId !== W && this.unhover() : s ? this.select(s.id) : this.selectedId !== W && this.unselect();
+      const r = this.ogma.view.screenToGraphCoordinates(t), o = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(r, 0) : void 0;
+      t.domEvent.type === "mousemove" ? o ? this.hover(o.id) : this.hoveredId !== W && this.unhover() : o ? this.select(o.id) : this.selectedId !== W && this.unselect();
     });
     this.ogma = t, this.elements = [], this.shouldDetect = !0, this.isDragging = !1, this.showeditorOnHover = !0, this.ogmaOptions = t.getOptions(), t.events.on(["click", "mousemove"], this._onClickMouseMove).on("keyup", this._onKeyUp).on("frame", () => {
       this.refreshEditor(), this.refreshDrawing();
     }), this.layer = t.layers.addSVGLayer({
-      draw: (s) => this.draw(s)
+      draw: (o) => this.draw(o)
     }), this.layer.moveToTop(), this.editor = t.layers.addLayer(r), this.editor.hide();
   }
   _canRemove() {
@@ -397,7 +403,7 @@ class rn extends nn {
    * @returns the added annotation
    */
   add(t) {
-    const r = this.getDefaultOptions(), s = Object.assign(t, {
+    const r = this.getDefaultOptions(), o = Object.assign(t, {
       id: t.id === void 0 ? Qt() : t.id,
       type: t.type,
       properties: {
@@ -411,7 +417,7 @@ class rn extends nn {
         ...t.geometry
       }
     });
-    return this.elements.push(s), this.layer.refresh(), this.emit(me, s), s;
+    return this.elements.push(o), this.layer.refresh(), this.emit(me, o), o;
   }
   updateStyle(t, r) {
     this.updateAnnotation(t, {
@@ -425,10 +431,10 @@ class rn extends nn {
       geometry: r
     });
   }
-  scale(t, r, s, h) {
+  scale(t, r, o, l) {
     this.updateGeometry(
       t,
-      Wn(t.geometry, r, s, h)
+      Wn(t.geometry, r, o, l)
     );
   }
   /**
@@ -438,15 +444,15 @@ class rn extends nn {
    * @param element params of the annotation
    */
   update(t, r) {
-    const s = this.getById(t);
-    this.updateAnnotation(s, r);
+    const o = this.getById(t);
+    this.updateAnnotation(o, r);
   }
   updateAnnotation(t, r) {
     if (!t) return;
-    const s = t.id;
-    Object.keys(r).forEach((h) => {
-      if (h !== "id")
-        if (h === "properties") {
+    const o = t.id;
+    Object.keys(r).forEach((l) => {
+      if (l !== "id")
+        if (l === "properties") {
           const u = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
@@ -456,18 +462,18 @@ class rn extends nn {
               ...u.style || {}
             }
           };
-        } else h === "geometry" ? t.geometry = {
+        } else l === "geometry" ? t.geometry = {
           ...t.geometry,
           ...r.geometry
-        } : t[h] = r[h];
-    }), s === this.selectedId && this.refreshEditor(), this.layer.refresh();
+        } : t[l] = r[l];
+    }), o === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(t) {
     const r = Number(t);
-    for (let s = 0; s < this.elements.length; s++) {
-      const h = this.elements[s];
-      if (!(h.id !== t && h.id !== r))
-        return h;
+    for (let o = 0; o < this.elements.length; o++) {
+      const l = this.elements[o];
+      if (!(l.id !== t && l.id !== r))
+        return l;
     }
   }
   /**
@@ -481,7 +487,7 @@ class rn extends nn {
   }
   hover(t) {
     const r = this.getById(t);
-    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(er, r));
+    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(tr, r));
   }
   getSelectedFeature() {
     return this.selectedId === W ? null : this.getById(this.selectedId);
@@ -492,7 +498,7 @@ class rn extends nn {
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit(nr, t), this.hoveredId = W, this.selectedId === W && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(er, t), this.hoveredId = W, this.selectedId === W && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -501,7 +507,7 @@ class rn extends nn {
    */
   remove(t) {
     const r = this.getById(t);
-    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((s) => s.id !== t), r && this.emit(ye, r), this.layer.refresh();
+    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((o) => o.id !== t), r && this.emit(ye, r), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -552,7 +558,7 @@ class rn extends nn {
   }
 }
 const Ne = "handle-line", He = "handle-start", Fe = "handle-end";
-class ar extends rn {
+class or extends rn {
   constructor(t, r = {}) {
     super(
       t,
@@ -577,22 +583,22 @@ class ar extends rn {
     m(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!r) return;
-      const { x: s, y: h } = fe(t, this.ogma.getContainer());
-      this.startDragging(r, s, h), this.draggedHandle = Ze(t.target);
+      const { x: o, y: l } = fe(t, this.ogma.getContainer());
+      this.startDragging(r, o, l), this.draggedHandle = Ze(t.target);
     });
     m(this, "onMouseUp", () => {
       this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = W, this.emit(It, this.arrow));
     });
     m(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === W) return;
-      const r = this.handles[this.draggedHandle], s = this.ogma.view.getAngle(), { x: h, y: u } = rt(
-        Kn(
+      const r = this.handles[this.draggedHandle], o = this.ogma.view.getAngle(), { x: l, y: u } = rt(
+        Zn(
           { x: t.x - this.startX, y: t.y - this.startY },
           this.ogma.view.getZoom()
         ),
-        s
+        o
       ), d = r.id === Ne, g = r.id === He, f = r.id === Fe;
-      (d || g) && Ye(this.arrow, this.start.x + h, this.start.y + u), (d || f) && Xe(this.arrow, this.end.x + h, this.end.y + u), this.emit(
+      (d || g) && Ye(this.arrow, this.start.x + l, this.start.y + u), (d || f) && Xe(this.arrow, this.end.x + l, this.end.y + u), this.emit(
         Kt,
         this.arrow,
         d ? "line" : g ? "start" : "end"
@@ -601,7 +607,7 @@ class ar extends rn {
     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(
-      (s) => s.addEventListener("mousedown", this.onHandleMouseDown)
+      (o) => o.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("mouseup", this.onMouseUp);
   }
   /**
@@ -610,44 +616,44 @@ class ar extends rn {
    * @param y
    * @param arrow
    */
-  startDrawing(t, r, s = qn(t, r, t, r, Nt)) {
+  startDrawing(t, r, o = qn(t, r, t, r, Nt)) {
     var d;
-    this.disableDragging(), this.add(s), this.hoveredId = s.id;
-    const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), u = ((d = this.ogma.getContainer()) == null ? void 0 : d.getBoundingClientRect()) || {
+    this.disableDragging(), this.add(o), this.hoveredId = o.id;
+    const l = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), u = ((d = this.ogma.getContainer()) == null ? void 0 : d.getBoundingClientRect()) || {
       left: 0,
       top: 0
     };
     this.startDragging(
-      this.getById(s.id),
-      h.x + (u == null ? void 0 : u.left),
-      h.y + u.top
+      this.getById(o.id),
+      l.x + (u == null ? void 0 : u.left),
+      l.y + u.top
     ), this.draggedHandle = 2;
   }
   cancelDrawing() {
     this.isDragging && (this.remove(this.arrow.id), this.emit(It, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = W);
   }
-  startDragging(t, r, s) {
-    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = s, this.start = zt(this.arrow), this.end = Xt(this.arrow), this.disableDragging(), this.emit(Jt, this.arrow), this.isDragging = !0;
+  startDragging(t, r, o) {
+    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = o, this.start = zt(this.arrow), this.end = Xt(this.arrow), this.disableDragging(), this.emit(Jt, this.arrow), this.isDragging = !0;
   }
   detect(t, r = 0) {
-    return this.elements.find((s) => {
-      const { start: h, end: u } = Zt(s), d = wt(t, {
-        x: (h.x + u.x) / 2,
-        y: (h.y + u.y) / 2
-      }), g = wt(u, h), f = Tt(g), y = Je(g), v = tn(s);
+    return this.elements.find((o) => {
+      const { start: l, end: u } = Zt(o), d = wt(t, {
+        x: (l.x + u.x) / 2,
+        y: (l.y + u.y) / 2
+      }), g = wt(u, l), f = Tt(g), y = Je(g), v = tn(o);
       return Math.abs(Le(y, d)) < f / 2 + r && Math.abs(Le(rt(y, Math.PI / 2), d)) < v / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const t = this.selectedId !== W ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Zt(t), s = this.ogma.view.graphToScreenCoordinates(r.start), h = this.ogma.view.graphToScreenCoordinates(r.end), [u, d, g] = Array.prototype.slice.call(
+    const t = this.selectedId !== W ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Zt(t), o = this.ogma.view.graphToScreenCoordinates(r.start), l = this.ogma.view.graphToScreenCoordinates(r.end), [u, d, g] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    d.style.transform = `translate(${s.x}px, ${s.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${h.x}px, ${h.y}px) translate(-50%, -50%)`;
+    d.style.transform = `translate(${o.x}px, ${o.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
     const f = {
-      x: (h.x + s.x) / 2,
-      y: (h.y + s.y) / 2
-    }, y = wt(h, s), v = Qe(y, 1 / Tt(y)), k = Math.atan2(v.y, v.x);
+      x: (l.x + o.x) / 2,
+      y: (l.y + o.y) / 2
+    }, y = wt(l, o), v = Qe(y, 1 / Tt(y)), k = Math.atan2(v.y, v.x);
     u.style.width = `${Tt(y)}px`, u.style.left = `${f.x}px`, u.style.top = `${f.y}px`, u.style.transform = `translate(-50%, -50%) rotate(${k}rad)`;
   }
   getDefaultOptions() {
@@ -655,9 +661,9 @@ class ar extends rn {
   }
   draw(t) {
     t.innerHTML = "";
-    const r = xt("g"), s = this.ogma.view.getAngle();
-    s !== 0 && r.setAttribute("transform", `rotate(${-s * (180 / Math.PI)})`), this.elements.forEach(
-      (h) => Qn(h, r, Nt, this.minArrowHeight, this.maxArrowHeight)
+    const r = xt("g"), o = this.ogma.view.getAngle();
+    o !== 0 && r.setAttribute("transform", `rotate(${-o * (180 / Math.PI)})`), this.elements.forEach(
+      (l) => Jn(l, r, Nt, this.minArrowHeight, this.maxArrowHeight)
     ), t.appendChild(r);
   }
   refreshDrawing() {
@@ -705,100 +711,100 @@ const _t = {
 }, Re = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, lr = (a = 0, l = 0, t = 100, r = 50, s = "", h = { ..._t }) => ({
+}, ar = (a = 0, h = 0, t = 100, r = 50, o = "", l = { ..._t }) => ({
   id: Qt(),
   type: "Feature",
   properties: {
     type: "text",
-    content: s,
-    style: { ..._t, ...h }
+    content: o,
+    style: { ..._t, ...l }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [a, l],
-        [a + t, l],
-        [a + t, l + r],
-        [a, l + r],
-        [a, l]
+        [a, h],
+        [a + t, h],
+        [a + t, h + r],
+        [a, h + r],
+        [a, h]
       ]
     ]
   }
 });
-var Yt = { exports: {} }, hr = Yt.exports, qe;
-function cr() {
-  return qe || (qe = 1, function(a, l) {
+var Yt = { exports: {} }, lr = Yt.exports, qe;
+function hr() {
+  return qe || (qe = 1, function(a, h) {
     (function(t, r) {
       a.exports = r();
-    })(hr, () => (() => {
+    })(lr, () => (() => {
       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] });
+        for (var s in n) t.o(n, s) && !t.o(e, s) && Object.defineProperty(e, s, { enumerable: !0, get: n[s] });
       }, o: (e, n) => Object.prototype.hasOwnProperty.call(e, n) }, r = {};
-      function s(e) {
-        return s = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+      function o(e) {
+        return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
           return typeof n;
         } : function(n) {
           return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-        }, s(e);
+        }, o(e);
       }
       t.d(r, { default: () => Nn });
-      var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, u = /\bsmall-caps\b/, d = /\b(?:italic|oblique)\b/, g = /\bbold(?:er)?\b/, f = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+      var l = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, u = /\bsmall-caps\b/, d = /\b(?:italic|oblique)\b/, g = /\bbold(?:er)?\b/, f = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
       function v(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 n = "", s = this;
+        return s.style && s.style !== "normal" && (n += s.style), s.variant && s.variant !== "normal" && (n += (n ? " " : "") + s.variant), s.weight && s.weight !== "normal" && (n += (n ? " " : "") + s.weight), s.size && (n += (n ? " " : "") + s.size + "px", s.height !== s.size && (n += "/" + s.height + "px")), s.family && (n += (n ? " " : "") + s.family), e && (n += "::" + s.baseline), e && (n += "::" + s.color), n;
       }
       var k = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: v, valueOf: v };
       function b(e) {
-        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = h.exec(e);
-        n.family = (o[6] || "").trim();
-        var i = y[o[2]] || parseFloat(o[2]);
-        o[3] === "%" ? i *= 0.16 : o[3] === "em" ? i *= 16 : o[3] === "pt" && (i *= f), n.size = i;
-        var c = parseFloat(o[4]);
-        if (c !== "normal" && c !== "inherit" && c ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = c * f : o[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), u.test(o[1]) && (n.variant = "small-caps"), d.test(o[1]) && (n.style = "italic"), g.test(o[1])) n.weight = "bold";
+        var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = l.exec(e);
+        n.family = (s[6] || "").trim();
+        var i = y[s[2]] || parseFloat(s[2]);
+        s[3] === "%" ? i *= 0.16 : s[3] === "em" ? i *= 16 : s[3] === "pt" && (i *= f), n.size = i;
+        var c = parseFloat(s[4]);
+        if (c !== "normal" && c !== "inherit" && c ? s[5] && s[5] !== "em" ? s[5] === "pt" ? n.height = c * f : s[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), u.test(s[1]) && (n.variant = "small-caps"), d.test(s[1]) && (n.style = "italic"), g.test(s[1])) n.weight = "bold";
         else {
-          var p = parseInt(/\b(\d+)\b/.exec(o[1]), 10);
+          var p = parseInt(/\b(\d+)\b/.exec(s[1]), 10);
           p >= 100 && p !== 400 && (n.weight = p);
         }
         return n;
       }
       function w() {
-        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] : {}, p = 14, A = 12, x = null, S = null, T = "";
+        var e, n, s, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, p = 14, A = 12, x = null, S = null, T = "";
         if (i && i.nodeType) {
           var M = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), O = M.getComputedStyle(i, null);
           e = O.getPropertyValue("font-family") || "", A = parseFloat(O.getPropertyValue("font-size")), p = O.getPropertyValue("line-height"), x = O.getPropertyValue("font-weight"), S = O.getPropertyValue("font-style"), T = O.getPropertyValue("font-variant") || "";
         } else if (typeof i == "string") {
           var _ = b(i);
           e = _.family, A = _.size, p = _.height, T = _.variant, S = _.style, x = _.weight;
-        } else s(i) === "object" && (e = i.family, A = i.size, p = i.height, T = i.variant, x = i.weight, S = i.style, n = i.baseline, o = i.color);
+        } else o(i) === "object" && (e = i.family, A = i.size, p = i.height, T = i.variant, x = i.weight, S = i.style, n = i.baseline, s = i.color);
         c.size && c.size < 3 && (A *= c.size), p = p !== "normal" && p ? parseFloat(p) : A * (7 / 6), c.height && c.height < 3 && (p *= c.height);
         var L = Object.create(k);
-        return L.family = c.family || e || "sans-serif", L.height = p ?? 14, L.size = A ?? 12, L.variant = c.variant || T || "", L.style = c.style || S || "", L.weight = c.weight || x || "", L.baseline = n || 0, c.baseline != null && (L.baseline = c.baseline), L.color = c.color || o || "", L.id = v.call(L, !0), L;
+        return L.family = c.family || e || "sans-serif", L.height = p ?? 14, L.size = A ?? 12, L.variant = c.variant || T || "", L.style = c.style || S || "", L.weight = c.weight || x || "", L.baseline = n || 0, c.baseline != null && (L.baseline = c.baseline), L.color = c.color || s || "", L.id = v.call(L, !0), L;
       }
-      const $ = { "\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, C = 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, $ = function(e) {
         var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
         if (n && n.getContext) {
-          var o = n.getContext("2d");
-          if (o && typeof o.measureText == "function") return function(i, c) {
-            return o.font = String(c), o.measureText(i).width;
+          var s = n.getContext("2d");
+          if (s && typeof s.measureText == "function") return function(i, c) {
+            return s.font = String(c), s.measureText(i).width;
           };
         }
       }(typeof document < "u" ? document : null) || (E = {}, function(e, n) {
         if (!E[n]) {
-          var o = w(n);
-          E[n] = o, /\bmonospace\b/.test(o.family) ? o.size *= 0.6 : (o.size *= 0.45, o.weight && (o.size *= 1.18));
+          var s = w(n);
+          E[n] = s, /\bmonospace\b/.test(s.family) ? s.size *= 0.6 : (s.size *= 0.45, s.weight && (s.size *= 1.18));
         }
         return e.length * E[n].size;
       }), N = {}, D = { trim: !0, collapse: !0 };
-      function z(e, n, o) {
-        var i = Object.assign({}, D, o), c = String(e);
+      function z(e, n, s) {
+        var i = Object.assign({}, D, s), c = String(e);
         if (!c) return 0;
-        if (c in $) {
+        if (c in C) {
           var p = n.id + "/" + c;
-          return p in N || (N[p] = C("_".concat(c, "_"), n) - C("__", n)), N[p];
+          return p in N || (N[p] = $("_".concat(c, "_"), n) - $("__", n)), N[p];
         }
-        return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), C(c, 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, " "), $(c, n) + n.size * (e.tracking || 0);
       }
       function R(e) {
         return R = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -812,8 +818,8 @@ function cr() {
         e.prototype = Object.create(n && n.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && Dt(e, n);
       }
       function Dt(e, n) {
-        return Dt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, i) {
-          return o.__proto__ = i, o;
+        return Dt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, i) {
+          return s.__proto__ = i, s;
         }, Dt(e, n);
       }
       function Mt(e) {
@@ -828,20 +834,20 @@ function cr() {
           }
         }();
         return function() {
-          var o, i = Ht(e);
+          var s, i = Ht(e);
           if (n) {
             var c = Ht(this).constructor;
-            o = Reflect.construct(i, arguments, c);
-          } else o = i.apply(this, arguments);
-          return sn(this, o);
+            s = Reflect.construct(i, arguments, c);
+          } else s = i.apply(this, arguments);
+          return sn(this, s);
         };
       }
       function sn(e, n) {
         if (n && (R(n) === "object" || typeof n == "function")) return n;
         if (n !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-        return function(o) {
-          if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return o;
+        return function(s) {
+          if (s === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+          return s;
         }(e);
       }
       function Ht(e) {
@@ -853,8 +859,8 @@ function cr() {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
       }
       function on(e, n) {
-        for (var o = 0; o < n.length; o++) {
-          var i = n[o];
+        for (var s = 0; s < n.length; s++) {
+          var i = n[s];
           i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(p, A) {
             if (R(p) !== "object" || p === null) return p;
             var x = p[Symbol.toPrimitive];
@@ -868,7 +874,7 @@ function cr() {
         }
         var c;
       }
-      function Rt(e, n, o) {
+      function Rt(e, n, s) {
         return n && on(e.prototype, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
       }
       var q = function() {
@@ -885,37 +891,37 @@ function cr() {
           return this.value;
         } }]), e;
       }(), Ot = function(e) {
-        dt(o, e);
-        var n = Mt(o);
-        function o() {
-          return Ft(this, o), n.apply(this, arguments);
+        dt(s, e);
+        var n = Mt(s);
+        function s() {
+          return Ft(this, s), n.apply(this, arguments);
         }
-        return Rt(o);
+        return Rt(s);
       }(q), et = function(e) {
-        dt(o, e);
-        var n = Mt(o);
-        function o() {
-          return Ft(this, o), n.apply(this, arguments);
+        dt(s, e);
+        var n = Mt(s);
+        function s() {
+          return Ft(this, s), n.apply(this, arguments);
         }
-        return Rt(o);
+        return Rt(s);
       }(q), yt = function(e) {
-        dt(o, e);
-        var n = Mt(o);
-        function o() {
-          return Ft(this, o), n.apply(this, arguments);
+        dt(s, e);
+        var n = Mt(s);
+        function s() {
+          return Ft(this, s), n.apply(this, arguments);
         }
-        return Rt(o);
+        return Rt(s);
       }(q), te = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, an = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, xe = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ln = /^(?:[;\xAD%?…]|,(?!\d))/, hn = /^[´±°¢£¤$¥\u2212]/;
       function qt(e, n) {
         n !== !1 && (e = e.trim());
-        for (var o, i, c = [], p = e.charAt(0), A = 0, x = 1, S = e.length; x < S; x++) {
-          o = e.charAt(x), i = e.charAt(x + 1);
-          var T = te.test(p), M = te.test(o), O = M || T, _ = void 0;
-          if ((hn.test(o) && !xe.test(p) || ln.test(p + i) && !xe.test(o)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((_ = te.test(e.charAt(x - 2))) && !M && (O = !1), !_ && an.test(o + i) && (O = !0)), O) {
+        for (var s, i, c = [], p = e.charAt(0), A = 0, x = 1, S = e.length; x < S; x++) {
+          s = e.charAt(x), i = e.charAt(x + 1);
+          var T = te.test(p), M = te.test(s), O = M || T, _ = void 0;
+          if ((hn.test(s) && !xe.test(p) || ln.test(p + i) && !xe.test(s)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((_ = te.test(e.charAt(x - 2))) && !M && (O = !1), !_ && an.test(s + i) && (O = !0)), O) {
             var L = e.slice(A, x);
             /\u00AD$/.test(L) ? (c.push(new q(L.slice(0, -1))), c.push(new yt())) : (c.push(new q(L)), c.push(new Ot())), A = x;
           }
-          p = o;
+          p = s;
         }
         return c.push(new q(e.slice(A))), c;
       }
@@ -948,10 +954,10 @@ function cr() {
         e.sup = !0;
       } }, gn = { 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 Ae(e) {
-        return e.replace(pn, function(n, o, i, c) {
-          if (o || i) {
-            var p = o ? 10 : 16;
-            return String.fromCharCode(parseInt(o || i, p));
+        return e.replace(pn, function(n, s, i, c) {
+          if (s || i) {
+            var p = s ? 10 : 16;
+            return String.fromCharCode(parseInt(s || i, p));
           }
           return c in we ? we[c] : n;
         });
@@ -961,17 +967,17 @@ function cr() {
       }
       var mn = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
       function vn(e) {
-        var n, o = {};
+        var n, s = {};
         if (e) {
           do
             if (n = mn.exec(e)) {
               var i = Ae(yn(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");
+              if (s[n[1]] = i, (e = e.slice(n[0].length)).length && /^\S/.test(e[0])) throw new Error("Attribute error");
             }
           while (n && e.length);
           if (/\S/.test(e)) throw new Error("Attribute error");
         }
-        return o;
+        return s;
       }
       const Ee = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
       var xn = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, wn = /^%[^\n]+(?:\n|$)/, bn = /^[^#$%&~_^\\{}]+/, An = /^\\([&{}$%#_])/, En = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, kn = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, G = { bf: function(e) {
@@ -999,12 +1005,12 @@ function cr() {
       var Sn = /[\r\n\xA0]+/g;
       function Tn(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 = w(n, e)), o;
+        var s = n;
+        return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (s = w(n, e)), s;
       }
-      function ke(e, n, o) {
-        for (var i, c, p = e.width; p + 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 = z(i, i.font), p += i.width) : e.pop(), p -= c;
-        e[e.length - 1] instanceof yt && e.pop(), i = e[e.length - 1] || i || {}, o.font = w(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 ke(e, n, s) {
+        for (var i, c, p = e.width; p + s.width > n && e.length; ) c = (i = e[e.length - 1]).width, i.width > s.width ? (i.value = i.value.slice(0, -1), i.width = z(i, i.font), p += i.width) : e.pop(), p -= c;
+        e[e.length - 1] instanceof yt && e.pop(), i = e[e.length - 1] || i || {}, s.font = w(s.font, i.bold, i.italic, ""), s.href = e.length ? i.href : null, s.rel = e.length ? i.rel : null, s.target = e.length ? i.target : null, e.push(s);
       }
       function bt(e) {
         return Math.round(1e6 * e) / 1e6;
@@ -1014,11 +1020,11 @@ function cr() {
           if (Array.isArray(n)) return ee(n);
         }(e) || function(n) {
           if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
-        }(e) || function(n, o) {
+        }(e) || function(n, s) {
           if (n) {
-            if (typeof n == "string") return ee(n, o);
+            if (typeof n == "string") return ee(n, s);
             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) ? ee(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) ? ee(n, s) : void 0;
           }
         }(e) || function() {
           throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1027,14 +1033,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       function ee(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];
+        for (var s = 0, i = new Array(n); s < n; s++) i[s] = e[s];
         return i;
       }
       var _n = { center: "middle", right: "end" }, In = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ne = function(e, n) {
         return !e && !n || e === n;
       };
       function Dn(e, n) {
-        var o = [], i = n.font(), c = i.size, p = i.family, A = n.align(), x = n.createElement();
+        var s = [], i = n.font(), c = i.size, p = i.family, A = n.align(), x = n.createElement();
         if (e.length) {
           var S = i.height, T = n.valign(), M = n.height()(), O = n.width()(0), _ = !isFinite(O) && e.length === 1, L = _ ? null : n.x(), B = bt(S / c), J = _ ? null : bt(S / (1.15 * c + (S - c) / 2));
           if (In[T] && isFinite(M)) {
@@ -1053,24 +1059,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             var at = "", ft = "", ot = 0, lt = e[nt];
             if (lt.length) {
               F = [];
-              for (var At = 0, $t = 0, ht = void 0, X = 0, Bt = lt.length; X < Bt; X++) {
+              for (var At = 0, Ct = 0, ht = void 0, X = 0, Bt = lt.length; X < Bt; X++) {
                 var U = lt[X], Z = U.font;
-                U.whitespace && At++, $t += U.width, X && !U.tracking && !ot && ne(Z.id, at) && ne(U.class, ft) && ne(ht, U.href) ? V += U.value : (I(), V = U.value, Y = { fontFamily: Z.family !== p ? Z.family : null, fontSize: Z.size !== c ? Z.size : null, fontWeight: Z.weight || null, fontStyle: Z.style || null, fontVariant: Z.variant !== "normal" && Z.variant || null, fill: Z.color || null, baselineShift: Z.baseline ? 100 * Z.baseline + "%" : null, className: U.class || null }, ot && (Y.dx = bt(ot), ot = 0), U.tracking && (ot = Z.size * U.tracking), U.href && !ht ? (ht = U.href, Q = "a", Y.href = ht, Y.rel = U.rel, Y.target = U.target) : ht = null, at = Z.id, ft = U.class);
+                U.whitespace && At++, Ct += U.width, X && !U.tracking && !ot && ne(Z.id, at) && ne(U.class, ft) && ne(ht, U.href) ? V += U.value : (I(), V = U.value, Y = { fontFamily: Z.family !== p ? Z.family : null, fontSize: Z.size !== c ? Z.size : null, fontWeight: Z.weight || null, fontStyle: Z.style || null, fontVariant: Z.variant !== "normal" && Z.variant || null, fill: Z.color || null, baselineShift: Z.baseline ? 100 * Z.baseline + "%" : null, className: U.class || null }, ot && (Y.dx = bt(ot), ot = 0), U.tracking && (ot = Z.size * U.tracking), U.href && !ht ? (ht = U.href, Q = "a", Y.href = ht, Y.rel = U.rel, Y.target = U.target) : ht = null, at = Z.id, ft = U.class);
               }
-              if (I(), _) o.push.apply(o, Se(F));
+              if (I(), _) s.push.apply(s, Se(F));
               else {
                 var jt = null, Pt = nt === tt - 1 || lt[lt.length - 1] instanceof et;
-                P && lt.length > 1 && !Pt && (jt = bt((O - $t) / At)), o.push(x.apply(void 0, ["tspan", { wordSpacing: jt, x: L(nt) + j, dy: bt(nt ? B : J) + "em" }].concat(Se(F))));
+                P && lt.length > 1 && !Pt && (jt = bt((O - Ct) / At)), s.push(x.apply(void 0, ["tspan", { wordSpacing: jt, x: L(nt) + j, dy: bt(nt ? B : J) + "em" }].concat(Se(F))));
               }
-            } else o.push(x("tspan", { x: L(nt), dy: bt(nt ? B : J) + "em" }, " "));
+            } else s.push(x("tspan", { x: L(nt), dy: bt(nt ? B : J) + "em" }, " "));
           }
         }
-        return x.apply(void 0, ["text", { fontFamily: p, fontSize: c, textAnchor: _n[A] || "start" }].concat(o));
+        return x.apply(void 0, ["text", { fontFamily: p, fontSize: c, textAnchor: _n[A] || "start" }].concat(s));
       }
       var Mn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-      function On(e, n, o) {
+      function On(e, n, s) {
         if (e.length) {
-          o.textBaseline = "middle";
+          s.textBaseline = "middle";
           var i = n.font(), c = i.height, p = i.size, A = n.valign(), x = n.height()(), S = n.width()(0), T = n.align(), M = T === "justify", O = 0.5 * c, _ = Mn[A];
           if (_ && isFinite(x)) {
             var L = e.length * c;
@@ -1083,16 +1089,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             });
             var Q = 0, Y = J === e.length - 1 || B[B.length - 1] instanceof et;
             M && B.length > 1 && !Y && (Q = (S - F) / j), B.forEach(function(V) {
-              o.font = V.font;
+              s.font = V.font;
               var I = V.font, nt = I.baseline ? p * -I.baseline + 0.15 * p : 0;
-              o.fillStyle = function(ft, ot) {
+              s.fillStyle = function(ft, ot) {
                 return ft.color ? ft.color : ot.href ? "#00C" : "#000";
               }(I, V);
               var tt = 0;
-              if (T === "right" ? tt += S - F : T === "center" ? tt += S / 2 - F / 2 : T === "justify" && (V.whitespace || V instanceof et) && (H += Q), o.fillText(V.value, H + tt, P + nt), V.href) {
-                o.beginPath(), o.strokeStyle = o.fillStyle;
+              if (T === "right" ? tt += S - F : T === "center" ? tt += S / 2 - F / 2 : T === "justify" && (V.whitespace || V instanceof et) && (H += Q), s.fillText(V.value, H + tt, P + nt), V.href) {
+                s.beginPath(), s.strokeStyle = s.fillStyle;
                 var at = Math.floor(P + 0.45 * p) + 0.5;
-                o.moveTo(H + tt, at), o.lineTo(H + tt + V.width, at), o.stroke();
+                s.moveTo(H + tt, at), s.lineTo(H + tt + V.width, at), s.stroke();
               }
               H += V.width;
             });
@@ -1107,8 +1113,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, re(e);
       }
       function Te(e) {
-        for (var n = {}, o = 0; o < e.length; o++) {
-          var i = e[o];
+        for (var n = {}, s = 0; s < e.length; s++) {
+          var i = e[s];
           typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : re(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;
@@ -1121,8 +1127,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, Lt(e);
       }
       function Ln(e, n) {
-        for (var o = 0; o < n.length; o++) {
-          var i = n[o];
+        for (var s = 0; s < n.length; s++) {
+          var i = n[s];
           i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(p, A) {
             if (Lt(p) !== "object" || p === null) return p;
             var x = p[Symbol.toPrimitive];
@@ -1136,7 +1142,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         var c;
       }
-      var Cn = w(), ie = function(e) {
+      var $n = w(), ie = function(e) {
         return typeof e == "function" ? e : function() {
           return e;
         };
@@ -1152,15 +1158,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             return 0;
           }, font: null, tAnchor: 0, parser: e.defaultparser }, i) 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 n, s;
+        return n = e, s = [{ key: "linebreak", value: function(i) {
           var c = this, p = this.props.parser(String(i)), A = this.font(), x = function(S, T, M) {
             if (!S.length) return [];
             var O = T.height(), _ = T.width(), L = T.overflowLine(), B = T.overflowWrap(), J = w(M, !0, !1), H = isFinite(O()) ? Math.floor(O() / M.height) : 1 / 0;
             if (!O() && !_(0) || !H) return [];
             for (var P = 0, j = 0, F = 0, Q = [], Y = [], V = !1; P < S.length && j < H; ) {
               var I = S[P], nt = Tn(I, M);
-              if (I.width = z(I, nt), I.font = nt, I.line = j, I.whitespace = I.value in $, I.value && (I.value = I.value.replace(Sn, " ")), !(!F && I.whitespace || V && I.whitespace)) if (I instanceof et) F = 0, Y = [], Q.push(P + 1), j++;
+              if (I.width = z(I, nt), I.font = nt, I.line = j, I.whitespace = I.value in C, I.value && (I.value = I.value.replace(Sn, " ")), !(!F && I.whitespace || V && I.whitespace)) if (I instanceof et) F = 0, Y = [], Q.push(P + 1), j++;
               else if (I instanceof Ot || I instanceof yt) Y.push({ index: P, width: F });
               else if (I.whitespace || F + I.width < _(j)) F += I.width;
               else if (Y.length) {
@@ -1185,10 +1191,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               P++, V = I.whitespace;
             }
             P !== Q[Q.length - 1] && Q.push(P);
-            var $t = 0, ht = 0, X = Q.map(function(mt) {
-              for (var K, vt = $t; (K = S[vt]) && (K.whitespace || !K.value); ) vt++;
+            var Ct = 0, ht = 0, X = Q.map(function(mt) {
+              for (var K, vt = Ct; (K = S[vt]) && (K.whitespace || !K.value); ) vt++;
               for (var pt = mt, ae = null; pt > vt && (K = S[pt - 1]) && (K.whitespace || !(K.value || K instanceof yt)); ) K instanceof et && (ae = K), pt--;
-              K instanceof yt && (K.value = "-", K.width = z("-", K.font)), $t = mt;
+              K instanceof yt && (K.value = "-", K.width = z("-", K.font)), Ct = mt;
               var Et = S.slice(vt, pt).filter(function(le) {
                 return le.value;
               });
@@ -1217,7 +1223,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             return c.render(x, S);
           }, x.svg = x.render, x.draw = x.render, x;
         } }, { key: "font", value: function(i) {
-          return arguments.length ? (this.props.font = w(i), this) : this.props.font || w(Cn);
+          return arguments.length ? (this.props.font = w(i), this) : this.props.font || w($n);
         } }, { key: "overflow", value: function(i) {
           return arguments.length ? (this.props.overflow = String(i), this) : this.props.overflow;
         } }, { key: "overflowLine", value: function(i) {
@@ -1251,33 +1257,33 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         } }, { key: "render", value: function() {
           var i = Te(arguments);
           return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? On(i.text, this, i.ctx) : Dn(i.text, this);
-        } }], o && Ln(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+        } }], s && Ln(n.prototype, s), Object.defineProperty(n, "prototype", { writable: !1 }), e;
       }();
-      function Ct(e) {
-        return Ct = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+      function $t(e) {
+        return $t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
           return typeof n;
         } : function(n) {
           return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-        }, Ct(e);
+        }, $t(e);
       }
       function se(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];
+        for (var s = 0, i = new Array(n); s < n; s++) i[s] = e[s];
         return i;
       }
-      function $n(e, n) {
-        for (var o = 0; o < n.length; o++) {
-          var i = n[o];
+      function Cn(e, n) {
+        for (var s = 0; s < n.length; s++) {
+          var i = n[s];
           i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(p, A) {
-            if (Ct(p) !== "object" || p === null) return p;
+            if ($t(p) !== "object" || p === null) return p;
             var x = p[Symbol.toPrimitive];
             if (x !== void 0) {
               var S = x.call(p, A);
-              if (Ct(S) !== "object") return S;
+              if ($t(S) !== "object") return S;
               throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return String(p);
-          }(i.key, "string"), Ct(c) === "symbol" ? c : String(c)), i);
+          }(i.key, "string"), $t(c) === "symbol" ? c : String(c)), i);
         }
         var c;
       }
@@ -1296,8 +1302,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           }, rotation: 0, vAnchor: 0, hAnchor: 0 }, i) 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 n, s;
+        return n = e, s = [{ key: "anchor", value: function(i) {
           var c = this.props, p = c.hAnchor, A = c.vAnchor, x = c.width, S = c.height;
           if (!arguments.length) return [p * x(0), A * S(0)];
           if (typeof i == "string") {
@@ -1339,32 +1345,32 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             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 && $n(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+        } }], s && Cn(n.prototype, s), Object.defineProperty(n, "prototype", { writable: !1 }), e;
       }(), Pn = Object.prototype.hasOwnProperty, oe = {};
       function zn(e) {
-        return oe[e] || (oe[e] = e.replace(/([a-z])([A-Z])/g, function(n, o, i) {
-          return o + "-" + i.toLowerCase();
+        return oe[e] || (oe[e] = e.replace(/([a-z])([A-Z])/g, function(n, s, i) {
+          return s + "-" + i.toLowerCase();
         })), oe[e];
       }
       function De(e, n) {
-        if (Array.isArray(n)) return n.forEach(function(o) {
-          return De(e, o);
+        if (Array.isArray(n)) return n.forEach(function(s) {
+          return De(e, s);
         });
         typeof n == "string" && (n = document.createTextNode(n)), e.appendChild(n);
       }
       function Me(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) Pn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : zn(i), n[i]);
+          var s = typeof e == "string" ? document.createElementNS("http://www.w3.org/2000/svg", e) : e;
+          if (n && s.setAttribute) for (var i in n) Pn.call(n, i) && n[i] != null && s.setAttribute(i === "className" ? "class" : zn(i), n[i]);
           for (var c = arguments.length, p = new Array(c > 2 ? c - 2 : 0), A = 2; A < c; A++) p[A - 2] = arguments[A];
           return p != null && p.length && p.forEach(function(x) {
-            De(o, x);
-          }), o;
+            De(s, x);
+          }), s;
         }
       }
       it.createElement = Me, it.textparser = qt, it.defaultparser = qt, 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 }, c = [], p = [], A = function(O) {
+        for (var n, s, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, c = [], p = [], A = function(O) {
           for (var _ in i) i[_] && (O[_] = i[_]);
           c.push(O);
         }, x = function(O) {
@@ -1381,7 +1387,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             var S = n[1];
             x(S), p.push(i), i = Object.create(i), be[S] && be[S](i, "");
             var T = vn(n[2]);
-            S === "a" && (T.href && (i.href = T.href), T.rel && (i.rel = T.rel), T.target && (i.target = T.target)), T.class && (i.class = i.class ? i.class + " " + T.class : T.class), T.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(T.style)) && o[1] && (i.color = o[1]), S === "br" && c.push(new et());
+            S === "a" && (T.href && (i.href = T.href), T.rel && (i.rel = T.rel), T.target && (i.target = T.target)), T.class && (i.class = i.class ? i.class + " " + T.class : T.class), T.style && (s = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(T.style)) && s[1] && (i.color = s[1]), S === "br" && c.push(new et());
           } else n = [e.slice(0, 1)], A(new q(n[0]));
           e = e.slice(n[0].length);
         }
@@ -1405,7 +1411,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }).replace(/\\verb,(.*?),/, function(H, P) {
           return "\\verb,".concat(n[+P], ",");
         });
-        for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, c = [], p = [], A = function(H) {
+        for (var s, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, c = [], p = [], A = function(H) {
           for (var P in i) i[P] && (H[P] = i[P]);
           return c.push(H), H;
         }, x = function() {
@@ -1414,14 +1420,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           if (!p.length) throw new Error("Unexpected }");
           i = p.pop();
         }, T = { tokens: c, open_context: x, close_context: S, add_token: A }; e.length; ) {
-          if (o = bn.exec(e)) qt(o[0], !1).forEach(A);
-          else if (o = An.exec(e)) A(new q(o[1]));
-          else if (!(o = wn.exec(e))) {
-            if (o = /^\{/.exec(e)) x();
-            else if (o = /^\}/.exec(e)) S();
-            else if (!(o = /^\$/.exec(e))) if (o = /^\\verb,([^,]+),/.exec(e)) A(new q(o[1]));
-            else if (o = xn.exec(e)) {
-              var M = o[1].slice(1) || o[1], O = !!o[2];
+          if (s = bn.exec(e)) qt(s[0], !1).forEach(A);
+          else if (s = An.exec(e)) A(new q(s[1]));
+          else if (!(s = wn.exec(e))) {
+            if (s = /^\{/.exec(e)) x();
+            else if (s = /^\}/.exec(e)) S();
+            else if (!(s = /^\$/.exec(e))) if (s = /^\\verb,([^,]+),/.exec(e)) A(new q(s[1]));
+            else if (s = xn.exec(e)) {
+              var M = s[1].slice(1) || s[1], O = !!s[2];
               if (/^(La)?TeX$/i.test(M)) {
                 x(), i.family = "serif";
                 var _ = void 0;
@@ -1430,42 +1436,42 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               else if (M in G) {
                 var L = [], B = G[M].length - 1, J = void 0;
                 if (B) {
-                  for (O = !1, e = e.slice(o[0].length - 1); B--; ) {
+                  for (O = !1, e = e.slice(s[0].length - 1); B--; ) {
                     if (!(J = /^\{([^}]+)\}/.exec(e))) throw new Error(M + " is missing an argument");
                     L.push(J[1]), e = e.slice(J[0].length);
                   }
-                  o[0] = /^\{/.exec(e) ? "{" : "", O = !!o[0];
+                  s[0] = /^\{/.exec(e) ? "{" : "", O = !!s[0];
                 }
                 O && x(), G[M].apply(T, [i].concat(L));
-              } else console.warn("unknown latex command", M), A(new q(o[1])), O && x();
-            } else o = [e.slice(0, 1)], A(new q(o[0]));
+              } else console.warn("unknown latex command", M), A(new q(s[1])), O && x();
+            } else s = [e.slice(0, 1)], A(new q(s[0]));
           }
-          e = e.slice(o[0].length);
+          e = e.slice(s[0].length);
         }
         return c;
-      }, it.measureText = function(e, n, o) {
-        return z(e, w(n), o);
+      }, it.measureText = function(e, n, s) {
+        return z(e, w(n), s);
       }, it.Token = q, it.Break = Ot, it.LineBreak = et, it.SoftHyphen = yt, it.Rotator = Ie, Ie.createElement = Me;
       const Nn = it;
       return r.default;
     })());
   }(Yt)), Yt.exports;
 }
-var ur = cr();
-const Be = /* @__PURE__ */ en(ur);
+var cr = hr();
+const Be = /* @__PURE__ */ en(cr);
 function ue(a) {
   return a.replace(/…$/, "");
 }
 function de(a) {
   return a.children[0].innerHTML;
 }
-function dr(a, l) {
-  const t = ut(a), { fontSize: r, font: s, padding: h = 0 } = a.properties.style || {};
+function ur(a, h) {
+  const t = ut(a), { fontSize: r, font: o, padding: l = 0 } = a.properties.style || {};
   if (t.width === t.height && t.width === 0) return;
   const u = new Be({
-    font: `${r}px/${r}px ${s}`.replace(/(px)+/g, "px"),
-    width: t.width - h * 2,
-    height: t.height - h * 2,
+    font: `${r}px/${r}px ${o}`.replace(/(px)+/g, "px"),
+    width: t.width - l * 2,
+    height: t.height - l * 2,
     align: "left",
     valign: "top",
     x: 0,
@@ -1482,39 +1488,39 @@ function dr(a, l) {
   const v = [];
   a.properties.content.split(`
 `).forEach((w) => {
-    let $ = w;
-    for (; $.length && y < f.length; ) {
+    let C = w;
+    for (; C.length && y < f.length; ) {
       if (f[y].innerHTML === "&nbsp;") {
-        $.startsWith(`
+        C.startsWith(`
 `) || v.push(y), y++;
         break;
       }
       const E = ue(de(f[y]));
-      $.startsWith(E) && ($ = $.slice(E.length).trim()), y++;
+      C.startsWith(E) && (C = C.slice(E.length).trim()), y++;
     }
   }), v.forEach((w) => g.removeChild(f[w]));
   const k = a.properties.content.match(/(https?:\/\/.*)/gm), b = k ? k.map((w) => w.split(" ")[0]) : [];
-  g.setAttribute("transform", `translate(${h}, ${h})`), b.forEach((w) => {
-    let $ = w;
+  g.setAttribute("transform", `translate(${l}, ${l})`), b.forEach((w) => {
+    let C = w;
     const E = [];
-    for (; $.length > 0; ) {
-      const C = f.find(
-        (D) => !!D.children[0] && D.children[0].tagName === "tspan" && $.startsWith(ue(de(D)))
+    for (; C.length > 0; ) {
+      const $ = f.find(
+        (D) => !!D.children[0] && D.children[0].tagName === "tspan" && C.startsWith(ue(de(D)))
       );
-      if (!C) break;
-      E.push(C);
-      const N = ue(C.children[0].innerHTML).length;
+      if (!$) break;
+      E.push($);
+      const N = ue($.children[0].innerHTML).length;
       if (!N) break;
-      $ = $.slice(N);
+      C = C.slice(N);
     }
-    E.forEach((C) => {
+    E.forEach(($) => {
       const N = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      N.setAttribute("href", w), N.setAttribute("target", "_blank"), N.innerHTML = de(C), C.children[0].innerHTML = "", C.children[0].appendChild(N);
+      N.setAttribute("href", w), N.setAttribute("target", "_blank"), N.innerHTML = de($), $.children[0].innerHTML = "", $.children[0].appendChild(N);
     });
-  }), l.appendChild(g);
+  }), h.appendChild(g);
 }
 const je = 20;
-class fr extends rn {
+class dr extends rn {
   constructor(t, r = {}) {
     super(
       t,
@@ -1548,25 +1554,25 @@ class fr extends rn {
     m(this, "_onBlur", () => {
       this.isFocused = !1;
     });
-    m(this, "startDrawing", (t, r, s = lr(t, r, 0, 0, "", _t)) => {
-      this.add(s);
-      const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
-      this.select(s.id), this.startDragging(this.getById(s.id), h.x, h.y), this.draggedHandle = 6;
+    m(this, "startDrawing", (t, r, o = ar(t, r, 0, 0, "", _t)) => {
+      this.add(o);
+      const l = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
+      this.select(o.id), this.startDragging(this.getById(o.id), l.x, l.y), this.draggedHandle = 6;
     });
     m(this, "cancelDrawing", () => {
       this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ce }, this.draggedHandle = W, this.isDragging = !1, this.emit(It, this.annotation));
     });
-    m(this, "startDragging", (t, r, s) => {
+    m(this, "startDragging", (t, r, o) => {
       this.annotation = t;
-      const h = ct(this.annotation), u = ut(this.annotation);
-      this.rect.x = h.x, this.rect.y = h.y, this.rect.width = u.width, this.rect.height = u.height, this.startX = r, this.startY = s, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Jt, this.annotation), this.isDragging = !0;
+      const l = ct(this.annotation), u = ut(this.annotation);
+      this.rect.x = l.x, this.rect.y = l.y, this.rect.width = u.width, this.rect.height = u.height, this.startX = r, this.startY = o, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Jt, this.annotation), this.isDragging = !0;
     });
     m(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!r) return;
       this.selectedId !== r.id && this.select(this.hoveredId);
-      const { x: s, y: h } = fe(t, this.ogma.getContainer());
-      this.startDragging(r, s, h), this.draggedHandle = Ze(t.target);
+      const { x: o, y: l } = fe(t, this.ogma.getContainer());
+      this.startDragging(r, o, l), this.draggedHandle = Ze(t.target);
     });
     m(this, "onMouseMove", (t) => {
       requestAnimationFrame(() => this._onMouseMove(t));
@@ -1575,17 +1581,17 @@ class fr extends rn {
       if (!this.isDragging) return;
       t.stopPropagation(), t.preventDefault();
       const r = this.handles[this.draggedHandle];
-      let s = r.classList.contains("top");
-      const h = r.classList.contains("left"), u = r.classList.contains("right"), d = r.classList.contains("bottom");
+      let o = r.classList.contains("top");
+      const l = r.classList.contains("left"), u = r.classList.contains("right"), d = r.classList.contains("bottom");
       let g = r.classList.contains("line-handle");
-      !g && !s && !d && !h && !u && (s = !0, g = !0);
+      !g && !o && !d && !l && !u && (o = !0, g = !0);
       const { x: f, y } = fe(
         t,
         this.ogma.getContainer()
       );
       let v = this.rect.x, k = this.rect.y, b = Math.max(this.rect.width, je), w = Math.max(this.rect.height, je);
-      const $ = this.ogma.view.getZoom(), E = (f - this.startX) / $, C = (y - this.startY) / $, N = this.ogma.view.getAngle(), D = rt({ x: E, y: C }, N), z = rt({ x: E, y: C }, -N);
-      g ? (v = this.rect.x + D.x, k = this.rect.y + D.y) : h && s ? (v += D.x, k += D.y, b -= E, w -= C) : u && d ? (b += E, w += C) : h && d ? (v += z.x, b -= z.x, w += z.y) : u && s && (k += z.y, b += z.x, w -= z.y), Vn(this.annotation, v, k, b, w), this.emit(Kt, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      const C = this.ogma.view.getZoom(), E = (f - this.startX) / C, $ = (y - this.startY) / C, N = this.ogma.view.getAngle(), D = rt({ x: E, y: $ }, N), z = rt({ x: E, y: $ }, -N);
+      g ? (v = this.rect.x + D.x, k = this.rect.y + D.y) : l && o ? (v += D.x, k += D.y, b -= E, w -= $) : u && d ? (b += E, w += $) : l && d ? (v += z.x, b -= z.x, w += z.y) : u && o && (k += z.y, b += z.x, w -= z.y), Vn(this.annotation, v, k, b, w), this.emit(Kt, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
     m(this, "onMouseUp", () => {
       !this.isDragging || this.draggedHandle === W || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(It, this.annotation), this.isDragging = !1, this.draggedHandle = W);
@@ -1595,33 +1601,33 @@ class fr extends rn {
     });
     m(this, "onViewChanged", () => {
       const t = Math.max(2, this.handleSize / this.ogma.view.getZoom());
-      document.documentElement.style.setProperty("--handle-scale", `${1 / t}`);
+      document.documentElement.style.setProperty("--handle-scale", `${1 / t}`), this.ogma.view.getAngle() === 0 ? this.editor.element.classList.remove("rotated") : this.editor.element.classList.add("rotated");
     });
     m(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(ve, t), this.layer.refresh());
     });
     this.showeditorOnHover = !1, this.handleSize = Re.handleSize || r.textHandleSize, this.placeholder = Re.placeholder || r.textPlaceholder || "";
-    const s = this.textArea = this.editor.element.querySelector("textarea");
-    s.addEventListener("input", this._onInput), s.addEventListener("focus", this._onFocus), s.addEventListener("blur", this._onBlur), s.addEventListener("mousedown", this._onMousedown), s.spellcheck = !1, this.handles = Array.prototype.slice.call(
+    const o = this.textArea = this.editor.element.querySelector("textarea");
+    o.addEventListener("input", this._onInput), o.addEventListener("focus", this._onFocus), o.addEventListener("blur", this._onBlur), o.addEventListener("mousedown", this._onMousedown), o.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.push(this.editor.element), this.handles.forEach(
-      (h) => h.addEventListener("mousedown", this.onHandleMouseDown)
+      (l) => l.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 }, s = 0) {
-    const h = { x: t, y: r }, u = this.ogma.view.getAngle();
+  detect({ x: t, y: r }, o = 0) {
+    const l = { x: t, y: r }, u = this.ogma.view.getAngle();
     return this.elements.find((d) => {
-      const { x: g, y: f } = ct(d), { width: y, height: v } = ut(d), k = { x: g, y: f }, { x: b, y: w } = rt(wt(h, k), -u);
-      return b > -s && b < y + s && w > -s && w < v + s;
+      const { x: g, y: f } = ct(d), { width: y, height: v } = ut(d), k = { x: g, y: f }, { x: b, y: w } = rt(wt(l, k), -u);
+      return b > -o && b < y + o && w > -o && w < v + o;
     });
   }
   draw(t) {
     t.innerHTML = "";
-    const r = "", s = this.ogma.view.getAngle();
+    const r = "", o = this.ogma.view.getAngle();
     for (let u = 0; u < this.elements.length; u++) {
       const d = this.elements[u], g = `class${u}`, f = ut(d), y = ct(d);
       if (d.id === this.selectedId) continue;
@@ -1629,9 +1635,9 @@ class fr extends rn {
         color: k,
         fontSize: b,
         font: w,
-        strokeColor: $,
+        strokeColor: C,
         strokeWidth: E,
-        strokeType: C,
+        strokeType: $,
         background: N,
         borderRadius: D
       } = d.properties.style || _t, z = xt("g");
@@ -1639,20 +1645,20 @@ class fr extends rn {
       const R = xt("rect");
       D && (R.setAttribute("rx", `${D}`), R.setAttribute("ry", `${D}`));
       let dt = !1;
-      C && C !== "none" && (dt = !0, R.setAttribute("stroke", $ || "black"), R.setAttribute("stroke-width", `${E}`), C === "dashed" && R.setAttribute("stroke-dasharray", "5,5")), (N && N.length || dt) && (dt = !0, R.setAttribute("fill", N || "transparent")), dt && (R.setAttribute("width", `${f.width}`), R.setAttribute("height", `${f.height}`)), z.appendChild(R), dr(d, z);
-      const { x: Dt, y: Mt } = rt(y, -s);
+      $ && $ !== "none" && (dt = !0, R.setAttribute("stroke", C || "black"), R.setAttribute("stroke-width", `${E}`), $ === "dashed" && R.setAttribute("stroke-dasharray", "5,5")), (N && N.length || dt) && (dt = !0, R.setAttribute("fill", N || "transparent")), dt && (R.setAttribute("width", `${f.width}`), R.setAttribute("height", `${f.height}`)), z.appendChild(R), ur(d, z);
+      const { x: Dt, y: Mt } = rt(y, -o);
       z.setAttribute("transform", `translate(${Dt},${Mt})`), z.classList.add(g), z.setAttribute("data-annotation", `${d.id}`), z.setAttribute("data-annotation-type", "text"), t.appendChild(z);
     }
-    const h = xt("style");
-    h.innerHTML = r, t.firstChild && t.insertBefore(h, t.firstChild);
+    const l = xt("style");
+    l.innerHTML = r, t.firstChild && t.insertBefore(l, t.firstChild);
   }
   refreshDrawing() {
     const t = this.ogma.view.getAngle(), r = this.layer.element.children;
-    for (let s = 0; s < r.length; s++) {
-      const h = r[s];
-      if (!h.hasAttribute("data-annotation")) continue;
-      const u = h.getAttribute("data-annotation"), d = ct(this.getById(u)), { x: g, y: f } = rt(d, -t);
-      h.setAttribute("transform", `translate(${g},${f})`);
+    for (let o = 0; o < r.length; o++) {
+      const l = r[o];
+      if (!l.hasAttribute("data-annotation")) continue;
+      const u = l.getAttribute("data-annotation"), d = ct(this.getById(u)), { x: g, y: f } = rt(d, -t);
+      l.setAttribute("transform", `translate(${g},${f})`);
     }
   }
   getDefaultOptions() {
@@ -1660,20 +1666,20 @@ class fr extends rn {
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = ut(t), s = this.ogma.view.graphToScreenCoordinates(
+    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = ut(t), o = this.ogma.view.graphToScreenCoordinates(
       ct(t)
-    ), h = this.ogma.view.getZoom(), {
+    ), l = this.ogma.view.getZoom(), {
       font: u,
       fontSize: d,
       color: g,
       background: f,
       padding: y = 0
-    } = t.properties.style || _t, v = (d || 1) * h;
+    } = t.properties.style || _t, v = (d || 1) * l;
     this.textArea.value = t.properties.content;
     const k = this.editor.element.style;
-    k.transform = `translate(${s.x}px, ${s.y}px)translate(-50%, -50%)translate(${r.width / 2 * h}px, ${r.height / 2 * h}px)`, k.width = `${r.width * h}px`, k.height = `${r.height * h}px`;
+    k.transform = `translate(${o.x}px, ${o.y}px)translate(-50%, -50%)translate(${r.width / 2 * l}px, ${r.height / 2 * l}px)`, k.width = `${r.width * l}px`, k.height = `${r.height * l}px`;
     const b = this.textArea.style;
-    b.font = `${v} ${u}`, b.fontFamily = u || "sans-serif", b.fontSize = `${v}px`, b.padding = `${h * y}px`, b.lineHeight = `${v}px`, b.boxSizing = "border-box", b.color = g || "black", b.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    b.font = `${v} ${u}`, b.fontFamily = u || "sans-serif", b.fontSize = `${v}px`, b.padding = `${l * y}px`, b.lineHeight = `${v}px`, b.boxSizing = "border-box", b.color = g || "black", b.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.classList.add("noevents");
@@ -1682,61 +1688,61 @@ class fr extends rn {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class pr {
+class fr {
   constructor() {
     m(this, "links", {});
     m(this, "linksByTargetId", {});
     m(this, "linksByArrowId", {});
   }
-  add(l, t, r, s, h) {
-    const u = Qt(), d = l.id, g = {
+  add(h, t, r, o, l) {
+    const u = Qt(), d = h.id, g = {
       id: u,
       arrow: d,
       target: r,
-      targetType: s,
-      connectionPoint: h,
+      targetType: o,
+      connectionPoint: l,
       side: t
     };
-    return this.links[u] = g, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(u), this.linksByArrowId[d] || (this.linksByArrowId[d] = {}), this.linksByArrowId[d][t] = u, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
+    return this.links[u] = g, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(u), this.linksByArrowId[d] || (this.linksByArrowId[d] = {}), this.linksByArrowId[d][t] = u, h.properties.link = h.properties.link || {}, h.properties.link[t] = {
       id: r,
       side: t,
-      type: s,
-      magnet: h
+      type: o,
+      magnet: l
     }, this;
   }
-  arrowIsLinked(l, t) {
+  arrowIsLinked(h, t) {
     var r;
-    return !!((r = this.linksByArrowId[l]) != null && r[t]);
+    return !!((r = this.linksByArrowId[h]) != null && r[t]);
   }
   // remove the link between the arrow and the target by arrow id and side
-  remove(l, t) {
+  remove(h, t) {
     var d, g;
-    const r = l.id, s = (d = this.linksByArrowId[r]) == null ? void 0 : d[t];
-    if ((g = l.properties.link) == null || delete g[t], !s) return this;
-    const h = this.links[s];
-    delete this.links[s];
-    const u = this.linksByTargetId[h.target];
+    const r = h.id, o = (d = this.linksByArrowId[r]) == null ? void 0 : d[t];
+    if ((g = h.properties.link) == null || delete g[t], !o) return this;
+    const l = this.links[o];
+    delete this.links[o];
+    const u = this.linksByTargetId[l.target];
     for (let f = 0; f < u.length; f++)
-      if (u[f] === s) {
+      if (u[f] === o) {
         u.splice(f, 1);
         break;
       }
     return delete this.linksByArrowId[r][t], this;
   }
-  getArrowLink(l, t) {
-    var s;
-    const r = (s = this.linksByArrowId[l]) == null ? void 0 : s[t];
+  getArrowLink(h, t) {
+    var o;
+    const r = (o = this.linksByArrowId[h]) == null ? void 0 : o[t];
     return r ? this.links[r] : null;
   }
-  getTargetLinks(l, t) {
+  getTargetLinks(h, t) {
     var r;
-    return ((r = this.linksByTargetId[l]) == null ? void 0 : r.map((s) => this.links[s]).filter((s) => s.targetType === t)) ?? [];
+    return ((r = this.linksByTargetId[h]) == null ? void 0 : r.map((o) => this.links[o]).filter((o) => o.targetType === t)) ?? [];
   }
-  forEach(l) {
-    Object.values(this.links).forEach(l);
+  forEach(h) {
+    Object.values(this.links).forEach(h);
   }
 }
-const st = (a) => a.properties.type === "arrow", gt = (a) => a.properties.type === "text", Ve = (a) => a.type === "FeatureCollection", gr = {
+const st = (a) => a.properties.type === "arrow", gt = (a) => a.properties.type === "text", Ve = (a) => a.type === "FeatureCollection", pr = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -1761,7 +1767,7 @@ class vr extends nn {
     super();
     m(this, "arrows");
     m(this, "texts");
-    m(this, "links", new pr());
+    m(this, "links", new fr());
     m(this, "layer");
     m(this, "annotations");
     m(this, "ogma");
@@ -1776,31 +1782,31 @@ class vr extends nn {
       if (!this.dragged || this.textToMagnet === void 0) return;
       t.beginPath(), t.fillStyle = "green";
       const r = this.ogma.view.getZoom();
-      We.forEach((s) => {
+      We.forEach((o) => {
         if (!this.textToMagnet) return;
-        const h = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Wt(s, { x: h.width, y: h.height }), g = rt(d, this.ogma.view.getAngle()), { x: f, y } = St(g, u);
+        const l = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Wt(o, { x: l.width, y: l.height }), g = rt(d, this.ogma.view.getAngle()), { x: f, y } = St(g, u);
         t.moveTo(f, y), t.arc(f, y, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
     m(this, "_onFeatureDrag", (t, r) => {
-      const s = r;
-      if (st(t) && s === "line")
-        ["start", "end"].find((h) => {
-          const u = h === "start" ? zt(t) : Xt(t);
-          return this._snapToText(t, s, u) || this._findAndSnapToNode(t, h, u);
+      const o = r;
+      if (st(t) && o === "line")
+        ["start", "end"].find((l) => {
+          const u = l === "start" ? zt(t) : Xt(t);
+          return this._snapToText(t, o, u) || this._findAndSnapToNode(t, l, u);
         });
-      else if (st(t) && s !== "line") {
-        const h = s === "start" ? zt(t) : Xt(t);
-        this._snapToText(t, s, h) || this._findAndSnapToNode(t, s, h);
-      } else gt(t) && (this.activeLinks.forEach(({ arrow: h, side: u, connectionPoint: d }) => {
-        const g = this.getAnnotation(h), f = ut(t), y = ct(t), v = Wt(d, { x: f.width, y: f.height }), k = rt(v, this.ogma.view.getAngle()), b = St(k, y);
+      else if (st(t) && o !== "line") {
+        const l = o === "start" ? zt(t) : Xt(t);
+        this._snapToText(t, o, l) || this._findAndSnapToNode(t, o, l);
+      } else gt(t) && (this.activeLinks.forEach(({ arrow: l, side: u, connectionPoint: d }) => {
+        const g = this.getAnnotation(l), f = ut(t), y = ct(t), v = Wt(d, { x: f.width, y: f.height }), k = rt(v, this.ogma.view.getAngle()), b = St(k, y);
         g.geometry.coordinates[u === "start" ? 0 : 1] = [b.x, b.y];
       }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh(), this.emit(Kt, t, r);
     });
     m(this, "_onFeatureDragEnd", (t) => {
       this.dragged !== null && st(t) && zt(this.dragged) && Ue.forEach((r) => {
-        this.links.getArrowLink(t.id, r) && this.emit(ir, {
+        this.links.getArrowLink(t.id, r) && this.emit(rr, {
           arrow: t,
           link: this.links.getArrowLink(t.id, r)
         });
@@ -1808,24 +1814,24 @@ class vr extends nn {
     });
     m(this, "_onFeatureDragStart", (t) => {
       this.textToMagnet = void 0, st(t) ? this.dragged = t : gt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id, "text")), this.annotations.forEach((r) => {
-        const s = r.getSelectedFeature();
-        s && s !== t && r.unhover().unselect(), r.disableDetection();
+        const o = r.getSelectedFeature();
+        o && o !== t && r.unhover().unselect(), r.disableDetection();
       }), this.emit(Jt, t);
     });
     m(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     });
     m(this, "_onNodesDrag", (t) => {
-      const { dx: r, dy: s } = t;
-      this._moveNodes(t.nodes, r, s);
+      const { dx: r, dy: o } = t;
+      this._moveNodes(t.nodes, r, o);
     });
     m(this, "_onLayoutEnd", (t) => {
-      t.ids.forEach((r, s) => {
+      t.ids.forEach((r, o) => {
         this.links.getTargetLinks(r, "node").forEach((u) => {
           const d = this.getAnnotation(u.arrow), g = u.side, f = Vt(
             d,
             g === "start" ? "end" : "start"
-          ), y = t.positions.current[s], v = this.ogma.getNode(r).getAttribute("radius"), k = Ut(f, y, +v);
+          ), y = t.positions.current[o], v = this.ogma.getNode(r).getAttribute("radius"), k = Ut(f, y, +v);
           kt(d, g, k.x, k.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
@@ -1854,56 +1860,56 @@ class vr extends nn {
     m(this, "_onUpdate", (t) => {
       this.emit(ve, t);
     });
-    this.options = this.setOptions({ ...gr, ...r }), this.ogma = t, this.arrows = new ar(t, this.options), this.texts = new fr(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((s) => {
-      s.on(Jt, this._onFeatureDragStart).on(Kt, this._onFeatureDrag).on(It, this._onFeatureDragEnd).on(ve, this.onUpdate).on(ge, this._onUnselect).on(pe, this._onSelect).on(me, this._onAdded).on(ye, this._onRemoved);
+    this.options = this.setOptions({ ...pr, ...r }), this.ogma = t, this.arrows = new or(t, this.options), this.texts = new dr(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((o) => {
+      o.on(Jt, this._onFeatureDragStart).on(Kt, this._onFeatureDrag).on(It, this._onFeatureDragEnd).on(ve, this.onUpdate).on(ge, this._onUnselect).on(pe, this._onSelect).on(me, this._onAdded).on(ye, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
-  _moveNodes(t, r, s) {
-    t.forEach((h) => {
-      const u = this.links.getTargetLinks(h.getId(), "node"), d = h.getPosition();
+  _moveNodes(t, r, o) {
+    t.forEach((l) => {
+      const u = this.links.getTargetLinks(l.getId(), "node"), d = l.getPosition();
       u.forEach((g) => {
         const f = this.getAnnotation(g.arrow), y = g.side, v = Vt(
           f,
           y === "start" ? "end" : "start"
         );
         let k = d;
-        const b = +h.getAttribute("radius"), w = 1e-6;
-        (g.connectionPoint.x - (d.x - r) > w || g.connectionPoint.y - (d.y - s) > w) && (k = Ut(v, d, b)), kt(f, y, k.x, k.y);
+        const b = +l.getAttribute("radius"), w = 1e-6;
+        (g.connectionPoint.x - (d.x - r) > w || g.connectionPoint.y - (d.y - o) > w) && (k = Ut(v, d, b)), kt(f, y, k.x, k.y);
       });
     }), this.arrows.refreshLayer();
   }
-  _snapToText(t, r, s) {
-    const h = this.texts.detect(s, this.options.detectMargin);
-    if (this.links.remove(t, r), !h) return !1;
-    this.textToMagnet = h;
-    const u = this.findMagnetPoint(We, h, s);
-    return u ? (kt(t, r, u.point.x, u.point.y), this.links.add(t, r, h.id, "text", u.magnet), !0) : !1;
+  _snapToText(t, r, o) {
+    const l = this.texts.detect(o, this.options.detectMargin);
+    if (this.links.remove(t, r), !l) return !1;
+    this.textToMagnet = l;
+    const u = this.findMagnetPoint(We, l, o);
+    return u ? (kt(t, r, u.point.x, u.point.y), this.links.add(t, r, l.id, "text", u.magnet), !0) : !1;
   }
-  _findAndSnapToNode(t, r, s) {
+  _findAndSnapToNode(t, r, o) {
     var d, g;
-    const h = this.ogma.view.graphToScreenCoordinates(s), u = this.ogma.view.getElementAt(h);
-    this.links.remove(t, r), u && u.isNode ? ((d = this.hoveredNode) == null || d.setSelected(!1), this.hoveredNode = u, u.setSelected(!0), this._snapToNode(t, r, u, h)) : ((g = this.hoveredNode) == null || g.setSelected(!1), this.hoveredNode = null);
+    const l = this.ogma.view.graphToScreenCoordinates(o), u = this.ogma.view.getElementAt(l);
+    this.links.remove(t, r), u && u.isNode ? ((d = this.hoveredNode) == null || d.setSelected(!1), this.hoveredNode = u, u.setSelected(!0), this._snapToNode(t, r, u, l)) : ((g = this.hoveredNode) == null || g.setSelected(!1), this.hoveredNode = null);
   }
-  _snapToNode(t, r, s, h) {
-    const u = s.getPositionOnScreen(), d = +s.getAttribute("radius"), g = d * this.ogma.view.getZoom(), f = h.x - u.x, y = h.y - u.y, v = Math.sqrt(f * f + y * y), k = s.getPosition();
+  _snapToNode(t, r, o, l) {
+    const u = o.getPositionOnScreen(), d = +o.getAttribute("radius"), g = d * this.ogma.view.getZoom(), f = l.x - u.x, y = l.y - u.y, v = Math.sqrt(f * f + y * y), k = o.getPosition();
     if (v < g + this.options.detectMargin) {
       let b = k;
       if (v > g / 2) {
         const w = Vt(t, r === "end" ? "start" : "end");
         b = Ut(w, b, d);
       }
-      kt(t, r, b.x, b.y), this.links.add(t, r, s.getId(), "node", b);
+      kt(t, r, b.x, b.y), this.links.add(t, r, o.getId(), "node", b);
     }
   }
   refreshTextLinks() {
     let t = !1;
     this.links.forEach(
-      ({ connectionPoint: r, targetType: s, target: h, arrow: u, side: d }) => {
-        if (s !== "text") return;
+      ({ connectionPoint: r, targetType: o, target: l, arrow: u, side: d }) => {
+        if (o !== "text") return;
         t = !0;
-        const g = this.getAnnotation(h), f = this.getAnnotation(u), y = ut(g), v = ct(g), k = Wt(r, { x: y.width, y: y.height }), b = rt(k, this.ogma.view.getAngle()), w = St(b, v);
+        const g = this.getAnnotation(l), f = this.getAnnotation(u), y = ut(g), v = ct(g), k = Wt(r, { x: y.width, y: y.height }), b = rt(k, this.ogma.view.getAngle()), w = St(b, v);
         kt(f, d, w.x, w.y);
       }
     ), t && this.arrows.refreshLayer();
@@ -1914,24 +1920,24 @@ class vr extends nn {
   getSelected() {
     return this.selected;
   }
-  findMagnetPoint(t, r, s) {
-    let h;
+  findMagnetPoint(t, r, o) {
+    let l;
     for (const u of t) {
-      const d = ut(r), g = ct(r), f = Wt(u, { x: d.width, y: d.height }), y = rt(f, this.ogma.view.getAngle()), v = St(y, g), k = Tt(wt(v, s)), b = Math.min(
+      const d = ut(r), g = ct(r), f = Wt(u, { x: d.width, y: d.height }), y = rt(f, this.ogma.view.getAngle()), v = St(y, g), k = Tt(wt(v, o)), b = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
         d.width / 2,
         d.height / 2
       );
       if (k < Math.max(b, this.options.magnetHandleRadius)) {
-        h = {
+        l = {
           point: v,
           magnet: u
         };
         break;
       }
     }
-    return h;
+    return l;
   }
   /**
    * Set the options for the controller
@@ -1949,7 +1955,7 @@ class vr extends nn {
    * @param id the id of the annotation to select
    */
   select(t) {
-    const r = this.getAnnotations().features.find((s) => s.id === t);
+    const r = this.getAnnotations().features.find((o) => o.id === t);
     return r ? (st(r) ? this.arrows.select(r.id) : gt(r) && this.texts.select(r.id), this) : this;
   }
   /**
@@ -1964,11 +1970,11 @@ class vr extends nn {
    */
   add(t) {
     if (Ve(t)) {
-      const [r, s] = t.features.reduce(
-        (h, u) => (st(u) ? h[1].push(u) : gt(u) && h[0].push(u), h),
+      const [r, o] = t.features.reduce(
+        (l, u) => (st(u) ? l[1].push(u) : gt(u) && l[0].push(u), l),
         [[], []]
       );
-      return r.forEach((h) => this.add(h)), s.forEach((h) => this.add(h)), this.arrows.refreshLayer(), this;
+      return r.forEach((l) => this.add(l)), o.forEach((l) => this.add(l)), this.arrows.refreshLayer(), this;
     }
     switch (t.properties.type) {
       case "text":
@@ -1993,15 +1999,15 @@ class vr extends nn {
   loadLink(t) {
     if (t.properties.link)
       for (const r of Ue) {
-        const s = t.properties.link[r];
-        if (!s) continue;
-        const h = this.getAnnotation(s.id);
-        if (s.type === "text" && h)
-          this.links.add(t, r, s.id, s.type, s.magnet);
-        else if (s.type === "node") {
-          const u = this.ogma.getNode(s.id);
+        const o = t.properties.link[r];
+        if (!o) continue;
+        const l = this.getAnnotation(o.id);
+        if (o.type === "text" && l)
+          this.links.add(t, r, o.id, o.type, o.magnet);
+        else if (o.type === "node") {
+          const u = this.ogma.getNode(o.id);
           if (!u) continue;
-          this.links.add(t, r, s.id, s.type, s.magnet);
+          this.links.add(t, r, o.id, o.type, o.magnet);
           const d = u.getPosition(), g = u.getAttribute("radius") || 0, f = Vt(
             t,
             r === "start" ? "end" : "start"
@@ -2016,8 +2022,8 @@ class vr extends nn {
    * @param y coord of the first point
    * @param arrow The arrow to add
    */
-  startArrow(t, r, s) {
-    this.cancelDrawing(), this.arrows.startDrawing(t, r, s);
+  startArrow(t, r, o) {
+    this.cancelDrawing(), this.arrows.startDrawing(t, r, o);
   }
   /**
    * Start adding a text (add it, and give control to the user)
@@ -2025,14 +2031,14 @@ class vr extends nn {
    * @param y coord of the top left point
    * @param text The text to add
    */
-  startText(t, r, s) {
-    this.cancelDrawing(), this.texts.startDrawing(t, r, s);
+  startText(t, r, o) {
+    this.cancelDrawing(), this.texts.startDrawing(t, r, o);
   }
   /**
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(rr);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(nr);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2040,15 +2046,14 @@ class vr extends nn {
    * @param style The new style
    */
   updateStyle(t, r) {
-    const s = this.getAnnotations().features.find((h) => h.id === t);
-    return s ? (st(s) ? this.arrows.updateStyle(s, r) : gt(s) && this.texts.updateStyle(s, r), this.onUpdate(s), this) : this;
+    const o = this.getAnnotations().features.find((l) => l.id === t);
+    return o ? (st(o) ? this.arrows.updateStyle(o, r) : gt(o) && this.texts.updateStyle(o, r), this.onUpdate(o), this) : this;
   }
-  setScale(t, r, s, h) {
+  setScale(t, r, o, l) {
     const u = this.getAnnotations().features.find((d) => d.id === t);
-    return u ? (st(u) ? this.arrows.scale(u, r, s, h) : gt(u) && this.texts.scale(u, r, s, h), this.onUpdate(u), this) : this;
+    return u ? (st(u) ? this.arrows.scale(u, r, o, l) : gt(u) && this.texts.scale(u, r, o, l), this.onUpdate(u), this) : this;
   }
   /**
-   *
    * @returns the annotations in the controller
    */
   getAnnotations() {
@@ -2076,33 +2081,33 @@ class vr extends nn {
   }
 }
 export {
-  ar as Arrows,
+  or as Arrows,
   vr as Control,
   me as EVT_ADD,
-  rr as EVT_CANCEL_DRAWING,
+  nr as EVT_CANCEL_DRAWING,
   Kt as EVT_DRAG,
   It as EVT_DRAG_END,
   Jt as EVT_DRAG_START,
-  er as EVT_HOVER,
-  ir as EVT_LINK,
+  tr as EVT_HOVER,
+  rr as EVT_LINK,
   ye as EVT_REMOVE,
   pe as EVT_SELECT,
-  nr as EVT_UNHOVER,
+  er as EVT_UNHOVER,
   ge as EVT_UNSELECT,
   ve as EVT_UPDATE,
   W as NONE,
-  fr as Texts,
+  dr as Texts,
   fe as clientToContainerPosition,
-  Gn as colorToRgba,
+  mr as colorToRgba,
   qn as createArrow,
   xt as createSVGElement,
-  lr as createText,
+  ar as createText,
   Oe as defaultArrowOptions,
   Nt as defaultArrowStyle,
   Re as defaultControllerOptions,
   ce as defaultTextOptions,
   _t as defaultTextStyle,
-  mr as getAnnotationsBounds,
+  yr as getAnnotationsBounds,
   Xt as getArrowEnd,
   Zt as getArrowEndPoints,
   Vt as getArrowSide,
@@ -2112,12 +2117,12 @@ export {
   Ge as getTextBbox,
   ct as getTextPosition,
   ut as getTextSize,
-  Yn as hexShortToLong,
-  Xn as hexToRgba,
+  Gn as hexShortToLong,
+  Yn as hexToRgba,
   Ve as isAnnotationCollection,
   st as isArrow,
   gt as isText,
-  Zn as rgbToRgba,
+  Xn as rgbToRgba,
   Wn as scaleGeometry,
   Xe as setArrowEnd,
   kt as setArrowEndPoint,