@linkurious/ogma-annotations 1.1.14 → 1.1.15

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var $n = Object.defineProperty;
-var zn = (a, l, t) => l in a ? $n(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
-var m = (a, l, t) => (zn(a, typeof l != "symbol" ? l + "" : l, t), t);
-let Kt = (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 zn = (a, h, t) => h in a ? $n(a, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[h] = t;
+var m = (a, h, t) => (zn(a, typeof h != "symbol" ? h + "" : h, t), t);
+let Kt = (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 zt = {
   strokeType: "plain",
   strokeColor: "black",
@@ -34,7 +34,7 @@ const zt = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, Nn = (a = 0, l = 0, t = 0, r = 0, o = { ...zt }) => ({
+}, Nn = (a = 0, h = 0, t = 0, r = 0, o = { ...zt }) => ({
   id: Kt(),
   type: "Feature",
   properties: {
@@ -47,7 +47,7 @@ const zt = {
   geometry: {
     type: "LineString",
     coordinates: [
-      [a, l],
+      [a, h],
       [t, r]
     ]
   }
@@ -59,59 +59,59 @@ function qe(a) {
   return a.geometry.bbox || Fn(a), a.geometry.bbox;
 }
 function ut(a) {
-  const l = qe(a);
+  const h = qe(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 = qe(a);
-  return { x: l[0], y: l[1] };
+  const h = qe(a);
+  return { x: h[0], y: h[1] };
 }
 function Fn(a) {
-  const [l, t] = a.geometry.coordinates[0][0], [r, o] = a.geometry.coordinates[0][2];
-  a.geometry.bbox = [l, t, r, o];
+  const [h, t] = a.geometry.coordinates[0][0], [r, o] = a.geometry.coordinates[0][2];
+  a.geometry.bbox = [h, t, r, o];
 }
-function Bn(a, l, t, r, o) {
-  a.geometry.bbox = [l, t, l + r, t + o], a.geometry.coordinates = [
+function Bn(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 + o],
-      [l, t + o],
-      [l, t]
+      [h, t],
+      [h + r, t],
+      [h + r, t + o],
+      [h, t + o],
+      [h, t]
     ]
   ];
 }
 function $t(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 Rt(a, l) {
-  const [t, r] = a.geometry.coordinates[l === "start" ? 0 : 1];
+function Rt(a, h) {
+  const [t, r] = a.geometry.coordinates[h === "start" ? 0 : 1];
   return { x: t, y: r };
 }
-function Gt(a) {
-  const [l, t] = a.geometry.coordinates[1];
-  return { x: l, y: t };
+function Wt(a) {
+  const [h, t] = a.geometry.coordinates[1];
+  return { x: h, y: t };
 }
-function Re(a, l, t) {
-  a.geometry.coordinates[0] = [l, t];
+function Re(a, h, t) {
+  a.geometry.coordinates[0] = [h, t];
 }
-function Ve(a, l, t) {
-  a.geometry.coordinates[1] = [l, t];
+function Ve(a, h, t) {
+  a.geometry.coordinates[1] = [h, t];
 }
 function Yt(a) {
-  return { start: $t(a), end: Gt(a) };
+  return { start: $t(a), end: Wt(a) };
 }
-function At(a, l, t, r) {
-  l === "start" ? Re(a, t, r) : Ve(a, t, r);
+function At(a, h, t, r) {
+  h === "start" ? Re(a, t, r) : Ve(a, t, r);
 }
 const Ue = (a) => parseInt(a.getAttribute("data-handle-id") || "-1");
-function ii(a) {
-  return Wt(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),
+function si(a) {
+  return Gt(a).reduce(
+    (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,
@@ -120,103 +120,119 @@ function ii(a) {
     ]
   );
 }
-function Wt(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) {
+function jn(a) {
+  return Array.isArray(a) && a.length === 2 && a.every(isFinite);
+}
+function qn(a, h, t, r) {
+  for (let o = 0; o < a.coordinates.length; o++) {
+    const l = a.coordinates[o];
+    if (jn(l))
+      l[0] = t + (l[0] - t) * h, l[1] = r + (l[1] - r) * h;
+    else
+      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 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((o, h) => o.concat(h), [])),
+  }, []) : a.type == "MultiPolygon" ? h = a.coordinates.reduce(
+    (t, r) => t.concat(r.reduce((o, l) => o.concat(l), [])),
     []
-  ) : a.type == "Feature" ? l = Wt(a.geometry) : a.type == "GeometryCollection" ? l = a.geometries.reduce(
-    (t, r) => t.concat(Wt(r)),
+  ) : 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(
-    (t, r) => t.concat(Wt(r)),
+  ) : a.type == "FeatureCollection" && (h = a.features.reduce(
+    (t, r) => t.concat(Gt(r)),
     []
-  )), l;
+  )), h;
 }
-function Vt(a, l, t) {
-  const r = Math.atan2(a.y - l.y, a.x - l.x);
+function Vt(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 ue(a, l) {
-  if (!l)
+function ue(a, h) {
+  if (!h)
     return { x: a.clientX, y: a.clientY };
-  const t = l.getBoundingClientRect();
+  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
   };
 }
-const vt = (a, l) => ({
-  x: a.x - l.x,
-  y: a.y - l.y
-}), kt = (a) => Math.sqrt(a.x * a.x + a.y * a.y), We = (a) => ({
+const vt = (a, h) => ({
+  x: a.x - h.x,
+  y: a.y - h.y
+}), kt = (a) => Math.sqrt(a.x * a.x + a.y * a.y), Ge = (a) => ({
   x: -a.x,
   y: -a.y
-}), Ge = (a) => {
-  const l = kt(a);
-  return l === 0 ? { x: 0, y: 0 } : {
-    x: a.x / l,
-    y: a.y / l
+}), We = (a) => {
+  const h = kt(a);
+  return h === 0 ? { x: 0, y: 0 } : {
+    x: a.x / h,
+    y: a.y / h
   };
-}, Et = (a, l) => ({
-  x: a.x + l.x,
-  y: a.y + l.y
-}), Ye = (a, l) => ({
-  x: a.x * l,
-  y: a.y * l
-}), Ut = (a, l) => ({
-  x: a.x * l.x,
-  y: a.y * l.y
-}), rt = (a, l) => {
-  const t = Math.sin(l), r = Math.cos(l);
+}, Et = (a, h) => ({
+  x: a.x + h.x,
+  y: a.y + h.y
+}), Ye = (a, h) => ({
+  x: a.x * h,
+  y: a.y * h
+}), Ut = (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
   };
-}, jn = (a, l) => ({
-  x: a.x / l,
-  y: a.y / l
-}), Oe = (a, l) => a.x * l.x + a.y * l.y;
-function Xe(a, l = 5, t = 30) {
+}, Rn = (a, h) => ({
+  x: a.x / h,
+  y: a.y / h
+}), Oe = (a, h) => a.x * h.x + a.y * h.y;
+function Xe(a, h = 5, t = 30) {
   var d;
-  const { start: r, end: o } = Yt(a), h = vt(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, kt(h) * 0.1, l));
+  const { start: r, end: o } = Yt(a), l = vt(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, kt(l) * 0.1, h));
 }
-function Le(a, l, t, r) {
-  const o = Ye(We(Ge(l)), r);
+function Le(a, h, t, r) {
+  const o = Ye(Ge(We(h)), r);
   if (!t || t === "none")
     return "";
-  const h = Et(a, rt(o, Math.PI / 8)), u = Et(a, rt(o, -Math.PI / 8)), 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 = Et(a, rt(o, Math.PI / 8)), u = Et(a, rt(o, -Math.PI / 8)), 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, o) {
-  const { start: h, end: u } = Yt(a), { tail: d, head: g, strokeColor: f, strokeWidth: y } = a.properties.style || t, v = vt(u, h), T = Xe(a, r, o), A = Pt("path");
+function Vn(a, h, t, r, o) {
+  const { start: l, end: u } = Yt(a), { tail: d, head: g, strokeColor: f, strokeWidth: y } = a.properties.style || t, v = vt(u, l), T = Xe(a, r, o), A = Pt("path");
   A.setAttribute("data-annotation", `${a.id}`), A.setAttribute("data-annotation-type", "arrow");
   const b = g === "arrow-plain" || d === "arrow";
   A.setAttribute("stroke", f || "none"), A.setAttribute("stroke-width", `${y}`), A.setAttribute("fill", b ? f || "" : "none"), A.setAttribute("stroke-linecap", "round"), A.setAttribute("stroke-linejoin", "round");
-  const C = Le(h, We(v), d, T), E = Le(u, v, g, T), $ = C + `M ${h.x} ${h.y} ${u.x} ${u.y}` + E;
-  A.setAttribute("d", $), l.appendChild(A);
+  const C = Le(l, Ge(v), d, T), E = Le(u, v, g, T), $ = C + `M ${l.x} ${l.y} ${u.x} ${u.y}` + E;
+  A.setAttribute("d", $), h.appendChild(A);
 }
-const V = -1, Xt = "dragging", Zt = "dragstart", Tt = "dragend", de = "select", fe = "unselect", Rn = "hover", Vn = "unhover", pe = "remove", ge = "add", Un = "cancelDrawing", ye = "update", Wn = "link";
-var Gn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+const V = -1, Xt = "dragging", Zt = "dragstart", Tt = "dragend", de = "select", fe = "unselect", Un = "hover", Gn = "unhover", pe = "remove", ge = "add", Wn = "cancelDrawing", ye = "update", Yn = "link";
+var Xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ze(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var Ke = { exports: {} };
 (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 o(g, f, y) {
     this.fn = g, this.context = f, this.once = y || !1;
   }
-  function h(g, f, y, v, T) {
+  function l(g, f, y, v, T) {
     if (typeof y != "function")
       throw new TypeError("The listener must be a function");
     var A = new o(y, v || g, T), b = t ? t + f : f;
@@ -233,7 +249,7 @@ var Ke = { exports: {} };
     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];
@@ -271,8 +287,8 @@ var Ke = { exports: {} };
         N[_ - 1] = arguments[_];
       E.fn.apply(E.context, N);
     } else {
-      var W = E.length, G;
-      for (_ = 0; _ < W; _++)
+      var G = E.length, W;
+      for (_ = 0; _ < G; _++)
         switch (E[_].once && this.removeListener(f, E[_].fn, void 0, !0), $) {
           case 1:
             E[_].fn.call(E[_].context);
@@ -288,16 +304,16 @@ var Ke = { exports: {} };
             break;
           default:
             if (!N)
-              for (G = 1, N = new Array($ - 1); G < $; G++)
-                N[G - 1] = arguments[G];
+              for (W = 1, N = new Array($ - 1); W < $; W++)
+                N[W - 1] = arguments[W];
             E[_].fn.apply(E[_].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, T) {
     var A = t ? t + f : f;
     if (!this._events[A])
@@ -318,8 +334,8 @@ var Ke = { exports: {} };
     return f ? (y = t ? t + f : f, this._events[y] && u(this, y)) : (this._events = new r(), this._eventsCount = 0), this;
   }, d.prototype.off = d.prototype.removeListener, d.prototype.addListener = d.prototype.on, d.prefixed = t, d.EventEmitter = d, a.exports = d;
 })(Ke);
-var Yn = Ke.exports;
-const Je = /* @__PURE__ */ Ze(Yn);
+var Zn = Ke.exports;
+const Je = /* @__PURE__ */ Ze(Zn);
 class Qe extends Je {
   constructor(t, r) {
     super();
@@ -387,6 +403,12 @@ class Qe extends Je {
       geometry: r
     });
   }
+  scale(t, r, o, l) {
+    this.updateGeometry(
+      t,
+      qn(t.geometry, r, o, l)
+    );
+  }
   /**
    * @method update
    * Updates an annotation (position, color etc)
@@ -401,9 +423,9 @@ class Qe extends Je {
     if (!t)
       return;
     const o = t.id;
-    Object.keys(r).forEach((h) => {
-      if (h !== "id")
-        if (h === "properties") {
+    Object.keys(r).forEach((l) => {
+      if (l !== "id")
+        if (l === "properties") {
           const u = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
@@ -414,18 +436,18 @@ class Qe extends Je {
             }
           };
         } else
-          h === "geometry" ? t.geometry = {
+          l === "geometry" ? t.geometry = {
             ...t.geometry,
             ...r.geometry
-          } : t[h] = r[h];
+          } : t[l] = r[l];
     }), o === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(t) {
     const r = Number(t);
     for (let o = 0; o < this.elements.length; o++) {
-      const h = this.elements[o];
-      if (!(h.id !== t && h.id !== r))
-        return h;
+      const l = this.elements[o];
+      if (!(l.id !== t && l.id !== r))
+        return l;
     }
   }
   /**
@@ -439,7 +461,7 @@ class Qe extends Je {
   }
   hover(t) {
     const r = this.getById(t);
-    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Rn, r));
+    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Un, r));
   }
   getSelectedFeature() {
     return this.selectedId === V ? null : this.getById(this.selectedId);
@@ -450,7 +472,7 @@ class Qe extends Je {
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit(Vn, t), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(Gn, t), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -510,7 +532,7 @@ class Qe extends Je {
   }
 }
 const Ce = "handle-line", Pe = "handle-start", $e = "handle-end";
-class Xn extends Qe {
+class Kn extends Qe {
   constructor(t, r = {}) {
     super(
       t,
@@ -536,8 +558,8 @@ class Xn extends Qe {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!r)
         return;
-      const { x: o, y: h } = ue(t, this.ogma.getContainer());
-      this.startDragging(r, o, h), this.draggedHandle = Ue(t.target);
+      const { x: o, y: l } = ue(t, this.ogma.getContainer());
+      this.startDragging(r, o, l), this.draggedHandle = Ue(t.target);
     });
     m(this, "onMouseUp", () => {
       this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V, this.emit(Tt, this.arrow));
@@ -545,14 +567,14 @@ class Xn extends Qe {
     m(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === V)
         return;
-      const r = this.handles[this.draggedHandle], o = this.ogma.view.getAngle(), { x: h, y: u } = rt(
-        jn(
+      const r = this.handles[this.draggedHandle], o = this.ogma.view.getAngle(), { x: l, y: u } = rt(
+        Rn(
           { x: t.clientX - this.startX, y: t.clientY - this.startY },
           this.ogma.view.getZoom()
         ),
         o
       ), d = r.id === Ce, g = r.id === Pe, f = r.id === $e;
-      (d || g) && Re(this.arrow, this.start.x + h, this.start.y + u), (d || f) && Ve(this.arrow, this.end.x + h, this.end.y + u), this.emit(
+      (d || g) && Re(this.arrow, this.start.x + l, this.start.y + u), (d || f) && Ve(this.arrow, this.end.x + l, this.end.y + u), this.emit(
         Xt,
         this.arrow,
         d ? "line" : g ? "start" : "end"
@@ -573,42 +595,42 @@ class Xn extends Qe {
   startDrawing(t, r, o = Nn(t, r, t, r, zt)) {
     var d;
     this.disableDragging(), this.add(o), this.hoveredId = o.id;
-    const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), u = ((d = this.ogma.getContainer()) == null ? void 0 : d.getBoundingClientRect()) || {
+    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(o.id),
-      h.x + (u == null ? void 0 : u.left),
-      h.y + u.top
+      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(Tt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V);
   }
   startDragging(t, r, o) {
-    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = o, this.start = $t(this.arrow), this.end = Gt(this.arrow), this.disableDragging(), this.emit(Zt, this.arrow), this.isDragging = !0;
+    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = o, this.start = $t(this.arrow), this.end = Wt(this.arrow), this.disableDragging(), this.emit(Zt, this.arrow), this.isDragging = !0;
   }
   detect(t, r = 0) {
     return this.elements.find((o) => {
-      const { start: h, end: u } = Yt(o), d = vt(t, {
-        x: (h.x + u.x) / 2,
-        y: (h.y + u.y) / 2
-      }), g = vt(u, h), f = kt(g), y = Ge(g), v = Xe(o);
+      const { start: l, end: u } = Yt(o), d = vt(t, {
+        x: (l.x + u.x) / 2,
+        y: (l.y + u.y) / 2
+      }), g = vt(u, l), f = kt(g), y = We(g), v = Xe(o);
       return Math.abs(Oe(y, d)) < f / 2 + r && Math.abs(Oe(rt(y, Math.PI / 2), d)) < v / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Yt(t), o = this.ogma.view.graphToScreenCoordinates(r.start), h = this.ogma.view.graphToScreenCoordinates(r.end), [u, d, g] = Array.prototype.slice.call(
+    const t = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Yt(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(${o.x}px, ${o.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 + o.x) / 2,
-      y: (h.y + o.y) / 2
-    }, y = vt(h, o), v = Ye(y, 1 / kt(y)), T = Math.atan2(v.y, v.x);
+      x: (l.x + o.x) / 2,
+      y: (l.y + o.y) / 2
+    }, y = vt(l, o), v = Ye(y, 1 / kt(y)), T = Math.atan2(v.y, v.x);
     u.style.width = `${kt(y)}px`, u.style.left = `${f.x}px`, u.style.top = `${f.y}px`, u.style.transform = `translate(-50%, -50%) rotate(${T}rad)`;
   }
   getDefaultOptions() {
@@ -618,12 +640,12 @@ class Xn extends Qe {
     t.innerHTML = "";
     const r = Pt("g"), o = this.ogma.view.getAngle();
     r.setAttribute("transform", `rotate(${-o * (180 / Math.PI)})`), this.elements.forEach(
-      (h) => qn(h, r, zt, this.minArrowHeight, this.maxArrowHeight)
+      (l) => Vn(l, r, zt, this.minArrowHeight, this.maxArrowHeight)
     ), t.appendChild(r);
   }
   refreshDrawing() {
     const t = this.ogma.view.getAngle();
-    this.layer.element.children[0].setAttribute(
+    this.layer.element !== null && this.layer.element.children[0].setAttribute(
       "transform",
       `rotate(${-t * (180 / Math.PI)})`
     );
@@ -665,32 +687,32 @@ const St = {
 }, ze = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, Zn = (a = 0, l = 0, t = 100, r = 50, o = "", h = { ...St }) => ({
+}, Jn = (a = 0, h = 0, t = 100, r = 50, o = "", l = { ...St }) => ({
   id: Kt(),
   type: "Feature",
   properties: {
     type: "text",
     content: o,
-    style: { ...St, ...h }
+    style: { ...St, ...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 tn = { exports: {} };
-(function(a, l) {
+(function(a, h) {
   (function(t, r) {
     a.exports = r();
-  })(Gn, () => (() => {
+  })(Xn, () => (() => {
     var t = { d: (e, n) => {
       for (var s in n)
         t.o(n, s) && !t.o(e, s) && Object.defineProperty(e, s, { enumerable: !0, get: n[s] });
@@ -703,14 +725,14 @@ var tn = { exports: {} };
       }, o(e);
     }
     t.d(r, { default: () => Cn });
-    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 = "", 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 T = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: v, valueOf: v };
     function A(e) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = h.exec(e);
+      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;
@@ -754,7 +776,7 @@ var tn = { exports: {} };
       }
       return e.length * E[n].size;
     }), N = {}, _ = { trim: !0, collapse: !0 };
-    function W(e, n, s) {
+    function G(e, n, s) {
       var i = Object.assign({}, _, s), c = String(e);
       if (!c)
         return 0;
@@ -764,12 +786,12 @@ var tn = { exports: {} };
       }
       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 G(e) {
-      return G = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function W(e) {
+      return W = 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;
-      }, G(e);
+      }, W(e);
     }
     function _t(e, n) {
       if (typeof n != "function" && n !== null)
@@ -805,7 +827,7 @@ var tn = { exports: {} };
       };
     }
     function en(e, n) {
-      if (n && (G(n) === "object" || typeof n == "function"))
+      if (n && (W(n) === "object" || typeof n == "function"))
         return n;
       if (n !== void 0)
         throw new TypeError("Derived constructors may only return object or undefined");
@@ -828,17 +850,17 @@ var tn = { exports: {} };
       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, w) {
-          if (G(p) !== "object" || p === null)
+          if (W(p) !== "object" || p === null)
             return p;
           var x = p[Symbol.toPrimitive];
           if (x !== void 0) {
             var k = x.call(p, w);
-            if (G(k) !== "object")
+            if (W(k) !== "object")
               return k;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(p);
-        }(i.key, "string"), G(c) === "symbol" ? c : String(c)), i);
+        }(i.key, "string"), W(c) === "symbol" ? c : String(c)), i);
       }
       var c;
     }
@@ -872,7 +894,7 @@ var tn = { exports: {} };
         return Ht(this, s), n.apply(this, arguments);
       }
       return Ft(s);
-    }(F), pt = function(e) {
+    }(F), gt = function(e) {
       _t(s, e);
       var n = Jt(s);
       function s() {
@@ -887,7 +909,7 @@ var tn = { exports: {} };
         var S = Qt.test(p), M = Qt.test(s), O = M || S, I = void 0;
         if ((sn.test(s) && !ve.test(p) || rn.test(p + i) && !ve.test(s)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((I = Qt.test(e.charAt(x - 2))) && !M && (O = !1), !I && nn.test(s + i) && (O = !0)), O) {
           var L = e.slice(w, x);
-          /\u00AD$/.test(L) ? (c.push(new F(L.slice(0, -1))), c.push(new pt())) : (c.push(new F(L)), c.push(new Dt())), w = x;
+          /\u00AD$/.test(L) ? (c.push(new F(L.slice(0, -1))), c.push(new gt())) : (c.push(new F(L)), c.push(new Dt())), w = x;
         }
         p = s;
       }
@@ -980,8 +1002,8 @@ var tn = { exports: {} };
     }
     function Ee(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 = W(i, i.font), p += i.width) : e.pop(), p -= c;
-      e[e.length - 1] instanceof pt && e.pop(), i = e[e.length - 1] || i || {}, s.font = b(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);
+        c = (i = e[e.length - 1]).width, i.width > s.width ? (i.value = i.value.slice(0, -1), i.width = G(i, i.font), p += i.width) : e.pop(), p -= c;
+      e[e.length - 1] instanceof gt && e.pop(), i = e[e.length - 1] || i || {}, s.font = b(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 xt(e) {
       return Math.round(1e6 * e) / 1e6;
@@ -1026,17 +1048,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         w === "right" ? j = O : w === "center" && (j = O / 2);
         for (var H = [], Q = "tspan", Y = null, q = "", D = function() {
           if (q) {
-            var gt = x(Q, Y, q);
-            H.push(gt);
+            var yt = x(Q, Y, q);
+            H.push(yt);
           }
           Q = "tspan", Y = null, q = "";
         }, nt = 0, tt = e.length; nt < tt; nt++) {
-          var at = "", dt = "", st = 0, lt = e[nt];
+          var at = "", dt = "", ot = 0, lt = e[nt];
           if (lt.length) {
             H = [];
             for (var wt = 0, Lt = 0, ht = void 0, X = 0, jt = lt.length; X < jt; X++) {
               var R = lt[X], Z = R.font;
-              R.whitespace && wt++, Lt += R.width, X && !R.tracking && !st && ee(Z.id, at) && ee(R.class, dt) && ee(ht, R.href) ? q += R.value : (D(), q = R.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: R.class || null }, st && (Y.dx = xt(st), st = 0), R.tracking && (st = Z.size * R.tracking), R.href && !ht ? (ht = R.href, Q = "a", Y.href = ht, Y.rel = R.rel, Y.target = R.target) : ht = null, at = Z.id, dt = R.class);
+              R.whitespace && wt++, Lt += R.width, X && !R.tracking && !ot && ee(Z.id, at) && ee(R.class, dt) && ee(ht, R.href) ? q += R.value : (D(), q = R.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: R.class || null }, ot && (Y.dx = xt(ot), ot = 0), R.tracking && (ot = Z.size * R.tracking), R.href && !ht ? (ht = R.href, Q = "a", Y.href = ht, Y.rel = R.rel, Y.target = R.target) : ht = null, at = Z.id, dt = R.class);
             }
             if (D(), I)
               s.push.apply(s, ke(H));
@@ -1068,8 +1090,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           M && B.length > 1 && !Y && (Q = (k - H) / j), B.forEach(function(q) {
             s.font = q.font;
             var D = q.font, nt = D.baseline ? p * -D.baseline + 0.15 * p : 0;
-            s.fillStyle = function(dt, st) {
-              return dt.color ? dt.color : st.href ? "#00C" : "#000";
+            s.fillStyle = function(dt, ot) {
+              return dt.color ? dt.color : ot.href ? "#00C" : "#000";
             }(D, q);
             var tt = 0;
             if (S === "right" ? tt += k - H : S === "center" ? tt += k / 2 - H / 2 : S === "justify" && (q.whitespace || q instanceof et) && (z += Q), s.fillText(q.value, z + tt, P + nt), q.href) {
@@ -1150,10 +1172,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             return [];
           for (var P = 0, j = 0, H = 0, Q = [], Y = [], q = !1; P < k.length && j < z; ) {
             var D = k[P], nt = An(D, M);
-            if (D.width = W(D, nt), D.font = nt, D.line = j, D.whitespace = D.value in C, D.value && (D.value = D.value.replace(bn, " ")), !(!H && D.whitespace || q && D.whitespace))
+            if (D.width = G(D, nt), D.font = nt, D.line = j, D.whitespace = D.value in C, D.value && (D.value = D.value.replace(bn, " ")), !(!H && D.whitespace || q && D.whitespace))
               if (D instanceof et)
                 H = 0, Y = [], Q.push(P + 1), j++;
-              else if (D instanceof Dt || D instanceof pt)
+              else if (D instanceof Dt || D instanceof gt)
                 Y.push({ index: P, width: H });
               else if (D.whitespace || H + D.width < I(j))
                 H += D.width;
@@ -1161,8 +1183,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 var tt = void 0, at = void 0;
                 do {
                   at = !0, tt = Y.pop();
-                  var dt = k[tt.index], st = void 0;
-                  dt instanceof pt && (st = W("-", dt.font), tt.width + st > I(j) && (at = !Y.length));
+                  var dt = k[tt.index], ot = void 0;
+                  dt instanceof gt && (ot = G("-", dt.font), tt.width + ot > I(j) && (at = !Y.length));
                 } while (!at);
                 Q.push(tt.index + 1), H = 0, j++, P = tt.index, Y = [];
               } else if (B === "break-word") {
@@ -1170,7 +1192,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 if (H + D.width > lt) {
                   var wt = D.clone();
                   do
-                    D.value = D.value.slice(0, -1), D.width = W(D, D.font), H += D.width;
+                    D.value = D.value.slice(0, -1), D.width = G(D, D.font), H += D.width;
                   while (D.value && D.width > lt);
                   wt.value = wt.value.slice(D.value.length), k.splice(P + 1, 0, new Dt(), wt);
                 }
@@ -1180,13 +1202,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             P++, q = D.whitespace;
           }
           P !== Q[Q.length - 1] && Q.push(P);
-          var Lt = 0, ht = 0, X = Q.map(function(gt) {
-            for (var K, yt = Lt; (K = k[yt]) && (K.whitespace || !K.value); )
-              yt++;
-            for (var ft = gt, oe = null; ft > yt && (K = k[ft - 1]) && (K.whitespace || !(K.value || K instanceof pt)); )
+          var Lt = 0, ht = 0, X = Q.map(function(yt) {
+            for (var K, mt = Lt; (K = k[mt]) && (K.whitespace || !K.value); )
+              mt++;
+            for (var ft = yt, oe = null; ft > mt && (K = k[ft - 1]) && (K.whitespace || !(K.value || K instanceof gt)); )
               K instanceof et && (oe = K), ft--;
-            K instanceof pt && (K.value = "-", K.width = W("-", K.font)), Lt = gt;
-            var bt = k.slice(yt, ft).filter(function(ae) {
+            K instanceof gt && (K.value = "-", K.width = G("-", K.font)), Lt = yt;
+            var bt = k.slice(mt, ft).filter(function(ae) {
               return ae.value;
             });
             return oe && bt.push(oe), bt.width = bt.reduce(function(ae, Pn) {
@@ -1195,18 +1217,18 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           });
           if (X.hasLineOverflow = !1, L) {
             var jt = L === "ellipsis" ? "…" : L;
-            X.forEach(function(gt, K) {
-              var yt = I(K);
-              if (gt.width > yt) {
+            X.forEach(function(yt, K) {
+              var mt = I(K);
+              if (yt.width > mt) {
                 var ft = new F(jt);
-                ft.font = M, ft.width = W(jt, J), Ee(gt, yt, ft), X.hasLineOverflow = !0;
+                ft.font = M, ft.width = G(jt, J), Ee(yt, mt, ft), X.hasLineOverflow = !0;
               }
             });
           }
           var R = S.overflow() === "ellipsis" ? "…" : S.overflow();
           if (R && P !== k.length) {
             var Z = I(X.length - 1), qt = X[X.length - 1], Ct = new F(R);
-            Ct.font = M, Ct.width = W(R, J), Ee(qt, Z, Ct), X.hasOverflow = !0;
+            Ct.font = M, Ct.width = G(R, J), Ee(qt, Z, Ct), X.hasOverflow = !0;
           } else
             X.hasOverflow = !1;
           return X.font = M, X.width = ht, X;
@@ -1483,28 +1505,28 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return c;
     }, it.measureText = function(e, n, s) {
-      return W(e, b(n), s);
-    }, it.Token = F, it.Break = Dt, it.LineBreak = et, it.SoftHyphen = pt, it.Rotator = _e, _e.createElement = De;
+      return G(e, b(n), s);
+    }, it.Token = F, it.Break = Dt, it.LineBreak = et, it.SoftHyphen = gt, it.Rotator = _e, _e.createElement = De;
     const Cn = it;
     return r.default;
   })());
 })(tn);
-var Kn = tn.exports;
-const Ne = /* @__PURE__ */ Ze(Kn);
+var Qn = tn.exports;
+const Ne = /* @__PURE__ */ Ze(Qn);
 function he(a) {
   return a.replace(/…$/, "");
 }
 function ce(a) {
   return a.children[0].innerHTML;
 }
-function Jn(a, l) {
-  const t = ut(a), { fontSize: r, font: o, padding: h = 0 } = a.properties.style || {};
+function ti(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 Ne({
     font: `${r}px/${r}px ${o}`.replace(/(px)+/g, "px"),
-    width: t.width - h * 2,
-    height: t.height - h * 2,
+    width: t.width - l * 2,
+    height: t.height - l * 2,
     align: "left",
     valign: "top",
     x: 0,
@@ -1533,7 +1555,7 @@ function Jn(a, l) {
     }
   }), v.forEach((b) => g.removeChild(f[b]));
   const T = a.properties.content.match(/(https?:\/\/.*)/gm), A = T ? T.map((b) => b.split(" ")[0]) : [];
-  g.setAttribute("transform", `translate(${h}, ${h})`), A.forEach((b) => {
+  g.setAttribute("transform", `translate(${l}, ${l})`), A.forEach((b) => {
     let C = b;
     const E = [];
     for (; C.length > 0; ) {
@@ -1550,10 +1572,10 @@ function Jn(a, l) {
       const N = document.createElementNS("http://www.w3.org/2000/svg", "a");
       N.setAttribute("href", b), N.setAttribute("target", "_blank"), N.innerHTML = ce($), $.children[0].innerHTML = "", $.children[0].appendChild(N);
     });
-  }), l.appendChild(g);
+  }), h.appendChild(g);
 }
 const He = 20;
-class Qn extends Qe {
+class ei extends Qe {
   constructor(t, r = {}) {
     super(
       t,
@@ -1587,26 +1609,26 @@ class Qn extends Qe {
     m(this, "_onBlur", () => {
       this.isFocused = !1;
     });
-    m(this, "startDrawing", (t, r, o = Zn(t, r, 0, 0, "", St)) => {
+    m(this, "startDrawing", (t, r, o = Jn(t, r, 0, 0, "", St)) => {
       this.add(o);
-      const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
-      this.select(o.id), this.startDragging(this.getById(o.id), h.x, h.y), this.draggedHandle = 6;
+      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 = { ...le }, this.draggedHandle = V, this.isDragging = !1, this.emit(Tt, this.annotation));
     });
     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 = o, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Zt, 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(Zt, 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: o, y: h } = ue(t, this.ogma.getContainer());
-      this.startDragging(r, o, h), this.draggedHandle = Ue(t.target);
+      const { x: o, y: l } = ue(t, this.ogma.getContainer());
+      this.startDragging(r, o, l), this.draggedHandle = Ue(t.target);
     });
     m(this, "onMouseMove", (t) => {
       requestAnimationFrame(() => this._onMouseMove(t));
@@ -1615,13 +1637,13 @@ class Qn extends Qe {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const r = this.handles[this.draggedHandle], o = r.classList.contains("top"), h = r.classList.contains("left"), u = r.classList.contains("right"), d = r.classList.contains("bottom"), g = r.classList.contains("line-handle"), { x: f, y } = ue(
+      const r = this.handles[this.draggedHandle], o = r.classList.contains("top"), l = r.classList.contains("left"), u = r.classList.contains("right"), d = r.classList.contains("bottom"), g = r.classList.contains("line-handle"), { x: f, y } = ue(
         t,
         this.ogma.getContainer()
       ), v = this.ogma.view.getZoom(), T = (f - this.startX) / v, A = (y - this.startY) / v, b = this.ogma.view.getAngle(), C = rt({ x: T, y: A }, b);
-      (d && h || o && u) && (C.y = 0, C.x = 0);
-      const E = h || g ? this.rect.x + C.x : this.rect.x, $ = o || g ? this.rect.y + C.y : this.rect.y, N = Math.max(
-        this.rect.width + T * (g || h ? 0 : 1),
+      (d && l || o && u) && (C.y = 0, C.x = 0);
+      const E = l || g ? this.rect.x + C.x : this.rect.x, $ = o || g ? this.rect.y + C.y : this.rect.y, N = Math.max(
+        this.rect.width + T * (g || l ? 0 : 1),
         He
       ), _ = Math.max(
         this.rect.height + A * (g || o ? 0 : 1),
@@ -1648,16 +1670,16 @@ class Qn extends Qe {
     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.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 }, o = 0) {
-    const h = { x: t, y: r }, u = this.ogma.view.getAngle();
+    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), T = { x: g, y: f }, { x: A, y: b } = rt(vt(h, T), -u);
+      const { x: g, y: f } = ct(d), { width: y, height: v } = ut(d), T = { x: g, y: f }, { x: A, y: b } = rt(vt(l, T), -u);
       return A > -o && A < y + o && b > -o && b < v + o;
     });
   }
@@ -1678,14 +1700,14 @@ class Qn extends Qe {
         return;
       const _ = Pt("g");
       _.classList.add("annotation-text"), _.setAttribute("fill", `${T}`), _.setAttribute("font-size", `${A}px`), _.setAttribute("font-family", `${b}`);
-      const W = Pt("rect");
-      let G = !1;
-      $ && $ !== "none" && (G = !0, W.setAttribute("stroke", C || "black"), W.setAttribute("stroke-width", `${E}`), $ === "dashed" && W.setAttribute("stroke-dasharray", "5,5")), (N && N.length || G) && (G = !0, W.setAttribute("fill", N || "transparent")), G && (W.setAttribute("width", `${f.width}`), W.setAttribute("height", `${f.height}`)), _.appendChild(W), Jn(u, _);
+      const G = Pt("rect");
+      let W = !1;
+      $ && $ !== "none" && (W = !0, G.setAttribute("stroke", C || "black"), G.setAttribute("stroke-width", `${E}`), $ === "dashed" && G.setAttribute("stroke-dasharray", "5,5")), (N && N.length || W) && (W = !0, G.setAttribute("fill", N || "transparent")), W && (G.setAttribute("width", `${f.width}`), G.setAttribute("height", `${f.height}`)), _.appendChild(G), ti(u, _);
       const { x: _t, y: It } = rt(y, -o);
       _.setAttribute("transform", `translate(${_t},${It})`), _.classList.add(g), _.setAttribute("data-annotation", `${u.id}`), _.setAttribute("data-annotation-type", "text"), t.appendChild(_);
     });
-    const h = Pt("style");
-    h.innerHTML = r, t.firstChild && t.insertBefore(h, t.firstChild);
+    const l = Pt("style");
+    l.innerHTML = r, t.firstChild && t.insertBefore(l, t.firstChild);
   }
   refreshDrawing() {
     const t = this.ogma.view.getAngle();
@@ -1693,7 +1715,7 @@ class Qn extends Qe {
       const o = r.getAttribute("data-annotation");
       if (!o)
         return;
-      const h = ct(this.getById(o)), { x: u, y: d } = rt(h, -t);
+      const l = ct(this.getById(o)), { x: u, y: d } = rt(l, -t);
       r.setAttribute("transform", `translate(${u},${d})`);
     });
   }
@@ -1705,14 +1727,14 @@ class Qn extends Qe {
       return;
     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 || St, v = (d || 1) * h;
-    this.textArea.value = t.properties.content, this.editor.element.style.transform = `translate(${o.x}px, ${o.y}px)translate(-50%, -50%)translate(${r.width / 2 * h}px, ${r.height / 2 * h}px)`, this.editor.element.style.width = `${r.width * h}px`, this.editor.element.style.height = `${r.height * h}px`, this.textArea.style.font = `${v} ${u}`, this.textArea.style.fontFamily = u || "sans-serif", this.textArea.style.fontSize = `${v}px`, this.textArea.style.padding = `${h * y}px`, this.textArea.style.lineHeight = `${v}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = g || "black", this.textArea.style.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    } = t.properties.style || St, v = (d || 1) * l;
+    this.textArea.value = t.properties.content, this.editor.element.style.transform = `translate(${o.x}px, ${o.y}px)translate(-50%, -50%)translate(${r.width / 2 * l}px, ${r.height / 2 * l}px)`, this.editor.element.style.width = `${r.width * l}px`, this.editor.element.style.height = `${r.height * l}px`, this.textArea.style.font = `${v} ${u}`, this.textArea.style.fontFamily = u || "sans-serif", this.textArea.style.fontSize = `${v}px`, this.textArea.style.padding = `${l * y}px`, this.textArea.style.lineHeight = `${v}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = g || "black", this.textArea.style.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.focus();
@@ -1721,41 +1743,41 @@ class Qn extends Qe {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class ti {
+class ni {
   constructor() {
     m(this, "links", {});
     m(this, "linksByTargetId", {});
     m(this, "linksByArrowId", {});
   }
-  add(l, t, r, o, h) {
-    const u = Kt(), d = l.id, g = {
+  add(h, t, r, o, l) {
+    const u = Kt(), d = h.id, g = {
       id: u,
       arrow: d,
       target: r,
       targetType: o,
-      connectionPoint: h,
+      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: o,
-      magnet: h
+      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, o = (d = this.linksByArrowId[r]) == null ? void 0 : d[t];
-    if ((g = l.properties.link) == null || delete g[t], !o)
+    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 h = this.links[o];
+    const l = this.links[o];
     delete this.links[o];
-    const u = this.linksByTargetId[h.target];
+    const u = this.linksByTargetId[l.target];
     for (let f = 0; f < u.length; f++)
       if (u[f] === o) {
         u.splice(f, 1);
@@ -1763,20 +1785,20 @@ class ti {
       }
     return delete this.linksByArrowId[r][t], this;
   }
-  getArrowLink(l, t) {
+  getArrowLink(h, t) {
     var o;
-    const r = (o = this.linksByArrowId[l]) == null ? void 0 : o[t];
+    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((o) => this.links[o]).filter((o) => o.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 ot = (a) => a.properties.type === "arrow", mt = (a) => a.properties.type === "text", Fe = (a) => a.type === "FeatureCollection", ei = {
+const st = (a) => a.properties.type === "arrow", pt = (a) => a.properties.type === "text", Fe = (a) => a.type === "FeatureCollection", ii = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -1796,12 +1818,12 @@ const ot = (a) => a.properties.type === "arrow", mt = (a) => a.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class ri extends Je {
+class oi extends Je {
   constructor(t, r = {}) {
     super();
     m(this, "arrows");
     m(this, "texts");
-    m(this, "links", new ti());
+    m(this, "links", new ni());
     m(this, "layer");
     m(this, "annotations");
     m(this, "ogma");
@@ -1820,37 +1842,37 @@ class ri extends Je {
       je.forEach((o) => {
         if (!this.textToMagnet)
           return;
-        const h = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Ut(o, { x: h.width, y: h.height }), g = rt(d, this.ogma.view.getAngle()), { x: f, y } = Et(g, u);
+        const l = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Ut(o, { x: l.width, y: l.height }), g = rt(d, this.ogma.view.getAngle()), { x: f, y } = Et(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 o = r;
-      if (ot(t) && o === "line")
-        ["start", "end"].find((h) => {
-          const u = h === "start" ? $t(t) : Gt(t);
-          return this._snapToText(t, o, u) || this._findAndSnapToNode(t, h, u);
+      if (st(t) && o === "line")
+        ["start", "end"].find((l) => {
+          const u = l === "start" ? $t(t) : Wt(t);
+          return this._snapToText(t, o, u) || this._findAndSnapToNode(t, l, u);
         });
-      else if (ot(t) && o !== "line") {
-        const h = o === "start" ? $t(t) : Gt(t);
-        this._snapToText(t, o, h) || this._findAndSnapToNode(t, o, h);
+      else if (st(t) && o !== "line") {
+        const l = o === "start" ? $t(t) : Wt(t);
+        this._snapToText(t, o, l) || this._findAndSnapToNode(t, o, l);
       } else
-        mt(t) && (this.activeLinks.forEach(({ arrow: h, side: u, connectionPoint: d }) => {
-          const g = this.getAnnotation(h), f = ut(t), y = ct(t), v = Ut(d, { x: f.width, y: f.height }), T = rt(v, this.ogma.view.getAngle()), A = Et(T, y);
+        pt(t) && (this.activeLinks.forEach(({ arrow: l, side: u, connectionPoint: d }) => {
+          const g = this.getAnnotation(l), f = ut(t), y = ct(t), v = Ut(d, { x: f.width, y: f.height }), T = rt(v, this.ogma.view.getAngle()), A = Et(T, y);
           g.geometry.coordinates[u === "start" ? 0 : 1] = [A.x, A.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh(), this.emit(Xt, t, r);
     });
     m(this, "_onFeatureDragEnd", (t) => {
-      this.dragged !== null && ot(t) && $t(this.dragged) && Be.forEach((r) => {
-        this.links.getArrowLink(t.id, r) && this.emit(Wn, {
+      this.dragged !== null && st(t) && $t(this.dragged) && Be.forEach((r) => {
+        this.links.getArrowLink(t.id, r) && this.emit(Yn, {
           arrow: t,
           link: this.links.getArrowLink(t.id, r)
         });
-      }), (mt(t) || ot(t)) && this.onUpdate(t), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((r) => r.enableDetection()), this.layer.refresh(), this.emit(Tt, t);
+      }), (pt(t) || st(t)) && this.onUpdate(t), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((r) => r.enableDetection()), this.layer.refresh(), this.emit(Tt, t);
     });
     m(this, "_onFeatureDragStart", (t) => {
-      this.textToMagnet = void 0, ot(t) ? this.dragged = t : mt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id, "text")), this.annotations.forEach((r) => {
+      this.textToMagnet = void 0, st(t) ? this.dragged = t : pt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id, "text")), this.annotations.forEach((r) => {
         const o = r.getSelectedFeature();
         o && o !== t && r.unhover().unselect(), r.disableDetection();
       }), this.emit(Zt, t);
@@ -1897,41 +1919,41 @@ class ri extends Je {
     m(this, "_onUpdate", (t) => {
       this.emit(ye, t);
     });
-    this.options = this.setOptions({ ...ei, ...r }), this.ogma = t, this.arrows = new Xn(t, this.options), this.texts = new Qn(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((o) => {
+    this.options = this.setOptions({ ...ii, ...r }), this.ogma = t, this.arrows = new Kn(t, this.options), this.texts = new ei(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((o) => {
       o.on(Zt, this._onFeatureDragStart).on(Xt, this._onFeatureDrag).on(Tt, this._onFeatureDragEnd).on(ye, this.onUpdate).on(fe, this._onUnselect).on(de, this._onSelect).on(ge, this._onAdded).on(pe, 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, o) {
-    t.forEach((h) => {
-      const u = this.links.getTargetLinks(h.getId(), "node"), d = h.getPosition();
+    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 = Rt(
           f,
           y === "start" ? "end" : "start"
         );
         let T = d;
-        const A = +h.getAttribute("radius"), b = 1e-6;
+        const A = +l.getAttribute("radius"), b = 1e-6;
         (g.connectionPoint.x - (d.x - r) > b || g.connectionPoint.y - (d.y - o) > b) && (T = Vt(v, d, A)), At(f, y, T.x, T.y);
       });
     }), this.arrows.refreshLayer();
   }
   _snapToText(t, r, o) {
-    const h = this.texts.detect(o, this.options.detectMargin);
-    if (this.links.remove(t, r), !h)
+    const l = this.texts.detect(o, this.options.detectMargin);
+    if (this.links.remove(t, r), !l)
       return !1;
-    this.textToMagnet = h;
-    const u = this.findMagnetPoint(je, h, o);
-    return u ? (At(t, r, u.point.x, u.point.y), this.links.add(t, r, h.id, "text", u.magnet), !0) : !1;
+    this.textToMagnet = l;
+    const u = this.findMagnetPoint(je, l, o);
+    return u ? (At(t, r, u.point.x, u.point.y), this.links.add(t, r, l.id, "text", u.magnet), !0) : !1;
   }
   _findAndSnapToNode(t, r, o) {
     var d, g;
-    const h = this.ogma.view.graphToScreenCoordinates(o), 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, o, h) {
-    const u = o.getPositionOnScreen(), d = +o.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), T = o.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), T = o.getPosition();
     if (v < g + this.options.detectMargin) {
       let A = T;
       if (v > g / 2) {
@@ -1944,11 +1966,11 @@ class ri extends Je {
   refreshTextLinks() {
     let t = !1;
     this.links.forEach(
-      ({ connectionPoint: r, targetType: o, target: h, arrow: u, side: d }) => {
+      ({ 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), T = Ut(r, { x: y.width, y: y.height }), A = rt(T, this.ogma.view.getAngle()), b = Et(A, v);
+        const g = this.getAnnotation(l), f = this.getAnnotation(u), y = ut(g), v = ct(g), T = Ut(r, { x: y.width, y: y.height }), A = rt(T, this.ogma.view.getAngle()), b = Et(A, v);
         At(f, d, b.x, b.y);
       }
     ), t && this.arrows.refreshLayer();
@@ -1960,7 +1982,7 @@ class ri extends Je {
     return this.selected;
   }
   findMagnetPoint(t, r, o) {
-    let h;
+    let l;
     for (const u of t) {
       const d = ut(r), g = ct(r), f = Ut(u, { x: d.width, y: d.height }), y = rt(f, this.ogma.view.getAngle()), v = Et(y, g), T = kt(vt(v, o)), A = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
@@ -1969,14 +1991,14 @@ class ri extends Je {
         d.height / 2
       );
       if (T < Math.max(A, this.options.magnetHandleRadius)) {
-        h = {
+        l = {
           point: v,
           magnet: u
         };
         break;
       }
     }
-    return h;
+    return l;
   }
   /**
    * Set the options for the controller
@@ -1995,13 +2017,13 @@ class ri extends Je {
    */
   select(t) {
     const r = this.getAnnotations().features.find((o) => o.id === t);
-    return r ? (ot(r) ? this.arrows.select(r.id) : mt(r) && this.texts.select(r.id), this) : this;
+    return r ? (st(r) ? this.arrows.select(r.id) : pt(r) && this.texts.select(r.id), this) : this;
   }
   /**
    * Unselects the currently selected annotation
    */
   unselect() {
-    return this.selected ? (ot(this.selected) ? this.arrows.unselect() : mt(this.selected) && this.texts.unselect(), this) : this;
+    return this.selected ? (st(this.selected) ? this.arrows.unselect() : pt(this.selected) && this.texts.unselect(), this) : this;
   }
   /**
    * Add an annotation to the controller
@@ -2010,10 +2032,10 @@ class ri extends Je {
   add(t) {
     if (Fe(t)) {
       const [r, o] = t.features.reduce(
-        (h, u) => (ot(u) ? h[1].push(u) : mt(u) && h[0].push(u), h),
+        (l, u) => (st(u) ? l[1].push(u) : pt(u) && l[0].push(u), l),
         [[], []]
       );
-      return r.forEach((h) => this.add(h)), o.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":
@@ -2032,7 +2054,7 @@ class ri extends Je {
   remove(t) {
     return Fe(t) ? (t.features.forEach(
       (r) => this.remove(r)
-    ), this) : (ot(t) ? (this.links.remove(t, "start"), this.links.remove(t, "end"), this.arrows.remove(t.id)) : this.texts.remove(t.id), this);
+    ), this) : (st(t) ? (this.links.remove(t, "start"), this.links.remove(t, "end"), this.arrows.remove(t.id)) : this.texts.remove(t.id), this);
   }
   loadLink(t) {
     if (t.properties.link)
@@ -2040,8 +2062,8 @@ class ri extends Je {
         const o = t.properties.link[r];
         if (!o)
           continue;
-        const h = this.getAnnotation(o.id);
-        if (o.type === "text" && h)
+        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);
@@ -2078,7 +2100,7 @@ class ri extends Je {
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Un);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Wn);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2086,8 +2108,12 @@ class ri extends Je {
    * @param style The new style
    */
   updateStyle(t, r) {
-    const o = this.getAnnotations().features.find((h) => h.id === t);
-    return o ? (ot(o) ? this.arrows.updateStyle(o, r) : mt(o) && this.texts.updateStyle(o, r), this.onUpdate(o), this) : this;
+    const o = this.getAnnotations().features.find((l) => l.id === t);
+    return o ? (st(o) ? this.arrows.updateStyle(o, r) : pt(o) && this.texts.updateStyle(o, r), this.onUpdate(o), this) : this;
+  }
+  setScale(t, r, o, l) {
+    const u = this.getAnnotations().features.find((d) => d.id === t);
+    return u ? (st(u) ? this.arrows.scale(u, r, o, l) : pt(u) && this.texts.scale(u, r, o, l), this.onUpdate(u), this) : this;
   }
   /**
    *
@@ -2118,33 +2144,33 @@ class ri extends Je {
   }
 }
 export {
-  Xn as Arrows,
-  ri as Control,
+  Kn as Arrows,
+  oi as Control,
   ge as EVT_ADD,
-  Un as EVT_CANCEL_DRAWING,
+  Wn as EVT_CANCEL_DRAWING,
   Xt as EVT_DRAG,
   Tt as EVT_DRAG_END,
   Zt as EVT_DRAG_START,
-  Rn as EVT_HOVER,
-  Wn as EVT_LINK,
+  Un as EVT_HOVER,
+  Yn as EVT_LINK,
   pe as EVT_REMOVE,
   de as EVT_SELECT,
-  Vn as EVT_UNHOVER,
+  Gn as EVT_UNHOVER,
   fe as EVT_UNSELECT,
   ye as EVT_UPDATE,
   V as NONE,
-  Qn as Texts,
+  ei as Texts,
   ue as clientToContainerPosition,
   Nn as createArrow,
   Pt as createSVGElement,
-  Zn as createText,
+  Jn as createText,
   Me as defaultArrowOptions,
   zt as defaultArrowStyle,
   ze as defaultControllerOptions,
   le as defaultTextOptions,
   St as defaultTextStyle,
-  ii as getAnnotationsBounds,
-  Gt as getArrowEnd,
+  si as getAnnotationsBounds,
+  Wt as getArrowEnd,
   Yt as getArrowEndPoints,
   Rt as getArrowSide,
   $t as getArrowStart,
@@ -2154,8 +2180,9 @@ export {
   ct as getTextPosition,
   ut as getTextSize,
   Fe as isAnnotationCollection,
-  ot as isArrow,
-  mt as isText,
+  st as isArrow,
+  pt as isText,
+  qn as scaleGeometry,
   Ve as setArrowEnd,
   At as setArrowEndPoint,
   Re as setArrowStart,