npm - @linkurious/ogma-annotations - Versions diffs - 2.0.1 → 2.0.3 - Mend

@linkurious/ogma-annotations 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,13 +1,13 @@
-var Tn = Object.defineProperty;
-var Fn = (i, e, t) => e in i ? Tn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var y = (i, e, t) => Fn(i, typeof e != "symbol" ? e + "" : e, t);
-import { Node as Pn, geometry as zt } from "@linkurious/ogma";
-function Dn(i) {
+var Fn = Object.defineProperty;
+var Pn = (i, e, t) => e in i ? Fn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var y = (i, e, t) => Pn(i, typeof e != "symbol" ? e + "" : e, t);
+import { Node as Dn, geometry as zt } from "@linkurious/ogma";
+function Ln(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var Wt = { exports: {} }, pe;
-function Ln() {
-  return pe || (pe = 1, (function(i) {
+var jt = { exports: {} }, me;
+function Hn() {
+  return me || (me = 1, (function(i) {
     var e = Object.prototype.hasOwnProperty, t = "~";
     function n() {
     }
@@ -18,8 +18,8 @@ function Ln() {
     function r(l, h, c, d, u) {
       if (typeof c != "function")
         throw new TypeError("The listener must be a function");
-      var g = new s(c, d || l, u), p = t ? t + h : h;
-      return l._events[p] ? l._events[p].fn ? l._events[p] = [l._events[p], g] : l._events[p].push(g) : (l._events[p] = g, l._eventsCount++), l;
+      var g = new s(c, d || l, u), f = t ? t + h : h;
+      return l._events[f] ? l._events[f].fn ? l._events[f] = [l._events[f], g] : l._events[f].push(g) : (l._events[f] = g, l._eventsCount++), l;
     }
     function o(l, h) {
       --l._eventsCount === 0 ? l._events = new n() : delete l._events[h];
@@ -37,18 +37,18 @@ function Ln() {
       var c = t ? t + h : h, d = this._events[c];
       if (!d) return [];
       if (d.fn) return [d.fn];
-      for (var u = 0, g = d.length, p = new Array(g); u < g; u++)
-        p[u] = d[u].fn;
-      return p;
+      for (var u = 0, g = d.length, f = new Array(g); u < g; u++)
+        f[u] = d[u].fn;
+      return f;
     }, a.prototype.listenerCount = function(h) {
       var c = t ? t + h : h, d = this._events[c];
       return d ? d.fn ? 1 : d.length : 0;
-    }, a.prototype.emit = function(h, c, d, u, g, p) {
-      var f = t ? t + h : h;
-      if (!this._events[f]) return !1;
-      var m = this._events[f], x = arguments.length, b, v;
+    }, a.prototype.emit = function(h, c, d, u, g, f) {
+      var p = t ? t + h : h;
+      if (!this._events[p]) return !1;
+      var m = this._events[p], w = arguments.length, b, v;
       if (m.fn) {
-        switch (m.once && this.removeListener(h, m.fn, void 0, !0), x) {
+        switch (m.once && this.removeListener(h, m.fn, void 0, !0), w) {
           case 1:
             return m.fn.call(m.context), !0;
           case 2:
@@ -60,15 +60,15 @@ function Ln() {
           case 5:
             return m.fn.call(m.context, c, d, u, g), !0;
           case 6:
-            return m.fn.call(m.context, c, d, u, g, p), !0;
+            return m.fn.call(m.context, c, d, u, g, f), !0;
         }
-        for (v = 1, b = new Array(x - 1); v < x; v++)
+        for (v = 1, b = new Array(w - 1); v < w; v++)
           b[v - 1] = arguments[v];
         m.fn.apply(m.context, b);
       } else {
-        var S = m.length, w;
+        var S = m.length, x;
         for (v = 0; v < S; v++)
-          switch (m[v].once && this.removeListener(h, m[v].fn, void 0, !0), x) {
+          switch (m[v].once && this.removeListener(h, m[v].fn, void 0, !0), w) {
             case 1:
               m[v].fn.call(m[v].context);
               break;
@@ -82,8 +82,8 @@ function Ln() {
               m[v].fn.call(m[v].context, c, d, u);
               break;
             default:
-              if (!b) for (w = 1, b = new Array(x - 1); w < x; w++)
-                b[w - 1] = arguments[w];
+              if (!b) for (x = 1, b = new Array(w - 1); x < w; x++)
+                b[x - 1] = arguments[x];
               m[v].fn.apply(m[v].context, b);
           }
       }
@@ -97,12 +97,12 @@ function Ln() {
       if (!this._events[g]) return this;
       if (!c)
         return o(this, g), this;
-      var p = this._events[g];
-      if (p.fn)
-        p.fn === c && (!u || p.once) && (!d || p.context === d) && o(this, g);
+      var f = this._events[g];
+      if (f.fn)
+        f.fn === c && (!u || f.once) && (!d || f.context === d) && o(this, g);
       else {
-        for (var f = 0, m = [], x = p.length; f < x; f++)
-          (p[f].fn !== c || u && !p[f].once || d && p[f].context !== d) && m.push(p[f]);
+        for (var p = 0, m = [], w = f.length; p < w; p++)
+          (f[p].fn !== c || u && !f[p].once || d && f[p].context !== d) && m.push(f[p]);
         m.length ? this._events[g] = m.length === 1 ? m[0] : m : o(this, g);
       }
       return this;
@@ -110,14 +110,14 @@ function Ln() {
       var c;
       return h ? (c = t ? t + h : h, this._events[c] && o(this, c)) : (this._events = new n(), this._eventsCount = 0), this;
     }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = t, a.EventEmitter = a, i.exports = a;
-  })(Wt)), Wt.exports;
+  })(jt)), jt.exports;
 }
-var Hn = Ln();
-const _n = /* @__PURE__ */ Dn(Hn), br = -1, Ut = "dragging", Ct = "dragstart", Bt = "dragend", re = "click", In = "select", zn = "unselect", vr = "hover", Sr = "unhover", Bn = "remove", oe = "add", Rn = "cancelDrawing", Ve = "completeDrawing", $n = "update", Nn = "link", Yn = "history", Ar = "data-annotation", Ze = 5, Xn = 3, de = {
+var _n = Hn();
+const In = /* @__PURE__ */ Ln(_n), vr = -1, Ut = "dragging", Ct = "dragstart", Bt = "dragend", oe = "click", zn = "select", Bn = "unselect", Sr = "hover", Ar = "unhover", Rn = "remove", ae = "add", $n = "cancelDrawing", Ze = "completeDrawing", Nn = "update", Yn = "link", On = "history", Er = "data-annotation", Ke = 5, Xn = 3, ue = {
   SHAPES: 1,
   EDITOR: 2,
   HANDLES: 3
-}, O = "start", it = "end", I = {
+}, X = "start", it = "end", I = {
   default: "default",
   move: "move",
   pointer: "pointer",
@@ -136,7 +136,7 @@ const _n = /* @__PURE__ */ Dn(Hn), br = -1, Ut = "dragging", Ct = "dragstart", B
   eResize: "e-resize",
   sResize: "s-resize",
   wResize: "w-resize"
-}, at = "collapsed", Rt = "expanded", $t = 1.2, Ke = 0.2, T = {
+}, at = "collapsed", Rt = "expanded", $t = 1.2, Je = 0.2, T = {
   TEXT: "text",
   NODE: "node",
   BOX: "box",
@@ -144,18 +144,18 @@ const _n = /* @__PURE__ */ Dn(Hn), br = -1, Ut = "dragging", Ct = "dragstart", B
   POLYGON: "polygon",
   ANNOTATION: "annotation",
   EDGE: "edge"
-}, Je = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, Qe = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Qe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`, tn = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 6.00015H7.33333C6.97971 6.00015 6.64057 6.14063 6.39052 6.39068C6.14048 6.64072 6 6.97986 6 7.33348V16.6668C6 17.0204 6.14048 17.3596 6.39052 17.6096C6.64057 17.8597 6.97971 18.0002 7.33333 18.0002H16.6667C17.0203 18.0002 17.3594 17.8597 17.6095 17.6096C17.8595 17.3596 18 17.0204 18 16.6668V12.0002M16.25 5.75015C16.5152 5.48493 16.8749 5.33594 17.25 5.33594C17.6251 5.33594 17.9848 5.48493 18.25 5.75015C18.5152 6.01537 18.6642 6.37508 18.6642 6.75015C18.6642 7.12522 18.5152 7.48493 18.25 7.75015L12.2413 13.7595C12.083 13.9176 11.8875 14.0334 11.6727 14.0962L9.75733 14.6562C9.69997 14.6729 9.63916 14.6739 9.58127 14.6591C9.52339 14.6442 9.47055 14.6141 9.4283 14.5719C9.38604 14.5296 9.35593 14.4768 9.3411 14.4189C9.32627 14.361 9.32727 14.3002 9.344 14.2428L9.904 12.3275C9.96702 12.1129 10.083 11.9175 10.2413 11.7595L16.25 5.75015Z" stroke="#1A70E5" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
 `;
 let ut = (i = 21) => crypto.getRandomValues(new Uint8Array(i)).reduce((e, t) => (t &= 63, t < 36 ? e += t.toString(36) : t < 62 ? e += (t - 26).toString(36).toUpperCase() : t > 62 ? e += "-" : e += "_", e), "");
-function On(i, e) {
+function Un(i, e) {
   const t = i[0] - e[0], n = i[1] - e[1];
   return t * t + n * n;
 }
-function Un(i, e, t) {
+function qn(i, e, t) {
   let n = e[0], s = e[1], r = t[0] - n, o = t[1] - s;
   if (r !== 0 || o !== 0) {
     const a = ((i[0] - n) * r + (i[1] - s) * o) / (r * r + o * o);
@@ -163,32 +163,32 @@ function Un(i, e, t) {
   }
   return r = i[0] - n, o = i[1] - s, r * r + o * o;
 }
-function qn(i, e) {
+function Wn(i, e) {
   let t = i[0];
   const n = [t];
   let s;
   for (let r = 1, o = i.length; r < o; r++)
-    s = i[r], On(s, t) > e && (n.push(s), t = s);
+    s = i[r], Un(s, t) > e && (n.push(s), t = s);
   return t !== s && n.push(s), n;
 }
-function ae(i, e, t, n, s) {
+function ce(i, e, t, n, s) {
   let r = n, o = 0;
   for (let a = e + 1; a < t; a++) {
-    const l = Un(i[a], i[e], i[t]);
+    const l = qn(i[a], i[e], i[t]);
     l > r && (o = a, r = l);
   }
-  r > n && (o - e > 1 && ae(i, e, o, n, s), s.push(i[o]), t - o > 1 && ae(i, o, t, n, s));
+  r > n && (o - e > 1 && ce(i, e, o, n, s), s.push(i[o]), t - o > 1 && ce(i, o, t, n, s));
 }
-function Wn(i, e) {
+function jn(i, e) {
   const t = i.length - 1, n = [i[0]];
-  return ae(i, 0, t, e, n), n.push(i[t]), n;
+  return ce(i, 0, t, e, n), n.push(i[t]), n;
 }
-function me(i, e, t) {
+function ye(i, e, t) {
   if (i.length <= 2) return i;
   const n = e !== void 0 ? e * e : 1;
-  return i = t ? i : qn(i, n), i = Wn(i, n), i;
+  return i = t ? i : Wn(i, n), i = jn(i, n), i;
 }
-function ye(i) {
+function we(i) {
   if (i.geometry.bbox) return i.geometry.bbox;
   const e = i.geometry.coordinates[0];
   let t = 1 / 0, n = 1 / 0, s = -1 / 0, r = -1 / 0;
@@ -196,7 +196,7 @@ function ye(i) {
     o < t && (t = o), o > s && (s = o), a < n && (n = a), a > r && (r = a);
   return [t, n, s, r];
 }
-function tn(i) {
+function en(i) {
   const e = i.geometry.coordinates[0];
   let t = 0, n = 0;
   const s = e.length - 1;
@@ -207,7 +207,7 @@ function tn(i) {
     y: n / s
   };
 }
-function Er(i, e, t) {
+function Cr(i, e, t) {
   const n = i.geometry.coordinates.map(
     (o) => o.map(([a, l]) => [a + e, l + t])
   ), s = i.geometry.bbox, r = s ? [s[0] + e, s[1] + t, s[2] + e, s[3] + t] : void 0;
@@ -220,14 +220,14 @@ function Er(i, e, t) {
     }
   };
 }
-function en(i) {
+function nn(i) {
   const e = i.geometry.coordinates[0];
   let t = 1 / 0, n = 1 / 0, s = -1 / 0, r = -1 / 0;
   for (const [o, a] of e)
     o < t && (t = o), o > s && (s = o), a < n && (n = a), a > r && (r = a);
   i.geometry.bbox = [t, n, s, r];
 }
-function Cr(i, e, t, n) {
+function kr(i, e, t, n) {
   const s = i.geometry.coordinates.map(
     (o) => o.map(([a, l]) => {
       const h = a - t, c = l - n;
@@ -240,11 +240,11 @@ function Cr(i, e, t, n) {
       coordinates: s
     }
   };
-  return en(r), r;
+  return nn(r), r;
 }
-const jn = "http://www.w3.org/2000/svg";
+const Gn = "http://www.w3.org/2000/svg";
 function M(i) {
-  return document.createElementNS(jn, i);
+  return document.createElementNS(Gn, i);
 }
 function rt(i) {
   return i.geometry.bbox || kt(i), i.geometry.bbox;
@@ -301,35 +301,35 @@ function kt(i) {
     i.geometry.bbox = [t, n, s, r];
   }
 }
-function kr(i, e, t, n, s) {
+function Mr(i, e, t, n, s) {
   i.geometry.coordinates = [e + n / 2, t + s / 2], i.geometry.bbox = [e, t, e + n, t + s], i.properties.width = n, i.properties.height = s;
 }
-function nn(i) {
+function sn(i) {
   const [e, t] = i.geometry.coordinates[0];
   return { x: e, y: t };
 }
 function Ht(i, e) {
-  const [t, n] = i.geometry.coordinates[e === O ? 0 : 1];
+  const [t, n] = i.geometry.coordinates[e === X ? 0 : 1];
   return { x: t, y: n };
 }
-function sn(i) {
+function rn(i) {
   const [e, t] = i.geometry.coordinates[1];
   return { x: e, y: t };
 }
-function Gn(i, e, t) {
+function Vn(i, e, t) {
   i.geometry.coordinates[0] = [e, t];
 }
-function Vn(i, e, t) {
+function Zn(i, e, t) {
   i.geometry.coordinates[1] = [e, t];
 }
-function ue(i) {
-  return { start: nn(i), end: sn(i) };
+function ge(i) {
+  return { start: sn(i), end: rn(i) };
 }
-function Zn(i, e, t, n) {
-  e === O ? Gn(i, t, n) : Vn(i, t, n);
+function Kn(i, e, t, n) {
+  e === X ? Vn(i, t, n) : Zn(i, t, n);
 }
-const Mr = (i) => parseInt(i.getAttribute("data-handle-id") || "-1");
-function Tr(i) {
+const Tr = (i) => parseInt(i.getAttribute("data-handle-id") || "-1");
+function Fr(i) {
   return _t(i).reduce(
     (e, t) => (e[0] = Math.min(t[0], e[0]), e[1] = Math.min(t[1], e[1]), e[2] = Math.max(t[0], e[2]), e[3] = Math.max(t[1], e[3]), e),
     [
@@ -340,13 +340,13 @@ function Tr(i) {
     ]
   );
 }
-function Kn(i) {
+function Jn(i) {
   return Array.isArray(i) && i.length === 2 && i.every(isFinite);
 }
-function Fr(i, e, t, n) {
+function Pr(i, e, t, n) {
   for (let s = 0; s < i.coordinates.length; s++) {
     const r = i.coordinates[s];
-    if (Kn(r))
+    if (Jn(r))
       r[0] = t + (r[0] - t) * e, r[1] = n + (r[1] - n) * e;
     else
       for (let o = 0; o < r.length; o++) {
@@ -391,7 +391,7 @@ function _t(i) {
   ));
   return e;
 }
-function Pr(i, e, t) {
+function Dr(i, e, t) {
   const n = Math.atan2(i.y - e.y, i.x - e.x);
   return {
     x: e.x + t * Math.cos(n),
@@ -406,12 +406,12 @@ function It(i, e) {
     y: i.clientY - t.top - e.clientTop
   };
 }
-function Dr(i, e) {
-  return i.startsWith("#") ? Jn(i, e) : i.startsWith("rgb") ? Qn(i, e) : i;
+function Lr(i, e) {
+  return i.startsWith("#") ? Qn(i, e) : i.startsWith("rgb") ? ts(i, e) : i;
 }
-function Lr(i) {
+function Hr(i) {
   if (i.startsWith("#")) {
-    const e = ge(i), t = parseInt(e.slice(1, 3), 16), n = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
+    const e = fe(i), t = parseInt(e.slice(1, 3), 16), n = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
     return { r: t, g: n, b: s, a: 1 };
   } else {
     const e = i.match(
@@ -426,21 +426,21 @@ function Lr(i) {
     };
   }
 }
-function ge(i) {
+function fe(i) {
   return i.length === 4 ? i.split("").map((e) => e + e).join("") : i;
 }
-function Jn(i, e) {
-  const [t, n, s] = ge(i).match(/\w\w/g).map((r) => parseInt(r, 16));
+function Qn(i, e) {
+  const [t, n, s] = fe(i).match(/\w\w/g).map((r) => parseInt(r, 16));
   return `rgba(${t}, ${n}, ${s}, ${e})`;
 }
-function Qn(i, e) {
+function ts(i, e) {
   const [t, n, s] = i.match(/\d+/g).map((r) => parseInt(r, 10));
   return `rgba(${t}, ${n}, ${s}, ${e})`;
 }
-function we() {
+function xe() {
   return typeof window < "u" ? window : void 0;
 }
-const rn = (i, e = 16, t = !1) => {
+const on = (i, e = 16, t = !1) => {
   let n = !1, s = null;
   const r = Math.max(1, Math.round(e * 60 / 1e3)), o = (a) => {
     requestAnimationFrame(() => {
@@ -459,13 +459,13 @@ const rn = (i, e = 16, t = !1) => {
     }
     i(...a), n = !0, o(r);
   };
-}, Hr = (i, e) => {
+}, _r = (i, e) => {
   let t;
   return (...s) => {
     clearTimeout(t), t = setTimeout(() => i(...s), e);
   };
 };
-function _r(i, e) {
+function Ir(i, e) {
   let t;
   return function(...n) {
     clearTimeout(t), t = setTimeout(() => {
@@ -473,7 +473,7 @@ function _r(i, e) {
     }, e);
   };
 }
-function ts(i) {
+function es(i) {
   if ((W(i) || _(i)) && i.geometry.type === "Polygon") {
     const e = i.geometry.coordinates[0], t = e[0][0], n = e[0][1], s = e[2][0], r = e[2][1], o = s - t, a = r - n, l = t + o / 2, h = n + a / 2;
     return {
@@ -492,11 +492,11 @@ function ts(i) {
   }
   return i;
 }
-function on(i, e) {
+function an(i, e) {
   let t, n, s, r = 1;
   const o = i.trim();
   if (o.startsWith("#")) {
-    const d = (o.length === 4 ? ge(o) : o).match(/#?(\w{2})(\w{2})(\w{2})/);
+    const d = (o.length === 4 ? fe(o) : o).match(/#?(\w{2})(\w{2})(\w{2})/);
     if (!d) return i;
     t = parseInt(d[1], 16), n = parseInt(d[2], 16), s = parseInt(d[3], 16);
   } else {
@@ -509,14 +509,14 @@ function on(i, e) {
   const a = e * 100, h = 0.299 * t + 0.587 * n + 0.114 * s > 186 ? -a / 2 : a;
   return t = Math.max(0, Math.min(255, t + Math.round(2.55 * h))), n = Math.max(0, Math.min(255, n + Math.round(2.55 * h))), s = Math.max(0, Math.min(255, s + Math.round(2.55 * h))), `rgba(${t},${n},${s},${r})`;
 }
-const Ft = (i) => on(i, Ke), Ir = (i) => on(i, -Ke), X = (i, e) => ({
+const Ft = (i) => an(i, Je), zr = (i) => an(i, -Je), Y = (i, e) => ({
   x: i.x - e.x,
   y: i.y - e.y
-}), K = (i) => Math.sqrt(i.x * i.x + i.y * i.y), es = (i) => ({
+}), J = (i) => Math.sqrt(i.x * i.x + i.y * i.y), ns = (i) => ({
   x: -i.x,
   y: -i.y
 }), Nt = (i) => {
-  const e = K(i);
+  const e = J(i);
   return e === 0 ? { x: 0, y: 0 } : {
     x: i.x / e,
     y: i.y / e
@@ -527,16 +527,16 @@ const Ft = (i) => on(i, Ke), Ir = (i) => on(i, -Ke), X = (i, e) => ({
 }), ot = (i, e) => ({
   x: i.x * e,
   y: i.y * e
-}), xe = (i, e) => {
+}), be = (i, e) => {
   const t = Math.sin(e), n = Math.cos(e);
   return {
     x: i.x * n - i.y * t,
     y: i.x * t + i.y * n
   };
-}, mt = (i, e) => i.x * e.x + i.y * e.y, ns = (i, e) => i.x * e.y - i.y * e.x, tt = (i) => i.properties.type === "arrow";
-function an(i, e, t) {
-  const { start: n, end: s } = ue(i), r = X(e, n), o = i.properties.style.strokeWidth, a = X(s, n), l = K(a), h = mt(r, Nt(a));
-  return h > 0 && h < l && Math.abs(ns(r, Nt(a))) < o / 2 + t;
+}, mt = (i, e) => i.x * e.x + i.y * e.y, ss = (i, e) => i.x * e.y - i.y * e.x, tt = (i) => i.properties.type === "arrow";
+function cn(i, e, t) {
+  const { start: n, end: s } = ge(i), r = Y(e, n), o = i.properties.style.strokeWidth, a = Y(s, n), l = J(a), h = mt(r, Nt(a));
+  return h > 0 && h < l && Math.abs(ss(r, Nt(a))) < o / 2 + t;
 }
 const yt = {
   strokeType: "plain",
@@ -544,7 +544,7 @@ const yt = {
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, zr = {
+}, Br = {
   id: void 0,
   // will be set by the editor
   type: "Feature",
@@ -589,7 +589,7 @@ const yt = {
     ]
   }
 }), W = (i) => i.properties.type === "box";
-function ss(i, e, t = 0, n = 1, s = 0) {
+function is(i, e, t = 0, n = 1, s = 0) {
   const r = St(i), { width: o, height: a } = q(i), l = e.x - r.x, h = e.y - r.y, c = l * n - h * t, d = l * t + h * n;
   return c > -s && c < o + s && d > -s && d < a + s;
 }
@@ -600,7 +600,7 @@ const Mt = {
   boxShadow: "",
   padding: 16,
   strokeType: "plain"
-}, Br = {
+}, Rr = {
   id: void 0,
   // will be set by the editor
   type: "Feature",
@@ -616,7 +616,7 @@ const Mt = {
     // center of 100x50 box
     bbox: [0, 0, 100, 50]
   }
-}, be = (i = 0, e = 0, t = 100, n = 50, s = { ...Mt }) => ({
+}, ve = (i = 0, e = 0, t = 100, n = 50, s = { ...Mt }) => ({
   id: ut(),
   type: "Feature",
   properties: {
@@ -630,7 +630,7 @@ const Mt = {
     coordinates: [i + t / 2, e + n / 2]
     // center
   }
-}), _ = (i) => i.properties.type === "text", U = {
+}), _ = (i) => i.properties.type === "text", G = {
   font: "sans-serif",
   fontSize: 18,
   color: "#505050",
@@ -640,7 +640,7 @@ const Mt = {
   padding: 16,
   strokeType: "plain",
   fixedSize: !1
-}, Rr = {
+}, $r = {
   id: ut(),
   type: "Feature",
   properties: {
@@ -648,7 +648,7 @@ const Mt = {
     content: "",
     width: 100,
     height: 50,
-    style: { ...U }
+    style: { ...G }
   },
   geometry: {
     type: "Point",
@@ -656,7 +656,7 @@ const Mt = {
     // center of 100x50 box
     bbox: [0, 0, 100, 50]
   }
-}, ve = (i = 0, e = 0, t = 100, n = 50, s = "", r = { ...U }) => ({
+}, Se = (i = 0, e = 0, t = 100, n = 50, s = "", r = { ...G }) => ({
   id: ut(),
   type: "Feature",
   properties: {
@@ -664,7 +664,7 @@ const Mt = {
     content: s,
     width: t,
     height: n,
-    style: { ...U, ...r }
+    style: { ...G, ...r }
   },
   geometry: {
     type: "Point",
@@ -673,15 +673,15 @@ const Mt = {
     bbox: [i, e, i + t, e + n]
   }
 });
-function cn(i, e, t = 0, n = 0, s = 1, r = 1) {
+function ln(i, e, t = 0, n = 0, s = 1, r = 1) {
   var m;
   const [o, a] = i.geometry.coordinates;
   let { width: l, height: h } = q(i);
   (m = i.properties.style) != null && m.fixedSize && (l /= r, h /= r);
-  const c = l / 2, d = h / 2, u = e.x - o, g = e.y - a, p = u * s - g * n, f = u * n + g * s;
-  return p > -c - t && p < c + t && f > -d - t && f < d + t;
+  const c = l / 2, d = h / 2, u = e.x - o, g = e.y - a, f = u * s - g * n, p = u * n + g * s;
+  return f > -c - t && f < c + t && p > -d - t && p < d + t;
 }
-const D = (i) => i.properties.type === "comment", J = {
+const P = (i) => i.properties.type === "comment", V = {
   // Box styling
   background: "#FFFACD",
   // Light yellow (sticky note color)
@@ -691,11 +691,11 @@ const D = (i) => i.properties.type === "comment", J = {
   strokeWidth: 1,
   strokeType: "plain",
   // Icon styling (collapsed mode)
-  iconColor: "#FFCB2F",
+  iconColor: "#FFFACD",
   // Gold
   iconSymbol: "💬",
   iconBorderColor: "#aaa",
-  iconBorderWidth: 2,
+  iconBorderWidth: 1,
   // Size properties
   minHeight: 60,
   maxHeight: 480,
@@ -708,26 +708,29 @@ const D = (i) => i.properties.type === "comment", J = {
   // Editing UI
   showSendButton: !0,
   autoGrow: !0,
+  // Visual effects
+  shadow: !0,
+  expandOnSelect: !1,
   // Fixed size (always screen-aligned)
   fixedSize: !0
-}, jt = {
+}, Gt = {
   mode: "expanded",
   width: 200,
   height: 60,
   // Initial height, will auto-grow
-  style: J
+  style: V
 };
-function ln(i, e, t, n) {
+function hn(i, e, t, n) {
   const s = {
     type: "comment",
     content: t,
-    mode: (n == null ? void 0 : n.mode) ?? jt.mode,
-    width: (n == null ? void 0 : n.width) ?? jt.width,
-    height: (n == null ? void 0 : n.height) ?? jt.height,
+    mode: (n == null ? void 0 : n.mode) ?? Gt.mode,
+    width: (n == null ? void 0 : n.width) ?? Gt.width,
+    height: (n == null ? void 0 : n.height) ?? Gt.height,
     author: n == null ? void 0 : n.author,
     timestamp: n == null ? void 0 : n.timestamp,
     style: {
-      ...J,
+      ...V,
       ...n == null ? void 0 : n.style
     }
   };
@@ -741,7 +744,7 @@ function ln(i, e, t, n) {
     }
   };
 }
-function $r(i) {
+function Nr(i) {
   return {
     ...i,
     properties: {
@@ -750,9 +753,9 @@ function $r(i) {
     }
   };
 }
-function is(i, e, t = 0, n, s, r = 1) {
+function rs(i, e, t = 0, n, s, r = 1) {
   if (i.properties.mode !== at)
-    return cn(
+    return ln(
       i,
       e,
       t,
@@ -760,30 +763,30 @@ function is(i, e, t = 0, n, s, r = 1) {
       s,
       r
     );
-  const o = i.properties, a = { ...J, ...o.style };
+  const o = i.properties, a = { ...V, ...o.style };
   let l = a.iconSize, h = a.iconSize;
   a.fixedSize && (l /= r, h /= r);
   const c = l / 2, d = h / 2, u = e.x - i.geometry.coordinates[0], g = e.y - i.geometry.coordinates[1];
   return u >= -c - t && u <= c + t && g >= -d - t && g <= d + t;
 }
-function Nr(i) {
+function Yr(i) {
   const [e, t] = i.geometry.coordinates;
   return { x: e, y: t };
 }
-function Yr(i) {
-  const e = i.properties, t = { ...J, ...e.style };
+function Or(i) {
+  const e = i.properties, t = { ...V, ...e.style };
   return e.mode === at ? { width: t.iconSize, height: t.iconSize } : { width: e.width, height: e.height };
 }
-function rs(i, e = 80) {
+function os(i, e = 80) {
   const t = e / i.properties.width;
   return Math.max(0.1, Math.min(1, t));
 }
 function Xr(i) {
-  const e = { ...J, ...i.properties.style };
-  return e.collapseZoomThreshold !== void 0 ? e.collapseZoomThreshold : rs(i);
+  const e = { ...V, ...i.properties.style };
+  return e.collapseZoomThreshold !== void 0 ? e.collapseZoomThreshold : os(i);
 }
-function Or(i, e, t, n, s = "", r) {
-  const o = ln(
+function Ur(i, e, t, n, s = "", r) {
+  const o = hn(
     t,
     n,
     s,
@@ -795,19 +798,19 @@ function Or(i, e, t, n, s = "", r) {
     ...r == null ? void 0 : r.arrowStyle
   }, l = Yt(t, n, i, e, a);
   return l.properties.link = {
-    [O]: {
+    [X]: {
       id: o.id,
-      side: O,
+      side: X,
       type: "comment",
       magnet: { x: 0, y: 0 }
     }
   }, { comment: o, arrow: l };
 }
-function os(i, e, t, n, s, r, o, a, l) {
-  const h = i - o, c = e - a, d = o + h * r - c * s, u = a + h * s + c * r, g = o + (h + t) * r - c * s, p = a + (h + t) * s + c * r, f = o + (h + t) * r - (c + n) * s, m = a + (h + t) * s + (c + n) * r, x = o + h * r - (c + n) * s, b = a + h * s + (c + n) * r;
-  return l[0] = Math.min(d, g, f, x), l[1] = Math.min(u, p, m, b), l[2] = Math.max(d, g, f, x), l[3] = Math.max(u, p, m, b), l;
+function as(i, e, t, n, s, r, o, a, l) {
+  const h = i - o, c = e - a, d = o + h * r - c * s, u = a + h * s + c * r, g = o + (h + t) * r - c * s, f = a + (h + t) * s + c * r, p = o + (h + t) * r - (c + n) * s, m = a + (h + t) * s + (c + n) * r, w = o + h * r - (c + n) * s, b = a + h * s + (c + n) * r;
+  return l[0] = Math.min(d, g, p, w), l[1] = Math.min(u, f, m, b), l[2] = Math.max(d, g, p, w), l[3] = Math.max(u, f, m, b), l;
 }
-function as(i, e, t) {
+function cs(i, e, t) {
   const n = t.x - e.x, s = t.y - e.y, r = n * n + s * s;
   if (r === 0) {
     const d = i.x - e.x, u = i.y - e.y;
@@ -818,8 +821,8 @@ function as(i, e, t) {
   const a = e.x + o * n, l = e.y + o * s, h = i.x - a, c = i.y - l;
   return Math.sqrt(h * h + c * c);
 }
-const nt = (i) => i.properties.type === "polygon";
-function hn(i, e, t = 0) {
+const st = (i) => i.properties.type === "polygon";
+function dn(i, e, t = 0) {
   const n = i.geometry.coordinates[0], s = i.geometry.bbox;
   if (s) {
     const [o, a, l, h] = s;
@@ -835,11 +838,11 @@ function hn(i, e, t = 0) {
   if (t > 0)
     for (let o = 0; o < n.length - 1; o++) {
       const [a, l] = n[o], [h, c] = n[o + 1];
-      if (as(e, { x: a, y: l }, { x: h, y: c }) <= t) return !0;
+      if (cs(e, { x: a, y: l }, { x: h, y: c }) <= t) return !0;
     }
   return !1;
 }
-function cs(i, e) {
+function ls(i, e) {
   const t = i[0];
   t.length > 0 && (t[0][0] !== t[t.length - 1][0] || t[0][1] !== t[t.length - 1][1]) && t.push([t[0][0], t[0][1]]);
   let n = 1 / 0, s = 1 / 0, r = -1 / 0, o = -1 / 0;
@@ -869,43 +872,43 @@ const lt = {
   strokeColor: "#000000",
   strokeWidth: 2,
   background: "transparent"
-}, Ur = {
+}, qr = {
   type: "polygon",
   style: {
     ...lt
   }
-}, Se = (i) => i.type === "FeatureCollection";
-function dn(i) {
+}, Ae = (i) => i.type === "FeatureCollection";
+function un(i) {
   return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(i.trim());
 }
-function un(i) {
+function gn(i) {
   return /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(i.trim());
 }
-function gn(i) {
+function fn(i) {
   return /^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[0-9.]+\s*\)$/.test(
     i.trim()
   );
 }
-function ls(i) {
-  return dn(i) || un(i) || gn(i);
-}
-function qr(i) {
-  if (ls(i)) return i;
-  throw new Error(`Invalid color format: ${i}`);
+function hs(i) {
+  return un(i) || gn(i) || fn(i);
 }
 function Wr(i) {
-  if (dn(i)) return i;
-  throw new Error(`Invalid hex color format: ${i}`);
+  if (hs(i)) return i;
+  throw new Error(`Invalid color format: ${i}`);
 }
 function jr(i) {
   if (un(i)) return i;
-  throw new Error(`Invalid RGB color format: ${i}`);
+  throw new Error(`Invalid hex color format: ${i}`);
 }
 function Gr(i) {
   if (gn(i)) return i;
+  throw new Error(`Invalid RGB color format: ${i}`);
+}
+function Vr(i) {
+  if (fn(i)) return i;
   throw new Error(`Invalid RGBA color format: ${i}`);
 }
-class hs {
+class ds {
   constructor(e) {
     y(this, "previousZoom", -1);
     this.store = e;
@@ -916,7 +919,7 @@ class hs {
    */
   toggleComment(e) {
     const t = this.store.getState().getFeature(e);
-    if (!t || !D(t)) return;
+    if (!t || !P(t)) return;
     const n = t;
     this.store.getState().applyLiveUpdate(e, {
       properties: {
@@ -935,7 +938,7 @@ class hs {
     this.previousZoom = e;
     const t = this.store.getState(), n = t.features, s = {};
     Object.values(n).forEach((r) => {
-      if (D(r)) {
+      if (P(r)) {
         const o = r, a = this.getCommentZoomThreshold(o), l = e < a ? at : Rt;
         if (o.properties.mode === l) return;
         s[o.id] = {
@@ -1053,13 +1056,13 @@ class qt extends EventTarget {
     if (this.annotation = t ? t.id : null, this.annotation !== null) {
       const n = this.ogma.getContainer();
       if (n) {
-        const s = we() || n;
+        const s = xe() || n;
         s.addEventListener("mousemove", this.handleMouseMove), s.addEventListener("mouseup", this.handleMouseUp, !1), n.addEventListener("mousedown", this.handleMouseDown, !0), s.addEventListener("click", this.onClick, !0);
       }
     } else {
       const n = this.ogma.getContainer();
       if (n) {
-        const s = we() || n;
+        const s = xe() || n;
         s.removeEventListener("mousemove", this.handleMouseMove), s.removeEventListener("mouseup", this.handleMouseUp), n.removeEventListener("mousedown", this.handleMouseDown), s.removeEventListener("click", this.onClick);
       }
       this.clearDragState(), this.setCursor(I.default);
@@ -1089,7 +1092,7 @@ class qt extends EventTarget {
     return this.annotation !== null;
   }
 }
-class ds extends qt {
+class us extends qt {
   constructor(t, n, s, r, o, a, l) {
     super(t, n);
     y(this, "links");
@@ -1102,7 +1105,7 @@ class ds extends qt {
     y(this, "startX", 0);
     y(this, "startY", 0);
     y(this, "onArrowComplete", () => {
-      var x;
+      var v;
       this.arrowHandler.removeEventListener("dragend", this.onArrowComplete);
       const t = this.store.getState(), n = Array.from(t.selectedFeatures);
       if (n.length === 0) return;
@@ -1113,15 +1116,15 @@ class ds extends qt {
       h < 5 ? (c = this.startX + this.offsetX, d = this.startY + this.offsetY) : (c = o[0], d = o[1]);
       const u = this.comment;
       u.geometry.coordinates = [c, d], t.addFeature(u), this.store.setState({ drawingFeature: u.id });
-      const g = u.properties.height, p = c, f = d + g * 0.5;
+      const g = u.properties.height, f = t.zoom, p = g / f, m = c, w = d + p * 0.5;
       this.snapArrowStart(s, r[0], r[1]);
-      const m = (x = s.properties.link) == null ? void 0 : x.start;
+      const b = (v = s.properties.link) == null ? void 0 : v.start;
       t.updateFeature(s.id, {
         ...s,
         geometry: {
           ...s.geometry,
           coordinates: [
-            [p, f],
+            [m, w],
             // Start: comment bottom edge
             r
             // End: original mousedown point (with any snapping from ArrowHandler)
@@ -1131,30 +1134,30 @@ class ds extends qt {
           ...s.properties,
           link: {
             start: {
-              side: O,
+              side: X,
               id: u.id,
               type: T.COMMENT,
               magnet: { x: 0, y: 0.5 }
             },
             // If ArrowHandler snapped to something at the original start point,
             // that becomes the end point now
-            end: m ? {
+            end: b ? {
               side: it,
-              id: m.id,
-              type: m.type,
-              magnet: m.magnet
+              id: b.id,
+              type: b.type,
+              magnet: b.magnet
             } : void 0
           }
         }
-      }), this.links.add(s, O, u.id, T.COMMENT, {
+      }), this.links.add(s, X, u.id, T.COMMENT, {
         x: 0,
         y: 0.5
-      }), m && m.magnet && this.links.add(
+      }), b && b.magnet && this.links.add(
         s,
         it,
-        m.id,
-        m.type,
-        m.magnet
+        b.id,
+        b.type,
+        b.magnet
       ), t.setSelectedFeatures([u.id]), this.store.setState({ drawingFeature: null });
     });
     this.links = s, this.arrowHandler = o, this.snapping = r, this.offsetX = (l == null ? void 0 : l.offsetX) ?? 100, this.offsetY = (l == null ? void 0 : l.offsetY) ?? -50, this.arrowStyle = l == null ? void 0 : l.arrowStyle, this.comment = a;
@@ -1175,38 +1178,38 @@ class ds extends qt {
     const r = this.snapping.snap({ x: n, y: s });
     r && (t.geometry.coordinates[0] = [r.point.x, r.point.y], t.properties.link = {
       start: {
-        side: O,
+        side: X,
         id: r.id,
         type: r.type,
         magnet: r.magnet
       }
-    }, this.links.add(t, O, r.id, r.type, r.magnet));
+    }, this.links.add(t, X, r.id, r.type, r.magnet));
   }
 }
-function us(i, e, t, n, s) {
-  const { width: r, height: o } = n.view.getSize(), a = 8, l = 16, h = a * l, c = { width: 150, height: 50 }, d = c.width, u = c.height, g = Math.max(r, o), p = 200, f = {
+function gs(i, e, t, n, s) {
+  const { width: r, height: o } = n.view.getSize(), a = 8, l = 16, h = a * l, c = { width: 150, height: 50 }, d = c.width, u = c.height, g = Math.max(r, o), f = 200, p = {
     minX: 0,
     minY: 0,
     maxX: 0,
     maxY: 0
   }, m = n.view.graphToScreenCoordinates({ x: i, y: e });
-  for (let x = 0; x < h; x++) {
-    const b = x % a, v = Math.floor(x / a), S = 2 * Math.PI * (b / a), w = p + v / l * (g - p), A = Math.cos(S) * w, C = Math.sin(S) * w, E = m.x + A, k = m.y + C;
-    if (f.minX = E, f.minY = k - u / 2, f.maxX = E + d, f.maxY = k + u / 2, A < 0 && (f.minX -= d, f.maxX -= d), f.minX < 0 || f.maxX > r || f.minY < 0 || f.maxY > o)
+  for (let w = 0; w < h; w++) {
+    const b = w % a, v = Math.floor(w / a), S = 2 * Math.PI * (b / a), x = f + v / l * (g - f), A = Math.cos(S) * x, C = Math.sin(S) * x, E = m.x + A, k = m.y + C;
+    if (p.minX = E, p.minY = k - u / 2, p.maxX = E + d, p.maxY = k + u / 2, A < 0 && (p.minX -= d, p.maxX -= d), p.minX < 0 || p.maxX > r || p.minY < 0 || p.maxY > o)
       continue;
     const F = n.view.screenToGraphCoordinates({
-      x: f.minX,
-      y: f.minY
-    }), j = n.view.screenToGraphCoordinates({
-      x: f.maxX,
-      y: f.maxY
+      x: p.minX,
+      y: p.minY
+    }), O = n.view.screenToGraphCoordinates({
+      x: p.maxX,
+      y: p.maxY
     });
-    if (f.minX = F.x, f.minY = F.y, f.maxX = j.x, f.maxY = j.y, !t.query(f).filter((R) => R.properties.type !== "arrow").length)
+    if (p.minX = F.x, p.minY = F.y, p.maxX = O.x, p.maxY = O.y, !t.query(p).filter((B) => B.properties.type !== "arrow").length)
       return n.view.screenToGraphCoordinates({ x: E, y: k });
   }
   return n.view.screenToGraphCoordinates({ x: r / 2, y: o / 2 });
 }
-class gs {
+class fs {
   constructor(e, t, n, s, r, o, a) {
     y(this, "ogma");
     y(this, "store");
@@ -1252,7 +1255,7 @@ class gs {
   }
   enableTextDrawing(e) {
     return this.enableDrawingMode((t, n) => {
-      const s = ve(t, n, 0, 0, void 0, e);
+      const s = Se(t, n, 0, 0, void 0, e);
       this.startText(t, n, s);
     });
   }
@@ -1263,7 +1266,7 @@ class gs {
    */
   enableBoxDrawing(e) {
     return this.enableDrawingMode((t, n) => {
-      const s = be(t, n, 0, 0, e);
+      const s = ve(t, n, 0, 0, e);
       this.startBox(t, n, s);
     });
   }
@@ -1274,7 +1277,7 @@ class gs {
    */
   enablePolygonDrawing(e) {
     return this.enableDrawingMode((t, n) => {
-      const s = cs([[[t, n]]], { style: e });
+      const s = ls([[[t, n]]], { style: e });
       this.startPolygon(t, n, s);
     });
   }
@@ -1291,10 +1294,10 @@ class gs {
     return this.enableDrawingMode((t, n) => {
       let s = e.offsetX, r = e.offsetY;
       if (s === void 0 && r === void 0) {
-        const a = us(t, n, this.index, this.ogma);
+        const a = gs(t, n, this.index, this.ogma);
         s = a.x, r = a.y;
       }
-      const o = ln(t, n, "", e == null ? void 0 : e.commentStyle);
+      const o = hn(t, n, "", e == null ? void 0 : e.commentStyle);
       this.startComment(t, n, o, {
         ...e,
         offsetX: s,
@@ -1339,7 +1342,7 @@ class gs {
   }
   startComment(e, t, n, s) {
     this.editor.getActiveHandler() && this.editor.getActiveHandler().stopEditing(), this.control.cancelDrawing(), this.store.setState({ drawingFeature: n.id }), this.interactions.suppressClicksTemporarily(200);
-    const r = new ds(
+    const r = new us(
       this.ogma,
       this.store,
       this.links,
@@ -1349,24 +1352,24 @@ class gs {
       s
     ), o = (a) => {
       var l;
-      a.id === n.id && (this.control.select(a.id), this.control.off(oe, o), (l = this.editor.getActiveHandler()) == null || l.startEditingText());
+      a.id === n.id && (this.control.select(a.id), this.control.off(ae, o), (l = this.editor.getActiveHandler()) == null || l.startEditingText());
     };
-    return this.control.on(oe, o), r.startDrawing(n.id, e, t), this.control;
+    return this.control.on(ae, o), r.startDrawing(n.id, e, t), this.control;
   }
   startBox(e, t, n) {
-    return n || (n = be(e, t)), this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
+    return n || (n = ve(e, t)), this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
   startArrow(e, t, n) {
     return n || (n = Yt(e, t)), this.editor.getActiveHandler() && this.editor.getActiveHandler().stopEditing(), this.control.cancelDrawing(), this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
   startText(e, t, n) {
-    return n || (n = ve(e, t)), this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
+    return n || (n = Se(e, t)), this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
   startPolygon(e, t, n) {
     return this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.interactions.suppressClicksTemporarily(200), this.control.select(n.id), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
 }
-class fs {
+class ps {
   constructor(e, t) {
     this.store = e, this.links = t;
   }
@@ -1405,7 +1408,7 @@ class fs {
     this.store.temporal.getState().clear();
   }
 }
-class ps {
+class ms {
   constructor(e) {
     this.store = e;
   }
@@ -1454,7 +1457,7 @@ class ps {
     return t ? e.features[t] : null;
   }
 }
-class ms {
+class ys {
   constructor(e) {
     this.store = e;
   }
@@ -1463,10 +1466,10 @@ class ms {
    * @param annotation The annotation to add
    */
   add(e) {
-    if (Se(e))
+    if (Ae(e))
       for (const t of e.features) this.add(t);
     else {
-      const t = ts(e);
+      const t = es(e);
       this.store.getState().addFeature(t);
     }
   }
@@ -1475,7 +1478,7 @@ class ms {
    * @param annotation The annotation(s) to remove
    */
   remove(e) {
-    if (Se(e))
+    if (Ae(e))
       for (const t of e.features) this.remove(t);
     else
       this.store.getState().removeFeature(e.id);
@@ -1602,12 +1605,12 @@ class ms {
         }
       });
     } else if (_(r) || W(r)) {
-      const [a, l] = r.geometry.coordinates, h = a - n, c = l - s, d = n + h * t, u = s + c * t, g = r.properties.width * t, p = r.properties.height * t;
+      const [a, l] = r.geometry.coordinates, h = a - n, c = l - s, d = n + h * t, u = s + c * t, g = r.properties.width * t, f = r.properties.height * t;
       o.updateFeature(e, {
         properties: {
           ...r.properties,
           width: g,
-          height: p
+          height: f
         },
         geometry: {
           ...r.geometry,
@@ -1617,19 +1620,19 @@ class ms {
     }
   }
 }
-function ys(i) {
+function ws(i) {
   var t, n;
   const e = i.properties.link;
   return e ? ((t = e.start) == null ? void 0 : t.type) === T.COMMENT || ((n = e.end) == null ? void 0 : n.type) === T.COMMENT : !1;
 }
-function ws(i) {
+function xs(i) {
   var e, t;
   return ((t = (e = i.properties.link) == null ? void 0 : e.start) == null ? void 0 : t.type) !== T.COMMENT;
 }
-function Vr(i) {
+function Zr(i) {
   return !0;
 }
-function fe(i, e, t, n, s = !1) {
+function pe(i, e, t, n, s = !1) {
   const r = i.getState(), o = r.getFeature(t);
   if (!o) return;
   const a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
@@ -1647,17 +1650,17 @@ function fe(i, e, t, n, s = !1) {
   for (const d of a) {
     const u = r.getFeature(d);
     if (!u) continue;
-    const g = xs(u, n);
+    const g = bs(u, n);
     g && (c[d] = g, e.updateLinkedArrowsDuringDrag(d, n, c));
   }
   for (const d of l) {
     const u = r.getFeature(d);
     if (!u) continue;
-    const g = u.properties.link || {}, p = u.geometry.coordinates, f = [...p];
-    (g.start && Pt(g.start.type) || h === d) && (f[0] = [p[0][0] + n.x, p[0][1] + n.y]), (g.end && Pt(g.end.type) || h === d) && (f[1] = [p[1][0] + n.x, p[1][1] + n.y]), c[d] = {
+    const g = u.properties.link || {}, f = u.geometry.coordinates, p = [...f];
+    (g.start && Pt(g.start.type) || h === d) && (p[0] = [f[0][0] + n.x, f[0][1] + n.y]), (g.end && Pt(g.end.type) || h === d) && (p[1] = [f[1][0] + n.x, f[1][1] + n.y]), c[d] = {
       geometry: {
         ...u.geometry,
-        coordinates: f
+        coordinates: p
       }
     };
   }
@@ -1666,8 +1669,8 @@ function fe(i, e, t, n, s = !1) {
 function Pt(i) {
   return i !== T.NODE && i !== T.EDGE;
 }
-function xs(i, e) {
-  if (_(i) || W(i) || D(i)) {
+function bs(i, e) {
+  if (_(i) || W(i) || P(i)) {
     const t = Q(i);
     return {
       geometry: {
@@ -1676,7 +1679,7 @@ function xs(i, e) {
       }
     };
   }
-  if (nt(i)) {
+  if (st(i)) {
     const t = i, n = t.geometry.coordinates.map(
       (s) => s.map((r) => [r[0] + e.x, r[1] + e.y])
     );
@@ -1689,7 +1692,7 @@ function xs(i, e) {
   }
   return null;
 }
-class bs extends qt {
+class vs extends qt {
   constructor(t, n, s, r) {
     super(t, n);
     y(this, "snapping");
@@ -1698,12 +1701,12 @@ class bs extends qt {
     this.snapping = s, this.links = r;
   }
   detectHandle(t) {
-    const n = this.getAnnotation(), s = this.clientToCanvas(t), r = Ze, o = n.geometry.coordinates[0], a = n.geometry.coordinates[1], l = Math.sqrt(
+    const n = this.getAnnotation(), s = this.clientToCanvas(t), r = Ke, o = n.geometry.coordinates[0], a = n.geometry.coordinates[1], l = Math.sqrt(
       Math.pow(s.x - o[0], 2) + Math.pow(s.y - o[1], 2)
     ), h = Math.sqrt(
       Math.pow(s.x - a[0], 2) + Math.pow(s.y - a[1], 2)
     );
-    l < r ? this.grabHandle("start", o[0], o[1]) : h < r ? this.grabHandle("end", a[0], a[1]) : an(n, s, r) ? (this.setCursor(I.grab), this.hoveredHandle = {
+    l < r ? this.grabHandle("start", o[0], o[1]) : h < r ? this.grabHandle("end", a[0], a[1]) : cn(n, s, r) ? (this.setCursor(I.grab), this.hoveredHandle = {
       type: "body",
       point: s
     }, this.store.setState({ hoveredHandle: 2, hoveredFeature: this.annotation })) : (this.store.setState({ hoveredHandle: -1, hoveredFeature: null }), this.hoveredHandle = void 0);
@@ -1727,7 +1730,7 @@ class bs extends qt {
     }), h = [...s.geometry.coordinates];
     if (n.type === "body") {
       const d = a.x - n.point.x, u = a.y - n.point.y;
-      fe(this.store, this.links, s.id, { x: d, y: u }, !0), this.dispatchEvent(l);
+      pe(this.store, this.links, s.id, { x: d, y: u }, !0), this.dispatchEvent(l);
       return;
     } else n.type === "start" ? (h[0] = [a.x, a.y], this.snap && (r.start = {
       side: n.type,
@@ -1752,7 +1755,7 @@ class bs extends qt {
   onDragStart(t) {
     if (!super.onDragStart(t)) return !1;
     const n = this.getAnnotation(), s = this.hoveredHandle;
-    return s.type === "end" && !1 || s.type === "start" && !ws(n) ? (this.clearDragState(), !1) : (this.store.getState().startLiveUpdate([this.annotation]), !0);
+    return s.type === "end" && !1 || s.type === "start" && !xs(n) ? (this.clearDragState(), !1) : (this.store.getState().startLiveUpdate([this.annotation]), !0);
   }
   onDragEnd(t) {
     var r, o, a, l;
@@ -1778,7 +1781,7 @@ class bs extends qt {
           c.id,
           c.type,
           c.magnet
-        ) : ((o = (r = n.properties.link) == null ? void 0 : r.start) == null ? void 0 : o.type) !== "comment" && this.links.remove(n, O), d ? this.links.add(
+        ) : ((o = (r = n.properties.link) == null ? void 0 : r.start) == null ? void 0 : o.type) !== "comment" && this.links.remove(n, X), d ? this.links.add(
           n,
           "end",
           d.id,
@@ -1825,7 +1828,7 @@ class bs extends qt {
           ...t.properties,
           link: {
             start: {
-              side: O,
+              side: X,
               id: r.id,
               type: r.type,
               magnet: r.magnet
@@ -1853,7 +1856,7 @@ class bs extends qt {
     let r = Ht(t, s);
     const o = t.properties.link || {};
     let a = null;
-    if (n instanceof Pn)
+    if (n instanceof Dn)
       r = n.getPosition(), a = this.snapping.snapToNodes(r, n.toList());
     else {
       const l = this.store.getState().getFeature(n);
@@ -1861,8 +1864,8 @@ class bs extends qt {
         throw new Error(`Annotation with id ${n} not found`);
       if (_(l) || W(l))
         r = Q(l), a = this.snapping.snapToText(r, [l]);
-      else if (nt(l))
-        r = tn(l), a = this.snapping.snapToPolygon(r, [l]);
+      else if (st(l))
+        r = en(l), a = this.snapping.snapToPolygon(r, [l]);
       else
         throw new Error(
           `Cannot link arrow to annotation of type ${l.properties.type}`
@@ -1873,7 +1876,7 @@ class bs extends qt {
       id: a.id,
       type: a.type,
       magnet: a.magnet
-    }, this.links.add(t, s, a.id, a.type, a.magnet), Zn(t, s, r.x, r.y), this.store.getState().updateFeature(t.id, {
+    }, this.links.add(t, s, a.id, a.type, a.magnet), Kn(t, s, r.x, r.y), this.store.getState().updateFeature(t.id, {
       properties: { ...t.properties, link: o },
       geometry: {
         type: t.geometry.type,
@@ -1882,7 +1885,7 @@ class bs extends qt {
     }));
   }
 }
-class vs extends qt {
+class Ss extends qt {
   // Graph units
   constructor(t, n, s) {
     super(t, n);
@@ -1921,7 +1924,7 @@ class vs extends qt {
   detectHandle(t, n = 1) {
     const s = this.getAnnotation();
     if (!s) return;
-    const r = this.clientToCanvas(t), o = Ze / n, a = s.geometry.coordinates[0];
+    const r = this.clientToCanvas(t), o = Ke / n, a = s.geometry.coordinates[0];
     for (let l = 0; l < a.length - 1; l++) {
       const [h, c] = a[l];
       if (Math.sqrt(
@@ -1931,7 +1934,7 @@ class vs extends qt {
         return;
       }
     }
-    hn(s, r, o) ? (this.setCursor(I.grab), this.hoveredHandle = {
+    dn(s, r, o) ? (this.setCursor(I.grab), this.hoveredHandle = {
       type: "body",
       point: r
     }, this.store.setState({ hoveredHandle: -1, hoveredFeature: this.annotation })) : (this.store.setState({ hoveredHandle: -1, hoveredFeature: null }), this.hoveredHandle = void 0);
@@ -1970,18 +1973,18 @@ class vs extends qt {
     if (this.isDrawingMode && this.dragging) {
       const a = this.clientToCanvas(t), l = this.store.getState(), h = this.getAnnotation();
       if (!h) return;
-      const c = l.liveUpdates[this.annotation], d = c ? { ...h, ...c } : h, g = l.drawingPoints.slice(0, -1), p = [
+      const c = l.liveUpdates[this.annotation], d = c ? { ...h, ...c } : h, g = l.drawingPoints.slice(0, -1), f = [
         ...g,
         [a.x, a.y],
         g[0]
       ];
-      l.setDrawingPoints(p);
-      const f = me(
-        p,
+      l.setDrawingPoints(f);
+      const p = ye(
+        f,
         // Exclude closing point
         this.simplificationTolerance,
         !1
-      ), m = [...f, f[0]];
+      ), m = [...p, p[0]];
       l.applyLiveUpdate(this.annotation, {
         ...d,
         geometry: {
@@ -1995,7 +1998,7 @@ class vs extends qt {
     const n = this.clientToCanvas(t), s = n.x - this.dragStartPoint.x, r = n.y - this.dragStartPoint.y, o = this.getAnnotation();
     if (o) {
       if (this.hoveredHandle.type === "body")
-        fe(this.store, this.links, o.id, { x: s, y: r });
+        pe(this.store, this.links, o.id, { x: s, y: r });
       else if (this.hoveredHandle.type === "vertex" && this.hoveredHandle.vertexIndex !== void 0) {
         const a = o.geometry.coordinates[0].map((h, c) => c === this.hoveredHandle.vertexIndex ? [
           this.hoveredHandle.point.x + s,
@@ -2010,7 +2013,7 @@ class vs extends qt {
             coordinates: [a]
           }
         };
-        en(l), this.store.getState().applyLiveUpdate(o.id, l), this.links.snapLinkedArrowsDuringDrag(o.id);
+        nn(l), this.store.getState().applyLiveUpdate(o.id, l), this.links.snapLinkedArrowsDuringDrag(o.id);
       }
       this.dispatchEvent(new Event(Ut));
     }
@@ -2022,7 +2025,7 @@ class vs extends qt {
         const r = n.drawingPoints;
         if (r.length < 3) this.cancelDrawing();
         else {
-          const o = me(
+          const o = ye(
             r.slice(1, -1),
             // Exclude closing point
             this.simplificationTolerance,
@@ -2035,7 +2038,7 @@ class vs extends qt {
             }
           };
           kt(a), this.store.getState().applyLiveUpdate(s.id, a), this.store.setState({ drawingFeature: null }), this.commitChange(), this.isDrawingMode = !1, this.dragging = !1, this.restorePanning(), this.dispatchEvent(
-            new CustomEvent(Ve, { detail: a })
+            new CustomEvent(Ze, { detail: a })
           );
         }
       }
@@ -2048,7 +2051,7 @@ class vs extends qt {
       return this.store.getState().getFeature(this.annotation);
   }
 }
-class Ss {
+class As {
   constructor(e, t, n, s = () => {
   }) {
     y(this, "layer");
@@ -2080,9 +2083,9 @@ class Ss {
     y(this, "update", () => {
       this.getAnnotation() && (this.updateStyle(), this.updatePosition(), this.layer.setSize(this.getSize()));
     });
-    var u, g, p;
+    var u, g, f;
     this.ogma = e, this.store = t, this.annotation = n, this.onSendHandler = s;
-    const r = this.getPosition(), o = this.getSize(), a = this.getAnnotation(), l = this.store.getState(), h = D(a) && (((u = l.options) == null ? void 0 : u.showSendButton) ?? !0), c = ((g = l.options) == null ? void 0 : g.sendButtonIcon) || "", d = ((p = l.options) == null ? void 0 : p.textPlaceholder) || "Enter text";
+    const r = this.getPosition(), o = this.getSize(), a = this.getAnnotation(), l = this.store.getState(), h = P(a) && (((u = l.options) == null ? void 0 : u.showSendButton) ?? !0), c = ((g = l.options) == null ? void 0 : g.sendButtonIcon) || "", d = ((f = l.options) == null ? void 0 : f.textPlaceholder) || "Enter text";
     this.layer = this.ogma.layers.addOverlay(
       {
         element: `<div class="ogma-annotation-text-editor">
@@ -2094,16 +2097,16 @@ class Ss {
         position: r,
         size: o
       },
-      de.EDITOR
+      ue.EDITOR
     ), this.textarea = this.layer.element.querySelector("textarea"), this.textarea.setAttribute("wrap", "on"), this.textarea.setAttribute("spellcheck", "false"), this.textarea.value = a.properties.content || "", h && (this.sendButton = this.layer.element.querySelector(".ogma-send-button"), this.sendButton.addEventListener("click", this.onSendClick), this.updateSendButtonState()), this.isFocused = !1, this.textarea.addEventListener("focus", this.onFocus), this.textarea.addEventListener("blur", this.onBlur), this.textarea.addEventListener("input", this.onInput), this.textarea.addEventListener("keyup", this.onKeyup), this.textarea.addEventListener("keydown", this.onKeydown), this.textarea.addEventListener("wheel", this.onMouseEvent), this.textarea.addEventListener("mouseup", this.onMouseEvent), this.textarea.addEventListener("mousedown", this.onMouseEvent), this.textarea.addEventListener("click", this.onMouseEvent), this.textarea.addEventListener("drag", this.onMouseEvent), this.updateStyle(), this.updatePosition(), this.textarea.focus(), this.unsubscribe = this.store.subscribe(
-      (f) => ({
-        rotation: f.rotation,
-        zoom: f.zoom,
-        annotation: f.features[this.annotation]
+      (p) => ({
+        rotation: p.rotation,
+        zoom: p.zoom,
+        annotation: p.features[this.annotation]
       }),
       this.update,
       {
-        equalityFn: (f, m) => f.rotation === m.rotation && f.zoom === m.zoom && f.annotation === m.annotation
+        equalityFn: (p, m) => p.rotation === m.rotation && p.zoom === m.zoom && p.annotation === m.annotation
       }
     );
   }
@@ -2116,7 +2119,7 @@ class Ss {
   getPosition() {
     const e = this.getAnnotation();
     if (!e) return { x: 0, y: 0 };
-    const t = e.properties.style, n = (t == null ? void 0 : t.fixedSize) || !1, s = t == null ? void 0 : t.maxHeight, r = this.store.getState().zoom, o = Gt(e), [a, l] = e.geometry.coordinates, h = e.properties.width;
+    const t = e.properties.style, n = (t == null ? void 0 : t.fixedSize) || !1, s = t == null ? void 0 : t.maxHeight, r = this.store.getState().zoom, o = Vt(e), [a, l] = e.geometry.coordinates, h = e.properties.width;
     let c = e.properties.height;
     s && (c = Math.min(c, s));
     const d = n ? 1 / r : 1;
@@ -2129,11 +2132,11 @@ class Ss {
     var g;
     const e = this.getAnnotation();
     if (!e) return { width: 0, height: 0 };
-    const t = q(e), n = Gt(e), s = e.properties.style, r = (s == null ? void 0 : s.fixedSize) || !1, o = s == null ? void 0 : s.maxHeight, a = this.store.getState().zoom, l = this.store.getState(), h = D(e) && (((g = l.options) == null ? void 0 : g.showSendButton) ?? !0), c = r ? 1 / a : 1;
+    const t = q(e), n = Vt(e), s = e.properties.style, r = (s == null ? void 0 : s.fixedSize) || !1, o = s == null ? void 0 : s.maxHeight, a = this.store.getState().zoom, l = this.store.getState(), h = P(e) && (((g = l.options) == null ? void 0 : g.showSendButton) ?? !0), c = r ? 1 / a : 1;
     let d = (t.height - n * 2) * c;
     if (o) {
-      const p = (o - n * 2) * c;
-      d = Math.min(d, p);
+      const f = (o - n * 2) * c;
+      d = Math.min(d, f);
     }
     const u = h ? 28 * c : 0;
     return {
@@ -2142,60 +2145,63 @@ class Ss {
     };
   }
   updateStyle() {
-    var x;
+    var b;
     const e = this.getAnnotation();
     if (!e) return;
-    const {
-      font: t,
-      fontSize: n = U.fontSize,
-      borderRadius: s,
-      color: r,
-      background: o,
-      padding: a = 0,
-      fixedSize: l = U.fixedSize
-    } = e.properties.style || U, h = this.textarea, c = this.layer.element, d = this.store.getState().zoom, u = l ? 1 / d : 1, g = parseFloat(n.toString()) * u, p = a * u, f = c.style;
-    f.display = "grid", f.gridTemplateRows = "1fr auto", f.boxSizing = "border-box", f.background = o || "transparent", f.borderRadius = `${(s || 0) * u}px`, f.padding = `${p}px`, f.transformOrigin = "center", f.transform = `rotate(${this.store.getState().rotation}rad)`;
-    const m = h.style;
-    if (m.font = `${g} ${t}`, m.fontFamily = t || "sans-serif", m.fontSize = `${g}px`, m.lineHeight = `${g * $t}px`, m.padding = "0", m.border = "none", m.outline = "none", m.boxSizing = "border-box", m.color = r || "black", m.background = "transparent", m.flex = "1", m.minHeight = "0", m.resize = "none", this.sendButton) {
-      const b = 24 * u, v = 4 * u;
-      this.sendButton.style.width = `${b}px`, this.sendButton.style.height = `${b}px`, this.sendButton.style.padding = `${v}px`, this.sendButton.style.transform = "";
-      const S = this.sendButton.querySelector(
+    const t = P(e) ? V : G, {
+      font: n,
+      fontSize: s = t.fontSize,
+      borderRadius: r,
+      color: o,
+      background: a = t.background,
+      padding: l = 0,
+      fixedSize: h = t.fixedSize
+    } = e.properties.style || t, c = this.textarea, d = this.layer.element, u = this.store.getState().zoom, g = h ? 1 / u : 1, f = parseFloat(s.toString()) * g, p = l * g, m = d.style;
+    if (m.display = "grid", m.gridTemplateRows = "1fr auto", m.boxSizing = "border-box", m.background = a || "transparent", m.borderRadius = `${(r || 0) * g}px`, m.padding = `${p}px`, m.transformOrigin = "center", m.transform = `rotate(${this.store.getState().rotation}rad)`, e.properties.type === "comment") {
+      const v = e.properties.style, S = (v == null ? void 0 : v.shadow) !== !1;
+      m.boxShadow = S ? "0 2px 8px rgba(0, 0, 0, 0.15)" : "none";
+    }
+    const w = c.style;
+    if (w.font = `${f} ${n}`, w.fontFamily = n || "sans-serif", w.fontSize = `${f}px`, w.lineHeight = `${f * $t}px`, w.padding = "0", w.border = "none", w.outline = "none", w.boxSizing = "border-box", w.color = o || "black", w.background = "transparent", w.flex = "1", w.minHeight = "0", w.resize = "none", this.sendButton) {
+      const v = 24 * g, S = 4 * g;
+      this.sendButton.style.width = `${v}px`, this.sendButton.style.height = `${v}px`, this.sendButton.style.padding = `${S}px`, this.sendButton.style.transform = "";
+      const x = this.sendButton.querySelector(
         ".ogma-send-button-icon"
       );
-      if (S) {
-        const w = 16 * u;
-        S.style.width = `${w}px`, S.style.height = `${w}px`;
+      if (x) {
+        const A = 16 * g;
+        x.style.width = `${A}px`, x.style.height = `${A}px`;
       }
     }
-    if (l) {
-      const b = (x = e.properties.style) == null ? void 0 : x.maxHeight, v = b && e.properties.height >= b;
-      m.overflowY = v ? "auto" : "hidden", m.overflowX = "hidden";
+    if (h) {
+      const v = (b = e.properties.style) == null ? void 0 : b.maxHeight, S = v && e.properties.height >= v;
+      w.overflowY = S ? "auto" : "hidden", w.overflowX = "hidden";
     }
   }
   updatePosition() {
     this.layer.setPosition(this.getPosition());
   }
   updateContent() {
-    var o, a, l;
+    var o, a, l, h;
     const e = this.getAnnotation();
     if (!e) return;
     let t = e.properties.height, n = e.geometry.coordinates;
     const s = (o = e.properties.style) == null ? void 0 : o.fixedSize;
     if (s) {
-      const h = this.textarea.style.height;
+      const c = this.textarea.style.height;
       this.textarea.style.height = "0px";
-      const c = this.textarea.scrollHeight;
-      this.textarea.style.height = h;
-      const d = Gt(e), u = this.store.getState().zoom, g = (c + d * 2 / u) * u, p = ((a = e.properties.style) == null ? void 0 : a.minHeight) || 50;
-      t = Math.max(p, g);
-      const f = (l = e.properties.style) == null ? void 0 : l.maxHeight, m = e.properties.height, x = t - m;
-      if (Math.abs(x) > 1) {
-        const [b, v] = e.geometry.coordinates;
-        if (f && t > f) {
-          const S = f - m;
-          t = f, Math.abs(S) > 1 && (n = [b, v + S / 2]);
+      const d = this.textarea.scrollHeight;
+      this.textarea.style.height = c;
+      const u = Vt(e), g = this.store.getState().zoom, f = ((a = e.properties.style) == null ? void 0 : a.padding) || 0, p = (d + u * 2 / g) * g + f * 2, m = ((l = e.properties.style) == null ? void 0 : l.minHeight) || 50;
+      t = Math.max(m, p);
+      const w = (h = e.properties.style) == null ? void 0 : h.maxHeight, b = e.properties.height, v = t - b;
+      if (Math.abs(v) > 1) {
+        const [S, x] = e.geometry.coordinates;
+        if (w && t > w) {
+          const A = w - b;
+          t = w, Math.abs(A) > 1 && (n = [S, x + A / 2]);
         } else
-          n = [b, v + x / 2];
+          n = [S, x + v / 2];
       }
     }
     const r = {
@@ -2221,21 +2227,21 @@ class Ss {
     this.store.getState().commitLiveUpdates(/* @__PURE__ */ new Set([this.annotation])), this.unsubscribe(), this.sendButton && this.sendButton.removeEventListener("click", this.onSendClick), this.layer.destroy();
   }
 }
-function Gt(i) {
+function Vt(i) {
   var e;
   return ((e = i.properties.style) == null ? void 0 : e.strokeWidth) || 0;
 }
-const Ae = { x: 1, y: 0 }, Ee = { x: 0, y: 1 }, As = [
-  ["top", Ee, -0.5, -0.5, 0.5, -0.5],
-  ["right", Ae, 0.5, -0.5, 0.5, 0.5],
-  ["bottom", Ee, -0.5, 0.5, 0.5, 0.5],
-  ["left", Ae, -0.5, -0.5, -0.5, 0.5]
-], Es = {
+const Ee = { x: 1, y: 0 }, Ce = { x: 0, y: 1 }, Es = [
+  ["top", Ce, -0.5, -0.5, 0.5, -0.5],
+  ["right", Ee, 0.5, -0.5, 0.5, 0.5],
+  ["bottom", Ce, -0.5, 0.5, 0.5, 0.5],
+  ["left", Ee, -0.5, -0.5, -0.5, 0.5]
+], Cs = {
   top: [0, 1],
   right: [1, 2],
   bottom: [2, 3],
   left: [3, 0]
-}, Ce = [
+}, ke = [
   [-0.5, -0.5],
   // top-left (index 0)
   [0.5, -0.5],
@@ -2244,7 +2250,7 @@ const Ae = { x: 1, y: 0 }, Ee = { x: 0, y: 1 }, As = [
   // bottom-right (index 2)
   [-0.5, 0.5]
   // bottom-left (index 3)
-], Cs = [
+], ks = [
   I.nwResize,
   // top-left (0)
   I.neResize,
@@ -2254,7 +2260,7 @@ const Ae = { x: 1, y: 0 }, Ee = { x: 0, y: 1 }, As = [
   I.swResize
   // bottom-left (3)
 ];
-class Vt extends qt {
+class Zt extends qt {
   constructor(t, n, s) {
     super(t, n);
     y(this, "links");
@@ -2263,7 +2269,7 @@ class Vt extends qt {
     y(this, "onClick", (t) => {
       const n = this.getAnnotation();
       if (n) {
-        if (D(n) && n.properties.mode === at) {
+        if (P(n) && n.properties.mode === at) {
           this.store.getState().updateFeature(n.id, {
             properties: {
               ...n.properties,
@@ -2273,11 +2279,11 @@ class Vt extends qt {
           return;
         }
         if (this.store.getState().selectedFeatures.has(n.id)) {
-          if (D(n) && this.justActivated) {
+          if (P(n) && this.justActivated) {
             this.justActivated = !1;
             return;
           }
-          n && (_(n) || D(n)) && this.startEditingText();
+          n && (_(n) || P(n)) && this.startEditingText();
         }
       }
     });
@@ -2292,28 +2298,28 @@ class Vt extends qt {
     let { width: a, height: l } = q(s);
     const h = 5 / n, c = Q(s), d = this.store.getState();
     let { revSin: u, revCos: g } = d;
-    (W(s) || D(s)) && (u = 0, g = 1), this.hoveredHandle = void 0;
-    const p = Xn * (1 / n), f = r - c.x, m = o - c.y, x = f * g - m * u, b = f * u + m * g, v = ((S = s.properties.style) == null ? void 0 : S.fixedSize) === !0 || D(s);
+    (W(s) || P(s)) && (u = 0, g = 1), this.hoveredHandle = void 0;
+    const f = Xn * (1 / n), p = r - c.x, m = o - c.y, w = p * g - m * u, b = p * u + m * g, v = ((S = s.properties.style) == null ? void 0 : S.fixedSize) === !0 || P(s);
     if (v && (a /= n, l /= n), !v) {
-      for (let w = 0; w < Ce.length; w++) {
-        const [A, C] = Ce[w], E = a * A, k = l * C;
-        if (x >= E - p - h && x <= E + p + h && b >= k - p - h && b <= k + p + h) {
+      for (let x = 0; x < ke.length; x++) {
+        const [A, C] = ke[x], E = a * A, k = l * C;
+        if (w >= E - f - h && w <= E + f + h && b >= k - f - h && b <= k + f + h) {
           this.hoveredHandle = {
             type: "corner",
-            corner: w
-          }, this.store.setState({ hoveredHandle: w, hoveredFeature: this.annotation }), this.setCursor(this.getCornerCursor(w));
+            corner: x
+          }, this.store.setState({ hoveredHandle: x, hoveredFeature: this.annotation }), this.setCursor(this.getCornerCursor(x));
           return;
         }
       }
-      for (const [w, A, C, E, k, F] of As) {
-        const j = a * C, z = l * E, R = a * k, et = l * F, Y = mt(A, { x: x - j, y: b - z });
-        if (Math.abs(Y) < h && x >= j - h && x <= R + h && b >= z - h && b <= et + h) {
-          this.hoveredHandle = { type: "edge", edge: w, corner: -1 }, this.store.setState({ hoveredHandle: Es[w][0] + 4, hoveredFeature: this.annotation }), this.setCursor(this.getEdgeCursor(w));
+      for (const [x, A, C, E, k, F] of Es) {
+        const O = a * C, N = l * E, B = a * k, et = l * F, nt = mt(A, { x: w - O, y: b - N });
+        if (Math.abs(nt) < h && w >= O - h && w <= B + h && b >= N - h && b <= et + h) {
+          this.hoveredHandle = { type: "edge", edge: x, corner: -1 }, this.store.setState({ hoveredHandle: Cs[x][0] + 4, hoveredFeature: this.annotation }), this.setCursor(this.getEdgeCursor(x));
           return;
         }
       }
     }
-    if (x >= -a / 2 - h && x <= a / 2 + h && b >= -l / 2 - h && b <= l / 2 + h) {
+    if (w >= -a / 2 - h && w <= a / 2 + h && b >= -l / 2 - h && b <= l / 2 + h) {
       this.store.setState({ hoveredHandle: 8, hoveredFeature: this.annotation }), this.hoveredHandle = { type: "body", corner: -1 }, this.setCursor(I.grab);
       return;
     }
@@ -2327,7 +2333,7 @@ class Vt extends qt {
       y: s.y - this.dragStartPoint.y
     }, o = this.hoveredHandle, a = this.getAnnotation();
     let l = null;
-    o.type === "corner" ? l = this.dragCorner(a, r, o.corner) : o.type === "edge" && o.edge ? l = this.dragEdge(a, r, o) : o.type === "body" && (fe(this.store, this.links, n.id, r), this.textEditor && this.textEditor.update()), l && (this.store.getState().applyLiveUpdate(n.id, l), this.links.updateLinkedArrowsDuringDrag(n.id, r), this.textEditor && this.textEditor.update()), this.dispatchEvent(
+    o.type === "corner" ? l = this.dragCorner(a, r, o.corner) : o.type === "edge" && o.edge ? l = this.dragEdge(a, r, o) : o.type === "body" && (pe(this.store, this.links, n.id, r), this.textEditor && this.textEditor.update()), l && (this.store.getState().applyLiveUpdate(n.id, l), this.links.updateLinkedArrowsDuringDrag(n.id, r), this.textEditor && this.textEditor.update()), this.dispatchEvent(
       new CustomEvent(Ut, {
         detail: {
           point: s,
@@ -2340,11 +2346,11 @@ class Vt extends qt {
   dragCorner(t, n, s) {
     const r = s === 0 || s === 1, o = s === 0 || s === 3, a = s === 1 || s === 2, l = s === 2 || s === 3, { width: h, height: c } = q(t), d = this.store.getState();
     let { revSin: u, revCos: g } = d;
-    (W(t) || D(t)) && (u = 0, g = 1);
-    const p = n.x * g - n.y * u, f = n.x * u + n.y * g;
-    let m = 0, x = 0;
-    o ? m = -p : a && (m = p), r ? x = -f : l && (x = f);
-    const b = Math.max(0, h + m), v = Math.max(0, c + x), S = Q(t), w = S.x + n.x / 2, A = S.y + n.y / 2;
+    (W(t) || P(t)) && (u = 0, g = 1);
+    const f = n.x * g - n.y * u, p = n.x * u + n.y * g;
+    let m = 0, w = 0;
+    o ? m = -f : a && (m = f), r ? w = -p : l && (w = p);
+    const b = Math.max(0, h + m), v = Math.max(0, c + w), S = Q(t), x = S.x + n.x / 2, A = S.y + n.y / 2;
     return {
       ...t,
       properties: {
@@ -2354,41 +2360,41 @@ class Vt extends qt {
       },
       geometry: {
         type: t.geometry.type,
-        coordinates: [w, A]
+        coordinates: [x, A]
       }
     };
   }
   dragEdge(t, n, s) {
     const { width: r, height: o } = q(t), a = Q(t), l = this.store.getState();
     let { revSin: h, revCos: c } = l;
-    (W(t) || D(t)) && (h = 0, c = 1);
+    (W(t) || P(t)) && (h = 0, c = 1);
     const d = n.x * c - n.y * h, u = n.x * h + n.y * c;
-    let g = r, p = o, f = 0, m = 0;
+    let g = r, f = o, p = 0, m = 0;
     switch (s.edge) {
       case "top":
-        p = Math.max(0, o - u), m = u / 2;
+        f = Math.max(0, o - u), m = u / 2;
         break;
       case "bottom":
-        p = Math.max(0, o + u), m = u / 2;
+        f = Math.max(0, o + u), m = u / 2;
         break;
       case "left":
-        g = Math.max(0, r - d), f = d / 2;
+        g = Math.max(0, r - d), p = d / 2;
         break;
       case "right":
-        g = Math.max(0, r + d), f = d / 2;
+        g = Math.max(0, r + d), p = d / 2;
         break;
     }
-    const x = f * c + m * h, b = -f * h + m * c;
+    const w = p * c + m * h, b = -p * h + m * c;
     return {
       ...t,
       properties: {
         ...t.properties,
         width: g,
-        height: p
+        height: f
       },
       geometry: {
         type: t.geometry.type,
-        coordinates: [a.x + x, a.y + b]
+        coordinates: [a.x + w, a.y + b]
       }
     };
   }
@@ -2396,7 +2402,7 @@ class Vt extends qt {
     return super.onDragStart(t) ? (this.stopEditingText(), this.store.getState().startLiveUpdate([this.annotation]), !0) : !1;
   }
   startEditingText() {
-    this.textEditor === null && (this.store.setState({ editingFeature: this.annotation }), this.textEditor = new Ss(
+    this.textEditor === null && (this.store.setState({ editingFeature: this.annotation }), this.textEditor = new As(
       this.ogma,
       this.store,
       this.annotation,
@@ -2414,7 +2420,7 @@ class Vt extends qt {
     })) : this.commitChange(), this.hoveredHandle = void 0, this.dragStartPoint = void 0, this.dragging = !1, !0;
   }
   getCornerCursor(t) {
-    return Cs[t];
+    return ks[t];
   }
   getEdgeCursor(t) {
     switch (t) {
@@ -2442,7 +2448,7 @@ class Vt extends qt {
     this.dragStartPoint = r, this.disablePanning(), this.onDragStart({ clientX: r.x, clientY: r.y });
   }
   setAnnotation(t) {
-    t && D(t) && (this.justActivated = !0), super.setAnnotation(t), t && D(t) && t.properties.mode === at && this.store.getState().updateFeature(t.id, {
+    t && P(t) && (this.justActivated = !0), super.setAnnotation(t), t && P(t) && t.properties.mode === at && this.store.getState().updateFeature(t.id, {
       properties: {
         ...t.properties,
         mode: Rt
@@ -2450,7 +2456,7 @@ class Vt extends qt {
     });
   }
 }
-class ks extends EventTarget {
+class Ms extends EventTarget {
   constructor(t, n, s, r, o) {
     super();
     y(this, "handlers", /* @__PURE__ */ new Map());
@@ -2459,12 +2465,12 @@ class ks extends EventTarget {
     y(this, "ogma");
     y(this, "snapping");
     y(this, "store");
-    this.ogma = t, this.store = n, this.snapping = s, this.interaction = o, this.handlers.set("box", new Vt(this.ogma, this.store, r)), this.handlers.set("text", new Vt(this.ogma, this.store, r)), this.handlers.set("comment", new Vt(this.ogma, this.store, r)), this.handlers.set(
+    this.ogma = t, this.store = n, this.snapping = s, this.interaction = o, this.handlers.set("box", new Zt(this.ogma, this.store, r)), this.handlers.set("text", new Zt(this.ogma, this.store, r)), this.handlers.set("comment", new Zt(this.ogma, this.store, r)), this.handlers.set(
       "arrow",
-      new bs(this.ogma, this.store, this.snapping, r)
+      new vs(this.ogma, this.store, this.snapping, r)
     ), this.handlers.set(
       "polygon",
-      new vs(this.ogma, this.store, r)
+      new Ss(this.ogma, this.store, r)
     ), this.handlers.forEach((a) => {
       a.addEventListener("dragstart", ((l) => {
         this.dispatchEvent(
@@ -2524,8 +2530,8 @@ class ks extends EventTarget {
   destroy() {
   }
 }
-const Ms = ["x", "y", "radius"], Ts = 1;
-class Fs {
+const Ts = ["x", "y", "radius"], Fs = 1;
+class Ps {
   constructor(e, t, n, s) {
     y(this, "links", /* @__PURE__ */ new Map());
     y(this, "nodeToLink", /* @__PURE__ */ new Map());
@@ -2551,7 +2557,7 @@ class Fs {
         var a;
         const r = e.getFeature(s);
         if (!r) return;
-        (_(r) && ((a = r.properties.style) == null ? void 0 : a.fixedSize) || D(r)) && n.forEach((l) => {
+        (_(r) && ((a = r.properties.style) == null ? void 0 : a.fixedSize) || P(r)) && n.forEach((l) => {
           const h = this.links.get(l);
           if (!h) return;
           const c = h.arrow;
@@ -2559,7 +2565,7 @@ class Fs {
         });
       }), t.size > 0 && this.update(t);
     });
-    y(this, "throttledRefresh", rn(() => this.refresh(), 20));
+    y(this, "throttledRefresh", on(() => this.refresh(), 20));
     y(this, "onAddRemoveEdges", (e) => {
       const t = e.edges;
       if (!t.size || !this.edgeToLink.size) return;
@@ -2593,7 +2599,7 @@ class Fs {
           const u = h.properties.link.start;
           this.add(
             h,
-            O,
+            X,
             u.id,
             u.type,
             u.magnet
@@ -2601,19 +2607,13 @@ class Fs {
         }
         if ((d = h.properties.link) != null && d.end) {
           const u = h.properties.link.end;
-          this.add(
-            h,
-            it,
-            u.id,
-            u.type,
-            u.magnet
-          );
+          this.add(h, it, u.id, u.type, u.magnet);
         }
       }), o.forEach((a) => {
         const l = t[a];
         if (tt(l)) {
           const h = l;
-          this.remove(h, O), this.remove(h, it);
+          this.remove(h, X), this.remove(h, it);
         } else {
           const h = this.annotationToLink.get(a);
           if (!h) return;
@@ -2648,7 +2648,7 @@ class Fs {
         if (!l) continue;
         const h = s.getFeature(l.arrow), c = Ht(h, l.side), d = dt(c, t), u = {
           ...h.geometry,
-          coordinates: h.geometry.coordinates.map((g, p) => l.side === O && p === 0 || l.side === it && p === 1 ? [d.x, d.y] : [...g])
+          coordinates: h.geometry.coordinates.map((g, f) => l.side === X && f === 0 || l.side === it && f === 1 ? [d.x, d.y] : [...g])
         };
         n ? n[h.id] = {
           geometry: u
@@ -2671,20 +2671,20 @@ class Fs {
         let h = n.getFeature(l.arrow);
         const c = n.liveUpdates[h.id];
         h = c ? { ...h, ...c } : h;
-        const d = h.geometry.coordinates[l.side === O ? 0 : 1], u = {
+        const d = h.geometry.coordinates[l.side === X ? 0 : 1], u = {
           x: d[0],
           y: d[1]
         };
         let g;
-        if (_(s) || D(s) || W(s) ? g = this.snapping.snapToText(u, [s]) : nt(s) && (g = this.snapping.snapToPolygon(u, [s])), !g) continue;
-        const p = g.point, f = {
+        if (_(s) || P(s) || W(s) ? g = this.snapping.snapToText(u, [s]) : st(s) && (g = this.snapping.snapToPolygon(u, [s])), !g) continue;
+        const f = g.point, p = {
           ...h.geometry,
-          coordinates: h.geometry.coordinates.map((m, x) => l.side === O && x === 0 || l.side === it && x === 1 ? [p.x, p.y] : [...m])
+          coordinates: h.geometry.coordinates.map((m, w) => l.side === X && w === 0 || l.side === it && w === 1 ? [f.x, f.y] : [...m])
         };
         t ? t[h.id] = {
-          geometry: f
+          geometry: p
         } : n.applyLiveUpdate(h.id, {
-          geometry: f
+          geometry: p
         });
       }
   }
@@ -2693,8 +2693,8 @@ class Fs {
     let l = r;
     if (s === T.POLYGON) {
       const u = this.store.getState().getFeature(n);
-      if (u && nt(u)) {
-        const g = ye(u), p = g[2] - g[0], f = g[3] - g[1], m = r.x - g[0], x = r.y - g[1], b = p > 0 ? m / p : 0.5, v = f > 0 ? x / f : 0.5;
+      if (u && st(u)) {
+        const g = we(u), f = g[2] - g[0], p = g[3] - g[1], m = r.x - g[0], w = r.y - g[1], b = f > 0 ? m / f : 0.5, v = p > 0 ? w / p : 0.5;
         l = { x: b, y: v };
       }
     }
@@ -2748,27 +2748,27 @@ class Fs {
         n.set(g, this.linksByArrowId.get(g)), s.set(g, this.linksByArrowId.get(g));
       });
     });
-    const o = e.getAttributes(Ms), a = this.store.getState(), l = {};
+    const o = e.getAttributes(Ts), a = this.store.getState(), l = {};
     for (let h = 0; h < t.length; h++) {
       const c = t[h], d = this.nodeToLink.get(c);
       if (d)
         for (const u of d) {
           const g = this.links.get(u);
           if (!g) continue;
-          const p = g.arrow, f = this.store.getState().getFeature(p), m = f.geometry.coordinates.slice(), x = Ht(f, it), b = Ht(f, O), v = o[h], S = this._getNodeSnapPoint(
+          const f = g.arrow, p = this.store.getState().getFeature(f), m = p.geometry.coordinates.slice(), w = Ht(p, it), b = Ht(p, X), v = o[h], S = this._getNodeSnapPoint(
             v,
-            ot(X(x, b), -1),
+            ot(Y(w, b), -1),
             this._isLinkedToCenter(g)
           );
-          m[g.side === O ? 0 : 1] = S, l[p] = {
-            ...f,
+          m[g.side === X ? 0 : 1] = S, l[f] = {
+            ...p,
             geometry: {
               coordinates: m
             }
-          }, this.updatedItems.add(p), g.magnet = {
+          }, this.updatedItems.add(f), g.magnet = {
             x: S[0] - v.x,
             y: S[1] - v.y
-          }, kt(l[p]);
+          }, kt(l[f]);
         }
     }
     if (a.applyLiveUpdates(l), s.size > 0) {
@@ -2783,17 +2783,24 @@ class Fs {
     const o = this.ogma.getNodes(n).getAttributes(["x", "y", "radius"]), a = {};
     e.forEach((l, h) => {
       const c = this.links.get(l.start), d = this.links.get(l.end), u = t.getFeature(h);
-      let g = u.geometry.coordinates[0], p = u.geometry.coordinates[1];
-      const f = c ? c.targetType === T.NODE ? o[s.get(c.target)] : c.targetType === T.EDGE ? this._getEdgeSnapPoint(c.target, c.magnet.x, !0) : this._getAnnotationCenter(t.getFeature(c.target)) : { x: g[0], y: g[1] }, m = d ? d.targetType === T.NODE ? o[s.get(d.target)] : d.targetType === T.EDGE ? this._getEdgeSnapPoint(d.target, d.magnet.x, !0) : this._getAnnotationCenter(t.getFeature(d.target)) : { x: p[0], y: p[1] }, x = X(m, f);
+      let g = u.geometry.coordinates[0], f = u.geometry.coordinates[1];
+      const p = c ? c.targetType === T.NODE ? o[s.get(c.target)] : c.targetType === T.EDGE ? this._getEdgeSnapPoint(
+        c.target,
+        c.magnet.x,
+        !0
+      ) : this._getAnnotationCenter(t.getFeature(c.target)) : { x: g[0], y: g[1] }, m = d ? d.targetType === T.NODE ? o[s.get(d.target)] : d.targetType === T.EDGE ? this._getEdgeSnapPoint(d.target, d.magnet.x, !0) : this._getAnnotationCenter(t.getFeature(d.target)) : { x: f[0], y: f[1] }, w = Y(m, p);
       if (c)
         if (c.targetType === T.NODE)
           g = this._getNodeSnapPoint(
-            f,
-            x,
+            p,
+            w,
             this._isLinkedToCenter(c)
           );
         else if (c.targetType === T.EDGE)
-          g = this._getEdgeSnapPoint(c.target, c.magnet.x);
+          g = this._getEdgeSnapPoint(
+            c.target,
+            c.magnet.x
+          );
         else {
           const b = t.getFeature(c.target);
           g = this._getAnnotationSnapPoint(
@@ -2805,18 +2812,18 @@ class Fs {
         }
       if (d)
         if (d.targetType === T.NODE)
-          p = this._getNodeSnapPoint(
+          f = this._getNodeSnapPoint(
             m,
-            ot(x, -1),
+            ot(w, -1),
             this._isLinkedToCenter(d)
           );
         else if (d.targetType === T.EDGE)
-          p = this._getEdgeSnapPoint(d.target, d.magnet.x);
+          f = this._getEdgeSnapPoint(d.target, d.magnet.x);
         else {
           const b = t.getFeature(d.target);
-          p = this._getAnnotationSnapPoint(
+          f = this._getAnnotationSnapPoint(
             b,
-            f,
+            p,
             d,
             t.zoom
           );
@@ -2824,23 +2831,23 @@ class Fs {
       a[u.id] = {
         properties: u.properties,
         geometry: {
-          coordinates: [g, p]
+          coordinates: [g, f]
         }
       }, kt(a[u.id]), this.updatedItems.add(u.id);
     }), t.applyLiveUpdates(a), this.requestCommit();
   }
   requestCommit() {
-    clearTimeout(this.commitTimeout), this.commitTimeout = setTimeout(this.commit, Ts);
+    clearTimeout(this.commitTimeout), this.commitTimeout = setTimeout(this.commit, Fs);
   }
   _isLinkedToCenter(e) {
     return e.magnet.x === 0 && e.magnet.y === 0;
   }
   _getAnnotationCenter(e) {
-    return nt(e) ? tn(e) : Q(e);
+    return st(e) ? en(e) : Q(e);
   }
   _getAnnotationSnapPoint(e, t, n, s) {
-    if (nt(e)) {
-      const r = ye(e), o = r[0] + n.magnet.x * (r[2] - r[0]), a = r[1] + n.magnet.y * (r[3] - r[1]);
+    if (st(e)) {
+      const r = we(e), o = r[0] + n.magnet.x * (r[2] - r[0]), a = r[1] + n.magnet.y * (r[3] - r[1]);
       return [o, a];
     }
     return this._getBoxSnapPoint(e, t, n, s);
@@ -2849,14 +2856,11 @@ class Fs {
     var d;
     const r = Q(e);
     let { width: o, height: a } = q(e);
-    (_(e) && ((d = e.properties.style) == null ? void 0 : d.fixedSize) || D(e)) && (o /= s, a /= s);
+    (_(e) && ((d = e.properties.style) == null ? void 0 : d.fixedSize) || P(e)) && (o /= s, a /= s);
     let h = n.magnet.x * o, c = n.magnet.y * a;
     if (_(e) && !W(e)) {
-      const { sin: u, cos: g } = this.store.getState(), p = h * g - c * u, f = h * u + c * g;
-      h = p, c = f;
-    } else if (D(e)) {
-      const g = { ...e.properties.style }.iconSize || 32, p = g / 16 * 0.5;
-      h = n.magnet.x * g * p, c = n.magnet.y * g * p;
+      const { sin: u, cos: g } = this.store.getState(), f = h * g - c * u, p = h * u + c * g;
+      h = f, c = p;
     }
     return [r.x + h, r.y + c];
   }
@@ -2897,7 +2901,7 @@ class Fs {
     this.ogma.events.off(this.onSetMultipleAttributes);
   }
 }
-function Ps(i, e, t, n, s = 20) {
+function Ds(i, e, t, n, s = 20) {
   let r = 0, o = 1 / 0, a = null;
   for (let l = 0; l <= s; l++) {
     const h = l / s, c = zt.getPointOnQuadraticCurve(
@@ -2908,18 +2912,18 @@ function Ps(i, e, t, n, s = 20) {
       t.y,
       n.x,
       n.y
-    ), d = K(X(c, i));
+    ), d = J(Y(c, i));
     d < o && (o = d, a = c, r = h);
   }
   return a ? { t: r, point: a, distance: o } : null;
 }
-function Ds(i, e, t) {
+function Ls(i, e, t) {
   const n = t.x - e.x, s = t.y - e.y, r = n * n + s * s;
   if (r === 0)
     return {
       t: 0,
       point: { x: e.x, y: e.y },
-      distance: K(X(e, i))
+      distance: J(Y(e, i))
     };
   const o = Math.max(
     0,
@@ -2934,30 +2938,30 @@ function Ds(i, e, t) {
   return {
     t: o,
     point: a,
-    distance: K(X(a, i))
+    distance: J(Y(a, i))
   };
 }
-function Ls(i, e, t) {
+function Hs(i, e, t) {
   let n = null, s = t;
   const r = e.getAttribute("curvature"), a = e.getExtremities().getPosition();
   for (let l = 0; l < e.size; l++) {
     const h = e.get(l), c = r[l], d = a[2 * l], u = a[2 * l + 1];
     let g;
     if (c === 0 || c === void 0)
-      g = Ds(i, d, u);
+      g = Ls(i, d, u);
     else {
-      const p = zt.getQuadraticCurveControlPoint(
+      const f = zt.getQuadraticCurveControlPoint(
         d.x,
         d.y,
         u.x,
         u.y,
         c
       );
-      g = Ps(
+      g = Ds(
         i,
         d,
         u,
-        p
+        f
       );
     }
     g && g.distance < s && (s = g.distance, n = {
@@ -2969,10 +2973,10 @@ function Ls(i, e, t) {
   }
   return n;
 }
-function Hs(i, e, t) {
+function _s(i, e, t) {
   const n = e.getAttributes(["x", "y", "radius"]);
   for (let s = 0; s < n.length; s++) {
-    const r = n[s], o = X({ x: r.x, y: r.y }, i), a = K(o);
+    const r = n[s], o = Y({ x: r.x, y: r.y }, i), a = J(o);
     if (a >= Number(r.radius) + Number(t)) continue;
     const l = ot(o, 1 / a), h = a < Number(r.radius) / 2, c = h ? { x: r.x, y: r.y } : dt({ x: r.x, y: r.y }, ot(l, -Number(r.radius))), d = h ? { x: 0, y: 0 } : l;
     return {
@@ -2984,7 +2988,7 @@ function Hs(i, e, t) {
   }
   return null;
 }
-function _s(i, e) {
+function Is(i, e) {
   let t = !1;
   for (let n = 0, s = e.length - 1; n < e.length; s = n++) {
     const r = e[n][0], o = e[n][1], a = e[s][0], l = e[s][1];
@@ -2992,27 +2996,27 @@ function _s(i, e) {
   }
   return t;
 }
-function Is(i, e, t, n, s) {
+function zs(i, e, t, n, s) {
   const r = i * i, o = r * i, a = 1 - i, l = a * a, h = l * a;
   return {
     x: h * e.x + 3 * l * i * t.x + 3 * a * r * n.x + o * s.x,
     y: h * e.y + 3 * l * i * t.y + 3 * a * r * n.y + o * s.y
   };
 }
-function zs(i, e, t, n, s) {
+function Bs(i, e, t, n, s) {
   let r = 1 / 0, o = null;
   const a = 20;
   for (let l = 0; l <= a; l++) {
-    const h = l / a, c = Is(h, e, t, n, s), d = K(X(c, i));
+    const h = l / a, c = zs(h, e, t, n, s), d = J(Y(c, i));
     d < r && (r = d, o = c);
   }
   return o ? { point: o, distance: r } : null;
 }
-function Bs(i, e, t) {
+function Rs(i, e, t) {
   const n = e.geometry.coordinates[0];
   for (let s = 0; s < n.length - 1; s++) {
     const [r, o] = n[s];
-    if (K(X({ x: r, y: o }, i)) < t)
+    if (J(Y({ x: r, y: o }, i)) < t)
       return {
         point: { x: r, y: o },
         magnet: { x: r, y: o },
@@ -3021,14 +3025,14 @@ function Bs(i, e, t) {
       };
   }
   for (let s = 0; s < n.length - 1; s++) {
-    const [r, o] = n[s], [a, l] = n[s + 1], h = { x: r, y: o }, d = X({ x: a, y: l }, h), u = K(d), g = {
+    const [r, o] = n[s], [a, l] = n[s + 1], h = { x: r, y: o }, d = Y({ x: a, y: l }, h), u = J(d), g = {
       x: d.x / u,
       y: d.y / u
-    }, p = { x: -g.y, y: g.x }, f = X(i, h), m = Math.abs(mt(p, f)), x = mt(g, f);
-    if (x >= 0 && x <= u && m < t) {
+    }, f = { x: -g.y, y: g.x }, p = Y(i, h), m = Math.abs(mt(f, p)), w = mt(g, p);
+    if (w >= 0 && w <= u && m < t) {
       const b = {
-        x: h.x + g.x * x,
-        y: h.y + g.y * x
+        x: h.x + g.x * w,
+        y: h.y + g.y * w
       };
       return {
         point: b,
@@ -3040,14 +3044,14 @@ function Bs(i, e, t) {
   }
   return null;
 }
-function Rs(i, e, t) {
+function $s(i, e, t) {
   for (const s of e) {
     const o = s.geometry.coordinates[0].slice(0, -1);
     if (o.length < 3)
-      return Bs(i, s, t);
+      return Rs(i, s, t);
     for (let c = 0; c < o.length; c++) {
       const [d, u] = o[c];
-      if (K(X({ x: d, y: u }, i)) < t)
+      if (J(Y({ x: d, y: u }, i)) < t)
         return {
           point: { x: d, y: u },
           magnet: { x: d, y: u },
@@ -3055,14 +3059,14 @@ function Rs(i, e, t) {
           id: s.id
         };
     }
-    const a = _s(i, o);
+    const a = Is(i, o);
     let l = null, h = a ? 1 / 0 : t;
     for (let c = 0; c < o.length; c++) {
-      const d = o[(c - 1 + o.length) % o.length], u = o[c], g = o[(c + 1) % o.length], p = o[(c + 2) % o.length], f = u[0] + (g[0] - d[0]) / 6 * 0.5, m = u[1] + (g[1] - d[1]) / 6 * 0.5, x = g[0] - (p[0] - u[0]) / 6 * 0.5, b = g[1] - (p[1] - u[1]) / 6 * 0.5, v = zs(
+      const d = o[(c - 1 + o.length) % o.length], u = o[c], g = o[(c + 1) % o.length], f = o[(c + 2) % o.length], p = u[0] + (g[0] - d[0]) / 6 * 0.5, m = u[1] + (g[1] - d[1]) / 6 * 0.5, w = g[0] - (f[0] - u[0]) / 6 * 0.5, b = g[1] - (f[1] - u[1]) / 6 * 0.5, v = Bs(
         i,
         { x: u[0], y: u[1] },
-        { x: f, y: m },
-        { x, y: b },
+        { x: p, y: m },
+        { x: w, y: b },
         { x: g[0], y: g[1] }
       );
       if (v) {
@@ -3088,7 +3092,7 @@ function Rs(i, e, t) {
   }
   return null;
 }
-const fn = [
+const pn = [
   { x: -0.5, y: -0.5 },
   { x: 0, y: -0.5 },
   { x: 0.5, y: -0.5 },
@@ -3099,7 +3103,7 @@ const fn = [
   { x: 0.5, y: 0.5 },
   { x: 0, y: 0 }
   // center
-], $s = [
+], Ns = [
   [-0.5, -0.5, 0.5, -0.5],
   // top
   [0.5, -0.5, 0.5, 0.5],
@@ -3109,29 +3113,29 @@ const fn = [
   [-0.5, 0.5, -0.5, -0.5]
   // left
 ];
-function ke(i, e, t, n, s, r, o, a, l) {
+function Me(i, e, t, n, s, r, o, a, l) {
   const h = i * s, c = e * r;
   return l ? {
     x: t + (h * o - c * a),
     y: n + (h * a + c * o)
   } : { x: t + h, y: n + c };
 }
-function Ns(i, e, t, n, s) {
+function Ys(i, e, t, n, s) {
   var c;
   const r = Q(e);
   let { width: o, height: a } = q(e);
   const { sin: l, cos: h } = s.getState();
   (c = e.properties.style) != null && c.fixedSize && (o /= t, a /= t);
-  for (const d of fn) {
+  for (const d of pn) {
     let u = d.x * o, g = d.y * a;
     if (!W(e)) {
-      const m = u * h - g * l, x = u * l + g * h;
-      u = m, g = x;
+      const m = u * h - g * l, w = u * l + g * h;
+      u = m, g = w;
     }
-    const p = { x: r.x + u, y: r.y + g };
-    if (!(K(X(p, i)) >= n))
+    const f = { x: r.x + u, y: r.y + g };
+    if (!(J(Y(f, i)) >= n))
       return {
-        point: { x: p.x, y: p.y },
+        point: { x: f.x, y: f.y },
         type: T.TEXT,
         magnet: d,
         id: e.id
@@ -3139,32 +3143,32 @@ function Ns(i, e, t, n, s) {
   }
   return null;
 }
-function Ys(i, e, t, n, s) {
-  var p;
+function Os(i, e, t, n, s) {
+  var f;
   const { x: r, y: o } = Q(e);
   let { width: a, height: l } = q(e);
-  (p = e.properties.style) != null && p.fixedSize && (a /= t, l /= t);
+  (f = e.properties.style) != null && f.fixedSize && (a /= t, l /= t);
   const { sin: h, cos: c } = s.getState(), d = !W(e);
   let u = null, g = 1 / 0;
-  for (let f = 0; f < 4; f++) {
-    const [m, x, b, v] = $s[f], S = ke(m, x, r, o, a, l, c, h, d), w = ke(b, v, r, o, a, l, c, h, d), A = X(w, S), C = K(A), E = { x: A.x / C, y: A.y / C }, k = { x: -E.y, y: E.x }, F = X(i, S), j = mt(k, F), z = mt(E, F);
-    if (z >= 0 && z <= C) {
-      const R = Math.abs(j);
-      if (R < n || R < g) {
-        const et = z / C, Y = {
+  for (let p = 0; p < 4; p++) {
+    const [m, w, b, v] = Ns[p], S = Me(m, w, r, o, a, l, c, h, d), x = Me(b, v, r, o, a, l, c, h, d), A = Y(x, S), C = J(A), E = { x: A.x / C, y: A.y / C }, k = { x: -E.y, y: E.x }, F = Y(i, S), O = mt(k, F), N = mt(E, F);
+    if (N >= 0 && N <= C) {
+      const B = Math.abs(O);
+      if (B < n || B < g) {
+        const et = N / C, nt = {
           point: {
-            x: S.x + E.x * z,
-            y: S.y + E.y * z
+            x: S.x + E.x * N,
+            y: S.y + E.y * N
           },
           magnet: {
             x: m + (b - m) * et,
-            y: x + (v - x) * et
+            y: w + (v - w) * et
           },
           type: T.TEXT,
           id: e.id
         };
-        if (R < n) return Y;
-        R < g && (g = R, u = Y);
+        if (B < n) return nt;
+        B < g && (g = B, u = nt);
       }
     }
   }
@@ -3172,12 +3176,12 @@ function Ys(i, e, t, n, s) {
 }
 function Xs(i, e, t, n, s) {
   for (const r of e) {
-    const o = Ns(i, r, t, n, s) || Ys(i, r, t, n, s);
+    const o = Ys(i, r, t, n, s) || Os(i, r, t, n, s);
     if (o) return o;
   }
   return null;
 }
-class Os extends EventTarget {
+class Us extends EventTarget {
   constructor(t, n, s, r) {
     super();
     y(this, "ogma");
@@ -3197,7 +3201,7 @@ class Os extends EventTarget {
       minY: t.y - n,
       maxX: t.x + n,
       maxY: t.y + n
-    }, r = this.spatialIndex.search(s), o = r.filter((p) => _(p) || W(p)), a = r.filter((p) => nt(p)), { nodes: l, edges: h } = this.ogma.view.getElementsInside(
+    }, r = this.spatialIndex.search(s), o = r.filter((f) => _(f) || W(f)), a = r.filter((f) => st(f)), { nodes: l, edges: h } = this.ogma.view.getElementsInside(
       s.minX,
       s.minY,
       s.maxX,
@@ -3216,13 +3220,13 @@ class Os extends EventTarget {
     return Xs(t, n, s, this.options.magnetRadius, this.store);
   }
   snapToPolygon(t, n) {
-    return Rs(t, n, this.options.magnetRadius);
+    return $s(t, n, this.options.magnetRadius);
   }
   snapToNodes(t, n) {
-    return Hs(t, n, this.options.detectMargin);
+    return _s(t, n, this.options.detectMargin);
   }
   snapToEdges(t, n) {
-    return Ls(t, n, this.options.magnetRadius);
+    return Hs(t, n, this.options.magnetRadius);
   }
   getHoveredNode() {
     return this.hoveredNode;
@@ -3232,10 +3236,10 @@ class Os extends EventTarget {
     (t = this.hoveredNode) == null || t.setSelected(!1), this.hoveredNode = null;
   }
   getMagnets() {
-    return fn;
+    return pn;
   }
 }
-class Us extends EventTarget {
+class qs extends EventTarget {
   // pixels
   constructor(t, n, s) {
     super();
@@ -3291,7 +3295,7 @@ class Us extends EventTarget {
         mousePressPoint: null
       }), this.mouseDownState && !this.mouseDownState.hasMoved && !n.isDragging) {
         const s = this.mouseDownState.annotation;
-        s ? t.ctrlKey || t.metaKey ? n.toggleSelection(s.id) : n.selectedFeatures.has(s.id) || n.setSelectedFeatures([s.id]) : !t.ctrlKey && !t.metaKey && n.clearSelection(), this.dispatchEvent(new CustomEvent(re, {
+        s ? t.ctrlKey || t.metaKey ? n.toggleSelection(s.id) : n.selectedFeatures.has(s.id) || n.setSelectedFeatures([s.id]) : !t.ctrlKey && !t.metaKey && n.clearSelection(), this.dispatchEvent(new CustomEvent(oe, {
           detail: {
             id: (s == null ? void 0 : s.id) ?? null,
             position: {
@@ -3310,7 +3314,7 @@ class Us extends EventTarget {
         t,
         this.ogma.getContainer()
       ), { x: s, y: r } = this.ogma.view.screenToGraphCoordinates(n), o = this.detect(s, r);
-      if (!o || !D(o)) return;
+      if (!o || !P(o)) return;
       const a = (d = o.properties.style) == null ? void 0 : d.maxHeight, l = o.properties.height;
       if (!a || l <= a) return;
       const h = this.ogma.getContainer(), c = h == null ? void 0 : h.querySelector(
@@ -3346,22 +3350,22 @@ class Us extends EventTarget {
     for (const h of l) {
       const c = o.getFeature(h.id);
       if (tt(c)) {
-        if (an(c, { x: t, y: n }, a)) {
+        if (cn(c, { x: t, y: n }, a)) {
           r = c;
           break;
         }
       } else if (W(c)) {
-        if (ss(c, { x: t, y: n }, 0, 1, a)) {
+        if (is(c, { x: t, y: n }, 0, 1, a)) {
           r = c;
           break;
         }
-      } else if (nt(c)) {
-        if (hn(c, { x: t, y: n }, a)) {
+      } else if (st(c)) {
+        if (dn(c, { x: t, y: n }, a)) {
           r = c;
           break;
         }
-      } else if (D(c)) {
-        if (is(
+      } else if (P(c)) {
+        if (rs(
           c,
           { x: t, y: n },
           a,
@@ -3372,7 +3376,7 @@ class Us extends EventTarget {
           r = c;
           break;
         }
-      } else if (_(c) && cn(
+      } else if (_(c) && ln(
         c,
         { x: t, y: n },
         a,
@@ -3409,11 +3413,11 @@ class Us extends EventTarget {
     t && (t.removeEventListener("mousemove", this.onMouseMove), t.removeEventListener("click", this.onMouseClick));
   }
 }
-function pn(i, e, t = 0, n = i.length - 1, s = qs) {
+function mn(i, e, t = 0, n = i.length - 1, s = Ws) {
   for (; n > t; ) {
     if (n - t > 600) {
-      const l = n - t + 1, h = e - t + 1, c = Math.log(l), d = 0.5 * Math.exp(2 * c / 3), u = 0.5 * Math.sqrt(c * d * (l - d) / l) * (h - l / 2 < 0 ? -1 : 1), g = Math.max(t, Math.floor(e - h * d / l + u)), p = Math.min(n, Math.floor(e + (l - h) * d / l + u));
-      pn(i, e, g, p, s);
+      const l = n - t + 1, h = e - t + 1, c = Math.log(l), d = 0.5 * Math.exp(2 * c / 3), u = 0.5 * Math.sqrt(c * d * (l - d) / l) * (h - l / 2 < 0 ? -1 : 1), g = Math.max(t, Math.floor(e - h * d / l + u)), f = Math.min(n, Math.floor(e + (l - h) * d / l + u));
+      mn(i, e, g, f, s);
     }
     const r = i[e];
     let o = t, a = n;
@@ -3428,10 +3432,10 @@ function wt(i, e, t) {
   const n = i[e];
   i[e] = i[t], i[t] = n;
 }
-function qs(i, e) {
+function Ws(i, e) {
   return i < e ? -1 : i > e ? 1 : 0;
 }
-class Ws {
+class js {
   constructor(e = 9) {
     this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -3446,7 +3450,7 @@ class Ws {
     for (; t; ) {
       for (let o = 0; o < t.children.length; o++) {
         const a = t.children[o], l = t.leaf ? s(a) : a;
-        Lt(e, l) && (t.leaf ? n.push(a) : Kt(e, l) ? this._all(a, n) : r.push(a));
+        Lt(e, l) && (t.leaf ? n.push(a) : Jt(e, l) ? this._all(a, n) : r.push(a));
       }
       t = r.pop();
     }
@@ -3460,7 +3464,7 @@ class Ws {
       for (let s = 0; s < t.children.length; s++) {
         const r = t.children[s], o = t.leaf ? this.toBBox(r) : r;
         if (Lt(e, o)) {
-          if (t.leaf || Kt(e, o)) return !0;
+          if (t.leaf || Jt(e, o)) return !0;
           n.push(r);
         }
       }
@@ -3502,11 +3506,11 @@ class Ws {
     let a, l, h;
     for (; n || r.length; ) {
       if (n || (n = r.pop(), l = r[r.length - 1], a = o.pop(), h = !0), n.leaf) {
-        const c = js(e, n.children, t);
+        const c = Gs(e, n.children, t);
         if (c !== -1)
           return n.children.splice(c, 1), r.push(n), this._condense(r), this;
       }
-      !h && !n.leaf && Kt(n, s) ? (r.push(n), o.push(a), a = 0, l = n, n = n.children[0]) : l ? (a++, n = l.children[a], h = !1) : n = null;
+      !h && !n.leaf && Jt(n, s) ? (r.push(n), o.push(a), a = 0, l = n, n = n.children[0]) : l ? (a++, n = l.children[a], h = !1) : n = null;
     }
     return this;
   }
@@ -3538,10 +3542,10 @@ class Ws {
       return a = pt(e.slice(t, n + 1)), gt(a, this.toBBox), a;
     s || (s = Math.ceil(Math.log(r) / Math.log(o)), o = Math.ceil(r / Math.pow(o, s - 1))), a = pt([]), a.leaf = !1, a.height = s;
     const l = Math.ceil(r / o), h = l * Math.ceil(Math.sqrt(o));
-    Me(e, t, n, h, this.compareMinX);
+    Te(e, t, n, h, this.compareMinX);
     for (let c = t; c <= n; c += h) {
       const d = Math.min(c + h - 1, n);
-      Me(e, c, d, l, this.compareMinY);
+      Te(e, c, d, l, this.compareMinY);
       for (let u = c; u <= d; u += l) {
         const g = Math.min(u + l - 1, d);
         a.children.push(this._build(e, u, g, s - 1));
@@ -3553,7 +3557,7 @@ class Ws {
     for (; s.push(t), !(t.leaf || s.length - 1 === n); ) {
       let r = 1 / 0, o = 1 / 0, a;
       for (let l = 0; l < t.children.length; l++) {
-        const h = t.children[l], c = Zt(h), d = Zs(e, h) - c;
+        const h = t.children[l], c = Kt(h), d = Ks(e, h) - c;
         d < o ? (o = d, r = c < r ? c : r, a = h) : d === o && c < r && (r = c, a = h);
       }
       t = a || t.children[0];
@@ -3579,14 +3583,14 @@ class Ws {
   _chooseSplitIndex(e, t, n) {
     let s, r = 1 / 0, o = 1 / 0;
     for (let a = t; a <= n - t; a++) {
-      const l = bt(e, 0, a, this.toBBox), h = bt(e, a, n, this.toBBox), c = Ks(l, h), d = Zt(l) + Zt(h);
+      const l = bt(e, 0, a, this.toBBox), h = bt(e, a, n, this.toBBox), c = Js(l, h), d = Kt(l) + Kt(h);
       c < r ? (r = c, s = a, o = d < o ? d : o) : c === r && d < o && (o = d, s = a);
     }
     return s || n - t;
   }
   // sorts node children by the best axis for split
   _chooseSplitAxis(e, t, n) {
-    const s = e.leaf ? this.compareMinX : Gs, r = e.leaf ? this.compareMinY : Vs, o = this._allDistMargin(e, t, n, s), a = this._allDistMargin(e, t, n, r);
+    const s = e.leaf ? this.compareMinX : Vs, r = e.leaf ? this.compareMinY : Zs, o = this._allDistMargin(e, t, n, s), a = this._allDistMargin(e, t, n, r);
     o < a && e.children.sort(s);
   }
   // total margin of all possible split distributions where each node is at least m full
@@ -3613,7 +3617,7 @@ class Ws {
       e[t].children.length === 0 ? t > 0 ? (n = e[t - 1].children, n.splice(n.indexOf(e[t]), 1)) : this.clear() : gt(e[t], this.toBBox);
   }
 }
-function js(i, e, t) {
+function Gs(i, e, t) {
   if (!t) return e.indexOf(i);
   for (let n = 0; n < e.length; n++)
     if (t(i, e[n])) return n;
@@ -3633,26 +3637,26 @@ function bt(i, e, t, n, s) {
 function vt(i, e) {
   return i.minX = Math.min(i.minX, e.minX), i.minY = Math.min(i.minY, e.minY), i.maxX = Math.max(i.maxX, e.maxX), i.maxY = Math.max(i.maxY, e.maxY), i;
 }
-function Gs(i, e) {
+function Vs(i, e) {
   return i.minX - e.minX;
 }
-function Vs(i, e) {
+function Zs(i, e) {
   return i.minY - e.minY;
 }
-function Zt(i) {
+function Kt(i) {
   return (i.maxX - i.minX) * (i.maxY - i.minY);
 }
 function Dt(i) {
   return i.maxX - i.minX + (i.maxY - i.minY);
 }
-function Zs(i, e) {
+function Ks(i, e) {
   return (Math.max(e.maxX, i.maxX) - Math.min(e.minX, i.minX)) * (Math.max(e.maxY, i.maxY) - Math.min(e.minY, i.minY));
 }
-function Ks(i, e) {
+function Js(i, e) {
   const t = Math.max(i.minX, e.minX), n = Math.max(i.minY, e.minY), s = Math.min(i.maxX, e.maxX), r = Math.min(i.maxY, e.maxY);
   return Math.max(0, s - t) * Math.max(0, r - n);
 }
-function Kt(i, e) {
+function Jt(i, e) {
   return i.minX <= e.minX && i.minY <= e.minY && e.maxX <= i.maxX && e.maxY <= i.maxY;
 }
 function Lt(i, e) {
@@ -3669,28 +3673,28 @@ function pt(i) {
     maxY: -1 / 0
   };
 }
-function Me(i, e, t, n, s) {
+function Te(i, e, t, n, s) {
   const r = [e, t];
   for (; r.length; ) {
     if (t = r.pop(), e = r.pop(), t - e <= n) continue;
     const o = e + Math.ceil((t - e) / n / 2) * n;
-    pn(i, o, e, t, s), r.push(e, o, o, t);
+    mn(i, o, e, t, s), r.push(e, o, o, t);
   }
 }
-const xt = { minX: 0, minY: 0, maxX: 0, maxY: 0 }, Te = (i, e) => i.id === e.id;
-class Js extends Ws {
+const xt = { minX: 0, minY: 0, maxX: 0, maxY: 0 }, Fe = (i, e) => i.id === e.id;
+class Qs extends js {
   constructor(t) {
     super();
     y(this, "store");
     y(this, "onRotationChange", () => {
-      const t = this.store.getState().getAllFeatures().filter((n) => _(n) || D(n));
+      const t = this.store.getState().getAllFeatures().filter((n) => _(n) || P(n));
       for (const n of t) this.updateRotatedText(n);
     });
     y(this, "onZoomChange", () => {
       const t = this.store.getState().getAllFeatures().filter(
         (n) => {
           var s;
-          return (_(n) || D(n)) && ((s = n.properties.style) == null ? void 0 : s.fixedSize);
+          return (_(n) || P(n)) && ((s = n.properties.style) == null ? void 0 : s.fixedSize);
         }
       );
       for (const n of t) this.updateRotatedText(n);
@@ -3699,7 +3703,7 @@ class Js extends Ws {
       (n) => n.features,
       (n) => {
         this.clear(), Object.values(n).forEach((s) => {
-          _(s) || D(s) ? this.updateRotatedText(s) : this.insert(s);
+          _(s) || P(s) ? this.updateRotatedText(s) : this.insert(s);
         });
       }
     ), this.store.subscribe(
@@ -3712,7 +3716,7 @@ class Js extends Ws {
       (n, s) => {
         s && s.isDragging && !n.isDragging && n.lastChangedFeatures.length > 0 && n.lastChangedFeatures.forEach((r) => {
           const o = n.features[r];
-          o && (kt(o), _(o) || D(o) ? this.updateRotatedText(o) : (this.remove(o, Te), this.insert(o)));
+          o && (kt(o), _(o) || P(o) ? this.updateRotatedText(o) : (this.remove(o, Fe), this.insert(o)));
         });
       },
       { equalityFn: (n, s) => n.isDragging === s.isDragging }
@@ -3721,7 +3725,7 @@ class Js extends Ws {
   updateRotatedText(t) {
     var d;
     const n = this.store.getState();
-    this.remove(t, Te);
+    this.remove(t, Fe);
     const s = Q(t);
     let { width: r, height: o } = q(t);
     if (((d = t.properties.style) == null ? void 0 : d.fixedSize) === !0) {
@@ -3758,7 +3762,7 @@ class Js extends Ws {
     return super.search(t);
   }
 }
-class mn {
+class yn {
   constructor(e, t) {
     y(this, "layer");
     this.ogma = e, this.store = t;
@@ -3766,11 +3770,11 @@ class mn {
   destroy() {
   }
 }
-function Qs(i, e, t, n, s, r) {
+function ti(i, e, t, n, s, r) {
   const o = Math.min(n / 2, s / 2), a = Math.min(r, o);
   i.beginPath(), i.moveTo(e + a, t), i.lineTo(e + n - a, t), i.quadraticCurveTo(e + n, t, e + n, t + a), i.lineTo(e + n, t + s - a), i.quadraticCurveTo(e + n, t + s, e + n - a, t + s), i.lineTo(e + a, t + s), i.quadraticCurveTo(e, t + s, e, t + s - a), i.lineTo(e, t + a), i.quadraticCurveTo(e, t, e + a, t), i.closePath();
 }
-const Fe = [
+const Pe = [
   [-0.5, -0.5],
   // top-left
   [0.5, -0.5],
@@ -3780,7 +3784,7 @@ const Fe = [
   [-0.5, 0.5]
   // bottom-right
 ];
-class ti extends mn {
+class ei extends yn {
   constructor(t, n) {
     super(t, n);
     // TODO: move it to settings and state
@@ -3809,7 +3813,7 @@ class ti extends mn {
             r,
             n.zoom
           ), this.renderBoxHandles(d, t, h, r, u);
-        } else nt(d) && this.renderPolygonHandles(
+        } else st(d) && this.renderPolygonHandles(
           d,
           t,
           h,
@@ -3821,7 +3825,7 @@ class ti extends mn {
     this.layer = t.layers.addCanvasLayer(
       this.render,
       void 0,
-      de.HANDLES
+      ue.HANDLES
     ), this.store.subscribe(
       (s) => ({
         selectedFeatures: s.selectedFeatures,
@@ -3831,46 +3835,46 @@ class ti extends mn {
     ), t.events.on("zoom", this.refresh);
   }
   renderOutline(t, n, s, r, o) {
-    var m, x;
+    var m, w;
     const a = _(t) && ((m = t.properties.style) == null ? void 0 : m.fixedSize);
     let { width: l, height: h } = q(t);
     a && (l /= o, h /= o);
-    const c = St(t, a, o), d = l / 2, u = h / 2, g = c.x + d, p = c.y + u;
-    n.save(), n.translate(g, p), n.rotate(s);
-    const f = (x = t.properties.style) == null ? void 0 : x.borderRadius;
-    if (f && f > 0 ? (Qs(n, -d, -u, l, h, f), n.stroke()) : n.strokeRect(-d, -u, l, h), r >= 4 && r < 8) {
-      let b, v, S, w;
-      const A = f && f > 0 ? f : this.handleRadius / o;
+    const c = St(t, a, o), d = l / 2, u = h / 2, g = c.x + d, f = c.y + u;
+    n.save(), n.translate(g, f), n.rotate(s);
+    const p = (w = t.properties.style) == null ? void 0 : w.borderRadius;
+    if (p && p > 0 ? (ti(n, -d, -u, l, h, p), n.stroke()) : n.strokeRect(-d, -u, l, h), r >= 4 && r < 8) {
+      let b, v, S, x;
+      const A = p && p > 0 ? p : this.handleRadius / o;
       switch (r) {
         case 4:
-          b = -d + A, v = -u, S = d - A, w = -u;
+          b = -d + A, v = -u, S = d - A, x = -u;
           break;
         case 5:
-          b = d, v = -u + A, S = d, w = u - A;
+          b = d, v = -u + A, S = d, x = u - A;
           break;
         case 6:
-          b = d - A, v = u, S = -d + A, w = u;
+          b = d - A, v = u, S = -d + A, x = u;
           break;
         case 7:
-          b = -d, v = u - A, S = -d, w = -u + A;
+          b = -d, v = u - A, S = -d, x = -u + A;
           break;
       }
-      n.lineWidth = this.handleStrokeWidth * this.handleMagnifier / o, n.beginPath(), n.moveTo(b, v), n.lineTo(S, w), n.stroke(), n.lineWidth = this.handleStrokeWidth;
+      n.lineWidth = this.handleStrokeWidth * this.handleMagnifier / o, n.beginPath(), n.moveTo(b, v), n.lineTo(S, x), n.stroke(), n.lineWidth = this.handleStrokeWidth;
     }
     n.restore();
   }
   renderArrowHandles(t, n, s, r) {
-    var u, g, p, f;
-    const o = nn(t), a = sn(t), l = +(r === 0), h = +(r === 1), c = s * (1 + (this.handleMagnifier - 1) * l), d = s * (1 + (this.handleMagnifier - 1) * h);
-    n.beginPath(), n.moveTo(o.x, o.y), n.lineTo(a.x, a.y), n.closePath(), n.stroke(), n.beginPath(), ((g = (u = t.properties.link) == null ? void 0 : u.start) == null ? void 0 : g.type) !== "comment" && (n.moveTo(o.x - c, o.y - c), n.rect(o.x - c, o.y - c, c * 2, c * 2)), ((f = (p = t.properties.link) == null ? void 0 : p.end) == null ? void 0 : f.type) !== "comment" && (n.moveTo(a.x - d, a.y - d), n.rect(a.x - d, a.y - d, d * 2, d * 2)), n.closePath(), n.fill(), n.stroke();
+    var u, g, f, p;
+    const o = sn(t), a = rn(t), l = +(r === 0), h = +(r === 1), c = s * (1 + (this.handleMagnifier - 1) * l), d = s * (1 + (this.handleMagnifier - 1) * h);
+    n.beginPath(), n.moveTo(o.x, o.y), n.lineTo(a.x, a.y), n.closePath(), n.stroke(), n.beginPath(), ((g = (u = t.properties.link) == null ? void 0 : u.start) == null ? void 0 : g.type) !== "comment" && (n.moveTo(o.x - c, o.y - c), n.rect(o.x - c, o.y - c, c * 2, c * 2)), ((p = (f = t.properties.link) == null ? void 0 : f.end) == null ? void 0 : p.type) !== "comment" && (n.moveTo(a.x - d, a.y - d), n.rect(a.x - d, a.y - d, d * 2, d * 2)), n.closePath(), n.fill(), n.stroke();
   }
   renderBoxHandles(t, n, s, r, o) {
-    var p;
-    if (_(t) && ((p = t.properties.style) != null && p.fixedSize)) return;
+    var f;
+    if (_(t) && ((f = t.properties.style) != null && f.fixedSize)) return;
     const { width: a, height: l } = q(t), h = St(t), c = a / 2, d = l / 2, u = h.x + c, g = h.y + d;
     n.save(), n.translate(u, g), n.rotate(o), n.beginPath();
-    for (let f = 0; f < Fe.length; f++) {
-      const [m, x] = Fe[f], b = a * m, v = l * x, S = r === f ? s * this.handleMagnifier : s;
+    for (let p = 0; p < Pe.length; p++) {
+      const [m, w] = Pe[p], b = a * m, v = l * w, S = r === p ? s * this.handleMagnifier : s;
       n.rect(b - S, v - S, S * 2, S * 2);
     }
     n.closePath(), n.fill(), n.stroke(), n.restore();
@@ -3892,8 +3896,8 @@ class ti extends mn {
     t.beginPath();
     const o = r.length;
     for (let a = 0; a < o; a++) {
-      const l = r[(a - 1 + o) % o], h = r[a], c = r[(a + 1) % o], d = r[(a + 2) % o], u = h[0] + (c[0] - l[0]) / 6 * s, g = h[1] + (c[1] - l[1]) / 6 * s, p = c[0] - (d[0] - h[0]) / 6 * s, f = c[1] - (d[1] - h[1]) / 6 * s;
-      a === 0 && t.moveTo(h[0], h[1]), t.bezierCurveTo(u, g, p, f, c[0], c[1]);
+      const l = r[(a - 1 + o) % o], h = r[a], c = r[(a + 1) % o], d = r[(a + 2) % o], u = h[0] + (c[0] - l[0]) / 6 * s, g = h[1] + (c[1] - l[1]) / 6 * s, f = c[0] - (d[0] - h[0]) / 6 * s, p = c[1] - (d[1] - h[1]) / 6 * s;
+      a === 0 && t.moveTo(h[0], h[1]), t.bezierCurveTo(u, g, f, p, c[0], c[1]);
     }
     t.closePath();
   }
@@ -3921,15 +3925,15 @@ class ti extends mn {
     this.layer.destroy(), super.destroy();
   }
 }
-const ei = 0.5;
-function ni(i, e, t, n) {
-  const { start: s, end: r } = ue(i), o = X(r, s);
-  return Math.min(n, Math.max(2 * e, K(o) * 0.01, t));
+const ni = 0.5;
+function si(i, e, t, n) {
+  const { start: s, end: r } = ge(i), o = Y(r, s);
+  return Math.min(n, Math.max(2 * e, J(o) * 0.01, t));
 }
-function Pe(i, e) {
+function De(i, e) {
   return !i || i === "none" ? 0 : i === "dot" ? e * 2 : i === "halo-dot" ? e * 4 : i === "arrow" || i === "arrow-plain" ? e : 0;
 }
-function si(i, e) {
+function ii(i, e) {
   if (!i) {
     i = M("g");
     const t = M("path");
@@ -3939,43 +3943,43 @@ function si(i, e) {
   }
   return i;
 }
-function ii(i, e, t, n, s, r) {
-  const { start: o, end: a } = ue(e), l = e.properties.style || yt, { tail: h, strokeWidth: c = 0, head: d, strokeColor: u, strokeType: g } = l, p = X(a, o), f = ys(e) ? 1 / r.zoom : 1, m = ni(e, c, t, n) * f, x = si(s, e.id), b = x.firstChild, v = u || "none";
-  b.setAttribute("stroke", v), b.setAttribute("stroke-width", `${f * c}`), b.setAttribute("fill", "none"), b.setAttribute("stroke-linecap", "round"), b.setAttribute("stroke-linejoin", "round");
-  const S = Pe(h, c * f), w = Pe(d, c * f), A = Nt(p), C = dt(o, ot(A, S)), E = dt(a, ot(A, -w)), k = `M ${C.x} ${C.y} L ${E.x} ${E.y}`;
+function ri(i, e, t, n, s, r) {
+  const { start: o, end: a } = ge(e), l = e.properties.style || yt, { tail: h, strokeWidth: c = 0, head: d, strokeColor: u, strokeType: g } = l, f = Y(a, o), p = ws(e) ? 1 / r.zoom : 1, m = si(e, c, t, n) * p, w = ii(s, e.id), b = w.firstChild, v = u || "none";
+  b.setAttribute("stroke", v), b.setAttribute("stroke-width", `${p * c}`), b.setAttribute("fill", "none"), b.setAttribute("stroke-linecap", "round"), b.setAttribute("stroke-linejoin", "round");
+  const S = De(h, c * p), x = De(d, c * p), A = Nt(f), C = dt(o, ot(A, S)), E = dt(a, ot(A, -x)), k = `M ${C.x} ${C.y} L ${E.x} ${E.y}`;
   b.setAttribute("d", k);
-  const F = x.children[1];
-  return F.innerHTML = "", g === "dashed" ? b.setAttribute("stroke-dasharray", "5,10") : b.removeAttribute("stroke-dasharray"), De(
+  const F = w.children[1];
+  return F.innerHTML = "", g === "dashed" ? b.setAttribute("stroke-dasharray", "5,10") : b.removeAttribute("stroke-dasharray"), Le(
     F,
     o,
-    p,
+    f,
     v,
     h,
     c,
-    f,
+    p,
     m
-  ), De(
+  ), Le(
     F,
     a,
-    es(p),
+    ns(f),
     v,
     d,
     c,
-    f,
+    p,
     m
-  ), x.setAttribute(
+  ), w.setAttribute(
     "transform",
     `rotate(${-r.rotation * (180 / Math.PI)})`
-  ), i.appendChild(x), x;
+  ), i.appendChild(w), w;
 }
-function De(i, e, t, n, s, r, o, a) {
-  s === "halo-dot" && Le(
+function Le(i, e, t, n, s, r, o, a) {
+  s === "halo-dot" && He(
     i,
     e,
-    ri(n),
-    ei,
+    oi(n),
+    ni,
     r * o * 4
-  ), (s === "dot" || s === "halo-dot") && Le(i, e, n, 1, r * o * 2), (s === "arrow" || s === "arrow-plain") && oi(
+  ), (s === "dot" || s === "halo-dot") && He(i, e, n, 1, r * o * 2), (s === "arrow" || s === "arrow-plain") && ai(
     i,
     e,
     t,
@@ -3985,18 +3989,18 @@ function De(i, e, t, n, s, r, o, a) {
     a
   );
 }
-function ri(i) {
+function oi(i) {
   return i === "none" ? "none" : i;
 }
-function Le(i, e, t, n, s) {
+function He(i, e, t, n, s) {
   const r = M("circle");
   r.setAttribute("cx", `${e.x}`), r.setAttribute("cy", `${e.y}`), r.setAttribute("r", `${s}`), r.setAttribute("fill-opacity", `${n}`), r.setAttribute("fill", t), i.appendChild(r);
 }
-function oi(i, e, t, n, s, r, o) {
-  const a = ot(Nt(t), o), l = dt(e, xe(a, Math.PI / 6)), h = dt(e, xe(a, -Math.PI / 6)), c = M("path"), d = `${e.x} ${e.y}`, u = `M ${l.x} ${l.y} L ${d} L ${h.x} ${h.y}${s ? " Z" : ""}`;
+function ai(i, e, t, n, s, r, o) {
+  const a = ot(Nt(t), o), l = dt(e, be(a, Math.PI / 6)), h = dt(e, be(a, -Math.PI / 6)), c = M("path"), d = `${e.x} ${e.y}`, u = `M ${l.x} ${l.y} L ${d} L ${h.x} ${h.y}${s ? " Z" : ""}`;
   c.setAttribute("d", u), c.setAttribute("stroke", n), c.setAttribute("stroke-width", `${r}`), c.setAttribute("fill", s ? n : "none"), c.setAttribute("stroke-linecap", "round"), c.setAttribute("stroke-linejoin", "round"), i.appendChild(c);
 }
-function ai(i, e, t = "box") {
+function ci(i, e, t = "box") {
   if (!i) {
     i = M("g"), i.setAttribute("data-annotation", `${e}`), i.setAttribute("data-annotation-type", t), i.classList.add(`annotation-${t}`);
     const n = M("rect");
@@ -4004,31 +4008,31 @@ function ai(i, e, t = "box") {
   }
   return i;
 }
-function yn(i, e, t, n) {
-  const s = e.id, r = `class${s}`, o = q(e), a = ai(t, s, e.properties.type), { strokeColor: l, strokeWidth: h, strokeType: c, background: d, borderRadius: u, boxShadow: g } = e.properties.style || Mt;
+function wn(i, e, t, n) {
+  const s = e.id, r = `class${s}`, o = q(e), a = ci(t, s, e.properties.type), { strokeColor: l, strokeWidth: h, strokeType: c, background: d, borderRadius: u, boxShadow: g } = e.properties.style || Mt;
   a.classList.add("annotation-box"), a.setAttribute("fill", `${d || "transparent"}`);
-  const p = a.firstChild;
-  u && (p.setAttribute("rx", `${u}`), p.setAttribute("ry", `${u}`)), c && c !== "none" && (p.setAttribute("stroke", l || "black"), p.setAttribute("stroke-width", `${h}`), c === "dashed" && p.setAttribute("stroke-dasharray", "5,5")), d && d.length && (n.hoveredFeature === e.id ? p.setAttribute("fill", Ft(d)) : p.setAttribute("fill", d));
-  const f = St(e);
-  return p.setAttribute("width", `${o.width}`), p.setAttribute("height", `${o.height}`), p.setAttribute("x", `${f.x}`), p.setAttribute("y", `${f.y}`), a.appendChild(p), g ? a.style.filter = `drop-shadow(${g})` : a.style.filter = "", a.setAttribute("transform", n.getRotationTransform(0, 0)), a.classList.add(r), a.setAttribute("data-annotation", `${e.id}`), a.setAttribute("data-annotation-type", e.properties.type), i.appendChild(a), a;
+  const f = a.firstChild;
+  u && (f.setAttribute("rx", `${u}`), f.setAttribute("ry", `${u}`)), c && c !== "none" && (f.setAttribute("stroke", l || "black"), f.setAttribute("stroke-width", `${h}`), c === "dashed" && f.setAttribute("stroke-dasharray", "5,5")), d && d.length && (n.hoveredFeature === e.id ? f.setAttribute("fill", Ft(d)) : f.setAttribute("fill", d));
+  const p = St(e);
+  return f.setAttribute("width", `${o.width}`), f.setAttribute("height", `${o.height}`), f.setAttribute("x", `${p.x}`), f.setAttribute("y", `${p.y}`), a.appendChild(f), g ? a.style.filter = `drop-shadow(${g})` : a.style.filter = "", a.setAttribute("transform", n.getRotationTransform(0, 0)), a.classList.add(r), a.setAttribute("data-annotation", `${e.id}`), a.setAttribute("data-annotation-type", e.properties.type), i.appendChild(a), a;
 }
-let Jt = null;
-function wn() {
-  return Jt || (Jt = document.createElement("canvas").getContext("2d")), Jt;
+let Qt = null;
+function xn() {
+  return Qt || (Qt = document.createElement("canvas").getContext("2d")), Qt;
 }
-function xn(i, e, t, n, s) {
+function bn(i, e, t, n, s) {
   if (!i || i.length === 0) return !0;
   if (i.includes(`
 `)) return !1;
-  const r = wn();
+  const r = xn();
   r.font = `${t}px ${e}`;
   const o = r.measureText(i).width, a = n - s * 2;
   return o <= a;
 }
-function ci(i, e, t, n, s) {
+function li(i, e, t, n, s) {
   if (!i || i.length === 0)
     return 60;
-  const r = wn();
+  const r = xn();
   r.font = `${t}px ${e}`;
   const o = i.split(`
 `);
@@ -4038,8 +4042,8 @@ function ci(i, e, t, n, s) {
     const c = h.split(/\s+/);
     let d = 0;
     const u = r.measureText(" ").width, g = n - s * 2;
-    for (let p = 0; p < c.length; p++) {
-      const f = c[p], m = r.measureText(f).width;
+    for (let f = 0; f < c.length; f++) {
+      const p = c[f], m = r.measureText(p).width;
       d === 0 ? d = m : d + u + m <= g ? d += u + m : (a = Math.max(a, d), d = m);
     }
     a = Math.max(a, d);
@@ -4047,7 +4051,7 @@ function ci(i, e, t, n, s) {
   const l = a + s * 2 + 4;
   return Math.min(l, n);
 }
-function li() {
+function hi() {
   const i = M("style");
   return i.textContent = `
     /* Comment Animation Styles */
@@ -4128,20 +4132,20 @@ function li() {
     }
   `, i;
 }
-function hi(i, e, t) {
-  const n = { ...J, ...e.properties.style }, s = n.iconSize, {
-    iconColor: r = J.iconColor,
-    iconSymbol: o = J.iconSymbol,
-    iconBorderColor: a = J.iconBorderColor,
-    iconBorderWidth: l = J.iconBorderWidth
+function di(i, e, t) {
+  const n = { ...V, ...e.properties.style }, s = n.iconSize, {
+    iconColor: r = V.iconColor,
+    iconSymbol: o = V.iconSymbol,
+    iconBorderColor: a = V.iconBorderColor,
+    iconBorderWidth: l = V.iconBorderWidth
   } = n;
-  let h = i.querySelector("circle");
-  h || (h = M("circle"), h.setAttribute("cx", "0"), h.setAttribute("cy", "0"), i.appendChild(h)), h.setAttribute("r", `${s / 2}`), t.hoveredFeature === e.id ? h.setAttribute("fill", Ft(r)) : h.setAttribute("fill", r), l && l > 0 ? (h.setAttribute("stroke", a || "#CCC"), h.setAttribute("stroke-width", `${l}`)) : (h.removeAttribute("stroke"), h.removeAttribute("stroke-width"));
+  let h = i.querySelector("rect");
+  h || (h = M("rect"), h.setAttribute("x", `${-s / 2}`), h.setAttribute("y", `${-s / 2}`), h.setAttribute("rx", `${n.borderRadius}`), h.setAttribute("ry", `${n.borderRadius}`), i.appendChild(h)), h.setAttribute("width", `${s}`), h.setAttribute("height", `${s}`), t.hoveredFeature === e.id ? h.setAttribute("fill", Ft(r)) : h.setAttribute("fill", r), l && l > 0 ? (h.setAttribute("stroke", a || "#CCC"), h.setAttribute("stroke-width", `${l}`)) : (h.removeAttribute("stroke"), h.removeAttribute("stroke-width"));
   let c = i.querySelector("text");
   c || (c = M("text"), c.setAttribute("x", "0"), c.setAttribute("y", "0"), c.setAttribute("text-anchor", "middle"), c.setAttribute("dominant-baseline", "central"), c.setAttribute("pointer-events", "none"), i.appendChild(c)), c.setAttribute("font-size", `${s * 0.5}`), c.textContent = o;
 }
-function di(i, e, t, n = 0, s = !1) {
-  const r = { ...J, ...e.properties.style }, {
+function ui(i, e, t, n = 0, s = !1) {
+  const r = { ...V, ...e.properties.style }, {
     font: o = "Arial, sans-serif",
     fontSize: a = 12,
     padding: l = 8,
@@ -4150,25 +4154,40 @@ function di(i, e, t, n = 0, s = !1) {
     borderRadius: d = 4,
     strokeColor: u = "#DDD",
     strokeWidth: g = 1,
-    maxHeight: p
-  } = r, f = e.properties.width, m = e.properties.content || "", x = typeof a == "number" ? a : parseFloat(a), b = ci(m, o, x, f, l), S = t.selectedFeatures.has(e.id) ? f : b + n, w = e.properties.height, A = xn(m, o, x, f, l), C = x * $t + l * 2, E = A ? Math.min(w, C) : w, k = p ? Math.min(E, p) : E, F = !A && p ? w > p : !1, z = k + (s ? 28 : 0);
+    maxHeight: f
+  } = r, p = e.properties.width, m = e.properties.content || "", w = typeof a == "number" ? a : parseFloat(a), b = li(
+    m,
+    o,
+    w,
+    p,
+    l
+  ), x = t.selectedFeatures.has(e.id) && r.expandOnSelect === !0 ? p : b + n, A = e.properties.height, C = bn(
+    m,
+    o,
+    w,
+    p,
+    l
+  ), E = w * $t + l * 2, k = C ? Math.min(A, E) : A, F = f ? Math.min(k, f) : k, O = !C && f ? A > f : !1, B = F + (s ? 28 : 0);
   i.innerHTML = "";
-  const R = -S / 2, et = -z / 2, Y = M("rect");
-  Y.setAttribute("x", `${R}`), Y.setAttribute("y", `${et}`), Y.setAttribute("width", `${S}`), Y.setAttribute("height", `${z}`), Y.setAttribute("rx", `${d}`), Y.setAttribute("ry", `${d}`), Y.setAttribute("fill", t.hoveredFeature === e.id ? Ft(h) : h), g && g > 0 && (Y.setAttribute("stroke", u || "#DDD"), Y.setAttribute("stroke-width", `${g}`)), i.appendChild(Y);
-  const G = M("foreignObject");
-  G.setAttribute("x", `${R}`), G.setAttribute("y", `${et}`), G.setAttribute("width", `${S}`), G.setAttribute("height", `${z}`), G.style.pointerEvents = "none";
-  const P = document.createElement("div");
-  P.style.width = "100%", P.style.height = "100%", P.style.padding = `${l}px`, P.style.boxSizing = "border-box", P.style.fontFamily = o, P.style.fontSize = `${a}px`, P.style.lineHeight = `${(typeof a == "number" ? a : parseFloat(a)) * $t}px`, P.style.color = c, P.style.overflowY = F ? "auto" : "hidden", P.style.overflowX = "hidden", P.style.overflowWrap = "break-word", P.style.whiteSpace = "pre-wrap", P.style.pointerEvents = "none", P.style.display = "flex", P.style.flexDirection = "column", P.style.position = "relative";
-  const st = document.createElement("div");
-  if (st.style.flex = "1", st.style.minHeight = "0", st.style.overflowY = F ? "auto" : "hidden", st.innerHTML = ui(m), P.appendChild(st), s) {
-    const L = document.createElement("div");
-    L.classList.add("ogma-send-button"), L.style.pointerEvents = "auto";
-    const B = document.createElement("span");
-    B.classList.add("ogma-send-button-icon"), B.innerHTML = t.options.editButtonIcon, L.appendChild(B), P.appendChild(L);
-  }
-  G.appendChild(P), i.appendChild(G), i.setAttribute("filter", "url(#softShadow)");
-}
-function ui(i) {
+  const et = -x / 2, nt = -B / 2, U = M("rect");
+  U.setAttribute("x", `${et}`), U.setAttribute("y", `${nt}`), U.setAttribute("width", `${x}`), U.setAttribute("height", `${B}`), U.setAttribute("rx", `${d}`), U.setAttribute("ry", `${d}`), U.setAttribute(
+    "fill",
+    t.hoveredFeature === e.id ? Ft(h) : h
+  ), g && g > 0 && (U.setAttribute("stroke", u || "#DDD"), U.setAttribute("stroke-width", `${g}`)), i.appendChild(U);
+  const j = M("foreignObject");
+  j.setAttribute("x", `${et}`), j.setAttribute("y", `${nt}`), j.setAttribute("width", `${x}`), j.setAttribute("height", `${B}`), j.style.pointerEvents = "none";
+  const L = document.createElement("div");
+  L.style.width = "100%", L.style.height = "100%", L.style.padding = `${l}px`, L.style.boxSizing = "border-box", L.style.fontFamily = o, L.style.fontSize = `${a}px`, L.style.lineHeight = `${(typeof a == "number" ? a : parseFloat(a)) * $t}px`, L.style.color = c, L.style.overflowY = O ? "auto" : "hidden", L.style.overflowX = "hidden", L.style.overflowWrap = "break-word", L.style.whiteSpace = "pre-wrap", L.style.pointerEvents = "none", L.style.display = "flex", L.style.flexDirection = "column", L.style.position = "relative";
+  const D = document.createElement("div");
+  if (D.style.flex = "1", D.style.minHeight = "0", D.style.overflowY = O ? "auto" : "hidden", D.innerHTML = gi(m), L.appendChild(D), s) {
+    const z = document.createElement("div");
+    z.classList.add("ogma-send-button"), z.style.pointerEvents = "auto";
+    const Wt = document.createElement("span");
+    Wt.classList.add("ogma-send-button-icon"), Wt.innerHTML = t.options.editButtonIcon, z.appendChild(Wt), L.appendChild(z);
+  }
+  j.appendChild(L), i.appendChild(j), r.shadow !== !1 ? i.setAttribute("filter", "url(#softShadow)") : i.removeAttribute("filter");
+}
+function gi(i) {
   if (!i) return "";
   let e = i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return e = e.replace(
@@ -4176,7 +4195,7 @@ function ui(i) {
     '<a href="$1" target="_blank" style="color: #38e; text-decoration: none;">$1</a>'
   ), e;
 }
-function gi(i, e, t, n, s) {
+function fi(i, e, t, n, s) {
   const r = e.properties.mode;
   let o = t;
   o || (o = M("g"), o.setAttribute("data-annotation", `${e.id}`), o.setAttribute("data-annotation-type", "comment"));
@@ -4187,30 +4206,36 @@ function gi(i, e, t, n, s) {
   const h = r !== at && n.selectedFeatures.has(e.id) && n.editingFeature !== e.id && n.options.showEditButton;
   let c = 0;
   if (h) {
-    const u = { ...J, ...e.properties.style }, g = e.properties.content || "", p = typeof u.fontSize == "number" ? u.fontSize : parseFloat((u.fontSize || "12").toString());
-    xn(g, u.font || "Arial, sans-serif", p, e.properties.width, u.padding || 8) && (c = 32);
-  }
-  hi(a, e, n), di(l, e, n, c, h), s ? o.classList.remove("comment-no-transition") : o.classList.add("comment-no-transition"), r === at ? (o.classList.add("comment-collapsed"), o.classList.remove("comment-expanded")) : (o.classList.add("comment-expanded"), o.classList.remove("comment-collapsed"));
+    const u = { ...V, ...e.properties.style }, g = e.properties.content || "", f = typeof u.fontSize == "number" ? u.fontSize : parseFloat((u.fontSize || "12").toString());
+    bn(
+      g,
+      u.font || "Arial, sans-serif",
+      f,
+      e.properties.width,
+      u.padding || 8
+    ) && (c = 32);
+  }
+  di(a, e, n), ui(l, e, n, c, h), s ? o.classList.remove("comment-no-transition") : o.classList.add("comment-no-transition"), r === at ? (o.classList.add("comment-collapsed"), o.classList.remove("comment-expanded")) : (o.classList.add("comment-expanded"), o.classList.remove("comment-collapsed"));
   const d = Q(e);
   return o.setAttribute(
     "transform",
     n.getScreenAlignedTransform(d.x, d.y, !1)
   ), o.style.visibility = n.editingFeature === e.id ? "hidden" : "", (!o.parentNode || o.parentNode !== i) && i.appendChild(o), o;
 }
-function fi(i, e = 0.5, t = !1) {
+function pi(i, e = 0.5, t = !1) {
   if (i.length < 2) return "";
   if (i.length < 3)
     return i.map((o, a) => `${a === 0 ? "M" : "L"}${o[0]},${o[1]}`).join(" ") + " Z";
   const n = i, s = n.length - 1, r = [];
   for (let o = 0; o < s; o++) {
-    const a = n[(o - 1 + s) % s], l = n[o], h = n[(o + 1) % s], c = n[(o + 2) % s], d = l[0] + (h[0] - a[0]) / 6 * e, u = l[1] + (h[1] - a[1]) / 6 * e, g = h[0] - (c[0] - l[0]) / 6 * e, p = h[1] - (c[1] - l[1]) / 6 * e;
-    o === 0 && r.push(`M${l[0]},${l[1]}`), t && o === s - 1 ? r.push(`L${h[0]},${h[1]}`) : r.push(`C${d},${u} ${g},${p} ${h[0]},${h[1]}`);
+    const a = n[(o - 1 + s) % s], l = n[o], h = n[(o + 1) % s], c = n[(o + 2) % s], d = l[0] + (h[0] - a[0]) / 6 * e, u = l[1] + (h[1] - a[1]) / 6 * e, g = h[0] - (c[0] - l[0]) / 6 * e, f = h[1] - (c[1] - l[1]) / 6 * e;
+    o === 0 && r.push(`M${l[0]},${l[1]}`), t && o === s - 1 ? r.push(`L${h[0]},${h[1]}`) : r.push(`C${d},${u} ${g},${f} ${h[0]},${h[1]}`);
   }
   return r.push("Z"), r.join(" ");
 }
-const pi = (i, e, t = "box") => (i || (i = M("g"), i.setAttribute("data-annotation", `${e}`), i.classList.add(`annotation-${t}`)), i);
-function mi(i, e, t, n) {
-  const s = pi(
+const mi = (i, e, t = "box") => (i || (i = M("g"), i.setAttribute("data-annotation", `${e}`), i.classList.add(`annotation-${t}`)), i);
+function yi(i, e, t, n) {
+  const s = mi(
     t,
     e.id.toString(),
     e.properties.type
@@ -4225,14 +4250,14 @@ function mi(i, e, t, n) {
     strokeType: h = lt.strokeType
   } = e.properties.style || lt;
   o && r.setAttribute("stroke", o), a !== void 0 && r.setAttribute("stroke-width", String(a)), l && (n.hoveredFeature === e.id ? r.setAttribute("fill", Ft(l)) : r.setAttribute("fill", l)), h === "dashed" ? r.setAttribute("stroke-dasharray", "5,5") : r.removeAttribute("stroke-dasharray");
-  const c = e.geometry.coordinates[0], d = fi(
+  const c = e.geometry.coordinates[0], d = pi(
     c,
     0.5,
     n.drawingFeature === e.id
   );
   return r.setAttribute("d", d), s.setAttribute("transform", n.getRotationTransform(0, 0)), i.appendChild(s), s;
 }
-const yi = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, wi = /\bsmall-caps\b/, xi = /\b(?:italic|oblique)\b/, bi = /\bbold(?:er)?\b/, bn = 16, He = 13.3333333, vi = 0.01 * bn, Si = {
+const wi = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, xi = /\bsmall-caps\b/, bi = /\b(?:italic|oblique)\b/, vi = /\bbold(?:er)?\b/, vn = 16, _e = 13.3333333, Si = 0.01 * vn, Ai = {
   "xx-small": 9,
   "x-small": 10,
   smaller: 13.3333,
@@ -4242,35 +4267,35 @@ const yi = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|med
   larger: 19.2,
   "x-large": 24,
   "xx-large": 32
-}, Qt = /* @__PURE__ */ new Map();
-function Ai(i) {
-  if (Qt.has(i))
-    return Qt.get(i);
-  const e = yi.exec(i);
+}, te = /* @__PURE__ */ new Map();
+function Ei(i) {
+  if (te.has(i))
+    return te.get(i);
+  const e = wi.exec(i);
   if (!e)
     return;
   const t = {};
   t.family = (e[6] || "").trim();
-  let n = Si[e[2]] || parseFloat(e[2]);
-  if (e[3] === "%" ? n *= vi : e[3] === "em" ? n *= bn : e[3] === "pt" && (n *= He), t.size = n, e[4] === "normal" || e[4] === "inherit" || !e[4] ? t.height = Math.round(n * (7 / 6)) : !e[5] || e[5] === "em" ? t.height = parseFloat(e[4] || "") * n : e[5] === "pt" ? t.height = parseFloat(e[4] || "") * He : e[5] === "%" ? t.height = n * 0.01 : t.height = parseFloat(e[4] || ""), t.variant = wi.test(e[1]) ? "small-caps" : "normal", t.style = xi.test(e[1]) ? "italic" : "normal", bi.test(e[1]))
+  let n = Ai[e[2]] || parseFloat(e[2]);
+  if (e[3] === "%" ? n *= Si : e[3] === "em" ? n *= vn : e[3] === "pt" && (n *= _e), t.size = n, e[4] === "normal" || e[4] === "inherit" || !e[4] ? t.height = Math.round(n * (7 / 6)) : !e[5] || e[5] === "em" ? t.height = parseFloat(e[4] || "") * n : e[5] === "pt" ? t.height = parseFloat(e[4] || "") * _e : e[5] === "%" ? t.height = n * 0.01 : t.height = parseFloat(e[4] || ""), t.variant = xi.test(e[1]) ? "small-caps" : "normal", t.style = bi.test(e[1]) ? "italic" : "normal", vi.test(e[1]))
     t.weight = 700;
   else {
     const s = /\b(\d+)\b/.exec(e[1]), r = s ? parseInt(s[1], 10) : 400;
     r >= 100 && r !== 400 ? t.weight = r : t.weight = 400;
   }
-  return Qt.set(i, t), t;
+  return te.set(i, t), t;
 }
-const Ei = "12px/14px sans-serif";
-class V {
+const Ci = "12px/14px sans-serif";
+class Z {
   /**
    * @param {string | Font} [input]
    */
-  constructor(e = Ei) {
+  constructor(e = Ci) {
     let t, n = 14, s = 12, r = 400, o = "normal", a = "normal", l = 0, h;
     if (typeof e == "string") {
-      const c = Ai(e);
+      const c = Ei(e);
       c && (t = c.family, s = c.size, n = c.height || 14, a = c.variant, o = c.style, r = c.weight);
-    } else e instanceof V && (t = e.family, s = e.size, n = e.height, a = e.variant, r = e.weight, o = e.style, l = e.baseline, h = e.color);
+    } else e instanceof Z && (t = e.family, s = e.size, n = e.height, a = e.variant, r = e.weight, o = e.style, l = e.baseline, h = e.color);
     this.family = t || "sans-serif", this.size = s || s === 0 ? s : 12, this.height = n || n === 0 ? n : this.size * (7 / 6), this.variant = a || "", this.style = o || "", this.weight = r || 400, this.baseline = l || 0, this.color = h || "";
   }
   /**
@@ -4288,7 +4313,7 @@ class V {
    * @return {Font}
    */
   assign(e = {}) {
-    const t = new V(this);
+    const t = new Z(this);
     return e.bold && (t.weight = 700), e.weight && (t.weight = e.weight), e.italic && (t.style = "italic"), e.family && (t.family = e.family), e.style && (t.style = e.style), e.color && (t.color = e.color), typeof e.baseline == "number" && (t.baseline = e.baseline), typeof e.size == "number" && (t.size = e.size), t;
   }
   toString(e) {
@@ -4299,7 +4324,7 @@ class V {
     return this.toString(!0);
   }
 }
-const vn = {
+const Sn = {
   "\n": 0.28,
   //
   "\r": 0.28,
@@ -4344,46 +4369,46 @@ const vn = {
   // IDEOGRAPHIC SPACE
   "\uFEFF": 0
   // ZERO WIDTH NO-BREAK SPACE
-}, Ci = new V(), _e = {
+}, ki = new Z(), Ie = {
   trim: !0,
   collapse: !0
-}, te = {};
-function ce() {
+}, ee = {};
+function le() {
   return (i, e) => {
-    const t = new V(e);
+    const t = new Z(e);
     let n = t.size;
     return /\bmonospace\b/.test(t.family) ? n *= 0.6 : (n *= 0.45, t.weight > 400 && (n *= 1.18)), i.length * n;
   };
 }
-function le(i) {
+function he(i) {
   if (i && i.getContext) {
     const e = i.getContext("2d");
     if (e && typeof e.measureText == "function")
       return (t, n) => (e.font = String(n), e.measureText(t).width);
   }
 }
-function Sn() {
+function An() {
   const i = typeof document < "u" ? document : null;
   return typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || i && i.createElement && i.createElement("canvas") || null;
 }
-let At = le(Sn()) || ce();
-function ki(i) {
+let At = he(An()) || le();
+function Mi(i) {
   if (i == null)
-    At = le(Sn()) || ce();
+    At = he(An()) || le();
   else if (i)
-    At = le(i) || ce();
+    At = he(i) || le();
   else
     throw new Error("setMeasureCanvas argument is not a canvas or null");
 }
-function ct(i, e, t = _e) {
-  typeof e == "string" ? e = new V(e) : e instanceof V ? e = Ci.assign(e) : e = new V().assign(e);
-  const n = Object.assign({}, _e, t);
+function ct(i, e, t = Ie) {
+  typeof e == "string" ? e = new Z(e) : e instanceof Z ? e = ki.assign(e) : e = new Z().assign(e);
+  const n = Object.assign({}, Ie, t);
   let s = String(i);
   if (!s)
     return 0;
-  if (s in vn) {
+  if (s in Sn) {
     const o = e.valueOf() + "/" + s;
-    return o in te || (te[o] = At(`_${s}_`, e) - At("__", e)), te[o];
+    return o in ee || (ee[o] = At(`_${s}_`, e) - At("__", e)), ee[o];
   }
   !n.trim || !n.collapse ? s = s.replace(/\n/g, " ") : n.trim ? s = s.replace(/\n/g, " ").trim() : n.collapse && (s = s.replace(/\s+/g, " "));
   const r = typeof i == "string" ? 0 : i.tracking || 0;
@@ -4406,23 +4431,23 @@ class H {
 }
 class Tt extends H {
 }
-class Z extends H {
+class K extends H {
 }
 class ht extends H {
 }
-const Mi = /[\r\n\xA0]+/g, Ie = 0.7;
-function Ti(i, e) {
-  i.sup && (i.baseline = 0.45, i.size = Ie), i.sub && (i.baseline = -0.3, i.size = Ie);
+const Ti = /[\r\n\xA0]+/g, ze = 0.7;
+function Fi(i, e) {
+  i.sup && (i.baseline = 0.45, i.size = ze), i.sub && (i.baseline = -0.3, i.size = ze);
   let t = e;
   return (i.style || i.weight || i.baseline || i.color || i.size || i.family) && (t = e.assign(i)), t;
 }
-function ze(i, e, t) {
+function Be(i, e, t) {
   let n = i.width, s, r;
   for (; n + t.width > e && i.length; )
     s = i[i.length - 1], r = s.width, s.width > t.width ? (s.value = s.value.slice(0, -1), s.width = ct(s, s.font), n += s.width) : i.pop(), n -= r;
   i[i.length - 1] instanceof ht && i.pop(), s = i[i.length - 1] || s || {}, t.font = t.font.assign(s), t.href = i.length ? s.href : null, t.rel = i.length ? s.rel : null, t.target = i.length ? s.target : null, i.push(t);
 }
-function Be(i) {
+function Re(i) {
   return Object.assign([], {
     height: 0,
     font: i,
@@ -4431,26 +4456,26 @@ function Be(i) {
     hasLineOverflow: !1
   });
 }
-function Fi(i, e, t) {
+function Pi(i, e, t) {
   if (!i.length)
-    return Be(t);
+    return Re(t);
   const n = e.height(), s = e.width(), r = e.overflowLine(), o = e.overflowWrap(), a = t.assign({ bold: !0 }), l = isFinite(n()) ? Math.floor(n() / t.height) : 1 / 0;
   if (!n() && !s(0) || !l)
-    return Be(t);
+    return Re(t);
   let h = 0, c = 0, d = 0;
   const u = [];
-  let g = [], p = !1;
+  let g = [], f = !1;
   for (; h < i.length && c < l; ) {
-    const w = i[h], A = Ti(w, t);
-    if (w.width = ct(w, A), w.font = A, w.line = c, w.whitespace = w.value in vn, w.value && (w.value = w.value.replace(Mi, " ")), !(!d && w.whitespace || p && w.whitespace)) if (w instanceof Z)
+    const x = i[h], A = Fi(x, t);
+    if (x.width = ct(x, A), x.font = A, x.line = c, x.whitespace = x.value in Sn, x.value && (x.value = x.value.replace(Ti, " ")), !(!d && x.whitespace || f && x.whitespace)) if (x instanceof K)
       d = 0, g = [], u.push(h + 1), c++;
-    else if (w instanceof Tt || w instanceof ht)
+    else if (x instanceof Tt || x instanceof ht)
       g.push({
         index: h,
         width: d
       });
-    else if (w.whitespace || d + w.width < s(c))
-      d += w.width;
+    else if (x.whitespace || d + x.width < s(c))
+      d += x.width;
     else if (g.length) {
       let C, E;
       do {
@@ -4466,54 +4491,54 @@ function Fi(i, e, t) {
       u.push(C.index + 1), d = 0, c++, h = C.index, g = [];
     } else if (o === "break-word") {
       const C = s(c);
-      if (d + w.width > C) {
-        const E = w.clone();
+      if (d + x.width > C) {
+        const E = x.clone();
         do
-          w.value = w.value.slice(0, -1), w.width = ct(w, w.font || t), d += w.width;
-        while (w.value && w.width > C);
-        E.value = E.value.slice(w.value.length), i.splice(h + 1, 0, new Tt(), E);
+          x.value = x.value.slice(0, -1), x.width = ct(x, x.font || t), d += x.width;
+        while (x.value && x.width > C);
+        E.value = E.value.slice(x.value.length), i.splice(h + 1, 0, new Tt(), E);
       }
       u.push(h + 1), d = 0, c++;
     } else
-      d += w.width;
-    h++, p = w.whitespace;
+      d += x.width;
+    h++, f = x.whitespace;
   }
   h !== u[u.length - 1] && u.push(h);
-  let f = 0, m = 0;
-  const x = u.map((w) => {
-    let A = f, C;
+  let p = 0, m = 0;
+  const w = u.map((x) => {
+    let A = p, C;
     for (; (C = i[A]) && (C.whitespace || !C.value); )
       A++;
-    let E = w, k = null;
+    let E = x, k = null;
     for (; E > A && (C = i[E - 1]) && (C.whitespace || !(C.value || C instanceof ht)); )
-      C instanceof Z && (k = C), E--;
-    C instanceof ht && (C.value = "-", C.width = ct("-", C.font || t)), f = w;
+      C instanceof K && (k = C), E--;
+    C instanceof ht && (C.value = "-", C.width = ct("-", C.font || t)), p = x;
     const F = Object.assign(
-      i.slice(A, E).filter((j) => j.value),
+      i.slice(A, E).filter((O) => O.value),
       { width: 0 }
     );
-    return k && F.push(k), F.width = F.reduce((j, z) => j + z.width, 0), F.width > m && (m = F.width), F;
+    return k && F.push(k), F.width = F.reduce((O, N) => O + N.width, 0), F.width > m && (m = F.width), F;
   });
   let b = !1;
   if (r) {
-    const w = r === "ellipsis" ? "…" : r;
-    x.forEach((A, C) => {
+    const x = r === "ellipsis" ? "…" : r;
+    w.forEach((A, C) => {
       const E = s(C);
       if (A.width > E) {
-        const k = new H(w);
-        k.font = t, k.width = ct(w, a), ze(A, E, k), b = !0;
+        const k = new H(x);
+        k.font = t, k.width = ct(x, a), Be(A, E, k), b = !0;
       }
     });
   }
   let v = !1;
   const S = e.overflow() === "ellipsis" ? "…" : e.overflow();
   if (S && h !== i.length) {
-    const w = s(x.length - 1), A = x[x.length - 1], C = new H(S);
-    C.font = t, C.width = ct(S, a), ze(A, w, C), v = !0;
+    const x = s(w.length - 1), A = w[w.length - 1], C = new H(S);
+    C.font = t, C.width = ct(S, a), Be(A, x, C), v = !0;
   } else
     v = !1;
-  return Object.assign(x, {
-    height: x.length * t.height,
+  return Object.assign(w, {
+    height: w.length * t.height,
     font: t,
     width: m,
     hasOverflow: v,
@@ -4523,80 +4548,80 @@ function Fi(i, e, t) {
 function ft(i) {
   return Math.round(i * 1e6) / 1e6;
 }
-const Pi = {
+const Di = {
   center: "middle",
   right: "end"
-}, Di = {
+}, Li = {
   middle: 0.5,
   center: 0.5,
   bottom: 1,
   end: 1
-}, ee = (i, e) => !i && !e || i === e;
-function Li(i, e) {
+}, ne = (i, e) => !i && !e || i === e;
+function Hi(i, e) {
   const t = [], n = e.font(), s = n.size, r = n.family, o = e.align(), a = e.createElement();
   if (i.length) {
-    const l = n.height, h = e.valign(), c = e.height()(), d = e.width()(0), u = !isFinite(d) && i.length === 1, g = u ? null : e.x(), p = ft(l / s);
-    let f = u ? null : ft(l / (s * 1.15 + (l - s) / 2));
-    if (Di[h] && isFinite(c)) {
+    const l = n.height, h = e.valign(), c = e.height()(), d = e.width()(0), u = !isFinite(d) && i.length === 1, g = u ? null : e.x(), f = ft(l / s);
+    let p = u ? null : ft(l / (s * 1.15 + (l - s) / 2));
+    if (Li[h] && isFinite(c)) {
       const E = h === "bottom" ? 1 : 0.5;
-      f = (f || 0) + (c * E - l * i.length * E) / s;
+      p = (p || 0) + (c * E - l * i.length * E) / s;
     }
-    const x = o === "justify";
+    const w = o === "justify";
     let b = 0;
     o === "right" ? b = d : o === "center" && (b = d / 2);
-    let v = [], S = "tspan", w = null, A = "";
+    let v = [], S = "tspan", x = null, A = "";
     const C = () => {
       if (A) {
-        const E = a(S, w, A);
+        const E = a(S, x, A);
         v.push(E);
       }
-      S = "tspan", w = null, A = "";
+      S = "tspan", x = null, A = "";
     };
     for (let E = 0, k = i.length; E < k; E++) {
-      let F = "", j = "", z = 0;
-      const R = i[E];
-      if (!R.length) {
+      let F = "", O = "", N = 0;
+      const B = i[E];
+      if (!B.length) {
         t.push(
           a("tspan", {
             x: g(E),
-            dy: ft(E ? p : f) + "em"
+            dy: ft(E ? f : p) + "em"
           }, " ")
         );
         continue;
       }
       v = [];
-      let et = 0, Y = 0, G;
-      for (let P = 0, st = R.length; P < st; P++) {
-        const L = R[P], B = L.font;
-        L.whitespace && et++, Y += L.width, P && !L.tracking && !z && ee(B.id, F) && ee(L.class, j) && ee(G, L.href) ? A += L.value : (C(), A = L.value, w = {
-          fontFamily: B.family !== r ? B.family : null,
-          fontSize: B.size !== s ? B.size : null,
-          fontWeight: B.weight !== 400 && B.weight || null,
-          fontStyle: B.style !== "normal" && B.style || null,
-          fontVariant: B.variant !== "normal" && B.variant || null,
-          fill: B.color || null,
-          baselineShift: B.baseline ? B.baseline * 100 + "%" : null,
-          className: L.class || null,
+      let et = 0, nt = 0, U;
+      for (let j = 0, L = B.length; j < L; j++) {
+        const D = B[j], z = D.font;
+        D.whitespace && et++, nt += D.width, j && !D.tracking && !N && ne(z.id, F) && ne(D.class, O) && ne(U, D.href) ? A += D.value : (C(), A = D.value, x = {
+          fontFamily: z.family !== r ? z.family : null,
+          fontSize: z.size !== s ? z.size : null,
+          fontWeight: z.weight !== 400 && z.weight || null,
+          fontStyle: z.style !== "normal" && z.style || null,
+          fontVariant: z.variant !== "normal" && z.variant || null,
+          fill: z.color || null,
+          baselineShift: z.baseline ? z.baseline * 100 + "%" : null,
+          className: D.class || null,
           dx: 0,
           href: null,
           rel: null,
           target: null
-        }, z && (w.dx = ft(z), z = 0), L.tracking && (z = B.size * L.tracking), L.href && !G ? (G = L.href, S = "a", w.href = G, w.rel = L.rel, w.target = L.target) : G = null, F = B.id, j = L.class);
+        }, N && (x.dx = ft(N), N = 0), D.tracking && (N = z.size * D.tracking), D.href && !U ? (U = D.href, S = "a", x.href = U, x.rel = D.rel, x.target = D.target) : U = null, F = z.id, O = D.class);
       }
       if (C(), u)
         t.push(...v);
       else {
-        let P = null;
-        const st = E === k - 1 || R[R.length - 1] instanceof Z;
-        if (x && R.length > 1 && !st) {
-          const L = d - Y;
-          P = ft(L / et);
+        let j = null;
+        const L = E === k - 1 || B[B.length - 1] instanceof K;
+        if (w && B.length > 1 && !L) {
+          const D = d - nt;
+          j = ft(D / et);
         }
         t.push(
           a("tspan", {
-            wordSpacing: P,
+            wordSpacing: j,
             x: g(E) + b,
-            dy: ft(E ? p : f) + "em"
+            dy: ft(E ? f : p) + "em"
           }, ...v)
         );
       }
@@ -4605,53 +4630,53 @@ function Li(i, e) {
   return a("text", {
     fontFamily: r,
     fontSize: s,
-    textAnchor: Pi[o] || "start"
+    textAnchor: Di[o] || "start"
   }, ...t);
 }
-const Hi = {
+const _i = {
   middle: 0.5,
   center: 0.5,
   bottom: 1,
   end: 1
 };
-function _i(i, e) {
+function Ii(i, e) {
   return i.color ? i.color : e.href ? "#00C" : "#000";
 }
-function Ii(i, e, t) {
+function zi(i, e, t) {
   if (!i.length)
     return;
   t.textBaseline = "middle";
   const n = e.font(), s = n.height, r = n.size, o = e.valign(), a = e.height()(), l = e.width()(0), h = e.align(), c = h === "justify";
   let d = s * 0.5;
-  const u = Hi[o];
+  const u = _i[o];
   if (u && isFinite(a)) {
     const g = i.length * s;
     d += a * u - g * u;
   }
-  i.forEach((g, p) => {
-    let f = e.x()(p);
-    const m = p * s + d;
-    let x = 0, b = 0;
-    g.forEach((w) => {
-      w.whitespace && x++, b += w.width;
+  i.forEach((g, f) => {
+    let p = e.x()(f);
+    const m = f * s + d;
+    let w = 0, b = 0;
+    g.forEach((x) => {
+      x.whitespace && w++, b += x.width;
     });
     let v = 0;
-    const S = p === i.length - 1 || g[g.length - 1] instanceof Z;
-    c && g.length > 1 && !S && (v = (l - b) / x), g.forEach((w) => {
-      t.font = w.font;
-      const A = w.font, C = A.baseline ? r * -A.baseline + r * 0.15 : 0;
-      t.fillStyle = _i(A, w);
+    const S = f === i.length - 1 || g[g.length - 1] instanceof K;
+    c && g.length > 1 && !S && (v = (l - b) / w), g.forEach((x) => {
+      t.font = x.font;
+      const A = x.font, C = A.baseline ? r * -A.baseline + r * 0.15 : 0;
+      t.fillStyle = Ii(A, x);
       let E = 0;
-      if (h === "right" ? E += l - b : h === "center" ? E += l / 2 - b / 2 : h === "justify" && (w.whitespace || w instanceof Z) && (f += v), t.fillText(w.value, f + E, m + C), w.href) {
+      if (h === "right" ? E += l - b : h === "center" ? E += l / 2 - b / 2 : h === "justify" && (x.whitespace || x instanceof K) && (p += v), t.fillText(x.value, p + E, m + C), x.href) {
         t.beginPath(), t.strokeStyle = t.fillStyle;
         const k = Math.floor(m + r * 0.45) + 0.5;
-        t.moveTo(f + E, k), t.lineTo(f + E + w.width, k), t.stroke();
+        t.moveTo(p + E, k), t.lineTo(p + E + x.width, k), t.stroke();
       }
-      f += w.width;
+      p += x.width;
     });
   });
 }
-function An(i) {
+function En(i) {
   const e = {
     /* text, ctx, d3, fn */
   };
@@ -4661,37 +4686,37 @@ function An(i) {
   }
   return e;
 }
-const zi = Object.prototype.hasOwnProperty, ne = {};
-function Bi(i) {
-  return ne[i] || (ne[i] = i.replace(/([a-z])([A-Z])/g, (e, t, n) => t + "-" + n.toLowerCase())), ne[i];
+const Bi = Object.prototype.hasOwnProperty, se = {};
+function Ri(i) {
+  return se[i] || (se[i] = i.replace(/([a-z])([A-Z])/g, (e, t, n) => t + "-" + n.toLowerCase())), se[i];
 }
-function En(i, e) {
+function Cn(i, e) {
   if (Array.isArray(e))
-    return e.forEach((t) => En(i, t));
+    return e.forEach((t) => Cn(i, t));
   typeof e == "string" && (e = document.createTextNode(e)), i.appendChild(e);
 }
-function Cn(i, e, ...t) {
+function kn(i, e, ...t) {
   if (typeof document > "u")
     throw new Error("No document found, cannot create elements");
   const n = typeof i == "string" ? document.createElementNS("http://www.w3.org/2000/svg", i) : i;
   if (e && n.setAttribute)
     for (const s in e)
-      zi.call(e, s) && e[s] != null && n.setAttribute(
-        s === "className" ? "class" : Bi(s),
+      Bi.call(e, s) && e[s] != null && n.setAttribute(
+        s === "className" ? "class" : Ri(s),
         String(e[s])
       );
   return t != null && t.length && t.forEach((s) => {
-    En(n, s);
+    Cn(n, s);
   }), n;
 }
-const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
+const $e = (i) => typeof i == "function" ? i : () => i, $i = {
   top: { vAnchor: -0 },
   middle: { vAnchor: -0.5 },
   bottom: { vAnchor: -1 },
   left: { hAnchor: -0 },
   center: { hAnchor: -0.5 },
   right: { hAnchor: -1 }
-}, Ot = class Ot {
+}, Xt = class Xt {
   constructor(e) {
     if (this.props = {
       width: () => 1 / 0,
@@ -4722,7 +4747,7 @@ const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
       ];
     if (typeof e == "string") {
       const o = this.props;
-      e.toLowerCase().trim().split(/\s+/).forEach((a) => Object.assign(o, Ri[a]));
+      e.toLowerCase().trim().split(/\s+/).forEach((a) => Object.assign(o, $i[a]));
     }
     return this;
   }
@@ -4736,7 +4761,7 @@ const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
   * @return {this}
   */
   width(e) {
-    return arguments.length ? (this.props.width = Re(e), this) : this.props.width;
+    return arguments.length ? (this.props.width = $e(e), this) : this.props.width;
   }
   /**
    * @overload
@@ -4748,7 +4773,7 @@ const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
   * @return {this}
   */
   height(e) {
-    return arguments.length ? (this.props.height = Re(e), this) : this.props.height;
+    return arguments.length ? (this.props.height = $e(e), this) : this.props.height;
   }
   /**
    * @overload
@@ -4763,14 +4788,14 @@ const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
     return arguments.length ? (this.props.rotation = e, this) : this.props.rotation;
   }
   createElement(e) {
-    return arguments.length ? (this.props.createElement = e, this) : this.props.createElement || Ot.createElement;
+    return arguments.length ? (this.props.createElement = e, this) : this.props.createElement || Xt.createElement;
   }
   canvas(e, t) {
     const n = e.getContext ? e.getContext("2d") : e;
     return n.save(), n.rotate(this.rotate() * Math.PI / 180), n.translate(...this.anchor()), t(n), n.restore(), n;
   }
   render(...e) {
-    const t = An(e);
+    const t = En(e);
     if (t.d3)
       return t.d3.attr("transform", `rotate(${this.rotate()}) translate(${this.anchor()})`);
     if (t.ctx)
@@ -4783,24 +4808,24 @@ const Re = (i) => typeof i == "function" ? i : () => i, Ri = {
     }
   }
 };
-y(Ot, "createElement", Cn);
-let he = Ot;
-const se = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, $i = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, $e = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Ni = /^(?:[;\xAD%?…]|,(?!\d))/, Yi = /^[´±°¢£¤$¥\u2212]/, Xi = "'“‘[「【﹝〔<‹«{『（(<《".split(""), Oi = "',，,！!?？”]」】》>’»﹞〕〗〉})）』。".split(""), Ne = (i) => {
+y(Xt, "createElement", kn);
+let de = Xt;
+const ie = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, Ni = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, Ne = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Yi = /^(?:[;\xAD%?…]|,(?!\d))/, Oi = /^[´±°¢£¤$¥\u2212]/, Xi = "'“‘[「【﹝〔<‹«{『（(<《".split(""), Ui = "',，,！!?？”]」】》>’»﹞〕〗〉})）』。".split(""), Ye = (i) => {
   const e = i.charCodeAt(0);
   return e >= 19968 && e <= 40959;
 };
-function Xt(i, e) {
+function Ot(i, e) {
   e !== !1 && (i = i.trim());
   const t = [];
   let n = i.charAt(0), s, r, o = 0;
   for (let a = 1, l = i.length; a < l; a++) {
     s = i.charAt(a), r = i.charAt(a + 1);
-    const h = se.test(n), c = se.test(s);
-    let d = c || h || Ne(n) || Ne(s), u;
-    if ((Yi.test(s) && !$e.test(n) || Ni.test(n + r) && !$e.test(s)) && (d = !0), d && (Oi.includes(s) || Xi.includes(n)) && (d = !1), (n === "-" || // - ASCII dash
+    const h = ie.test(n), c = ie.test(s);
+    let d = c || h || Ye(n) || Ye(s), u;
+    if ((Oi.test(s) && !Ne.test(n) || Yi.test(n + r) && !Ne.test(s)) && (d = !0), d && (Ui.includes(s) || Xi.includes(n)) && (d = !1), (n === "-" || // - ASCII dash
     n === "‐" || // ‐ Unicode hyphen
     n === "–" || // – En dash
-    n === "—") && (u = se.test(i.charAt(a - 2)), u && !c && (d = !1), !u && $i.test(s + r) && (d = !0)), d) {
+    n === "—") && (u = ie.test(i.charAt(a - 2)), u && !c && (d = !1), !u && Ni.test(s + r) && (d = !0)), d) {
       const g = i.slice(o, a);
       /\u00AD$/.test(g) ? (t.push(new H(g.slice(0, -1))), t.push(new ht())) : (t.push(new H(g)), t.push(new Tt())), o = a;
     }
@@ -4808,7 +4833,7 @@ function Xt(i, e) {
   }
   return t.push(new H(i.slice(o))), t;
 }
-const Ye = {
+const Oe = {
   nbsp: " ",
   iexcl: "¡",
   cent: "¢",
@@ -5060,7 +5085,7 @@ const Ye = {
   permil: "‰",
   lsaquo: "‹",
   rsaquo: "›"
-}, Ui = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, qi = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Wi = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, ji = /^<!--(.+?)-->/, Gi = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, Xe = {
+}, qi = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Wi = /^<\/([a-zA-Z0-9]+)([^>]*)>/, ji = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, Gi = /^<!--(.+?)-->/, Vi = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, Xe = {
   b: (i) => i.weight = 700,
   strong: (i) => i.weight = 700,
   i: (i) => i.style = "italic",
@@ -5074,7 +5099,7 @@ const Ye = {
   tt: (i) => i.family = "monospace",
   sub: (i) => i.sub = !0,
   sup: (i) => i.sup = !0
-}, Vi = {
+}, Zi = {
   div: 1,
   li: 1,
   blockquote: 2,
@@ -5089,27 +5114,27 @@ const Ye = {
   hr: 2,
   p: 2
 };
-function kn(i) {
-  return i.replace(Gi, function(e, t, n, s) {
+function Mn(i) {
+  return i.replace(Vi, function(e, t, n, s) {
     if (t || n) {
       const r = t ? 10 : 16;
       return String.fromCharCode(parseInt(t || n, r));
-    } else if (s in Ye)
-      return Ye[s];
+    } else if (s in Oe)
+      return Oe[s];
     return e;
   });
 }
-function Zi(i) {
+function Ki(i) {
   return i && i.length > 1 && (i[0] === '"' && i[i.length - 1] === '"' || i[0] === "'" && i[i.length - 1] === "'") ? i.slice(1, -1) : i;
 }
-const Ki = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-function Ji(i) {
+const Ji = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+function Qi(i) {
   let e;
   const t = {};
   if (i) {
     do
-      if (e = Ki.exec(i), e) {
-        const n = kn(Zi(e[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+      if (e = Ji.exec(i), e) {
+        const n = Mn(Ki(e[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
         if (t[e[1]] = n, i = i.slice(e[0].length), i.length && /^\S/.test(i[0]))
           throw new Error("Attribute error");
       }
@@ -5119,7 +5144,7 @@ function Ji(i) {
   }
   return t;
 }
-function Qi(i) {
+function tr(i) {
   i = String(i || "").trim();
   let e = {
     weight: null,
@@ -5143,38 +5168,38 @@ function Qi(i) {
     n.length && (e = n.pop());
   }, h = (d) => {
     const u = t.length;
-    let g = Vi[d];
+    let g = Zi[d];
     if (u && g) {
-      let p = u - 1;
-      for (; t[p] && (t[p] instanceof Tt || Ui.test(t[p].value)); )
-        p--;
-      for (; g && t[p] && t[p] instanceof Z; )
-        p--, g--;
+      let f = u - 1;
+      for (; t[f] && (t[f] instanceof Tt || qi.test(t[f].value)); )
+        f--;
+      for (; g && t[f] && t[f] instanceof K; )
+        f--, g--;
       for (; g-- > 0; )
-        t.push(new Z());
+        t.push(new K());
     }
   };
   for (; i.length; ) {
     if (s = /^[^<]+/.exec(i)) {
-      const d = kn(s[0]);
-      Xt(d, !1).forEach(o);
-    } else if (!(s = ji.exec(i))) if (s = qi.exec(i))
+      const d = Mn(s[0]);
+      Ot(d, !1).forEach(o);
+    } else if (!(s = Gi.exec(i))) if (s = Wi.exec(i))
       l(), h(s[1]);
-    else if (s = Wi.exec(i)) {
+    else if (s = ji.exec(i)) {
       const d = s[1];
       h(d), a(), Xe[d] && Xe[d](e);
-      const u = Ji(s[2]);
-      d === "a" && (u.href && (e.href = u.href), u.rel && (e.rel = u.rel), u.target && (e.target = u.target)), u.class && (e.class = e.class ? e.class + " " + u.class : u.class), u.style && (r = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(u.style), r && r[1] && (e.color = r[1])), d === "br" && t.push(new Z());
+      const u = Qi(s[2]);
+      d === "a" && (u.href && (e.href = u.href), u.rel && (e.rel = u.rel), u.target && (e.target = u.target)), u.class && (e.class = e.class ? e.class + " " + u.class : u.class), u.style && (r = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(u.style), r && r[1] && (e.color = r[1])), d === "br" && t.push(new K());
     } else
       s = [i.slice(0, 1)], o(new H(s[0]));
     i = i.slice(s[0].length);
   }
   let c = t[t.length - 1];
-  for (; c instanceof Z; )
+  for (; c instanceof K; )
     t.pop(), c = t[t.length - 1];
   return t;
 }
-const Oe = {
+const Ue = {
   copyright: "©",
   textcopyright: "©",
   dag: "†",
@@ -5376,7 +5401,7 @@ const Oe = {
   SS: "SS",
   th: "þ",
   TH: "Þ"
-}, tr = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, er = /^%[^\n]+(?:\n|$)/, nr = /^[^#$%&~_^\\{}]+/, sr = /^\\([&{}$%#_])/, ir = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, rr = {
+}, er = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, nr = /^%[^\n]+(?:\n|$)/, sr = /^[^#$%&~_^\\{}]+/, ir = /^\\([&{}$%#_])/, rr = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, or = {
   "---": "—",
   // \textemdash
   "--": "–",
@@ -5416,7 +5441,7 @@ const Oe = {
   // (0 width NBSp) end sentence
   "\\\\": "\\newline{}"
   // newline command shorthand
-}, N = {
+}, $ = {
   bf: (i) => i.weight = "bold",
   it: (i) => i.style = "italic",
   sl: (i) => i.style = "italic",
@@ -5425,27 +5450,27 @@ const Oe = {
   "^": (i) => i.sup = !0,
   _: (i) => i.sub = !0,
   par: function(i) {
-    this.tokens.push(new Z(), new Z());
+    this.tokens.push(new K(), new K());
   },
   newline: function(i) {
-    this.tokens.push(new Z());
+    this.tokens.push(new K());
   },
   url: function(i, e) {
     i = this.open_context(), i.href = e, this.add_token(new H(e)), this.close_context();
   }
 };
-N.textsuperscript = N["^"];
-N.textsubscript = N._;
-N.textsl = N.sl;
-N.mathbf = N.bf;
-N.mathit = N.it;
-N.textbf = N.bf;
-N.textit = N.it;
-N.textcolor = N.color;
-function or(i) {
+$.textsuperscript = $["^"];
+$.textsubscript = $._;
+$.textsl = $.sl;
+$.mathbf = $.bf;
+$.mathit = $.it;
+$.textbf = $.bf;
+$.textit = $.it;
+$.textcolor = $.color;
+function ar(i) {
   i = String(i || "").trim();
   const e = [0];
-  i = i.replace(/\\verb,(.*?),/, (c, d) => (e.push(d), "\\verb," + (e.length - 1) + ",")).replace(/\\\\\n/g, () => "\\\\").replace(ir, (c, d, u) => u.charAt(d - 1) === "\\" ? c : rr[c]).replace(/\n\s+/g, (c) => /\n/.test(c.slice(1)) ? "\\par " : c).replace(/\\symbol\{(\d+)\}/, (c, d, u, g) => g.charAt(u - 1) === "\\" ? c : String.fromCharCode(1 * d)).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, (c, d, u, g) => d + u + "{" + g + "}").replace(/\\verb,(.*?),/, (c, d) => `\\verb,${e[+d]},`);
+  i = i.replace(/\\verb,(.*?),/, (c, d) => (e.push(d), "\\verb," + (e.length - 1) + ",")).replace(/\\\\\n/g, () => "\\\\").replace(rr, (c, d, u) => u.charAt(d - 1) === "\\" ? c : or[c]).replace(/\n\s+/g, (c) => /\n/.test(c.slice(1)) ? "\\par " : c).replace(/\\symbol\{(\d+)\}/, (c, d, u, g) => g.charAt(u - 1) === "\\" ? c : String.fromCharCode(1 * d)).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, (c, d, u, g) => d + u + "{" + g + "}").replace(/\\verb,(.*?),/, (c, d) => `\\verb,${e[+d]},`);
   let t = {
     weight: null,
     italic: null,
@@ -5473,38 +5498,38 @@ function or(i) {
     add_token: o
   };
   for (; i.length; ) {
-    if (r = nr.exec(i))
-      Xt(r[0], !1).forEach(o);
-    else if (r = sr.exec(i))
+    if (r = sr.exec(i))
+      Ot(r[0], !1).forEach(o);
+    else if (r = ir.exec(i))
       o(new H(r[1]));
-    else if (!(r = er.exec(i))) {
+    else if (!(r = nr.exec(i))) {
       if (r = /^\{/.exec(i))
         a();
       else if (r = /^\}/.exec(i))
         l();
       else if (!(r = /^\$/.exec(i))) if (r = /^\\verb,([^,]+),/.exec(i))
         o(new H(r[1]));
-      else if (r = tr.exec(i)) {
+      else if (r = er.exec(i)) {
         const c = r[1].slice(1) || r[1];
         let d = !!r[2];
         if (/^(La)?TeX$/i.test(c)) {
           a(), t.family = "serif";
           let u;
           c === "LaTeX" && (u = o(new H("L")), u.tracking = -0.25, u = o(new H("A")), u.size = 0.7, u.baseline = 0.3, u.tracking = -0.1), u = o(new H("T")), u.tracking = -0.17, u = o(new H("E")), u.baseline = -0.22, u.tracking = -0.13, u = o(new H("X")), l();
-        } else if (c in Oe)
-          o(new H(Oe[c])), d && a();
-        else if (c in N) {
+        } else if (c in Ue)
+          o(new H(Ue[c])), d && a();
+        else if (c in $) {
           const u = [];
-          let g = N[c].length - 1, p;
+          let g = $[c].length - 1, f;
           if (g) {
             for (d = !1, i = i.slice(r[0].length - 1); g--; )
-              if (p = /^\{([^}]+)\}/.exec(i))
-                u.push(p[1]), i = i.slice(p[0].length);
+              if (f = /^\{([^}]+)\}/.exec(i))
+                u.push(f[1]), i = i.slice(f[0].length);
               else
                 throw new Error(c + " is missing an argument");
             r[0] = /^\{/.exec(i) ? "{" : "", d = !!r[0];
           }
-          d && a(), N[c].apply(h, [t, ...u]);
+          d && a(), $[c].apply(h, [t, ...u]);
         } else
           o(new H(r[1])), d && a();
       } else
@@ -5514,7 +5539,7 @@ function or(i) {
   }
   return n;
 }
-const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
+const cr = new Z(), re = (i) => typeof i == "function" ? i : () => i, qe = {
   left: "left",
   start: "left",
   center: "center",
@@ -5522,7 +5547,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   right: "right",
   end: "right",
   justify: "justify"
-}, $ = class $ {
+}, R = class R {
   /**
    * @param {object} [opts]
    * @param {string | Font} [opts.font = '12px/14px sans-serif']
@@ -5552,8 +5577,8 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
       height: () => 1 / 0,
       x: () => 0,
       /** @type {Font} */
-      font: ar,
-      parser: $.defaultparser
+      font: cr,
+      parser: R.defaultparser
     }, e && (e.font && this.font(e.font), e.overflow && this.overflow(e.overflow), e.overflowLine && this.overflowLine(e.overflowLine), e.overflowWrap && this.overflowWrap(e.overflowWrap), e.valign && this.valign(e.valign), e.align && this.align(e.align), e.width && this.width(e.width), e.height && this.height(e.height), e.x && this.x(e.x), e.parser && this.parser(e.parser), e.createElement && this.createElement(e.createElement));
   }
   /**
@@ -5561,7 +5586,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
    * @return {import('./types.js').Lines & import('./types.js').LinesPropsRender}
    */
   linebreak(e) {
-    const t = this.props.parser(String(e)), n = Fi(t, this, this.font()), s = (r) => this.render(n, r);
+    const t = this.props.parser(String(e)), n = Pi(t, this, this.font()), s = (r) => this.render(n, r);
     return Object.assign(n, {
       render: s,
       svg: s,
@@ -5578,7 +5603,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   * @return {this}
   */
   font(e) {
-    return arguments.length ? (this.props.font = new V(e), this) : this.props.font || new V();
+    return arguments.length ? (this.props.font = new Z(e), this) : this.props.font || new Z();
   }
   /**
    * @overload
@@ -5629,7 +5654,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
     if (!arguments.length)
       return this.props.align;
     const t = String(e).toLowerCase();
-    return t in Ue && (this.props.align = Ue[t]), this;
+    return t in qe && (this.props.align = qe[t]), this;
   }
   /**
    * @overload
@@ -5657,7 +5682,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   */
   width(e) {
     return arguments.length ? (this.props.width = /** @type {(line?: number) => number} */
-    ie(e), this) : this.props.width;
+    re(e), this) : this.props.width;
   }
   /**
    * @overload
@@ -5670,7 +5695,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   */
   height(e) {
     return arguments.length ? (this.props.height = /** @type {() => number} */
-    ie(e), this) : this.props.height;
+    re(e), this) : this.props.height;
   }
   /**
    * @overload
@@ -5683,7 +5708,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   */
   x(e) {
     return arguments.length ? (this.props.x = /** @type {(line?: number) => number} */
-    ie(e), this) : this.props.x;
+    re(e), this) : this.props.x;
   }
   /**
    * @overload
@@ -5698,7 +5723,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
     if (!arguments.length)
       return this.props.parser;
     if (typeof e == "string") {
-      const t = $[e] || $[e + "parser"];
+      const t = R[e] || R[e + "parser"];
       typeof t == "function" && (e = t);
     }
     if (typeof e != "function")
@@ -5715,7 +5740,7 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   * @return {this}
   */
   createElement(e) {
-    return arguments.length ? (this.props.createElement = e, this) : this.props.createElement || $.createElement;
+    return arguments.length ? (this.props.createElement = e, this) : this.props.createElement || R.createElement;
   }
   /**
    * @overload
@@ -5729,14 +5754,14 @@ const ar = new V(), ie = (i) => typeof i == "function" ? i : () => i, Ue = {
   * @return {undefined}
   */
   render(e, t) {
-    const n = An([e, t]);
+    const n = En([e, t]);
     if (typeof n.text == "string" && (n.text = this.linebreak(n.text)), n.ctx)
-      Ii(n.text, this, n.ctx);
+      zi(n.text, this, n.ctx);
     else
-      return Li(n.text, this);
+      return Hi(n.text, this);
   }
 };
-y($, "createElement", Cn), y($, "textparser", Xt), y($, "defaultparser", Xt), y($, "htmlparser", Qi), y($, "latexparser", or), y($, "Token", H), y($, "Break", Tt), y($, "LineBreak", Z), y($, "SoftHyphen", ht), y($, "Rotator", he), y($, "Font", V), y($, "setMeasureCanvas", ki), /**
+y(R, "createElement", kn), y(R, "textparser", Ot), y(R, "defaultparser", Ot), y(R, "htmlparser", tr), y(R, "latexparser", ar), y(R, "Token", H), y(R, "Break", Tt), y(R, "LineBreak", K), y(R, "SoftHyphen", ht), y(R, "Rotator", de), y(R, "Font", Z), y(R, "setMeasureCanvas", Mi), /**
  * Measure a string of text as printed with a specified font and return
  * its width.
  *
@@ -5745,41 +5770,41 @@ y($, "createElement", Cn), y($, "textparser", Xt), y($, "defaultparser", Xt), y(
  * @param {import('./types.js').MeasureOptions} [options]
  * @return {number}
  */
-y($, "measureText", function(e, t, n) {
-  return ct(e, new V(t), n);
+y(R, "measureText", function(e, t, n) {
+  return ct(e, new Z(t), n);
 });
-let Et = $;
-function cr(i, e, t, n) {
+let Et = R;
+function lr(i, e, t, n) {
   const { width: s, height: r } = q(e), {
-    color: o = U.color,
-    strokeColor: a = U.strokeColor,
-    strokeWidth: l = U.strokeWidth,
-    strokeType: h = U.strokeType,
-    background: c = U.background,
-    borderRadius: d = U.borderRadius,
-    fixedSize: u = U.fixedSize
-  } = e.properties.style || U, g = yn(i, e, t, n);
+    color: o = G.color,
+    strokeColor: a = G.strokeColor,
+    strokeWidth: l = G.strokeWidth,
+    strokeType: h = G.strokeType,
+    background: c = G.background,
+    borderRadius: d = G.borderRadius,
+    fixedSize: u = G.fixedSize
+  } = e.properties.style || G, g = wn(i, e, t, n);
   g.setAttribute("data-annotation-type", e.properties.type), g.classList.add("annotation-text"), g.setAttribute("fill", `${o}`);
-  let p = g.firstChild;
-  for (; p; ) {
-    const v = p.nextSibling;
-    p.nodeType === 1 && p.tagName !== "rect" && g.removeChild(p), p = v;
-  }
   let f = g.firstChild;
-  f || (f = M("rect"), g.appendChild(f));
-  const m = -s / 2, x = -r / 2;
-  d && (f.setAttribute("rx", `${d}`), f.setAttribute("ry", `${d}`)), h && h !== "none" && (f.setAttribute("stroke", a || "black"), f.setAttribute("stroke-width", `${l}`), h === "dashed" && f.setAttribute("stroke-dasharray", "5,5")), c && c.length && (n.hoveredFeature === e.id ? f.setAttribute("fill", Ft(c)) : f.setAttribute("fill", c)), f.setAttribute("width", `${s}`), f.setAttribute("height", `${r}`);
+  for (; f; ) {
+    const v = f.nextSibling;
+    f.nodeType === 1 && f.tagName !== "rect" && g.removeChild(f), f = v;
+  }
+  let p = g.firstChild;
+  p || (p = M("rect"), g.appendChild(p));
+  const m = -s / 2, w = -r / 2;
+  d && (p.setAttribute("rx", `${d}`), p.setAttribute("ry", `${d}`)), h && h !== "none" && (p.setAttribute("stroke", a || "black"), p.setAttribute("stroke-width", `${l}`), h === "dashed" && p.setAttribute("stroke-dasharray", "5,5")), c && c.length && (n.hoveredFeature === e.id ? p.setAttribute("fill", Ft(c)) : p.setAttribute("fill", c)), p.setAttribute("width", `${s}`), p.setAttribute("height", `${r}`);
   const b = Q(e);
-  return f.setAttribute("x", `${m}`), f.setAttribute("y", `${x}`), lr(e, g, m, x), g.setAttribute(
+  return p.setAttribute("x", `${m}`), p.setAttribute("y", `${w}`), hr(e, g, m, w), g.setAttribute(
     "transform",
     n.getScreenAlignedTransform(b.x, b.y, !u)
   ), i.appendChild(g), g;
 }
-const qe = (i) => i.replace(/…$/, ""), We = (i) => i.children[0].innerHTML;
-function lr(i, e, t = 0, n = 0) {
+const We = (i) => i.replace(/…$/, ""), je = (i) => i.children[0].innerHTML;
+function hr(i, e, t = 0, n = 0) {
   const { width: s, height: r } = q(i), {
-    fontSize: o = U.fontSize,
-    font: a = U.font,
+    fontSize: o = G.fontSize,
+    font: a = G.font,
     padding: l = 0
   } = i.properties.style || {};
   if (s === r && s === 0) return;
@@ -5798,27 +5823,27 @@ function lr(i, e, t = 0, n = 0) {
   const d = i.properties.content || "";
   if (d.length === 0) return;
   const g = c.linebreak(d.replaceAll(`
-`, "<br>")).svg(), p = [...g.children], f = d.match(/(https?:\/\/.*)/gm);
-  (f ? f.map((x) => x.split(" ")[0]) : []).forEach((x) => {
-    let b = x;
+`, "<br>")).svg(), f = [...g.children], p = d.match(/(https?:\/\/.*)/gm);
+  (p ? p.map((w) => w.split(" ")[0]) : []).forEach((w) => {
+    let b = w;
     const v = [];
     for (; b.length > 0; ) {
-      const S = p.find(
-        (A) => !!A.children[0] && A.children[0].tagName === "tspan" && b.startsWith(qe(We(A)))
+      const S = f.find(
+        (A) => !!A.children[0] && A.children[0].tagName === "tspan" && b.startsWith(We(je(A)))
       );
       if (!S) break;
       v.push(S);
-      const w = qe(S.children[0].innerHTML).length;
-      if (!w) break;
-      b = b.slice(w);
+      const x = We(S.children[0].innerHTML).length;
+      if (!x) break;
+      b = b.slice(x);
     }
     v.forEach((S) => {
-      const w = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      w.setAttribute("href", x), w.setAttribute("target", "_blank"), w.innerHTML = We(S), S.children[0].innerHTML = "", S.children[0].appendChild(w);
+      const x = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      x.setAttribute("href", w), x.setAttribute("target", "_blank"), x.innerHTML = je(S), S.children[0].innerHTML = "", S.children[0].appendChild(x);
     });
   }), g.setAttribute("transform", `translate(${t + l}, ${n + l})`), e.appendChild(g);
 }
-class hr extends mn {
+class dr extends yn {
   constructor(t, n) {
     super(t, n);
     y(this, "features", /* @__PURE__ */ new Map());
@@ -5834,44 +5859,45 @@ class hr extends mn {
       (!this.annotationsRoot || !t.contains(this.annotationsRoot)) && (t.innerHTML = "", t.appendChild(this.getDefs()), this.arrowsRoot = M("g"), this.commentsRoot = M("g"), this.annotationsRoot = M("g"), this.shapesRoot = M("g"), this.annotationsRoot.appendChild(this.arrowsRoot), this.annotationsRoot.appendChild(this.shapesRoot), this.annotationsRoot.appendChild(this.commentsRoot), t.appendChild(this.annotationsRoot)), t.removeChild(this.annotationsRoot);
       const a = this.arrowsRoot, l = this.annotationsRoot, h = this.commentsRoot, c = this.shapesRoot, d = this.store.getState(), u = this.getViewportBounds(), g = new Set(Object.keys(n));
       this.removeFeatures(g);
-      const p = /* @__PURE__ */ new Set();
-      for (let f of Object.values(n)) {
-        if (o[f.id] && (f = { ...f, ...o[f.id] }), !this.isExporting && !this.isFeatureVisible(f, u)) continue;
-        p.add(f.id);
-        let m = this.features.get(f.id);
-        W(f) ? m = yn(
+      const f = /* @__PURE__ */ new Set();
+      for (let p of Object.values(n)) {
+        if (o[p.id] && (p = { ...p, ...o[p.id] }), !this.isExporting && !this.isFeatureVisible(p, u))
+          continue;
+        f.add(p.id);
+        let m = this.features.get(p.id);
+        W(p) ? m = wn(
           c,
-          f,
+          p,
           m,
           d
-        ) : _(f) ? m = cr(
+        ) : _(p) ? m = lr(
           c,
-          f,
+          p,
           m,
           d
-        ) : D(f) ? m = gi(
+        ) : P(p) ? m = fi(
           h,
-          f,
+          p,
           m,
           d,
-          this.visibleFeatures.has(f.id)
-        ) : nt(f) ? m = mi(
+          this.visibleFeatures.has(p.id)
+        ) : st(p) ? m = yi(
           c,
-          f,
+          p,
           m,
           d
-        ) : tt(f) && (m = ii(
+        ) : tt(p) && (m = ri(
           a,
-          f,
+          p,
           d.options.minArrowHeight,
           d.options.maxArrowHeight,
           m,
           d
-        )), m && this.features.set(f.id, m);
+        )), m && this.features.set(p.id, m);
       }
-      this.applyStateClasses(l, s, r), t.appendChild(l), this.visibleFeatures.clear(), this.visibleFeatures = p;
+      this.applyStateClasses(l, s, r), t.appendChild(l), this.visibleFeatures.clear(), this.visibleFeatures = f;
     });
-    y(this, "throttleRender", rn(
+    y(this, "throttleRender", on(
       () => this.render(this.layer.element),
       16,
       !0
@@ -5889,7 +5915,7 @@ class hr extends mn {
       {
         draw: this.render
       },
-      de.SHAPES
+      ue.SHAPES
     ), this.store.subscribe(
       (s) => ({
         features: s.features,
@@ -5908,14 +5934,13 @@ class hr extends mn {
   }
   getViewportBounds() {
     const t = this.ogma;
-    let n;
+    let n = null;
     try {
       n = t.view.getSize();
     } catch {
-      return { minX: 0, minY: 0, maxX: 0, maxY: 0 };
+      return [0, 0, 0, 0];
     }
-    if (!n)
-      return { minX: 0, minY: 0, maxX: 0, maxY: 0 };
+    if (!n) return [0, 0, 0, 0];
     const { width: s, height: r } = n, o = 1.5, a = t.view.screenToGraphCoordinates({ x: 0, y: 0 }), l = t.view.screenToGraphCoordinates({ x: s * o, y: 0 }), h = t.view.screenToGraphCoordinates({ x: 0, y: r * o }), c = t.view.screenToGraphCoordinates({
       x: s * o,
       y: r * o
@@ -5938,7 +5963,7 @@ class hr extends mn {
   }
   getDefs() {
     const t = M("defs");
-    t.appendChild(li());
+    t.appendChild(hi());
     const n = M("filter");
     n.setAttribute("id", "softShadow"), n.setAttribute("x", "-50%"), n.setAttribute("y", "-50%"), n.setAttribute("width", "200%"), n.setAttribute("height", "200%");
     const s = M("feGaussianBlur");
@@ -5981,7 +6006,7 @@ class hr extends mn {
     this.features.clear(), this.layer.destroy(), this.ogma.events.off(this.onExportStart), this.ogma.events.off(this.onExportEnd), super.destroy();
   }
 }
-const je = (i) => {
+const Ge = (i) => {
   let e;
   const t = /* @__PURE__ */ new Set(), n = (h, c) => {
     const d = typeof h == "function" ? h(e) : h;
@@ -5991,8 +6016,8 @@ const je = (i) => {
     }
   }, s = () => e, a = { setState: n, getState: s, getInitialState: () => l, subscribe: (h) => (t.add(h), () => t.delete(h)) }, l = e = i(n, s, a);
   return a;
-}, Mn = (i) => i ? je(i) : je;
-var Ge = (i, e, t) => (s, r) => ({
+}, Tn = (i) => i ? Ge(i) : Ge;
+var Ve = (i, e, t) => (s, r) => ({
   pastStates: (t == null ? void 0 : t.pastStates) || [],
   futureStates: (t == null ? void 0 : t.futureStates) || [],
   undo: (o = 1) => {
@@ -6035,18 +6060,18 @@ var Ge = (i, e, t) => (s, r) => ({
       futureStates: []
     });
   }
-}), dr = (i, e) => (n, s, r) => {
+}), ur = (i, e) => (n, s, r) => {
   var h, c;
-  r.temporal = Mn(
-    ((h = e == null ? void 0 : e.wrapTemporal) == null ? void 0 : h.call(e, Ge(n, s, e))) || Ge(n, s, e)
+  r.temporal = Tn(
+    ((h = e == null ? void 0 : e.wrapTemporal) == null ? void 0 : h.call(e, Ve(n, s, e))) || Ve(n, s, e)
   );
   const o = ((c = e == null ? void 0 : e.handleSet) == null ? void 0 : c.call(
     e,
     r.temporal.getState()._handleSet
   )) || r.temporal.getState()._handleSet, a = (d) => {
-    var p, f, m;
+    var f, p, m;
     if (!r.temporal.getState().isTracking) return;
-    const u = ((p = e == null ? void 0 : e.partialize) == null ? void 0 : p.call(e, s())) || s(), g = (f = e == null ? void 0 : e.diff) == null ? void 0 : f.call(e, d, u);
+    const u = ((f = e == null ? void 0 : e.partialize) == null ? void 0 : f.call(e, s())) || s(), g = (p = e == null ? void 0 : e.diff) == null ? void 0 : p.call(e, d, u);
     // If the user has provided a diff function but nothing has been changed, deltaState will be null
     g === null || // If the user has provided an equality function, use it
     (m = e == null ? void 0 : e.equality) != null && m.call(e, d, u) || o(
@@ -6071,7 +6096,7 @@ var Ge = (i, e, t) => (s, r) => ({
     r
   );
 };
-const ur = (i) => (e, t, n) => {
+const gr = (i) => (e, t, n) => {
   const s = n.subscribe;
   return n.subscribe = (o, a, l) => {
     let h = o;
@@ -6081,15 +6106,15 @@ const ur = (i) => (e, t, n) => {
       h = (u) => {
         const g = o(u);
         if (!c(d, g)) {
-          const p = d;
-          a(d = g, p);
+          const f = d;
+          a(d = g, f);
         }
       }, l != null && l.fireImmediately && a(d, d);
     }
     return s(h);
   }, i(e, t, n);
-}, gr = ur, fr = [0, 0, 0, 0];
-function pr(i, e) {
+}, fr = gr, pr = [0, 0, 0, 0];
+function mr(i, e) {
   const t = Object.keys(i.features), n = Object.keys(e.features);
   if (t.length !== n.length) return !1;
   for (const s of t)
@@ -6100,10 +6125,10 @@ function pr(i, e) {
   }
   return i.drawingFeature === e.drawingFeature;
 }
-const mr = (i) => {
-  const e = Mn()(
-    gr(
-      dr(
+const yr = (i) => {
+  const e = Tn()(
+    fr(
+      ur(
         (t, n) => ({
           features: {},
           liveUpdates: {},
@@ -6128,9 +6153,9 @@ const mr = (i) => {
           invZoom: 1,
           options: {
             showSendButton: (i == null ? void 0 : i.showSendButton) ?? !0,
-            sendButtonIcon: (i == null ? void 0 : i.sendButtonIcon) ?? Je,
+            sendButtonIcon: (i == null ? void 0 : i.sendButtonIcon) ?? Qe,
             showEditButton: (i == null ? void 0 : i.showEditButton) ?? !0,
-            editButtonIcon: (i == null ? void 0 : i.editButtonIcon) ?? Qe,
+            editButtonIcon: (i == null ? void 0 : i.editButtonIcon) ?? tn,
             minArrowHeight: (i == null ? void 0 : i.minArrowHeight) ?? 20,
             maxArrowHeight: (i == null ? void 0 : i.maxArrowHeight) ?? 30,
             detectMargin: (i == null ? void 0 : i.detectMargin) ?? 2,
@@ -6142,21 +6167,21 @@ const mr = (i) => {
             options: { ...r.options, ...s }
           })),
           removeFeature: (s) => t((r) => {
-            var u, g, p, f;
+            var u, g, f, p;
             const o = r.features[s];
             if (!o) return r;
             const { features: a, liveUpdates: l } = r, h = /* @__PURE__ */ new Set([s]);
-            if ((D(o) || _(o)) && Object.values(a).forEach((m) => {
-              var x, b, v, S;
-              tt(m) && (((b = (x = m.properties.link) == null ? void 0 : x.end) == null ? void 0 : b.id) === s || ((S = (v = m.properties.link) == null ? void 0 : v.start) == null ? void 0 : S.id) === s) && h.add(m.id);
+            if ((P(o) || _(o)) && Object.values(a).forEach((m) => {
+              var w, b, v, S;
+              tt(m) && (((b = (w = m.properties.link) == null ? void 0 : w.end) == null ? void 0 : b.id) === s || ((S = (v = m.properties.link) == null ? void 0 : v.start) == null ? void 0 : S.id) === s) && h.add(m.id);
             }), tt(o)) {
-              const m = ((g = (u = o.properties.link) == null ? void 0 : u.end) == null ? void 0 : g.type) === "comment" ? o.properties.link.end.id : ((f = (p = o.properties.link) == null ? void 0 : p.start) == null ? void 0 : f.type) === "comment" ? o.properties.link.start.id : null;
+              const m = ((g = (u = o.properties.link) == null ? void 0 : u.end) == null ? void 0 : g.type) === "comment" ? o.properties.link.end.id : ((p = (f = o.properties.link) == null ? void 0 : f.start) == null ? void 0 : p.type) === "comment" ? o.properties.link.start.id : null;
               if (m) {
-                let x = 0;
+                let w = 0;
                 if (Object.values(r.features).forEach((b) => {
-                  var v, S, w, A;
-                  tt(b) && b.id !== s && (((S = (v = b.properties.link) == null ? void 0 : v.end) == null ? void 0 : S.id) === m || ((A = (w = b.properties.link) == null ? void 0 : w.start) == null ? void 0 : A.id) === m) && x++;
-                }), x === 0)
+                  var v, S, x, A;
+                  tt(b) && b.id !== s && (((S = (v = b.properties.link) == null ? void 0 : v.end) == null ? void 0 : S.id) === m || ((A = (x = b.properties.link) == null ? void 0 : x.start) == null ? void 0 : A.id) === m) && w++;
+                }), w === 0)
                   return console.error(
                     "Cannot delete last arrow attached to comment. Delete the comment instead."
                   ), r;
@@ -6313,7 +6338,7 @@ const mr = (i) => {
             return `matrix(${a}, ${o}, ${-o}, ${a}, ${-l}, ${-h})`;
           },
           getRotatedBBox(s, r, o, a) {
-            return os(
+            return as(
               s,
               r,
               o - s,
@@ -6322,7 +6347,7 @@ const mr = (i) => {
               this.cos,
               s + (o - s) / 2,
               r + (a - r) / 2,
-              fr
+              pr
             );
           },
           setDrawingPoints: (s) => t({ drawingPoints: s })
@@ -6336,7 +6361,7 @@ const mr = (i) => {
             // Only track features, not liveUpdates!
             lastChangedFeatures: t.lastChangedFeatures
           }),
-          equality: pr,
+          equality: mr,
           handleSet: (t) => (n) => {
             n.drawingFeature === null && t(n);
           }
@@ -6345,19 +6370,19 @@ const mr = (i) => {
     )
   );
   return e;
-}, yr = {
+}, wr = {
   detectMargin: 2,
   magnetHandleRadius: 5,
   magnetRadius: 10,
   textPlaceholder: "Type here",
   showSendButton: !0,
-  sendButtonIcon: Je,
+  sendButtonIcon: Qe,
   showEditButton: !0,
-  editButtonIcon: Qe,
+  editButtonIcon: tn,
   minArrowHeight: 20,
   maxArrowHeight: 30
 };
-class Zr extends _n {
+class Kr extends In {
   constructor(t, n = {}) {
     super();
     y(this, "ogma");
@@ -6384,23 +6409,23 @@ class Zr extends _n {
       this.links.update();
     });
     this.ogma = t;
-    const s = { ...yr, ...n };
-    this.store = mr(s), this.index = new Js(this.store), this.snapping = new Os(this.ogma, {
+    const s = { ...wr, ...n };
+    this.store = yr(s), this.index = new Qs(this.store), this.snapping = new Us(this.ogma, {
       detectMargin: n.detectMargin === void 0 ? 10 : n.detectMargin,
       magnetRadius: n.magnetRadius === void 0 ? 10 : n.magnetRadius
-    }, this.index, this.store), this.links = new Fs(this.ogma, this.snapping, this.store, (r, o) => {
-      this.emit(Nn, { arrow: r, link: o });
-    }), this.interactions = new Us(
+    }, this.index, this.store), this.links = new Ps(this.ogma, this.snapping, this.store, (r, o) => {
+      this.emit(Yn, { arrow: r, link: o });
+    }), this.interactions = new qs(
       this.ogma,
       this.store,
       this.index
-    ), this.editor = new ks(
+    ), this.editor = new Ms(
       this.ogma,
       this.store,
       this.snapping,
       this.links,
       this.interactions
-    ), this.drawing = new gs(
+    ), this.drawing = new fs(
       this.ogma,
       this.store,
       this.editor,
@@ -6408,10 +6433,10 @@ class Zr extends _n {
       this.links,
       this,
       this.index
-    ), this.selectionManager = new ps(this.store), this.historyManager = new fs(this.store, this.links), this.updateManager = new ms(this.store), this.commentManager = new hs(this.store), this.initializeRenderers(), this.setupEvents();
+    ), this.selectionManager = new ms(this.store), this.historyManager = new ps(this.store, this.links), this.updateManager = new ys(this.store), this.commentManager = new ds(this.store), this.initializeRenderers(), this.setupEvents();
   }
   initializeRenderers() {
-    this.renderers.shapes = new hr(this.ogma, this.store), this.renderers.handles = new ti(this.ogma, this.store);
+    this.renderers.shapes = new dr(this.ogma, this.store), this.renderers.handles = new ei(this.ogma, this.store);
   }
   setupEvents() {
     this.ogma.events.on("rotate", this.onRotate).on("zoom", this.onZoom).on("layoutEnd", this.onLayout), this.editor.addEventListener(
@@ -6423,11 +6448,11 @@ class Zr extends _n {
     ), this.editor.addEventListener(Bt, (t) => this.emit(Bt, {
       id: t.detail.id,
       position: t.detail.position
-    })), this.interactions.addEventListener(re, ((t) => this.emit(re, {
+    })), this.interactions.addEventListener(oe, ((t) => this.emit(oe, {
       id: t.detail.id,
       position: t.detail.position
     }))), this.store.temporal.subscribe((t) => {
-      this.emit(Yn, {
+      this.emit(On, {
         canUndo: t.pastStates.length > 0,
         canRedo: t.futureStates.length > 0
       });
@@ -6437,23 +6462,23 @@ class Zr extends _n {
         const s = Array.from(t).filter(
           (r) => !(n != null && n.has(r))
         );
-        if (s.length > 0 && this.emit(In, { ids: s }), n) {
+        if (s.length > 0 && this.emit(zn, { ids: s }), n) {
           const r = Array.from(n).filter((o) => !t.has(o));
-          r.length > 0 && this.emit(zn, { ids: r });
+          r.length > 0 && this.emit(Bn, { ids: r });
         }
       }
     ), this.store.subscribe(
       (t) => t.drawingFeature,
       (t, n) => {
-        t === null && n !== null && this.emit(Ve, { id: n });
+        t === null && n !== null && this.emit(Ze, { id: n });
       }
     ), this.store.subscribe(
       (t) => t.features,
       (t, n) => {
         for (const s of Object.keys(t))
-          n[s] ? n[s] !== t[s] && this.emit($n, t[s]) : this.emit(oe, { id: s });
+          n[s] ? n[s] !== t[s] && this.emit(Nn, t[s]) : this.emit(ae, { id: s });
         for (const s of Object.keys(n))
-          t[s] || this.emit(Bn, { id: s });
+          t[s] || this.emit(Rn, { id: s });
       }
     );
   }
@@ -6542,7 +6567,7 @@ class Zr extends _n {
    */
   cancelDrawing() {
     var t;
-    return this.drawing.cancelPendingDrawing(), (t = this.editor.getActiveHandler()) == null || t.cancelDrawing(), this.emit(Rn), this;
+    return this.drawing.cancelPendingDrawing(), (t = this.editor.getActiveHandler()) == null || t.cancelDrawing(), this.emit($n), this;
   }
   /**
    * Enable arrow drawing mode - the recommended way to add arrows.
@@ -6977,120 +7002,120 @@ class Zr extends _n {
 export {
   at as COMMENT_MODE_COLLAPSED,
   Rt as COMMENT_MODE_EXPANDED,
-  Zr as Control,
-  Ar as DATA_ATTR,
-  Qe as DEFAULT_EDIT_ICON,
-  Je as DEFAULT_SEND_ICON,
-  oe as EVT_ADD,
-  Rn as EVT_CANCEL_DRAWING,
-  re as EVT_CLICK,
-  Ve as EVT_COMPLETE_DRAWING,
+  Kr as Control,
+  Er as DATA_ATTR,
+  tn as DEFAULT_EDIT_ICON,
+  Qe as DEFAULT_SEND_ICON,
+  ae as EVT_ADD,
+  $n as EVT_CANCEL_DRAWING,
+  oe as EVT_CLICK,
+  Ze as EVT_COMPLETE_DRAWING,
   Ut as EVT_DRAG,
   Bt as EVT_DRAG_END,
   Ct as EVT_DRAG_START,
-  Yn as EVT_HISTORY,
-  vr as EVT_HOVER,
-  Nn as EVT_LINK,
-  Bn as EVT_REMOVE,
-  In as EVT_SELECT,
-  Sr as EVT_UNHOVER,
-  zn as EVT_UNSELECT,
-  $n as EVT_UPDATE,
-  Ke as HL_BRIGHTEN,
-  de as LAYERS,
-  br as NONE,
+  On as EVT_HISTORY,
+  Sr as EVT_HOVER,
+  Yn as EVT_LINK,
+  Rn as EVT_REMOVE,
+  zn as EVT_SELECT,
+  Ar as EVT_UNHOVER,
+  Bn as EVT_UNSELECT,
+  Nn as EVT_UPDATE,
+  Je as HL_BRIGHTEN,
+  ue as LAYERS,
+  vr as NONE,
   it as SIDE_END,
-  O as SIDE_START,
+  X as SIDE_START,
   T as TARGET_TYPES,
   $t as TEXT_LINE_HEIGHT,
-  on as adjustColorBrightness,
-  qr as asColor,
-  Wr as asHexColor,
-  jr as asRgbColor,
-  Gr as asRgbaColor,
+  an as adjustColorBrightness,
+  Wr as asColor,
+  jr as asHexColor,
+  Gr as asRgbColor,
+  Vr as asRgbaColor,
   Ft as brighten,
-  rs as calculateCommentZoomThreshold,
-  Vr as canDetachArrowEnd,
-  ws as canDetachArrowStart,
+  os as calculateCommentZoomThreshold,
+  Zr as canDetachArrowEnd,
+  xs as canDetachArrowStart,
   It as clientToContainerPosition,
-  Dr as colorToRgba,
+  Lr as colorToRgba,
   Yt as createArrow,
-  be as createBox,
-  ln as createComment,
-  Or as createCommentWithArrow,
-  cs as createPolygon,
+  ve as createBox,
+  hn as createComment,
+  Ur as createCommentWithArrow,
+  ls as createPolygon,
   M as createSVGElement,
-  ve as createText,
+  Se as createText,
   I as cursors,
-  Ir as darken,
-  Hr as debounce,
-  _r as debounceTail,
-  zr as defaultArrowOptions,
+  zr as darken,
+  _r as debounce,
+  Ir as debounceTail,
+  Br as defaultArrowOptions,
   yt as defaultArrowStyle,
-  Br as defaultBoxOptions,
+  Rr as defaultBoxOptions,
   Mt as defaultBoxStyle,
-  jt as defaultCommentOptions,
-  J as defaultCommentStyle,
-  Ur as defaultPolygonProperties,
+  Gt as defaultCommentOptions,
+  V as defaultCommentStyle,
+  qr as defaultPolygonProperties,
   lt as defaultPolygonStyle,
-  Rr as defaultTextOptions,
-  U as defaultTextStyle,
-  an as detectArrow,
-  ss as detectBox,
-  is as detectComment,
-  hn as detectPolygon,
-  cn as detectText,
-  Tr as getAnnotationsBounds,
-  sn as getArrowEnd,
-  ue as getArrowEndPoints,
+  $r as defaultTextOptions,
+  G as defaultTextStyle,
+  cn as detectArrow,
+  is as detectBox,
+  rs as detectComment,
+  dn as detectPolygon,
+  ln as detectText,
+  Fr as getAnnotationsBounds,
+  rn as getArrowEnd,
+  ge as getArrowEndPoints,
   Ht as getArrowSide,
-  nn as getArrowStart,
-  Pr as getAttachmentPointOnNode,
+  sn as getArrowStart,
+  Dr as getAttachmentPointOnNode,
   rt as getBbox,
   Q as getBoxCenter,
   St as getBoxPosition,
   q as getBoxSize,
-  we as getBrowserWindow,
-  Nr as getCommentPosition,
-  Yr as getCommentSize,
+  xe as getBrowserWindow,
+  Yr as getCommentPosition,
+  Or as getCommentSize,
   Xr as getCommentZoomThreshold,
   _t as getCoordinates,
-  Mr as getHandleId,
-  ye as getPolygonBounds,
-  tn as getPolygonCenter,
+  Tr as getHandleId,
+  we as getPolygonBounds,
+  en as getPolygonCenter,
   rt as getTextBbox,
   St as getTextPosition,
   q as getTextSize,
-  Ze as handleDetectionThreshold,
+  Ke as handleDetectionThreshold,
   Xn as handleRadius,
-  ge as hexShortToLong,
-  Jn as hexToRgba,
-  Se as isAnnotationCollection,
+  fe as hexShortToLong,
+  Qn as hexToRgba,
+  Ae as isAnnotationCollection,
   tt as isArrow,
   W as isBox,
-  ls as isColor,
-  D as isComment,
-  ys as isCommentArrow,
-  dn as isHexColor,
-  nt as isPolygon,
-  un as isRgbColor,
-  gn as isRgbaColor,
+  hs as isColor,
+  P as isComment,
+  ws as isCommentArrow,
+  un as isHexColor,
+  st as isPolygon,
+  gn as isRgbColor,
+  fn as isRgbaColor,
   _ as isText,
-  ts as migrateBoxOrTextIfNeeded,
-  Lr as parseColor,
-  Qn as rgbToRgba,
-  Fr as scaleGeometry,
-  Cr as scalePolygon,
-  Vn as setArrowEnd,
-  Zn as setArrowEndPoint,
-  Gn as setArrowStart,
-  kr as setBbox,
-  kr as setTextBbox,
-  me as simplifyPolygon,
-  rn as throttle,
-  $r as toggleCommentMode,
-  Er as translatePolygon,
+  es as migrateBoxOrTextIfNeeded,
+  Hr as parseColor,
+  ts as rgbToRgba,
+  Pr as scaleGeometry,
+  kr as scalePolygon,
+  Zn as setArrowEnd,
+  Kn as setArrowEndPoint,
+  Vn as setArrowStart,
+  Mr as setBbox,
+  Mr as setTextBbox,
+  ye as simplifyPolygon,
+  on as throttle,
+  Nr as toggleCommentMode,
+  Cr as translatePolygon,
   kt as updateBbox,
-  en as updatePolygonBbox,
+  nn as updatePolygonBbox,
   kt as updateTextBbox
 };