@linkurious/ogma-annotations 2.1.3 → 2.1.4

package/dist/index.mjs

@@ -1,15 +1,15 @@
-var Kn = Object.defineProperty;
-var Vn = (i, e, t) => e in i ? Kn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => Vn(i, typeof e != "symbol" ? e + "" : e, t);
-import { i as H, C as Dt, a as de, E as Bt, b as Yt, c as z, d as qt, e as vt, g as Zn, f as he, h as gn, S as q, j as Q, T as P, k as at, l as kt, m as te, n as Be, o as Jn, p as Qn, q as ue, r as ts, s as _, t as G, u as Z, v as J, w as pn, x as xe, y as es, z as ye, A as mn, N as ns, B as Lt, D as Sn, F as K, G as ss, H as Pt, I as fe, J as O, K as j, L as Xt, M as Tt, O as rt, P as Ee, Q as Ot, R as is, U as rs, V as os, W as as, X as cs, Y as ls, Z as ds, _ as hs, $ as nt, a0 as dt, a1 as us, a2 as Fn, a3 as $, a4 as et, a5 as yt, a6 as xs, a7 as fs, a8 as yn, a9 as En, aa as gs, ab as An, ac as ke, ad as Et, ae as Nn, af as Cn, ag as ps, ah as ms, ai as Ss, aj as Fs, ak as ys, al as Es, am as As, an as Ns } from "./Polygon-C9ZkyU-t.js";
-import { ao as Sa, ap as Fa, aq as ya, ar as Ea, as as Aa, at as Na, au as Ca, av as va, aw as Ma, ax as ba, ay as wa, az as Da, aA as Ba, aB as ka, aC as La, aD as Ta, aE as Oa, aF as Pa, aG as Ra, aH as Ha, aI as Ia, aJ as za, aK as _a, aL as Ua, aM as Wa, aN as $a, aO as Ya, aP as Xa, aQ as Ga, aR as ja, aS as qa, aS as Ka, aT as Va } from "./Polygon-C9ZkyU-t.js";
-import { Node as Cs, geometry as Gt } from "@linkurious/ogma";
-function vs(i) {
+var Vn = Object.defineProperty;
+var Zn = (i, e, t) => e in i ? Vn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var m = (i, e, t) => Zn(i, typeof e != "symbol" ? e + "" : e, t);
+import { i as H, C as Dt, a as de, E as Bt, b as Yt, c as z, d as qt, e as yt, g as Jn, f as he, h as pn, S as q, j as Q, T as P, k as at, l as kt, m as te, n as ke, o as Qn, p as ts, q as ue, r as es, s as _, t as G, u as Z, v as J, w as mn, x as ye, y as xe, z as ns, A as Ee, B as Sn, N as ss, D as Lt, F as Fn, G as K, H as is, I as Pt, J as fe, K as O, L as j, M as Xt, O as Tt, P as rt, Q as Ae, R as Ot, U as rs, V as os, W as as, X as cs, Y as ls, Z as ds, _ as hs, $ as us, a0 as nt, a1 as dt, a2 as xs, a3 as yn, a4 as $, a5 as et, a6 as Et, a7 as fs, a8 as gs, a9 as En, aa as An, ab as ps, ac as Nn, ad as Le, ae as At, af as Cn, ag as vn, ah as ms, ai as Ss, aj as Fs, ak as ys, al as Es, am as As, an as Ns, ao as Cs } from "./Polygon-BmJ_q7qz.js";
+import { ap as Fa, aq as ya, ar as Ea, as as Aa, at as Na, au as Ca, av as va, aw as Ma, ax as ba, ay as wa, az as Da, aA as Ba, aB as ka, aC as La, aD as Ta, aE as Oa, aF as Pa, aG as Ra, aH as Ha, aI as Ia, aJ as za, aK as _a, aL as Ua, aM as Wa, aN as $a, aO as Ya, aP as Xa, aQ as Ga, aR as ja, aS as qa, aT as Ka, aT as Va, aU as Za } from "./Polygon-BmJ_q7qz.js";
+import { Node as vs, geometry as Gt } from "@linkurious/ogma";
+function Ms(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var ee = { exports: {} }, Le;
-function Ms() {
-  return Le || (Le = 1, (function(i) {
+var ee = { exports: {} }, Te;
+function bs() {
+  return Te || (Te = 1, (function(i) {
     var e = Object.prototype.hasOwnProperty, t = "~";
     function n() {
     }
@@ -114,13 +114,13 @@ function Ms() {
     }, a.prototype.off = a.prototype.removeListener, a.prototype.addListener = a.prototype.on, a.prefixed = t, a.EventEmitter = a, i.exports = a;
   })(ee)), ee.exports;
 }
-var bs = Ms();
-const ws = /* @__PURE__ */ vs(bs);
-function Ds(i, e) {
+var ws = bs();
+const Ds = /* @__PURE__ */ Ms(ws);
+function Bs(i, e) {
   const t = i[0] - e[0], n = i[1] - e[1];
   return t * t + n * n;
 }
-function Bs(i, e, t) {
+function ks(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);
@@ -128,32 +128,32 @@ function Bs(i, e, t) {
   }
   return r = i[0] - n, o = i[1] - s, r * r + o * o;
 }
-function ks(i, e) {
+function Ls(i, e) {
   let t = i[0];
   const n = [t];
   let s;
   for (let r = 1, o = i.length; r < o; r++)
-    s = i[r], Ds(s, t) > e && (n.push(s), t = s);
+    s = i[r], Bs(s, t) > e && (n.push(s), t = s);
   return t !== s && n.push(s), n;
 }
 function ge(i, e, t, n, s) {
   let r = n, o = 0;
   for (let a = e + 1; a < t; a++) {
-    const l = Bs(i[a], i[e], i[t]);
+    const l = ks(i[a], i[e], i[t]);
     l > r && (o = a, r = l);
   }
   r > n && (o - e > 1 && ge(i, e, o, n, s), s.push(i[o]), t - o > 1 && ge(i, o, t, n, s));
 }
-function Ls(i, e) {
+function Ts(i, e) {
   const t = i.length - 1, n = [i[0]];
   return ge(i, 0, t, e, n), n.push(i[t]), n;
 }
-function Te(i, e, t) {
+function Oe(i, e, t) {
   if (i.length <= 2) return i;
   const n = e !== void 0 ? e * e : 1;
-  return i = t ? i : ks(i, n), i = Ls(i, n), i;
+  return i = t ? i : Ls(i, n), i = Ts(i, n), i;
 }
-function vn(i) {
+function Mn(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;
@@ -161,7 +161,7 @@ function vn(i) {
     o < t && (t = o), o > s && (s = o), a < n && (n = a), a > r && (r = a);
   return [t, n, s, r];
 }
-function Mn(i) {
+function bn(i) {
   const e = i.geometry.coordinates[0];
   let t = 0, n = 0;
   const s = e.length - 1;
@@ -172,7 +172,7 @@ function Mn(i) {
     y: n / s
   };
 }
-function ca(i, e, t) {
+function la(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;
@@ -185,14 +185,14 @@ function ca(i, e, t) {
     }
   };
 }
-function bn(i) {
+function wn(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 la(i, e, t, n) {
+function da(i, e, t, n) {
   const s = i.geometry.coordinates.map(
     (o) => o.map(([a, l]) => {
       const c = a - t, d = l - n;
@@ -205,41 +205,41 @@ function la(i, e, t, n) {
       coordinates: s
     }
   };
-  return bn(r), r;
+  return wn(r), r;
 }
-const Oe = (i) => i.type === "FeatureCollection";
-function wn(i) {
+const Pe = (i) => i.type === "FeatureCollection";
+function Dn(i) {
   return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(i.trim());
 }
-function Dn(i) {
+function Bn(i) {
   return /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(i.trim());
 }
-function Bn(i) {
+function kn(i) {
   return /^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[0-9.]+\s*\)$/.test(
     i.trim()
   );
 }
-function Ts(i) {
+function Os(i) {
   const e = i.trim();
-  return e === "transparent" || e === "none" || wn(e) || Dn(e) || Bn(e);
-}
-function da(i) {
-  if (Ts(i)) return i;
-  throw new Error(`Invalid color format: ${i}`);
+  return e === "transparent" || e === "none" || Dn(e) || Bn(e) || kn(e);
 }
 function ha(i) {
-  if (wn(i)) return i;
-  throw new Error(`Invalid hex color format: ${i}`);
+  if (Os(i)) return i;
+  throw new Error(`Invalid color format: ${i}`);
 }
 function ua(i) {
   if (Dn(i)) return i;
-  throw new Error(`Invalid RGB color format: ${i}`);
+  throw new Error(`Invalid hex color format: ${i}`);
 }
 function xa(i) {
   if (Bn(i)) return i;
+  throw new Error(`Invalid RGB color format: ${i}`);
+}
+function fa(i) {
+  if (kn(i)) return i;
   throw new Error(`Invalid RGBA color format: ${i}`);
 }
-class Os {
+class Ps {
   constructor(e) {
     m(this, "previousZoom", -1);
     this.store = e;
@@ -294,28 +294,28 @@ class Os {
     return Math.max(0.1, Math.min(1, s));
   }
 }
-const Ae = "ogma-annotation-link";
+const Ne = "ogma-annotation-link";
 function wt(i) {
   let e = i;
   for (; e; ) {
-    if (e.classList && e.classList.contains(Ae))
+    if (e.classList && e.classList.contains(Ne))
       return !0;
     e = e.parentElement;
   }
   return !1;
 }
-const Ps = "(https?://[^\\s)<]+)";
-function kn() {
-  return new RegExp(Ps, "g");
-}
-const Rs = "\\[([^\\]\\n]+)\\]\\((https?://[^\\s)<]+)\\)";
-function Hs() {
+const Rs = "(https?://[^\\s)<]+)";
+function Ln() {
   return new RegExp(Rs, "g");
 }
-function Is(i) {
+const Hs = "\\[([^\\]\\n]+)\\]\\((https?://[^\\s)<]+)\\)";
+function Is() {
+  return new RegExp(Hs, "g");
+}
+function zs(i) {
   return i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function zs(i, e, t, n, s, r) {
+function _s(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();
 }
@@ -411,11 +411,11 @@ class Kt extends EventTarget {
     return this.isActive() ? (this.restorePanning(), this.dragging = !1, !0) : !1;
   }
   clientToCanvas(t) {
-    const n = this.ogma, s = vt(t, n.getContainer());
+    const n = this.ogma, s = yt(t, n.getContainer());
     return n.view.screenToGraphCoordinates(s);
   }
   setAnnotation(t) {
-    const n = this.ogma.getContainer(), s = n ? Zn() || n : null;
+    const n = this.ogma.getContainer(), s = n ? Jn() || n : null;
     n && s && (s.removeEventListener("mousemove", this.handleMouseMove), s.removeEventListener("mouseup", this.handleMouseUp), n.removeEventListener("mousedown", this.handleMouseDown, !0), s.removeEventListener("click", this.onClick, !0)), this.annotation = t ? t.id : null, this.annotation !== null ? n && s && (s.addEventListener("mousemove", this.handleMouseMove), s.addEventListener("mouseup", this.handleMouseUp, !1), n.addEventListener("mousedown", this.handleMouseDown, !0), s.addEventListener("click", this.onClick, !0)) : (this.clearDragState(), this.setCursor(z.default));
   }
   /** Is `id` the annotation this handler is currently tracking? */
@@ -446,8 +446,8 @@ class Kt extends EventTarget {
     return this.annotation !== null;
   }
 }
-const _s = 5;
-class Us extends Kt {
+const Us = 5;
+class Ws extends Kt {
   constructor(t, n, s, r, o, a, l) {
     super(t, n);
     m(this, "links");
@@ -468,7 +468,7 @@ class Us extends Kt {
       if (!s || !Q(s)) return;
       const r = s.geometry.coordinates[0], o = s.geometry.coordinates[1], a = o[0] - this.startX, l = o[1] - this.startY, c = Math.sqrt(a * a + l * l);
       let d, h;
-      c < _s ? (d = this.startX + this.offsetX, h = this.startY + this.offsetY) : (d = o[0], h = o[1]);
+      c < Us ? (d = this.startX + this.offsetX, h = this.startY + this.offsetY) : (d = o[0], h = o[1]);
       const u = this.comment;
       u.geometry.coordinates = [d, h];
       const x = u.properties.height, f = t.zoom, p = x / f, g = d, E = h + p * 0.5;
@@ -535,7 +535,7 @@ class Us extends Kt {
     var o;
     this.startX = n, this.startY = s;
     const r = he(n, s, n, s, {
-      ...gn,
+      ...pn,
       head: "arrow",
       ...(o = this.arrowStyle) == null ? void 0 : o.style
     });
@@ -555,7 +555,7 @@ class Us extends Kt {
     }, this.links.add(t, q, r.id, r.type, r.magnet));
   }
 }
-function Ws(i, e, t, n, s) {
+function $s(i, e, t, n, s) {
   const { width: r, height: o } = n.view.getSize(), a = 8, l = 16, c = a * l, d = { width: 150, height: 50 }, h = d.width, u = d.height, x = Math.max(r, o), f = 200, p = {
     minX: 0,
     minY: 0,
@@ -578,7 +578,7 @@ function Ws(i, e, t, n, s) {
   }
   return n.view.screenToGraphCoordinates({ x: r / 2, y: o / 2 });
 }
-const Pe = 160, $s = {
+const Re = 160, Ys = {
   font: "IBM Plex Sans",
   fontSize: 18,
   color: "#4A3B00",
@@ -596,7 +596,7 @@ const Pe = 160, $s = {
   // TextStyle.scaleFontOnResize/fontScale) instead of rewrapping the text.
   scaleFontOnResize: !0
 };
-class Ys {
+class Xs {
   constructor(e, t, n, s, r, o, a) {
     m(this, "ogma");
     m(this, "store");
@@ -676,7 +676,7 @@ class Ys {
    */
   enableBoxDrawing(e) {
     return this.enableDrawingMode((t, n) => {
-      const s = Be(t, n, 0, 0, e);
+      const s = ke(t, n, 0, 0, e);
       this.startBox(t, n, s);
     });
   }
@@ -687,7 +687,7 @@ class Ys {
    */
   enablePolygonDrawing(e) {
     return this.enableDrawingMode((t, n) => {
-      const s = Jn([[[t, n]]], { style: e });
+      const s = Qn([[[t, n]]], { style: e });
       this.startPolygon(t, n, s);
     });
   }
@@ -704,10 +704,10 @@ class Ys {
     return this.enableDrawingMode((t, n) => {
       let s = e.offsetX, r = e.offsetY;
       if (s === void 0 && r === void 0) {
-        const a = Ws(t, n, this.index, this.ogma);
+        const a = $s(t, n, this.index, this.ogma);
         s = a.x, r = a.y;
       }
-      const o = Qn(t, n, "", e == null ? void 0 : e.commentStyle);
+      const o = ts(t, n, "", e == null ? void 0 : e.commentStyle);
       this.startComment(t, n, o, {
         ...e,
         offsetX: s,
@@ -738,13 +738,13 @@ class Ys {
   startStickyNote(e, t, n) {
     this.editor.getActiveHandler() && this.editor.getActiveHandler().stopEditing(), this.control.cancelDrawing();
     const s = te(e, t, 0, 0, "", {
-      ...$s,
+      ...Ys,
       ...n
     });
     return this.store.getState().batchUpdate(() => {
       this.store.setState({ drawingFeature: s.id }), this.control.add(s), this.control.select(s.id);
     }), this.interactions.suppressClicksTemporarily(200), this.editor.getActiveHandler().startDrawing(s.id, e, t, {
-      defaultSize: { width: Pe, height: Pe },
+      defaultSize: { width: Re, height: Re },
       // Unlike box/text, sticky notes are for writing - drop into editing
       // whether the user clicked (default size) or dragged one out.
       autoEditAfterDrag: !0
@@ -760,12 +760,12 @@ class Ys {
     const t = this.ogma.getContainer();
     if (!t) return this.control;
     const n = (a) => {
-      const { x: l, y: c } = this.ogma.view.screenToGraphCoordinates(a), d = e.properties.width, h = e.properties.height;
+      const l = yt(a, t), { x: c, y: d } = this.ogma.view.screenToGraphCoordinates(l), h = e.properties.width, u = e.properties.height;
       this.store.getState().applyLiveUpdate(e.id, {
         geometry: {
           ...e.geometry,
-          coordinates: [l, c],
-          bbox: [l - d / 2, c - h / 2, l + d / 2, c + h / 2]
+          coordinates: [c, d],
+          bbox: [c - h / 2, d - u / 2, c + h / 2, d + u / 2]
         }
       });
     }, s = (a) => {
@@ -789,7 +789,7 @@ class Ys {
     this.editor.getActiveHandler() && this.editor.getActiveHandler().stopEditing(), this.control.cancelDrawing(), this.store.getState().batchUpdate(() => {
       this.store.setState({ drawingFeature: n.id });
     }), this.interactions.suppressClicksTemporarily(200);
-    const r = new Us(
+    const r = new Ws(
       this.ogma,
       this.store,
       this.links,
@@ -804,7 +804,7 @@ class Ys {
     return this.control.on(ue, o), r.startDrawing(n.id, e, t), this.control;
   }
   startBox(e, t, n) {
-    return n || (n = Be(e, t)), this.store.getState().batchUpdate(() => {
+    return n || (n = ke(e, t)), this.store.getState().batchUpdate(() => {
       this.store.setState({ drawingFeature: n.id }), this.control.add(n), this.control.select(n.id);
     }), this.interactions.suppressClicksTemporarily(200), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
@@ -824,7 +824,7 @@ class Ys {
     }), this.interactions.suppressClicksTemporarily(200), this.editor.getActiveHandler().startDrawing(n.id, e, t), this.control;
   }
 }
-class Xs {
+class Gs {
   constructor(e, t) {
     this.store = e, this.links = t;
   }
@@ -863,7 +863,7 @@ class Xs {
     this.store.temporal.getState().clear();
   }
 }
-class Gs {
+class js {
   constructor(e) {
     this.store = e;
   }
@@ -912,7 +912,7 @@ class Gs {
     return t ? e.features[t] : null;
   }
 }
-class js {
+class qs {
   constructor(e) {
     this.store = e;
   }
@@ -921,10 +921,10 @@ class js {
    * @param annotation The annotation to add
    */
   add(e) {
-    if (Oe(e))
+    if (Pe(e))
       for (const t of e.features) this.add(t);
     else {
-      const t = ts(e);
+      const t = es(e);
       this.store.getState().addFeature(t);
     }
   }
@@ -933,7 +933,7 @@ class js {
    * @param annotation The annotation(s) to remove
    */
   remove(e) {
-    if (Oe(e))
+    if (Pe(e))
       for (const t of e.features) this.remove(t);
     else
       this.store.getState().removeFeature(e.id);
@@ -963,7 +963,7 @@ class js {
    * @param style The new style
    */
   updateStyle(e, t) {
-    const n = this.store.getState().getFeature(e);
+    const n = this.store.getState().getMergedFeature(e);
     n && this.store.getState().updateFeature(e, {
       id: e,
       properties: {
@@ -1019,7 +1019,7 @@ class js {
    */
   update(e) {
     var s;
-    const t = this.store.getState(), n = t.getFeature(e.id);
+    const t = this.store.getState(), n = t.getMergedFeature(e.id);
     n && t.updateFeature(e.id, {
       ...n,
       ...e,
@@ -1075,12 +1075,12 @@ class js {
     }
   }
 }
-function qs(i) {
+function Ks(i) {
   var t, n;
   const e = i.properties.link;
   return e ? ((t = e.start) == null ? void 0 : t.type) === P.COMMENT || ((n = e.end) == null ? void 0 : n.type) === P.COMMENT : !1;
 }
-function Ks(i) {
+function Vs(i) {
   var t, n;
   const e = i.properties.link;
   if (e) {
@@ -1088,21 +1088,21 @@ function Ks(i) {
     if (((n = e.end) == null ? void 0 : n.type) === P.COMMENT) return e.end.id;
   }
 }
-function Vs(i) {
+function Zs(i) {
   var e, t;
   return ((t = (e = i.properties.link) == null ? void 0 : e.start) == null ? void 0 : t.type) !== P.COMMENT;
 }
-function fa(i) {
+function ga(i) {
   return !0;
 }
-function Zs(i, e) {
+function Js(i, e) {
   const t = /* @__PURE__ */ new Set([e]), n = i[e];
   return n && (H(n) || _(n)) && Object.values(i).forEach((s) => {
     var r, o, a, l;
     Q(s) && (((o = (r = s.properties.link) == null ? void 0 : r.end) == null ? void 0 : o.id) === e || ((l = (a = s.properties.link) == null ? void 0 : a.start) == null ? void 0 : l.id) === e) && t.add(s.id);
   }), t;
 }
-function Js(i, e) {
+function Qs(i, e) {
   var r, o, a, l;
   const t = i[e];
   if (!t || !Q(t)) return null;
@@ -1114,14 +1114,14 @@ function Js(i, e) {
     }
   ) ? null : n : null;
 }
-function Ne(i, e, t, n, s = !1) {
+function Ce(i, e, t, n, s = !1) {
   const r = i.getState(), o = {};
   pe(r, e, t, n, s, o);
   for (const a of r.selectedFeatures)
     a !== t && pe(r, e, a, n, !1, o);
   r.applyLiveUpdates(o);
 }
-function Qs(i) {
+function ti(i) {
   return i !== P.NODE && i !== P.EDGE;
 }
 function pe(i, e, t, n, s, r) {
@@ -1131,7 +1131,7 @@ function pe(i, e, t, n, s, r) {
     if (s) {
       const c = o.properties.link || {};
       for (const d of [c.start, c.end])
-        d && Qs(d.type) && pe(i, e, d.id, n, !1, r);
+        d && ti(d.type) && pe(i, e, d.id, n, !1, r);
     }
     const l = o.geometry.coordinates;
     r[t] = {
@@ -1145,10 +1145,10 @@ function pe(i, e, t, n, s, r) {
     };
     return;
   }
-  const a = ti(o, n);
+  const a = ei(o, n);
   a && (r[t] = a, e.updateLinkedArrowsDuringDrag(t, n, r));
 }
-function ti(i, e) {
+function ei(i, e) {
   if (_(i) || G(i) || H(i)) {
     const t = Z(i);
     return {
@@ -1171,7 +1171,7 @@ function ti(i, e) {
   }
   return null;
 }
-class ei extends Kt {
+class ni extends Kt {
   constructor(t, n, s, r) {
     super(t, n);
     m(this, "snapping");
@@ -1180,12 +1180,12 @@ class ei extends Kt {
     this.snapping = s, this.links = r;
   }
   detectHandle(t) {
-    const n = this.getAnnotation(), s = this.clientToCanvas(t), r = ye, o = n.geometry.coordinates[0], a = n.geometry.coordinates[1], l = Math.sqrt(
+    const n = this.getAnnotation(), s = this.clientToCanvas(t), r = Ee, 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)
     ), c = 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]) : c < r ? this.grabHandle("end", a[0], a[1]) : pn(n, s, r) ? (this.setCursor(z.grab), this.hoveredHandle = {
+    l < r ? this.grabHandle("start", o[0], o[1]) : c < r ? this.grabHandle("end", a[0], a[1]) : mn(n, s, r) ? (this.setCursor(z.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);
@@ -1209,7 +1209,7 @@ class ei extends Kt {
     }), c = [...s.geometry.coordinates];
     if (n.type === "body") {
       const h = a.x - n.point.x, u = a.y - n.point.y;
-      Ne(this.store, this.links, s.id, { x: h, y: u }, !0), this.dispatchEvent(l);
+      Ce(this.store, this.links, s.id, { x: h, y: u }, !0), this.dispatchEvent(l);
       return;
     } else n.type === "start" ? (c[0] = [a.x, a.y], this.snap && (r.start = {
       side: n.type,
@@ -1234,7 +1234,7 @@ class ei extends Kt {
   onDragStart(t) {
     if (!super.onDragStart(t)) return !1;
     const n = this.getAnnotation(), s = this.hoveredHandle;
-    return s.type === "end" && !1 || s.type === "start" && !Vs(n) ? (this.clearDragState(), !1) : (this.store.getState().startLiveUpdate([this.annotation]), !0);
+    return s.type === "end" && !1 || s.type === "start" && !Zs(n) ? (this.clearDragState(), !1) : (this.store.getState().startLiveUpdate([this.annotation]), !0);
   }
   onDragEnd(t) {
     var r, o, a, l;
@@ -1328,7 +1328,10 @@ class ei extends Kt {
     this.annotation = t;
     const r = this.getAnnotation();
     this.snapDrawingStart(r, n, s), this.grabHandle("end", n, s), this.dragging = !0, this.dragStartPoint = { x: n, y: s };
-    const o = this.ogma.view.graphToScreenCoordinates({ x: n, y: s });
+    const o = ye(
+      this.ogma.view.graphToScreenCoordinates({ x: n, y: s }),
+      this.ogma.getContainer()
+    );
     this.onDragStart({ clientX: o.x, clientY: o.y });
   }
   link(t, n, s) {
@@ -1339,7 +1342,7 @@ class ei extends Kt {
     let r = xe(t, s);
     const o = t.properties.link || {};
     let a = null;
-    if (n instanceof Cs)
+    if (n instanceof vs)
       r = n.getPosition(), a = this.snapping.snapToNodes(r, n.toList());
     else {
       const l = this.store.getState().getFeature(n);
@@ -1348,7 +1351,7 @@ class ei extends Kt {
       if (_(l) || G(l))
         r = Z(l), a = this.snapping.snapToText(r, [l]);
       else if (J(l))
-        r = Mn(l), a = this.snapping.snapToPolygon(r, [l]);
+        r = bn(l), a = this.snapping.snapToPolygon(r, [l]);
       else
         throw new Error(
           `Cannot link arrow to annotation of type ${l.properties.type}`
@@ -1359,7 +1362,7 @@ class ei extends Kt {
       id: a.id,
       type: a.type,
       magnet: a.magnet
-    }, this.links.add(t, s, a.id, a.type, a.magnet), es(t, s, r.x, r.y), this.store.getState().updateFeature(t.id, {
+    }, this.links.add(t, s, a.id, a.type, a.magnet), ns(t, s, r.x, r.y), this.store.getState().updateFeature(t.id, {
       properties: { ...t.properties, link: o },
       geometry: {
         type: t.geometry.type,
@@ -1368,8 +1371,8 @@ class ei extends Kt {
     }));
   }
 }
-const ni = -2;
-class si extends Kt {
+const si = -2;
+class ii extends Kt {
   // Graph units
   constructor(t, n, s) {
     super(t, n);
@@ -1397,7 +1400,12 @@ class si extends Kt {
     const r = this.store.getState();
     r.startLiveUpdate([t]), r.setDrawingPoints([]);
     const o = this.ogma.view.graphToScreenCoordinates({ x: n, y: s });
-    return this.dragStartPoint = o, this.disablePanning(), this.onDragStart({ clientX: o.x, clientY: o.y }), this;
+    this.dragStartPoint = o, this.disablePanning();
+    const a = ye(o, this.ogma.getContainer());
+    return this.onDragStart({
+      clientX: a.x,
+      clientY: a.y
+    }), this;
   }
   /**
    * Cancel drawing mode
@@ -1412,7 +1420,7 @@ class si extends Kt {
   detectHandle(t, n = 1) {
     const s = this.getAnnotation();
     if (!s) return;
-    const r = this.clientToCanvas(t), o = ye / n, a = s.geometry.coordinates[0];
+    const r = this.clientToCanvas(t), o = Ee / n, a = s.geometry.coordinates[0];
     for (let l = 0; l < a.length - 1; l++) {
       const [c, d] = a[l];
       if (Math.sqrt(
@@ -1422,13 +1430,13 @@ class si extends Kt {
         return;
       }
     }
-    mn(s, r, o) ? (this.setCursor(z.grab), this.hoveredHandle = {
+    Sn(s, r, o) ? (this.setCursor(z.grab), this.hoveredHandle = {
       type: "body",
       point: r
     }, this.store.setState({
-      hoveredHandle: ni,
+      hoveredHandle: si,
       hoveredFeature: this.annotation
-    })) : (this.store.setState({ hoveredHandle: ns, hoveredFeature: null }), this.hoveredHandle = void 0);
+    })) : (this.store.setState({ hoveredHandle: ss, hoveredFeature: null }), this.hoveredHandle = void 0);
   }
   grabHandle(t, n, s, r) {
     this.setCursor(t === "vertex" ? z.pointer : z.grab), this.hoveredHandle = {
@@ -1470,7 +1478,7 @@ class si extends Kt {
         x[0]
       ];
       l.setDrawingPoints(f);
-      const p = Te(
+      const p = Oe(
         f,
         // Exclude closing point
         this.simplificationTolerance,
@@ -1489,7 +1497,7 @@ class si extends Kt {
     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")
-        Ne(this.store, this.links, o.id, { x: s, y: r });
+        Ce(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((c, d) => d === this.hoveredHandle.vertexIndex ? [
           this.hoveredHandle.point.x + s,
@@ -1504,7 +1512,7 @@ class si extends Kt {
             coordinates: [a]
           }
         };
-        bn(l), this.store.getState().applyLiveUpdate(o.id, l), this.links.snapLinkedArrowsDuringDrag(o.id);
+        wn(l), this.store.getState().applyLiveUpdate(o.id, l), this.links.snapLinkedArrowsDuringDrag(o.id);
       }
       this.dispatchEvent(new Event(qt));
     }
@@ -1516,7 +1524,7 @@ class si extends Kt {
         const r = n.drawingPoints;
         if (r.length < 3) this.cancelDrawing();
         else {
-          const o = Te(
+          const o = Oe(
             r.slice(1, -1),
             // Exclude closing point
             this.simplificationTolerance,
@@ -1529,7 +1537,7 @@ class si extends Kt {
             }
           };
           Lt(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(Sn, { detail: a })
+            new CustomEvent(Fn, { detail: a })
           );
         }
       }
@@ -1542,7 +1550,7 @@ class si extends Kt {
       return this.store.getState().getFeature(this.annotation);
   }
 }
-const ii = [
+const ri = [
   "BN",
   "BN",
   "BN",
@@ -1799,7 +1807,7 @@ const ii = [
   "L",
   "L",
   "L"
-], Re = [
+], He = [
   [697, 698, "ON"],
   [706, 719, "ON"],
   [722, 735, "ON"],
@@ -2515,12 +2523,12 @@ const ii = [
   [1048574, 1048575, "BN"],
   [1114110, 1114111, "BN"]
 ];
-function ri(i) {
+function oi(i) {
   if (i <= 255)
-    return ii[i];
-  let e = 0, t = Re.length - 1;
+    return ri[i];
+  let e = 0, t = He.length - 1;
   for (; e <= t; ) {
-    const n = e + t >> 1, s = Re[n];
+    const n = e + t >> 1, s = He[n];
     if (i < s[0]) {
       t = n - 1;
       continue;
@@ -2533,7 +2541,7 @@ function ri(i) {
   }
   return "L";
 }
-function oi(i) {
+function ai(i) {
   const e = i.length;
   if (e === 0)
     return null;
@@ -2546,7 +2554,7 @@ function oi(i) {
       const f = i.charCodeAt(c + 1);
       f >= 56320 && f <= 57343 && (h = (d - 55296 << 10) + (f - 56320) + 65536, u = 2);
     }
-    const x = ri(h);
+    const x = oi(h);
     (x === "R" || x === "AL" || x === "AN") && (n = !0);
     for (let f = 0; f < u; f++)
       t[c + f] = x;
@@ -2620,8 +2628,8 @@ function oi(i) {
   }
   return r;
 }
-function ai(i, e) {
-  const t = oi(i);
+function ci(i, e) {
+  const t = ai(i);
   if (t === null)
     return null;
   const n = new Int8Array(e.length);
@@ -2629,31 +2637,31 @@ function ai(i, e) {
     n[s] = t[e[s]];
   return n;
 }
-const ci = /[ \t\n\r\f]+/g, li = /[\t\n\r\f]| {2,}|^ | $/;
-function di(i) {
+const li = /[ \t\n\r\f]+/g, di = /[\t\n\r\f]| {2,}|^ | $/;
+function hi(i) {
   const e = i ?? "normal";
   return e === "pre-wrap" ? { mode: e, preserveOrdinarySpaces: !0, preserveHardBreaks: !0 } : { mode: e, preserveOrdinarySpaces: !1, preserveHardBreaks: !1 };
 }
-function hi(i) {
-  if (!li.test(i))
+function ui(i) {
+  if (!di.test(i))
     return i;
-  let e = i.replace(ci, " ");
+  let e = i.replace(li, " ");
   return e.charCodeAt(0) === 32 && (e = e.slice(1)), e.length > 0 && e.charCodeAt(e.length - 1) === 32 && (e = e.slice(0, -1)), e;
 }
-function ui(i) {
+function xi(i) {
   return /[\r\f]/.test(i) ? i.replace(/\r\n/g, `
 `).replace(/[\r\f]/g, `
 `) : i;
 }
-let ne = null, xi;
-function fi() {
-  return ne === null && (ne = new Intl.Segmenter(xi, { granularity: "word" })), ne;
-}
-const gi = new RegExp("\\p{Script=Arabic}", "u"), ut = new RegExp("\\p{M}", "u"), Ce = new RegExp("\\p{Nd}", "u");
-function He(i) {
-  return gi.test(i);
+let ne = null, fi;
+function gi() {
+  return ne === null && (ne = new Intl.Segmenter(fi, { granularity: "word" })), ne;
 }
+const pi = new RegExp("\\p{Script=Arabic}", "u"), ut = new RegExp("\\p{M}", "u"), ve = new RegExp("\\p{Nd}", "u");
 function Ie(i) {
+  return pi.test(i);
+}
+function ze(i) {
   return i >= 19968 && i <= 40959 || i >= 13312 && i <= 19903 || i >= 131072 && i <= 173791 || i >= 173824 && i <= 177983 || i >= 177984 && i <= 178207 || i >= 178208 && i <= 183983 || i >= 183984 && i <= 191471 || i >= 191472 && i <= 192093 || i >= 194560 && i <= 195103 || i >= 196608 && i <= 201551 || i >= 201552 && i <= 205743 || i >= 205744 && i <= 210041 || i >= 63744 && i <= 64255 || i >= 12288 && i <= 12351 || i >= 12352 && i <= 12447 || i >= 12448 && i <= 12543 || i >= 12592 && i <= 12687 || i >= 44032 && i <= 55215 || i >= 65280 && i <= 65519;
 }
 function st(i) {
@@ -2664,45 +2672,45 @@ function st(i) {
         const n = i.charCodeAt(e + 1);
         if (n >= 56320 && n <= 57343) {
           const s = (t - 55296 << 10) + (n - 56320) + 65536;
-          if (Ie(s))
+          if (ze(s))
             return !0;
           e++;
           continue;
         }
       }
-      if (Ie(t))
+      if (ze(t))
         return !0;
     }
   }
   return !1;
 }
-function pi(i) {
+function mi(i) {
   const e = Rt(i);
-  return e !== null && (ve.has(e) || ht.has(e));
+  return e !== null && (Me.has(e) || ht.has(e));
 }
-const mi = /* @__PURE__ */ new Set([
+const Si = /* @__PURE__ */ new Set([
   " ",
   " ",
   "⁠",
   "\uFEFF"
-]), Si = /* @__PURE__ */ new Set([
+]), Fi = /* @__PURE__ */ new Set([
   "-",
   "‐",
   "–",
   "—"
 ]);
-function Fi(i) {
-  const e = Rt(i);
-  return e !== null && mi.has(e);
-}
 function yi(i) {
   const e = Rt(i);
   return e !== null && Si.has(e);
 }
-function Ln(i, e) {
-  return Fi(i) ? !1 : e ? !(pi(i) || yi(i)) : !0;
+function Ei(i) {
+  const e = Rt(i);
+  return e !== null && Fi.has(e);
+}
+function Tn(i, e) {
+  return yi(i) ? !1 : e ? !(mi(i) || Ei(i)) : !0;
 }
-const ve = /* @__PURE__ */ new Set([
+const Me = /* @__PURE__ */ new Set([
   "，",
   "．",
   "！",
@@ -2753,7 +2761,7 @@ const ve = /* @__PURE__ */ new Set([
   "〖",
   "〘",
   "〚"
-]), Me = /* @__PURE__ */ new Set([
+]), be = /* @__PURE__ */ new Set([
   "'",
   "’"
 ]), ht = /* @__PURE__ */ new Set([
@@ -2783,14 +2791,14 @@ const ve = /* @__PURE__ */ new Set([
   "»",
   "›",
   "…"
-]), Ei = /* @__PURE__ */ new Set([
+]), Ai = /* @__PURE__ */ new Set([
   ":",
   ".",
   "،",
   "؛"
-]), Ai = /* @__PURE__ */ new Set([
-  "၏"
 ]), Ni = /* @__PURE__ */ new Set([
+  "၏"
+]), Ci = /* @__PURE__ */ new Set([
   "”",
   "’",
   "»",
@@ -2803,8 +2811,8 @@ const ve = /* @__PURE__ */ new Set([
   "〕",
   "）"
 ]);
-function Ci(i) {
-  if (be(i))
+function vi(i) {
+  if (we(i))
     return !0;
   let e = !1;
   for (const t of i) {
@@ -2817,25 +2825,25 @@ function Ci(i) {
   }
   return e;
 }
-function vi(i) {
+function Mi(i) {
   for (const e of i)
-    if (!ve.has(e) && !ht.has(e))
+    if (!Me.has(e) && !ht.has(e))
       return !1;
   return i.length > 0;
 }
-function Mi(i) {
-  if (be(i))
+function bi(i) {
+  if (we(i))
     return !0;
   for (const e of i)
-    if (!Vt.has(e) && !Me.has(e) && !ut.test(e) && !Jt(e))
+    if (!Vt.has(e) && !be.has(e) && !ut.test(e) && !Jt(e))
       return !1;
   return i.length > 0;
 }
-function be(i) {
+function we(i) {
   let e = !1;
   for (const t of i)
     if (!(t === "\\" || ut.test(t))) {
-      if (Vt.has(t) || ht.has(t) || Me.has(t)) {
+      if (Vt.has(t) || ht.has(t) || be.has(t)) {
         e = !0;
         continue;
       }
@@ -2862,13 +2870,13 @@ function Rt(i) {
   const e = Zt(i, i.length);
   return i.slice(e);
 }
-function bi(i) {
+function wi(i) {
   for (const e of i)
     if (!ut.test(e))
       return e;
   return null;
 }
-function wi(i) {
+function Di(i) {
   for (let e = i.length; e > 0; ) {
     const t = Zt(i, e), n = i.slice(t, e);
     if (!ut.test(n))
@@ -2877,7 +2885,7 @@ function wi(i) {
   }
   return null;
 }
-const Di = [
+const Bi = [
   36,
   37,
   43,
@@ -2945,7 +2953,7 @@ const Di = [
   126128,
   126128
 ];
-function Bi(i, e) {
+function ki(i, e) {
   for (let t = 0; t < e.length; t += 2)
     if (i >= e[t] && i <= e[t + 1])
       return !0;
@@ -2953,17 +2961,17 @@ function Bi(i, e) {
 }
 function Jt(i) {
   const e = i.codePointAt(0);
-  return e !== void 0 && Bi(e, Di);
-}
-function ki(i) {
-  const e = wi(i);
-  return e !== null && Jt(e);
+  return e !== void 0 && ki(e, Bi);
 }
 function Li(i) {
-  const e = bi(i);
-  return e !== null && Ce.test(e);
+  const e = Di(i);
+  return e !== null && Jt(e);
 }
 function Ti(i) {
+  const e = wi(i);
+  return e !== null && ve.test(e);
+}
+function Oi(i) {
   const e = Array.from(i);
   let t = e.length;
   for (; t > 0; ) {
@@ -2972,7 +2980,7 @@ function Ti(i) {
       t--;
       continue;
     }
-    if (Vt.has(n) || Me.has(n)) {
+    if (Vt.has(n) || be.has(n)) {
       t--;
       continue;
     }
@@ -2983,10 +2991,10 @@ function Ti(i) {
     tail: e.slice(t).join("")
   };
 }
-function Oi(i, e, t) {
+function Pi(i, e, t) {
   return t === "text" && !e && i.length === 1 && i !== "-" && i !== "—" ? i : null;
 }
-function ze(i, e, t, n) {
+function _e(i, e, t, n) {
   const s = e[n], r = i[n];
   if (s == null)
     return r;
@@ -2996,14 +3004,14 @@ function ze(i, e, t, n) {
   const a = s.repeat(o);
   return i[n] = a, a;
 }
-function _e(i, e) {
-  return i && e !== null && Ei.has(e);
+function Ue(i, e) {
+  return i && e !== null && Ai.has(e);
 }
-function Pi(i) {
+function Ri(i) {
   const e = Rt(i);
-  return e !== null && Ai.has(e);
+  return e !== null && Ni.has(e);
 }
-function Ri(i) {
+function Hi(i) {
   if (i.length < 2 || i[0] !== " ")
     return null;
   const e = i.slice(1);
@@ -3013,7 +3021,7 @@ function me(i) {
   let e = i.length;
   for (; e > 0; ) {
     const t = Zt(i, e), n = i.slice(t, e);
-    if (Ni.has(n))
+    if (Ci.has(n))
       return !0;
     if (!ht.has(n))
       return !1;
@@ -3021,7 +3029,7 @@ function me(i) {
   }
   return !1;
 }
-function Hi(i, e) {
+function Ii(i, e) {
   if (e.preserveOrdinarySpaces || e.preserveHardBreaks) {
     if (i === " ")
       return "preserved-space";
@@ -3033,23 +3041,23 @@ function Hi(i, e) {
   }
   return i === " " ? "space" : i === " " || i === " " || i === "⁠" || i === "\uFEFF" ? "glue" : i === "​" ? "zero-width-break" : i === "­" ? "soft-hyphen" : "text";
 }
-const Ii = /[\x20\t\n\xA0\xAD\u200B\u202F\u2060\uFEFF]/;
+const zi = /[\x20\t\n\xA0\xAD\u200B\u202F\u2060\uFEFF]/;
 function tt(i) {
   return i.length === 1 ? i[0] : i.join("");
 }
-function zi(i, e) {
+function _i(i, e) {
   const t = [];
   for (let n = i.length - 1; n >= 0; n--)
     t.push(i[n]);
   return t.push(e), tt(t);
 }
-function _i(i, e, t, n) {
-  if (!Ii.test(i))
+function Ui(i, e, t, n) {
+  if (!zi.test(i))
     return [{ text: i, isWordLike: e, kind: "text", start: t }];
   const s = [];
   let r = null, o = [], a = t, l = !1, c = 0;
   for (const d of i) {
-    const h = Hi(d, n), u = h === "text" && e;
+    const h = Ii(d, n), u = h === "text" && e;
     if (r !== null && h === r && u === l) {
       o.push(d), c += d.length;
       continue;
@@ -3071,18 +3079,18 @@ function _i(i, e, t, n) {
 function Se(i) {
   return i === "space" || i === "preserved-space" || i === "zero-width-break" || i === "hard-break";
 }
-const Ui = /^[A-Za-z][A-Za-z0-9+.-]*:$/;
-function Wi(i, e) {
+const Wi = /^[A-Za-z][A-Za-z0-9+.-]*:$/;
+function $i(i, e) {
   const t = i.texts[e];
-  return t.startsWith("www.") ? !0 : Ui.test(t) && e + 1 < i.len && i.kinds[e + 1] === "text" && i.texts[e + 1] === "//";
+  return t.startsWith("www.") ? !0 : Wi.test(t) && e + 1 < i.len && i.kinds[e + 1] === "text" && i.texts[e + 1] === "//";
 }
-function $i(i) {
+function Yi(i) {
   return i.includes("?") && (i.includes("://") || i.startsWith("www."));
 }
-function Yi(i) {
+function Xi(i) {
   const e = i.texts.slice(), t = i.isWordLike.slice(), n = i.kinds.slice(), s = i.starts.slice();
   for (let o = 0; o < i.len; o++) {
-    if (n[o] !== "text" || !Wi(i, o))
+    if (n[o] !== "text" || !$i(i, o))
       continue;
     const a = [e[o]];
     let l = o + 1;
@@ -3107,11 +3115,11 @@ function Yi(i) {
     starts: s
   };
 }
-function Xi(i) {
+function Gi(i) {
   const e = [], t = [], n = [], s = [];
   for (let r = 0; r < i.len; r++) {
     const o = i.texts[r];
-    if (e.push(o), t.push(i.isWordLike[r]), n.push(i.kinds[r]), s.push(i.starts[r]), !$i(o))
+    if (e.push(o), t.push(i.isWordLike[r]), n.push(i.kinds[r]), s.push(i.starts[r]), !Yi(o))
       continue;
     const a = r + 1;
     if (a >= i.len || Se(i.kinds[a]))
@@ -3130,7 +3138,7 @@ function Xi(i) {
     starts: s
   };
 }
-const Gi = /* @__PURE__ */ new Set([
+const ji = /* @__PURE__ */ new Set([
   ":",
   "-",
   "/",
@@ -3140,24 +3148,24 @@ const Gi = /* @__PURE__ */ new Set([
   "+",
   "–",
   "—"
-]), ji = /* @__PURE__ */ new Set([".", ",", ":", ";"]);
-function Ue(i) {
+]), qi = /* @__PURE__ */ new Set([".", ",", ":", ";"]);
+function We(i) {
   for (let e = i.length; e > 0; ) {
     const t = Zt(i, e), n = i.slice(t, e);
     if (ut.test(n)) {
       e = t;
       continue;
     }
-    return ji.has(n) || Jt(n);
+    return qi.has(n) || Jt(n);
   }
   return !1;
 }
-function qi(i, e) {
+function Ki(i, e) {
   return e && !st(i);
 }
-function Tn(i) {
+function On(i) {
   for (const e of i)
-    if (Ce.test(e))
+    if (ve.test(e))
       return !0;
   return !1;
 }
@@ -3165,15 +3173,15 @@ function jt(i) {
   if (i.length === 0)
     return !1;
   for (const e of i)
-    if (!(Ce.test(e) || Gi.has(e)))
+    if (!(ve.test(e) || ji.has(e)))
       return !1;
   return !0;
 }
-function Ki(i) {
+function Vi(i) {
   const e = [], t = [], n = [], s = [];
   for (let r = 0; r < i.len; r++) {
     const o = i.texts[r], a = i.kinds[r];
-    if (a === "text" && jt(o) && Tn(o)) {
+    if (a === "text" && jt(o) && On(o)) {
       const l = [o];
       let c = r + 1;
       for (; c < i.len && i.kinds[c] === "text" && jt(i.texts[c]); )
@@ -3191,16 +3199,16 @@ function Ki(i) {
     starts: s
   };
 }
-function Vi(i) {
+function Zi(i) {
   const e = [], t = [], n = [], s = [];
   for (let r = 0; r < i.len; r++) {
     const o = i.texts[r], a = i.kinds[r], l = i.isWordLike[r];
-    if (a === "text" && Ue(o) && (l || ki(o)) && !st(o)) {
+    if (a === "text" && We(o) && (l || Li(o)) && !st(o)) {
       const c = [o];
       let d = !0, h = r + 1;
-      for (; d && h < i.len && i.kinds[h] === "text" && qi(i.texts[h], i.isWordLike[h]); ) {
+      for (; d && h < i.len && i.kinds[h] === "text" && Ki(i.texts[h], i.isWordLike[h]); ) {
         const u = i.texts[h];
-        c.push(u), d = Ue(u), h++;
+        c.push(u), d = We(u), h++;
       }
       e.push(tt(c)), t.push(!0), n.push("text"), s.push(i.starts[r]), r = h - 1;
       continue;
@@ -3215,7 +3223,7 @@ function Vi(i) {
     starts: s
   };
 }
-function Zi(i) {
+function Ji(i) {
   const e = [], t = [], n = [], s = [];
   for (let r = 0; r < i.len; r++) {
     const o = i.texts[r];
@@ -3226,7 +3234,7 @@ function Zi(i) {
         const d = a[c];
         if (!l)
           break;
-        (d.length === 0 || !Tn(d) || !jt(d)) && (l = !1);
+        (d.length === 0 || !On(d) || !jt(d)) && (l = !1);
       }
       if (l) {
         let c = 0;
@@ -3247,7 +3255,7 @@ function Zi(i) {
     starts: s
   };
 }
-function Ji(i) {
+function Qi(i) {
   const e = [], t = [], n = [], s = [];
   let r = 0;
   for (; r < i.len; ) {
@@ -3288,12 +3296,12 @@ function Ji(i) {
     starts: s
   };
 }
-function Qi(i) {
+function tr(i) {
   const e = i.texts.slice(), t = i.isWordLike.slice(), n = i.kinds.slice(), s = i.starts.slice();
   for (let r = 0; r < e.length - 1; r++) {
     if (n[r] !== "text" || n[r + 1] !== "text" || !st(e[r]) || !st(e[r + 1]))
       continue;
-    const o = Ti(e[r]);
+    const o = Oi(e[r]);
     o !== null && (e[r] = o.head, e[r + 1] = o.tail + e[r + 1], s[r + 1] = s[r] + o.head.length);
   }
   return {
@@ -3304,35 +3312,35 @@ function Qi(i) {
     starts: s
   };
 }
-function tr(i, e, t) {
-  const n = fi();
+function er(i, e, t) {
+  const n = gi();
   let s = 0;
   const r = [], o = [], a = [], l = [], c = [], d = [], h = [], u = [], x = [], f = [], p = [], g = [];
   for (const S of n.segment(i))
-    for (const N of _i(S.segment, S.isWordLike ?? !1, S.index, t)) {
+    for (const N of Ui(S.segment, S.isWordLike ?? !1, S.index, t)) {
       let k = function() {
         d[M] !== null && (o[M] = [
-          ze(r, d, h, M)
-        ], d[M] = null), o[M].push(N.text), a[M] = a[M] || N.isWordLike, u[M] = u[M] || D, x[M] = x[M] || b, f[M] = T, p[M] = I, g[M] = _e(x[M], L);
+          _e(r, d, h, M)
+        ], d[M] = null), o[M].push(N.text), a[M] = a[M] || N.isWordLike, u[M] = u[M] || D, x[M] = x[M] || b, f[M] = T, p[M] = I, g[M] = Ue(x[M], L);
       };
-      const v = N.kind === "text", w = Oi(N.text, N.isWordLike, N.kind), D = st(N.text), b = He(N.text), L = Rt(N.text), T = me(N.text), I = Pi(N.text), M = s - 1;
-      e.carryCJKAfterClosingQuote && v && s > 0 && l[M] === "text" && D && u[M] && f[M] || v && s > 0 && l[M] === "text" && vi(N.text) && u[M] || v && s > 0 && l[M] === "text" && p[M] ? k() : v && s > 0 && l[M] === "text" && N.isWordLike && b && g[M] ? (k(), a[M] = !0) : w !== null && s > 0 && l[M] === "text" && d[M] === w ? h[M] = (h[M] ?? 1) + 1 : v && !N.isWordLike && s > 0 && l[M] === "text" && !u[M] && (Ci(N.text) || N.text === "-" && a[M]) ? k() : (r[s] = N.text, o[s] = [N.text], a[s] = N.isWordLike, l[s] = N.kind, c[s] = N.start, d[s] = w, h[s] = w === null ? 0 : 1, u[s] = D, x[s] = b, f[s] = T, p[s] = I, g[s] = _e(b, L), s++);
+      const v = N.kind === "text", w = Pi(N.text, N.isWordLike, N.kind), D = st(N.text), b = Ie(N.text), L = Rt(N.text), T = me(N.text), I = Ri(N.text), M = s - 1;
+      e.carryCJKAfterClosingQuote && v && s > 0 && l[M] === "text" && D && u[M] && f[M] || v && s > 0 && l[M] === "text" && Mi(N.text) && u[M] || v && s > 0 && l[M] === "text" && p[M] ? k() : v && s > 0 && l[M] === "text" && N.isWordLike && b && g[M] ? (k(), a[M] = !0) : w !== null && s > 0 && l[M] === "text" && d[M] === w ? h[M] = (h[M] ?? 1) + 1 : v && !N.isWordLike && s > 0 && l[M] === "text" && !u[M] && (vi(N.text) || N.text === "-" && a[M]) ? k() : (r[s] = N.text, o[s] = [N.text], a[s] = N.isWordLike, l[s] = N.kind, c[s] = N.start, d[s] = w, h[s] = w === null ? 0 : 1, u[s] = D, x[s] = b, f[s] = T, p[s] = I, g[s] = Ue(b, L), s++);
     }
   for (let S = 0; S < s; S++) {
     if (d[S] !== null) {
-      r[S] = ze(r, d, h, S);
+      r[S] = _e(r, d, h, S);
       continue;
     }
     r[S] = tt(o[S]);
   }
   for (let S = 1; S < s; S++)
-    l[S] === "text" && !a[S] && be(r[S]) && l[S - 1] === "text" && !u[S - 1] && (r[S - 1] += r[S], a[S - 1] = a[S - 1] || a[S], r[S] = "");
+    l[S] === "text" && !a[S] && we(r[S]) && l[S - 1] === "text" && !u[S - 1] && (r[S - 1] += r[S], a[S - 1] = a[S - 1] || a[S], r[S] = "");
   const E = Array.from({ length: s }, () => null);
   let y = -1;
   for (let S = s - 1; S >= 0; S--) {
     const N = r[S];
     if (N.length !== 0) {
-      if (l[S] === "text" && !a[S] && y >= 0 && l[y] === "text" && (Mi(N) || N === "-" && Li(r[y]))) {
+      if (l[S] === "text" && !a[S] && y >= 0 && l[y] === "text" && (bi(N) || N === "-" && Ti(r[y]))) {
         const v = E[y] ?? [];
         v.push(N), E[y] = v, c[y] = c[S], r[S] = "";
         continue;
@@ -3342,7 +3350,7 @@ function tr(i, e, t) {
   }
   for (let S = 0; S < s; S++) {
     const N = E[S];
-    N != null && (r[S] = zi(N, r[S]));
+    N != null && (r[S] = _i(N, r[S]));
   }
   let F = 0;
   for (let S = 0; S < s; S++) {
@@ -3350,20 +3358,20 @@ function tr(i, e, t) {
     N.length !== 0 && (F !== S && (r[F] = N, a[F] = a[S], l[F] = l[S], c[F] = c[S]), F++);
   }
   r.length = F, a.length = F, l.length = F, c.length = F;
-  const C = Ji({
+  const C = Qi({
     len: F,
     texts: r,
     isWordLike: a,
     kinds: l,
     starts: c
-  }), A = Qi(Vi(Zi(Ki(Xi(Yi(C))))));
+  }), A = tr(Zi(Ji(Vi(Gi(Xi(C))))));
   for (let S = 0; S < A.len - 1; S++) {
-    const N = Ri(A.texts[S]);
-    N !== null && (A.kinds[S] !== "space" && A.kinds[S] !== "preserved-space" || A.kinds[S + 1] !== "text" || !He(A.texts[S + 1]) || (A.texts[S] = N.space, A.isWordLike[S] = !1, A.kinds[S] = A.kinds[S] === "preserved-space" ? "preserved-space" : "space", A.texts[S + 1] = N.marks + A.texts[S + 1], A.starts[S + 1] = A.starts[S] + N.space.length));
+    const N = Hi(A.texts[S]);
+    N !== null && (A.kinds[S] !== "space" && A.kinds[S] !== "preserved-space" || A.kinds[S + 1] !== "text" || !Ie(A.texts[S + 1]) || (A.texts[S] = N.space, A.isWordLike[S] = !1, A.kinds[S] = A.kinds[S] === "preserved-space" ? "preserved-space" : "space", A.texts[S + 1] = N.marks + A.texts[S + 1], A.starts[S + 1] = A.starts[S] + N.space.length));
   }
   return A;
 }
-function er(i, e) {
+function nr(i, e) {
   if (i.len === 0)
     return [];
   if (!e.preserveHardBreaks)
@@ -3386,7 +3394,7 @@ function er(i, e) {
     consumedEndSegmentIndex: i.len
   }), t;
 }
-function nr(i, e, t) {
+function sr(i, e, t) {
   if (e.len <= 1)
     return e;
   const n = [], s = [], r = [], o = [];
@@ -3414,7 +3422,7 @@ function nr(i, e, t) {
   for (let u = 0; u < e.len; u++) {
     const x = e.texts[u], f = e.kinds[u];
     if (f === "text") {
-      a >= 0 && !Ln(e.texts[u - 1], t) && h(u), a < 0 && (a = u), l = l || st(x);
+      a >= 0 && !Tn(e.texts[u - 1], t) && h(u), a < 0 && (a = u), l = l || st(x);
       continue;
     }
     h(u), n.push(x), s.push(e.isWordLike[u]), r.push(f), o.push(e.starts[u]);
@@ -3427,8 +3435,8 @@ function nr(i, e, t) {
     starts: o
   };
 }
-function sr(i, e, t = "normal", n = "normal") {
-  const s = di(t), r = s.mode === "pre-wrap" ? ui(i) : hi(i);
+function ir(i, e, t = "normal", n = "normal") {
+  const s = hi(t), r = s.mode === "pre-wrap" ? xi(i) : ui(i);
   if (r.length === 0)
     return {
       normalized: r,
@@ -3439,20 +3447,20 @@ function sr(i, e, t = "normal", n = "normal") {
       kinds: [],
       starts: []
     };
-  const o = tr(r, e, s), a = n === "keep-all" ? nr(r, o, e.breakKeepAllAfterPunctuation) : o;
+  const o = er(r, e, s), a = n === "keep-all" ? sr(r, o, e.breakKeepAllAfterPunctuation) : o;
   return {
     normalized: r,
-    chunks: er(a, s),
+    chunks: nr(a, s),
     ...a
   };
 }
 let pt = null;
-const We = /* @__PURE__ */ new Map();
+const $e = /* @__PURE__ */ new Map();
 let mt = null;
-const ir = 96, rr = new RegExp("\\p{Emoji_Presentation}", "u"), or = /[\p{Emoji_Presentation}\p{Extended_Pictographic}\p{Regional_Indicator}\uFE0F\u20E3]/u;
+const rr = 96, or = new RegExp("\\p{Emoji_Presentation}", "u"), ar = /[\p{Emoji_Presentation}\p{Extended_Pictographic}\p{Regional_Indicator}\uFE0F\u20E3]/u;
 let se = null;
-const $e = /* @__PURE__ */ new Map();
-function we() {
+const Ye = /* @__PURE__ */ new Map();
+function De() {
   if (pt !== null)
     return pt;
   if (typeof OffscreenCanvas < "u")
@@ -3461,14 +3469,14 @@ function we() {
     return pt = document.createElement("canvas").getContext("2d"), pt;
   throw new Error("Text measurement requires OffscreenCanvas or a DOM canvas context.");
 }
-function ar(i) {
-  let e = We.get(i);
-  return e || (e = /* @__PURE__ */ new Map(), We.set(i, e)), e;
+function cr(i) {
+  let e = $e.get(i);
+  return e || (e = /* @__PURE__ */ new Map(), $e.set(i, e)), e;
 }
 function ot(i, e) {
   let t = e.get(i);
   return t === void 0 && (t = {
-    width: we().measureText(i).width,
+    width: De().measureText(i).width,
     containsCJK: st(i)
   }, e.set(i, t)), t;
 }
@@ -3492,24 +3500,24 @@ function Qt() {
     preferEarlySoftHyphenBreak: t
   }, mt;
 }
-function cr(i) {
+function lr(i) {
   const e = i.match(/(\d+(?:\.\d+)?)\s*px/);
   return e ? parseFloat(e[1]) : 16;
 }
-function On() {
+function Pn() {
   return se === null && (se = new Intl.Segmenter(void 0, { granularity: "grapheme" })), se;
 }
-function lr(i) {
-  return rr.test(i) || i.includes("️");
-}
 function dr(i) {
-  return or.test(i);
+  return or.test(i) || i.includes("️");
 }
-function hr(i, e) {
-  let t = $e.get(i);
+function hr(i) {
+  return ar.test(i);
+}
+function ur(i, e) {
+  let t = Ye.get(i);
   if (t !== void 0)
     return t;
-  const n = we();
+  const n = De();
   n.font = i;
   const s = n.measureText("😀").width;
   if (t = 0, s > e + 0.5 && typeof document < "u" && document.body !== null) {
@@ -3518,26 +3526,26 @@ function hr(i, e) {
     const o = r.getBoundingClientRect().width;
     document.body.removeChild(r), s - o > 0.5 && (t = s - o);
   }
-  return $e.set(i, t), t;
+  return Ye.set(i, t), t;
 }
-function ur(i) {
+function xr(i) {
   let e = 0;
-  const t = On();
+  const t = Pn();
   for (const n of t.segment(i))
-    lr(n.segment) && e++;
+    dr(n.segment) && e++;
   return e;
 }
-function xr(i, e) {
-  return e.emojiCount === void 0 && (e.emojiCount = ur(i)), e.emojiCount;
+function fr(i, e) {
+  return e.emojiCount === void 0 && (e.emojiCount = xr(i)), e.emojiCount;
 }
 function lt(i, e, t) {
-  return t === 0 ? e.width : e.width - xr(i, e) * t;
+  return t === 0 ? e.width : e.width - fr(i, e) * t;
 }
-function fr(i, e, t, n, s) {
+function gr(i, e, t, n, s) {
   if (e.breakableFitAdvances !== void 0 && e.breakableFitMode === s)
     return e.breakableFitAdvances;
   e.breakableFitMode = s;
-  const r = On(), o = [];
+  const r = Pn(), o = [];
   for (const d of r.segment(i))
     o.push(d.segment);
   if (o.length <= 1)
@@ -3550,7 +3558,7 @@ function fr(i, e, t, n, s) {
     }
     return e.breakableFitAdvances = d, e.breakableFitAdvances;
   }
-  if (s === "pair-context" || o.length > ir) {
+  if (s === "pair-context" || o.length > rr) {
     const d = [];
     let h = null, u = 0;
     for (const x of o) {
@@ -3574,61 +3582,61 @@ function fr(i, e, t, n, s) {
   }
   return e.breakableFitAdvances = a, e.breakableFitAdvances;
 }
-function gr(i, e) {
-  const t = we();
+function pr(i, e) {
+  const t = De();
   t.font = i;
-  const n = ar(i), s = cr(i), r = e ? hr(i, s) : 0;
+  const n = cr(i), s = lr(i), r = e ? ur(i, s) : 0;
   return { cache: n, fontSize: s, emojiCorrection: r };
 }
-function pr(i) {
+function mr(i) {
   return i === "space" || i === "zero-width-break" || i === "soft-hyphen";
 }
-function Pn(i) {
+function Rn(i) {
   return i === "space" || i === "preserved-space" || i === "tab" || i === "zero-width-break" || i === "soft-hyphen";
 }
-function Rn(i, e, t = i.widths.length) {
+function Hn(i, e, t = i.widths.length) {
   for (; e < t; ) {
     const n = i.kinds[e];
-    if (!pr(n))
+    if (!mr(n))
       break;
     e++;
   }
   return e;
 }
-function mr(i, e) {
+function Sr(i, e) {
   if (e <= 0)
     return 0;
   const t = i % e;
   return Math.abs(t) <= 1e-6 ? e : e - t;
 }
-function Sr(i, e, t) {
+function Fr(i, e, t) {
   return i.letterSpacing !== 0 && e && i.spacingGraphemeCounts[t] > 0 ? i.letterSpacing : 0;
 }
-function De(i, e) {
+function Be(i, e) {
   return e === 0 ? 0 : i + e;
 }
-function Fr(i, e) {
+function yr(i, e) {
   return i.letterSpacing !== 0 && i.spacingGraphemeCounts[e] > 0 ? i.letterSpacing : 0;
 }
-function yr(i, e, t, n, s) {
-  const r = e === "tab" ? s + Fr(i, t) : i.lineEndFitAdvances[t];
-  return De(n, r);
+function Er(i, e, t, n, s) {
+  const r = e === "tab" ? s + yr(i, t) : i.lineEndFitAdvances[t];
+  return Be(n, r);
 }
-function Ye(i, e, t, n) {
+function Xe(i, e, t, n) {
   const s = e === "tab" ? 0 : i.lineEndFitAdvances[t];
-  return De(n, s);
+  return Be(n, s);
 }
-function Xe(i, e, t, n, s) {
+function Ge(i, e, t, n, s) {
   const r = e === "tab" ? s : i.lineEndPaintAdvances[t];
-  return De(n, r);
+  return Be(n, r);
 }
-function Er(i, e, t) {
+function Ar(i, e, t) {
   return i.letterSpacing !== 0 && e ? t + i.letterSpacing : t;
 }
-function Ar(i, e) {
+function Nr(i, e) {
   return i.letterSpacing === 0 ? e : e + i.letterSpacing;
 }
-function Nr(i, e, t, n, s) {
+function Cr(i, e, t, n, s) {
   if (i.letterSpacing === 0)
     return 0;
   if (s > 0)
@@ -3646,10 +3654,10 @@ function Nr(i, e, t, n, s) {
   }
   return 0;
 }
-function Cr(i, e, t, n, s, r) {
-  return e + Nr(i, t, n, s, r);
+function vr(i, e, t, n, s, r) {
+  return e + Cr(i, t, n, s, r);
 }
-function vr(i, e, t) {
+function Mr(i, e, t) {
   const { widths: n, kinds: s, breakableFitAdvances: r } = i;
   if (n.length === 0)
     return 0;
@@ -3683,8 +3691,8 @@ function vr(i, e, t) {
     h && f === w && p === b.length && (f = w + 1, p = 0);
   }
   let v = 0;
-  for (; v < n.length && !(!h && (v = Rn(i, v), v >= n.length)); ) {
-    const w = n[v], D = s[v], b = Pn(D);
+  for (; v < n.length && !(!h && (v = Hn(i, v), v >= n.length)); ) {
+    const w = n[v], D = s[v], b = Rn(D);
     if (!h) {
       w > l && r[v] !== null ? N(v, 0) : C(v, w), b && (g = v + 1, E = d - w), v++;
       continue;
@@ -3713,9 +3721,9 @@ function vr(i, e, t) {
   }
   return h && F(), c;
 }
-function Mr(i, e, t) {
+function br(i, e, t) {
   if (i.simpleLineWalkFastPath)
-    return vr(i, e, t);
+    return Mr(i, e, t);
   const { widths: n, kinds: s, breakableFitAdvances: r, discretionaryHyphenWidth: o, chunks: a } = i;
   if (n.length === 0 || a.length === 0)
     return 0;
@@ -3728,7 +3736,7 @@ function Mr(i, e, t) {
     return A === "soft-hyphen" && y === g && E === 0 ? C : u;
   }
   function v(M = g, k = E, B) {
-    h++, t !== void 0 && t(Cr(i, B ?? N(), f, p, M, k), f, p, M, k), u = 0, x = !1, S();
+    h++, t !== void 0 && t(vr(i, B ?? N(), f, p, M, k), f, p, M, k), u = 0, x = !1, S();
   }
   function w(M, k) {
     x = !0, f = M, p = 0, g = M + 1, E = 0, u = k;
@@ -3746,7 +3754,7 @@ function Mr(i, e, t) {
   function L(M, k, B, R, W, Y) {
     if (!k)
       return;
-    const U = Ye(i, M, B, W), V = Xe(i, M, B, W, R);
+    const U = Xe(i, M, B, W), V = Ge(i, M, B, W, R);
     y = B + 1, F = u - Y + U, C = u - Y + V, A = M;
   }
   function T(M, k) {
@@ -3756,8 +3764,8 @@ function Mr(i, e, t) {
       if (!x)
         D(M, R, W);
       else {
-        const Y = Er(i, !0, W), U = u + Y;
-        Ar(i, U) > d ? (v(), D(M, R, W)) : (u = U, g = M, E = R + 1);
+        const Y = Ar(i, !0, W), U = u + Y;
+        Nr(i, U) > d ? (v(), D(M, R, W)) : (u = U, g = M, E = R + 1);
       }
     }
     x && g === M && E === B.length && (g = M + 1, E = 0);
@@ -3773,8 +3781,8 @@ function Mr(i, e, t) {
     }
     x = !1, u = 0, f = k.startSegmentIndex, p = 0, g = k.startSegmentIndex, E = 0, S();
     let B = k.startSegmentIndex;
-    for (; B < k.endSegmentIndex && !(!x && (B = Rn(i, B, k.endSegmentIndex), B >= k.endSegmentIndex)); ) {
-      const R = s[B], W = Pn(R), Y = Sr(i, x, B), U = R === "tab" ? mr(u + Y, i.tabStopAdvance) : n[B], V = Y + U, ct = yr(i, R, B, Y, U);
+    for (; B < k.endSegmentIndex && !(!x && (B = Hn(i, B, k.endSegmentIndex), B >= k.endSegmentIndex)); ) {
+      const R = s[B], W = Rn(R), Y = Fr(i, x, B), U = R === "tab" ? Sr(u + Y, i.tabStopAdvance) : n[B], V = Y + U, ct = Er(i, R, B, Y, U);
       if (R === "soft-hyphen") {
         x && (g = B + 1, E = 0, y = B + 1, F = u + o, C = u + o, A = R), B++;
         continue;
@@ -3784,7 +3792,7 @@ function Mr(i, e, t) {
         continue;
       }
       if (u + ct > d) {
-        const xt = u + Ye(i, R, B, Y), ft = u + Xe(i, R, B, Y, U);
+        const xt = u + Xe(i, R, B, Y), ft = u + Ge(i, R, B, Y, U);
         if (A === "soft-hyphen" && l.preferEarlySoftHyphenBreak && F <= d) {
           v(y, 0, C);
           continue;
@@ -3818,54 +3826,54 @@ function Mr(i, e, t) {
   }
   return h;
 }
-let ie = null, Ge = /* @__PURE__ */ new WeakMap();
-function br() {
+let ie = null, je = /* @__PURE__ */ new WeakMap();
+function wr() {
   return ie === null && (ie = new Intl.Segmenter(void 0, { granularity: "grapheme" })), ie;
 }
-function je(i, e, t) {
+function qe(i, e, t) {
   let n = t.get(i);
   if (n !== void 0)
     return n;
   n = [];
-  const s = br();
+  const s = wr();
   for (const r of s.segment(e[i]))
     n.push(r.segment);
   return t.set(i, n), n;
 }
-function wr(i, e, t) {
+function Dr(i, e, t) {
   return t > e && i[t - 1] === "soft-hyphen";
 }
-function qe(i, e, t, n) {
+function Ke(i, e, t, n) {
   for (let s = t; s < n; s++)
     i += e[s];
   return i;
 }
-function Dr(i) {
-  let e = Ge.get(i);
-  return e !== void 0 || (e = /* @__PURE__ */ new Map(), Ge.set(i, e)), e;
+function Br(i) {
+  let e = je.get(i);
+  return e !== void 0 || (e = /* @__PURE__ */ new Map(), je.set(i, e)), e;
 }
-function Br(i, e, t, n, s, r) {
+function kr(i, e, t, n, s, r) {
   let o = "";
-  const a = wr(i.kinds, t, s);
+  const a = Dr(i.kinds, t, s);
   for (let l = t; l < s; l++)
     if (!(i.kinds[l] === "soft-hyphen" || i.kinds[l] === "hard-break"))
       if (l === t && n > 0) {
-        const c = je(l, i.segments, e);
-        o = qe(o, c, n, c.length);
+        const c = qe(l, i.segments, e);
+        o = Ke(o, c, n, c.length);
       } else
         o += i.segments[l];
   if (r > 0) {
     a && (o += "-");
-    const l = je(s, i.segments, e);
-    o = qe(o, l, t === s ? n : 0, r);
+    const l = qe(s, i.segments, e);
+    o = Ke(o, l, t === s ? n : 0, r);
   } else a && (o += "-");
   return o;
 }
 let re = null;
-function Hn() {
+function In() {
   return re === null && (re = new Intl.Segmenter(void 0, { granularity: "grapheme" })), re;
 }
-function kr(i) {
+function Lr(i) {
   return {
     widths: [],
     lineEndFitAdvances: [],
@@ -3882,7 +3890,7 @@ function kr(i) {
     segments: []
   };
 }
-function Lr(i, e) {
+function Tr(i, e) {
   const t = [];
   let n = [], s = 0, r = !1, o = !1, a = !1;
   function l() {
@@ -3899,13 +3907,13 @@ function Lr(i, e) {
     const x = me(h);
     h.length === 1 && ht.has(h) ? o = o || x : o = x, a = !1;
   }
-  for (const h of Hn().segment(i)) {
+  for (const h of In().segment(i)) {
     const u = h.segment, x = st(u);
     if (n.length === 0) {
       c(u, h.index, x);
       continue;
     }
-    if (a || ve.has(u) || ht.has(u) || e.carryCJKAfterClosingQuote && x && o) {
+    if (a || Me.has(u) || ht.has(u) || e.carryCJKAfterClosingQuote && x && o) {
       d(u, x);
       continue;
     }
@@ -3917,7 +3925,7 @@ function Lr(i, e) {
   }
   return l(), t;
 }
-function Tr(i, e, t) {
+function Or(i, e, t) {
   if (e.length <= 1)
     return e;
   const n = [];
@@ -3941,28 +3949,28 @@ function Tr(i, e, t) {
   }
   for (let l = 0; l < e.length; l++) {
     const c = e[l];
-    s >= 0 && !Ln(e[l - 1].text, t) && a(l), s < 0 && (s = l), r = r || st(c.text);
+    s >= 0 && !Tn(e[l - 1].text, t) && a(l), s < 0 && (s = l), r = r || st(c.text);
   }
   return a(e.length), n;
 }
-function Ke(i, e) {
+function Ve(i, e) {
   if (e === "zero-width-break" || e === "soft-hyphen" || e === "hard-break")
     return 0;
   if (e === "tab")
     return 1;
   let t = 0;
-  const n = Hn();
+  const n = In();
   for (const s of n.segment(i))
     t++;
   return t;
 }
-function Or(i, e, t) {
+function Pr(i, e, t) {
   return e > 1 ? i + (e - 1) * t : i;
 }
-function Pr(i, e, t, n, s) {
-  const r = Qt(), { cache: o, emojiCorrection: a } = gr(e, dr(i.normalized)), l = lt("-", ot("-", o), a) + (s === 0 ? 0 : s * 2), d = lt(" ", ot(" ", o), a) * 8, h = s !== 0;
+function Rr(i, e, t, n, s) {
+  const r = Qt(), { cache: o, emojiCorrection: a } = pr(e, hr(i.normalized)), l = lt("-", ot("-", o), a) + (s === 0 ? 0 : s * 2), d = lt(" ", ot(" ", o), a) * 8, h = s !== 0;
   if (i.len === 0)
-    return kr();
+    return Lr();
   const u = [], x = [], f = [], p = [];
   let g = i.chunks.length <= 1 && !h;
   const E = t ? [] : null, y = [], F = [], C = t ? [] : null, A = Array.from({ length: i.len });
@@ -3970,11 +3978,11 @@ function Pr(i, e, t, n, s) {
     I !== "text" && I !== "space" && I !== "zero-width-break" && (g = !1), u.push(b), x.push(L), f.push(T), p.push(I), E == null || E.push(M), y.push(k), h && F.push(B), C !== null && C.push(D);
   }
   function N(D, b, L, T, I) {
-    const M = ot(D, o), k = h ? Ke(D, b) : 0, B = Or(lt(D, M, a), k, s), R = b === "space" || b === "preserved-space" || b === "zero-width-break" ? 0 : B, W = R === 0 ? 0 : R + (k > 0 ? s : 0), Y = b === "space" || b === "zero-width-break" ? 0 : B;
+    const M = ot(D, o), k = h ? Ve(D, b) : 0, B = Pr(lt(D, M, a), k, s), R = b === "space" || b === "preserved-space" || b === "zero-width-break" ? 0 : B, W = R === 0 ? 0 : R + (k > 0 ? s : 0), Y = b === "space" || b === "zero-width-break" ? 0 : B;
     if (I && T && D.length > 1) {
       let U = "sum-graphemes";
       s !== 0 ? U = "segment-prefixes" : jt(D) ? U = "pair-context" : r.preferPrefixWidthsForBreakableRuns && (U = "segment-prefixes");
-      const V = fr(D, M, o, a, U);
+      const V = gr(D, M, o, a, U);
       S(D, B, W, Y, b, L, V, k);
       return;
     }
@@ -3992,12 +4000,12 @@ function Pr(i, e, t, n, s) {
       continue;
     }
     if (T === "tab") {
-      S(b, 0, 0, 0, T, I, null, h ? Ke(b, T) : 0);
+      S(b, 0, 0, 0, T, I, null, h ? Ve(b, T) : 0);
       continue;
     }
     const M = ot(b, o);
     if (T === "text" && M.containsCJK) {
-      const k = Lr(b, r), B = n === "keep-all" ? Tr(b, k, r.breakKeepAllAfterPunctuation) : k;
+      const k = Tr(b, r), B = n === "keep-all" ? Or(b, k, r.breakKeepAllAfterPunctuation) : k;
       for (let R = 0; R < B.length; R++) {
         const W = B[R];
         N(W.text, "text", I + W.start, L, n === "keep-all" || !st(W.text));
@@ -4006,7 +4014,7 @@ function Pr(i, e, t, n, s) {
     }
     N(b, T, I, L, !0);
   }
-  const v = Rr(i.chunks, A, u.length), w = E === null ? null : ai(i.normalized, E);
+  const v = Hr(i.chunks, A, u.length), w = E === null ? null : ci(i.normalized, E);
   return C !== null ? {
     widths: u,
     lineEndFitAdvances: x,
@@ -4036,7 +4044,7 @@ function Pr(i, e, t, n, s) {
     chunks: v
   };
 }
-function Rr(i, e, t) {
+function Hr(i, e, t) {
   const n = [];
   for (let s = 0; s < i.length; s++) {
     const r = i[s], o = r.startSegmentIndex < e.length ? e[r.startSegmentIndex] : t, a = r.endSegmentIndex < e.length ? e[r.endSegmentIndex] : t, l = r.consumedEndSegmentIndex < e.length ? e[r.consumedEndSegmentIndex] : t;
@@ -4048,16 +4056,16 @@ function Rr(i, e, t) {
   }
   return n;
 }
-function Hr(i, e, t, n) {
-  const s = (n == null ? void 0 : n.wordBreak) ?? "normal", r = (n == null ? void 0 : n.letterSpacing) ?? 0, o = sr(i, Qt(), n == null ? void 0 : n.whiteSpace, s);
-  return Pr(o, e, t, s, r);
+function Ir(i, e, t, n) {
+  const s = (n == null ? void 0 : n.wordBreak) ?? "normal", r = (n == null ? void 0 : n.letterSpacing) ?? 0, o = ir(i, Qt(), n == null ? void 0 : n.whiteSpace, s);
+  return Rr(o, e, t, s, r);
 }
-function In(i, e, t) {
-  return Hr(i, e, !0, t);
+function zn(i, e, t) {
+  return Ir(i, e, !0, t);
 }
-function Ir(i, e, t, n, s, r, o) {
+function zr(i, e, t, n, s, r, o) {
   return {
-    text: Br(i, e, n, s, r, o),
+    text: kr(i, e, n, s, r, o),
     width: t,
     start: {
       segmentIndex: n,
@@ -4069,16 +4077,16 @@ function Ir(i, e, t, n, s, r, o) {
     }
   };
 }
-function zn(i, e, t) {
+function _n(i, e, t) {
   const n = [];
   if (i.widths.length === 0)
     return { lineCount: 0, height: 0, lines: n };
-  const s = Dr(i), r = Mr(i, e, (o, a, l, c, d) => {
-    n.push(Ir(i, s, o, a, l, c, d));
+  const s = Br(i), r = br(i, e, (o, a, l, c, d) => {
+    n.push(zr(i, s, o, a, l, c, d));
   });
   return { lineCount: r, height: r * t, lines: n };
 }
-function zr(i, e, t = "box") {
+function _r(i, e, t = "box") {
   if (!i) {
     i = O("g"), i.setAttribute("data-annotation", `${e}`), i.setAttribute("data-annotation-type", t), i.classList.add(`annotation-${t}`);
     const n = O("rect");
@@ -4086,16 +4094,16 @@ function zr(i, e, t = "box") {
   }
   return i;
 }
-function _n(i, e, t, n) {
-  const s = e.id, r = `class${s}`, o = K(e), a = zr(t, s, e.properties.type), { strokeColor: l, strokeWidth: c, strokeType: d, background: h, borderRadius: u, boxShadow: x } = e.properties.style || ss;
+function Un(i, e, t, n) {
+  const s = e.id, r = `class${s}`, o = K(e), a = _r(t, s, e.properties.type), { strokeColor: l, strokeWidth: c, strokeType: d, background: h, borderRadius: u, boxShadow: x } = e.properties.style || is;
   a.classList.add("annotation-box"), a.setAttribute("fill", `${h || "transparent"}`);
   const f = a.firstChild;
   u && (f.setAttribute("rx", `${u}`), f.setAttribute("ry", `${u}`)), d && d !== "none" && (f.setAttribute("stroke", l || "black"), f.setAttribute("stroke-width", `${c}`), d === "dashed" && f.setAttribute("stroke-dasharray", "5,5")), h && h.length && (n.hoveredFeature === e.id ? f.setAttribute("fill", Pt(h)) : f.setAttribute("fill", h));
   const p = fe(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), x ? a.style.filter = `drop-shadow(${x})` : 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 _r = Hs(), Ve = kn();
-function Ur(i, e, t, n, s = !1) {
+const Ur = Is(), Ze = Ln();
+function Wr(i, e, t, n, s = !1) {
   const { width: r, height: o } = K(e), {
     color: a = j.color,
     strokeColor: l = j.strokeColor,
@@ -4104,7 +4112,7 @@ function Ur(i, e, t, n, s = !1) {
     background: h = j.background,
     borderRadius: u = j.borderRadius,
     fixedSize: x = j.fixedSize
-  } = e.properties.style || j, f = _n(i, e, t, n);
+  } = e.properties.style || j, f = Un(i, e, t, n);
   f.setAttribute("data-annotation-type", e.properties.type), f.classList.add("annotation-text"), f.setAttribute("fill", `${a}`);
   let p = f.firstChild;
   for (; p; ) {
@@ -4116,28 +4124,28 @@ function Ur(i, e, t, n, s = !1) {
   const E = -r / 2, y = -o / 2;
   u && (g.setAttribute("rx", `${u}`), g.setAttribute("ry", `${u}`)), d && d !== "none" && (g.setAttribute("stroke", l || "black"), g.setAttribute("stroke-width", `${c}`), d === "dashed" && g.setAttribute("stroke-dasharray", "5,5")), h && h.length && (n.hoveredFeature === e.id ? g.setAttribute("fill", Pt(h)) : g.setAttribute("fill", h)), g.setAttribute("width", `${r}`), g.setAttribute("height", `${o}`);
   const F = Z(e);
-  return g.setAttribute("x", `${E}`), g.setAttribute("y", `${y}`), Xr(e, f, E, y, n, s), f.setAttribute(
+  return g.setAttribute("x", `${E}`), g.setAttribute("y", `${y}`), Gr(e, f, E, y, n, s), f.setAttribute(
     "transform",
     n.getScreenAlignedTransform(F.x, F.y, !x)
   ), i.appendChild(f), f;
 }
-let At = null;
-const Ze = /* @__PURE__ */ new Map();
-function Je(i, e) {
-  const t = `${i}|${e}`, n = Ze.get(t);
+let Nt = null;
+const Je = /* @__PURE__ */ new Map();
+function Qe(i, e) {
+  const t = `${i}|${e}`, n = Je.get(t);
   if (n != null) return n;
   try {
     const s = document.createElement("div"), r = document.createElement("span");
     s.style.cssText = `font:${i};line-height:${e}px;position:fixed;left:-9999px;top:0;margin:0;padding:0;visibility:hidden;`, r.style.cssText = "display:inline-block;width:1px;height:1px;vertical-align:baseline;", s.appendChild(r), document.body.appendChild(s);
     const o = r.getBoundingClientRect().bottom - s.getBoundingClientRect().top;
     if (document.body.removeChild(s), o > 0 && o <= e)
-      return Ze.set(t, o), o;
+      return Je.set(t, o), o;
   } catch {
   }
   try {
-    if (At || (At = document.createElement("canvas").getContext("2d")), At) {
-      At.font = i;
-      const s = At.measureText("M"), r = s.fontBoundingBoxAscent, o = s.fontBoundingBoxDescent;
+    if (Nt || (Nt = document.createElement("canvas").getContext("2d")), Nt) {
+      Nt.font = i;
+      const s = Nt.measureText("M"), r = s.fontBoundingBoxAscent, o = s.fontBoundingBoxDescent;
       if (r != null && o != null)
         return Math.max(0, (e - r - o) / 2) + r;
     }
@@ -4151,7 +4159,7 @@ const _t = {
   color: "#8a8a8a",
   fontWeight: "normal"
 };
-function Un(i, e) {
+function Wn(i, e) {
   return {
     font: (i == null ? void 0 : i.font) ?? (e == null ? void 0 : e.font) ?? _t.font,
     fontSize: (i == null ? void 0 : i.fontSize) ?? (e == null ? void 0 : e.fontSize) ?? _t.fontSize,
@@ -4159,22 +4167,22 @@ function Un(i, e) {
     fontWeight: (i == null ? void 0 : i.fontWeight) ?? (e == null ? void 0 : e.fontWeight) ?? _t.fontWeight
   };
 }
-const Wr = 4;
-function $r(i, e, t = !1) {
+const $r = 4;
+function Yr(i, e, t = !1) {
   var u, x, f, p, g;
   const n = (u = i.properties.author) == null ? void 0 : u.trim();
   if (((x = i.properties.style) == null ? void 0 : x.showAuthor) !== !0 || !n) return 0;
   const {
     fixedSize: s = j.fixedSize,
     padding: r = 0
-  } = i.properties.style || {}, o = Un(
+  } = i.properties.style || {}, o = Wn(
     (f = i.properties.style) == null ? void 0 : f.authorStyle,
     (p = e == null ? void 0 : e.options) == null ? void 0 : p.authorStyle
   ), a = Xt(o.fontSize, void 0), l = s ? 1 : (e == null ? void 0 : e.zoom) ?? 1, c = ((g = e == null ? void 0 : e.options) == null ? void 0 : g.minReadableFontSize) ?? 0;
   return !t && c > 0 && a * l < c ? 0 : r + a * Tt;
 }
-function Qe(i) {
-  const e = [], t = _r;
+function tn(i) {
+  const e = [], t = Ur;
   t.lastIndex = 0;
   let n = 0, s = "", r;
   for (; (r = t.exec(i)) !== null; ) {
@@ -4184,31 +4192,31 @@ function Qe(i) {
   }
   return s += i.slice(n), { measureText: s, links: e };
 }
-function tn(i) {
+function en(i) {
   if (i.length === 0)
-    return { pattern: Ve, hrefByToken: null };
-  const e = new Map(i.map((n) => [n.token, n.href])), t = i.map((n) => Is(n.token));
-  return t.push(Ve.source), { pattern: new RegExp(t.join("|"), "g"), hrefByToken: e };
+    return { pattern: Ze, hrefByToken: null };
+  const e = new Map(i.map((n) => [n.token, n.href])), t = i.map((n) => zs(n.token));
+  return t.push(Ze.source), { pattern: new RegExp(t.join("|"), "g"), hrefByToken: e };
 }
-function en(i, e, t) {
+function nn(i, e, t) {
   const { pattern: n, hrefByToken: s } = t;
   n.lastIndex = 0;
   let r = 0, o;
   for (; (o = n.exec(e)) !== null; ) {
     o.index > r && i.appendChild(document.createTextNode(e.slice(r, o.index)));
     const a = s == null ? void 0 : s.get(o[0]), l = a ?? o[0], c = a !== void 0 ? o[0].replace(/ /g, " ") : o[0], d = document.createElementNS("http://www.w3.org/2000/svg", "a");
-    d.setAttribute("href", l), d.setAttribute("target", "_blank"), d.setAttribute("rel", "noopener noreferrer"), d.setAttribute("class", Ae), d.textContent = c, i.appendChild(d), r = o.index + o[0].length;
+    d.setAttribute("href", l), d.setAttribute("target", "_blank"), d.setAttribute("rel", "noopener noreferrer"), d.setAttribute("class", Ne), d.textContent = c, i.appendChild(d), r = o.index + o[0].length;
   }
   r < e.length && i.appendChild(document.createTextNode(e.slice(r)));
 }
-function Yr(i, e, t) {
-  const n = In(i, e, {
+function Xr(i, e, t) {
+  const n = zn(i, e, {
     whiteSpace: "pre-wrap",
     wordBreak: "normal"
-  }), { lines: s } = zn(n, t, 1e6);
+  }), { lines: s } = _n(n, t, 1e6);
   return s.length === 0 ? "" : s.length === 1 ? s[0].text : s[0].text.trimEnd() + "…";
 }
-function Xr(i, e, t = 0, n = 0, s, r = !1) {
+function Gr(i, e, t = 0, n = 0, s, r = !1) {
   var k, B, R, W, Y;
   const { width: o, height: a } = K(i), {
     fontSize: l = j.fontSize,
@@ -4219,12 +4227,12 @@ function Xr(i, e, t = 0, n = 0, s, r = !1) {
     fixedSize: x = j.fixedSize
   } = i.properties.style || {};
   if (o === a && o === 0) return;
-  const f = Xt(l, h), p = f * Tt, g = `${u === "bold" ? "bold " : ""}${f}px ${c}`.replace(/(px)+/g, "px"), E = o - d * 2, y = x ? 1 : (s == null ? void 0 : s.zoom) ?? 1, F = ((k = s == null ? void 0 : s.options) == null ? void 0 : k.minReadableFontSize) ?? 0, C = !r && F > 0, A = C && f * y < F, S = (B = i.properties.author) == null ? void 0 : B.trim(), N = ((R = i.properties.style) == null ? void 0 : R.showAuthor) === !0 && !!S, v = N ? Un((W = i.properties.style) == null ? void 0 : W.authorStyle, (Y = s == null ? void 0 : s.options) == null ? void 0 : Y.authorStyle) : null, w = v ? Xt(v.fontSize, void 0) : 0, D = C && w * y < F, b = N && !D, L = b ? w * Tt : 0, T = b ? L + Wr : 0, I = a - d - T, M = i.properties.content || "";
+  const f = Xt(l, h), p = f * Tt, g = `${u === "bold" ? "bold " : ""}${f}px ${c}`.replace(/(px)+/g, "px"), E = o - d * 2, y = x ? 1 : (s == null ? void 0 : s.zoom) ?? 1, F = ((k = s == null ? void 0 : s.options) == null ? void 0 : k.minReadableFontSize) ?? 0, C = !r && F > 0, A = C && f * y < F, S = (B = i.properties.author) == null ? void 0 : B.trim(), N = ((R = i.properties.style) == null ? void 0 : R.showAuthor) === !0 && !!S, v = N ? Wn((W = i.properties.style) == null ? void 0 : W.authorStyle, (Y = s == null ? void 0 : s.options) == null ? void 0 : Y.authorStyle) : null, w = v ? Xt(v.fontSize, void 0) : 0, D = C && w * y < F, b = N && !D, L = b ? w * Tt : 0, T = b ? L + $r : 0, I = a - d - T, M = i.properties.content || "";
   if (M.length > 0 && !A) {
-    const { measureText: U, links: V } = Qe(M), ct = tn(V), Ht = In(U, g, {
+    const { measureText: U, links: V } = tn(M), ct = en(V), Ht = zn(U, g, {
       whiteSpace: "pre-wrap",
       wordBreak: "normal"
-    }), { lines: xt } = zn(Ht, E, p), ft = Math.max(1, Math.floor(I / p)), X = xt.slice(0, ft);
+    }), { lines: xt } = _n(Ht, E, p), ft = Math.max(1, Math.floor(I / p)), X = xt.slice(0, ft);
     if (xt.length > ft && X.length > 0) {
       const It = X[X.length - 1];
       X[X.length - 1] = {
@@ -4237,17 +4245,17 @@ function Xr(i, e, t = 0, n = 0, s, r = !1) {
       "transform",
       `translate(${t + d}, ${n + d})`
     );
-    const gt = Je(g, p);
-    X.forEach((It, qn) => {
+    const gt = Qe(g, p);
+    X.forEach((It, Kn) => {
       const zt = O("tspan");
-      zt.setAttribute("x", "0"), zt.setAttribute("y", `${gt + qn * p}`), en(zt, It.text, ct), it.appendChild(zt);
+      zt.setAttribute("x", "0"), zt.setAttribute("y", `${gt + Kn * p}`), nn(zt, It.text, ct), it.appendChild(zt);
     }), e.appendChild(it);
   }
   if (b && v) {
     const U = `${v.fontWeight === "bold" ? "bold " : ""}${w}px ${v.font}`.replace(
       /(px)+/g,
       "px"
-    ), V = o - d * 2, { measureText: ct, links: Ht } = Qe(S), xt = tn(Ht), ft = Yr(
+    ), V = o - d * 2, { measureText: ct, links: Ht } = tn(S), xt = en(Ht), ft = Xr(
       ct,
       U,
       V
@@ -4256,11 +4264,11 @@ function Xr(i, e, t = 0, n = 0, s, r = !1) {
     const it = n + a - d - L;
     X.setAttribute("transform", `translate(${t + d}, ${it})`);
     const gt = O("tspan");
-    gt.setAttribute("x", "0"), gt.setAttribute("dy", `${Je(U, L)}`), en(gt, ft, xt), X.appendChild(gt), e.appendChild(X);
+    gt.setAttribute("x", "0"), gt.setAttribute("dy", `${Qe(U, L)}`), nn(gt, ft, xt), X.appendChild(gt), e.appendChild(X);
   }
 }
-const Gr = 24, jr = 4, qr = 16, Kr = 50;
-class Vr {
+const jr = 24, qr = 4, Kr = 16, Vr = 50;
+class Zr {
   constructor(e, t, n, s = () => {
   }) {
     m(this, "layer");
@@ -4312,7 +4320,7 @@ class Vr {
         // Non-fixedSize annotations live in graph space and scale naturally.
         scaled: !this.fixedSize
       },
-      Ee.EDITOR
+      Ae.EDITOR
     ), this.layer.moveToTop(), this.textarea = this.layer.element.querySelector("textarea"), this.textarea.setAttribute("wrap", "on"), this.textarea.setAttribute("spellcheck", "false"), this.textarea.value = r.properties.content || "", a && (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(
       (C) => ({
         rotation: C.rotation,
@@ -4334,7 +4342,7 @@ class Vr {
   getPosition() {
     const e = this.getAnnotation();
     if (!e) return { x: 0, y: 0 };
-    const t = e.properties.style, n = t == null ? void 0 : t.maxHeight, s = this.store.getState().zoom, r = nn(e), [o, a] = e.geometry.coordinates, l = e.properties.width;
+    const t = e.properties.style, n = t == null ? void 0 : t.maxHeight, s = this.store.getState().zoom, r = sn(e), [o, a] = e.geometry.coordinates, l = e.properties.width;
     let c = e.properties.height;
     n && (c = Math.min(c, n));
     const d = this.fixedSize ? 1 / s : 1;
@@ -4346,10 +4354,10 @@ class Vr {
   getSize() {
     const e = this.getAnnotation();
     if (!e) return { width: 0, height: 0 };
-    const t = K(e), n = nn(e), s = e.properties.style, r = s == null ? void 0 : s.maxHeight;
+    const t = K(e), n = sn(e), s = e.properties.style, r = s == null ? void 0 : s.maxHeight;
     let o = t.height - n * 2;
     r && (o = Math.min(o, r - n * 2));
-    const a = $r(
+    const a = Yr(
       e,
       this.store.getState()
     );
@@ -4379,13 +4387,13 @@ class Vr {
     }
     const F = u.style;
     if (F.fontFamily = n || "sans-serif", F.fontWeight = h || "normal", F.fontSize = `${g}px`, F.lineHeight = `${g * Tt}px`, F.padding = "0", F.border = "none", F.outline = "none", F.boxSizing = "border-box", F.color = o || "black", F.background = "transparent", F.flex = "1", F.minHeight = "0", F.resize = "none", this.sendButton) {
-      const A = Gr * f, S = jr * f;
+      const A = jr * f, S = qr * f;
       this.sendButton.style.width = `${A}px`, this.sendButton.style.height = `${A}px`, this.sendButton.style.padding = `${S}px`, this.sendButton.style.transform = "";
       const N = this.sendButton.querySelector(
         ".ogma-send-button-icon"
       );
       if (N) {
-        const v = qr * f;
+        const v = Kr * f;
         N.style.width = `${v}px`, N.style.height = `${v}px`;
       }
     }
@@ -4408,7 +4416,7 @@ class Vr {
       this.textarea.style.height = "0px";
       const h = this.textarea.scrollHeight;
       this.textarea.style.height = d;
-      const u = ((a = e.properties.style) == null ? void 0 : a.padding) || 0, x = this.sendButton ? parseFloat(this.sendButton.style.height || "0") : 0, f = h + u * 2 + x, p = ((l = e.properties.style) == null ? void 0 : l.minHeight) || Kr;
+      const u = ((a = e.properties.style) == null ? void 0 : a.padding) || 0, x = this.sendButton ? parseFloat(this.sendButton.style.height || "0") : 0, f = h + u * 2 + x, p = ((l = e.properties.style) == null ? void 0 : l.minHeight) || Vr;
       t = Math.max(p, f);
       const g = (c = e.properties.style) == null ? void 0 : c.maxHeight, E = e.properties.height, y = t - E;
       if (!H(e) && Math.abs(y) > 1) {
@@ -4447,21 +4455,21 @@ class Vr {
     this.store.getState().commitLiveUpdates(/* @__PURE__ */ new Set([this.annotation])), this.unsubscribe(), this.sendButton && this.sendButton.removeEventListener("click", this.onSendClick), this.layer.destroy();
   }
 }
-function nn(i) {
+function sn(i) {
   var e;
   return ((e = i.properties.style) == null ? void 0 : e.strokeWidth) || 0;
 }
-const sn = { x: 1, y: 0 }, rn = { x: 0, y: 1 }, Zr = [
-  ["top", rn, -0.5, -0.5, 0.5, -0.5],
-  ["right", sn, 0.5, -0.5, 0.5, 0.5],
-  ["bottom", rn, -0.5, 0.5, 0.5, 0.5],
-  ["left", sn, -0.5, -0.5, -0.5, 0.5]
-], Jr = {
+const rn = { x: 1, y: 0 }, on = { x: 0, y: 1 }, Jr = [
+  ["top", on, -0.5, -0.5, 0.5, -0.5],
+  ["right", rn, 0.5, -0.5, 0.5, 0.5],
+  ["bottom", on, -0.5, 0.5, 0.5, 0.5],
+  ["left", rn, -0.5, -0.5, -0.5, 0.5]
+], Qr = {
   top: [0, 1],
   right: [1, 2],
   bottom: [2, 3],
   left: [3, 0]
-}, on = [
+}, an = [
   [-0.5, -0.5],
   // top-left (index 0)
   [0.5, -0.5],
@@ -4470,7 +4478,7 @@ const sn = { x: 1, y: 0 }, rn = { x: 0, y: 1 }, Zr = [
   // bottom-right (index 2)
   [-0.5, 0.5]
   // bottom-left (index 3)
-], Qr = [
+], to = [
   z.nwResize,
   // top-left (0)
   z.neResize,
@@ -4479,7 +4487,7 @@ const sn = { x: 1, y: 0 }, rn = { x: 0, y: 1 }, Zr = [
   // bottom-right (2)
   z.swResize
   // bottom-left (3)
-], to = 100, eo = 50;
+], eo = 100, no = 50;
 class oe extends Kt {
   constructor(t, n, s) {
     super(t, n);
@@ -4497,7 +4505,7 @@ class oe extends Kt {
     m(this, "onClick", (t) => {
       if (wt(t.target ?? null)) return;
       const n = this.getAnnotation();
-      if (n) {
+      if (n && this.store.getState().options.isEditable(n)) {
         if (H(n) && n.properties.mode === Dt) {
           this.store.getState().updateFeature(n.id, {
             properties: {
@@ -4525,13 +4533,13 @@ class oe extends Kt {
     var C;
     const s = this.getAnnotation(), { x: r, y: o } = this.clientToCanvas(t);
     let { width: a, height: l } = K(s);
-    const c = ye / n, d = Z(s), h = this.store.getState();
+    const c = Ee / n, d = Z(s), h = this.store.getState();
     let { revSin: u, revCos: x } = h;
     (G(s) || H(s)) && (u = 0, x = 1), this.hoveredHandle = void 0;
-    const f = os * (1 / n), p = r - d.x, g = o - d.y, E = p * x - g * u, y = p * u + g * x, F = ((C = s.properties.style) == null ? void 0 : C.fixedSize) === !0 || H(s);
+    const f = as * (1 / n), p = r - d.x, g = o - d.y, E = p * x - g * u, y = p * u + g * x, F = ((C = s.properties.style) == null ? void 0 : C.fixedSize) === !0 || H(s);
     if (F && (a /= n, l /= n), !F) {
-      for (let A = 0; A < on.length; A++) {
-        const [S, N] = on[A], v = a * S, w = l * N;
+      for (let A = 0; A < an.length; A++) {
+        const [S, N] = an[A], v = a * S, w = l * N;
         if (E >= v - f - c && E <= v + f + c && y >= w - f - c && y <= w + f + c) {
           this.hoveredHandle = {
             type: "corner",
@@ -4540,10 +4548,10 @@ class oe extends Kt {
           return;
         }
       }
-      for (const [A, S, N, v, w, D] of Zr) {
+      for (const [A, S, N, v, w, D] of Jr) {
         const b = a * N, L = l * v, T = a * w, I = l * D, M = Ot(S, { x: E - b, y: y - L });
         if (Math.abs(M) < c && E >= b - c && E <= T + c && y >= L - c && y <= I + c) {
-          this.hoveredHandle = { type: "edge", edge: A, corner: -1 }, this.store.setState({ hoveredHandle: Jr[A][0] + 4, hoveredFeature: this.annotation }), this.setCursor(this.getEdgeCursor(A));
+          this.hoveredHandle = { type: "edge", edge: A, corner: -1 }, this.store.setState({ hoveredHandle: Qr[A][0] + 4, hoveredFeature: this.annotation }), this.setCursor(this.getEdgeCursor(A));
           return;
         }
       }
@@ -4562,7 +4570,7 @@ class oe extends Kt {
       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" && (Ne(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" && (Ce(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(qt, {
         detail: {
           point: s,
@@ -4583,8 +4591,8 @@ class oe extends Kt {
     if (!(a != null && a.scaleFontOnResize) || n <= 0 || s <= 0 || r <= 0 || o <= 0)
       return a;
     const l = Math.sqrt(r / n * (o / s)), c = Math.min(
-      is,
-      Math.max(rs, (a.fontScale ?? 1) * l)
+      rs,
+      Math.max(os, (a.fontScale ?? 1) * l)
     );
     return { ...a, fontScale: c };
   }
@@ -4679,7 +4687,7 @@ class oe extends Kt {
     const n = this.getAnnotation();
     if (!n || !(G(n) || _(n)) || (l = n.properties.style) != null && l.fixedSize || n.properties.width > 0 && n.properties.height > 0)
       return;
-    const s = (t == null ? void 0 : t.width) ?? to, r = (t == null ? void 0 : t.height) ?? eo, [o, a] = n.geometry.coordinates;
+    const s = (t == null ? void 0 : t.width) ?? eo, r = (t == null ? void 0 : t.height) ?? no, [o, a] = n.geometry.coordinates;
     this.store.getState().updateFeature(n.id, {
       properties: { ...n.properties, width: s, height: r },
       geometry: {
@@ -4689,7 +4697,7 @@ class oe extends Kt {
     });
   }
   startEditingText() {
-    this.textEditor === null && (this.store.setState({ editingFeature: this.annotation }), this.textEditor = new Vr(
+    this.textEditor === null && (this.store.setState({ editingFeature: this.annotation }), this.textEditor = new Zr(
       this.ogma,
       this.store,
       this.annotation,
@@ -4714,7 +4722,7 @@ class oe extends Kt {
     return this.hoveredHandle = void 0, this.dragStartPoint = void 0, this.dragging = !1, !0;
   }
   getCornerCursor(t) {
-    return Qr[t];
+    return to[t];
   }
   getEdgeCursor(t) {
     switch (t) {
@@ -4749,7 +4757,12 @@ class oe extends Kt {
       corner: 2
     }, this.store.setState({ hoveredHandle: 2, hoveredFeature: this.annotation }), this.dragging = !0;
     const o = this.ogma.view.graphToScreenCoordinates({ x: n, y: s });
-    this.dragStartPoint = o, this.disablePanning(), this.onDragStart({ clientX: o.x, clientY: o.y });
+    this.dragStartPoint = o, this.disablePanning();
+    const a = ye(o, this.ogma.getContainer());
+    this.onDragStart({
+      clientX: a.x,
+      clientY: a.y
+    });
   }
   setAnnotation(t) {
     t && H(t) && (this.justActivated = !0), super.setAnnotation(t), t && H(t) && t.properties.mode === Dt && this.store.getState().updateFeature(t.id, {
@@ -4760,8 +4773,8 @@ class oe extends Kt {
     });
   }
 }
-const Wn = "mousedown-annotation";
-class no extends EventTarget {
+const $n = "mousedown-annotation";
+class so extends EventTarget {
   constructor(t, n, s) {
     super();
     m(this, "query", {
@@ -4785,7 +4798,7 @@ class no extends EventTarget {
       this.store.setState({ isDragging: !1 });
     });
     m(this, "onMouseMove", (t) => {
-      const n = vt(
+      const n = yt(
         t,
         this.ogma.getContainer()
       ), s = this.store.getState();
@@ -4807,7 +4820,7 @@ class no extends EventTarget {
     // its own handle, even when that handle sits exactly on a node/edge.
     m(this, "onMouseDownArm", (t) => {
       if (Date.now() < this.suppressClickUntil || wt(t.target)) return;
-      const n = vt(
+      const n = yt(
         t,
         this.ogma.getContainer()
       ), { x: s, y: r } = this.ogma.view.screenToGraphCoordinates(n);
@@ -4824,7 +4837,7 @@ class no extends EventTarget {
         this.mouseDownState = null;
         return;
       }
-      const n = vt(
+      const n = yt(
         t,
         this.ogma.getContainer()
       ), { x: s, y: r } = this.ogma.view.screenToGraphCoordinates(n), o = this.detect(s, r), a = this.store.getState(), l = o ? a.selectedFeatures.has(o.id) : !1;
@@ -4840,7 +4853,7 @@ class no extends EventTarget {
           interactions: { pan: { enabled: !1 }, drag: { enabled: !1 } }
         });
       }
-      o && !l && (t.ctrlKey || t.metaKey ? a.toggleSelection(o.id) : a.setSelectedFeatures([o.id])), o && this.dispatchEvent(new CustomEvent(Wn, {
+      o && !l && (t.ctrlKey || t.metaKey ? a.toggleSelection(o.id) : a.setSelectedFeatures([o.id])), o && this.dispatchEvent(new CustomEvent($n, {
         detail: { id: o.id }
       }));
     });
@@ -4872,7 +4885,7 @@ class no extends EventTarget {
     m(this, "onWheel", (t) => {
       var h;
       if (t.target instanceof HTMLTextAreaElement) return;
-      const n = vt(
+      const n = yt(
         t,
         this.ogma.getContainer()
       ), { x: s, y: r } = this.ogma.view.screenToGraphCoordinates(n), o = this.detect(s, r);
@@ -4924,22 +4937,22 @@ class no extends EventTarget {
     for (const h of d) {
       const u = o.getFeature(h.id);
       if (Q(u)) {
-        if (pn(u, { x: t, y: n }, a)) {
+        if (mn(u, { x: t, y: n }, a)) {
           r = u;
           break;
         }
       } else if (G(u)) {
-        if (as(u, { x: t, y: n }, 0, 1, a)) {
+        if (cs(u, { x: t, y: n }, 0, 1, a)) {
           r = u;
           break;
         }
       } else if (J(u)) {
-        if (mn(u, { x: t, y: n }, a)) {
+        if (Sn(u, { x: t, y: n }, a)) {
           r = u;
           break;
         }
       } else if (H(u)) {
-        if (cs(
+        if (ls(
           u,
           { x: t, y: n },
           a,
@@ -4950,7 +4963,7 @@ class no extends EventTarget {
           r = u;
           break;
         }
-      } else if (_(u) && ls(
+      } else if (_(u) && ds(
         u,
         { x: t, y: n },
         a,
@@ -4987,7 +5000,7 @@ class no extends EventTarget {
     t && (t.removeEventListener("mousemove", this.onMouseMove, !0), t.removeEventListener("click", this.onMouseClick, !0), t.removeEventListener("mousedown", this.onMouseDownArm, !0), t.removeEventListener("mousedown", this.onMouseDown, !1), t.removeEventListener("mouseup", this.onMouseUp, !0), t.removeEventListener("wheel", this.onWheel, !0)), this.ogma.events.off(this.onNativeDragStart), this.ogma.events.off(this.onNativeDragEnd);
   }
 }
-class so extends EventTarget {
+class io extends EventTarget {
   constructor(t, n, s, r, o) {
     super();
     m(this, "handlers", /* @__PURE__ */ new Map());
@@ -4998,10 +5011,10 @@ class so extends EventTarget {
     m(this, "store");
     this.ogma = t, this.store = n, this.snapping = s, this.interaction = o, this.handlers.set("box", new oe(this.ogma, this.store, r)), this.handlers.set("text", new oe(this.ogma, this.store, r)), this.handlers.set("comment", new oe(this.ogma, this.store, r)), this.handlers.set(
       "arrow",
-      new ei(this.ogma, this.store, this.snapping, r)
+      new ni(this.ogma, this.store, this.snapping, r)
     ), this.handlers.set(
       "polygon",
-      new si(this.ogma, this.store, r)
+      new ii(this.ogma, this.store, r)
     ), this.handlers.forEach((a) => {
       a.addEventListener("dragstart", ((l) => {
         this.dispatchEvent(
@@ -5020,7 +5033,7 @@ class so extends EventTarget {
           })
         ), this.store.setState({ isDragging: !1 }), this.interaction.suppressClicksTemporarily();
       }));
-    }), this.interaction.addEventListener(Wn, ((a) => {
+    }), this.interaction.addEventListener($n, ((a) => {
       const l = a.detail.id, c = this.store.getState().features[l], d = c && this.handlers.get(c.properties.type);
       d && !d.isAnnotation(l) && this.editFeature(l);
     })), this.store.subscribe(
@@ -5044,7 +5057,13 @@ class so extends EventTarget {
   editFeature(t) {
     var s;
     const n = this.store.getState().features[t];
-    n && (this.setActiveHandler(n.properties.type), this.store.getState().options.isEditable(n) && ((s = this.activeHandler) == null || s.setAnnotation(n)));
+    if (n) {
+      if (this.setActiveHandler(n.properties.type), !this.store.getState().options.isEditable(n)) {
+        this.stopEditingFeature(t);
+        return;
+      }
+      (s = this.activeHandler) == null || s.setAnnotation(n);
+    }
   }
   getSnapping() {
     return this.snapping;
@@ -5064,7 +5083,7 @@ class so extends EventTarget {
   destroy() {
   }
 }
-function $n(i, e, t, n, s) {
+function Yn(i, e, t, n, s) {
   const r = e.get(n);
   if (!r) return;
   const o = s.side === q ? r.end : r.start;
@@ -5076,7 +5095,7 @@ function $n(i, e, t, n, s) {
 function Fe(i, e) {
   if (!e || e.targetType !== P.COMMENT) return;
   const t = i.getState().getFeature(e.target);
-  if (!(!t || !H(t)) && ds(t))
+  if (!(!t || !H(t)) && hs(t))
     return t;
 }
 function $t(i, e, t, n) {
@@ -5089,8 +5108,8 @@ function $t(i, e, t, n) {
   };
   t[i.id] = o, Lt(o), n.add(i.id);
 }
-const io = 0.5;
-class ro {
+const ro = 0.5;
+class oo {
   constructor(e, t) {
     m(this, "ogma");
     m(this, "store");
@@ -5135,11 +5154,11 @@ class ro {
     return this.getAnnotationSnapPoint(o, s, e, r.zoom);
   }
   getAnnotationCenter(e) {
-    return J(e) ? Mn(e) : Z(e);
+    return J(e) ? bn(e) : Z(e);
   }
   getAnnotationSnapPoint(e, t, n, s) {
     if (J(e)) {
-      const r = vn(e), o = n.magnet, a = r[0] + o.rx * (r[2] - r[0]), l = r[1] + o.ry * (r[3] - r[1]);
+      const r = Mn(e), o = n.magnet, a = r[0] + o.rx * (r[2] - r[0]), l = r[1] + o.ry * (r[3] - r[1]);
       return [a, l];
     }
     return this.getBoxSnapPoint(e, t, n, s);
@@ -5147,7 +5166,7 @@ class ro {
   getBoxSnapPoint(e, t, n, s) {
     var u;
     const r = Z(e);
-    let { width: o, height: a } = H(e) ? hs(e) : K(e);
+    let { width: o, height: a } = H(e) ? us(e) : K(e);
     (_(e) && ((u = e.properties.style) == null ? void 0 : u.fixedSize) || H(e)) && (o /= s, a /= s);
     const c = n.magnet;
     let d = c.nx * o, h = c.ny * a;
@@ -5159,7 +5178,7 @@ class ro {
   }
   getNodeSnapPoint(e, t, n) {
     if (n) return [e.x, e.y];
-    const s = Math.sqrt(t.x * t.x + t.y * t.y), r = nt(t, 1 / s), o = s < Number(e.radius) * io ? { x: e.x, y: e.y } : dt({ x: e.x, y: e.y }, nt(r, -Number(e.radius)));
+    const s = Math.sqrt(t.x * t.x + t.y * t.y), r = nt(t, 1 / s), o = s < Number(e.radius) * ro ? { x: e.x, y: e.y } : dt({ x: e.x, y: e.y }, nt(r, -Number(e.radius)));
     return [o.x, o.y];
   }
   getEdgeSnapPoint(e, t, n = !1) {
@@ -5191,10 +5210,10 @@ class ro {
     return n ? { x: h.x, y: h.y } : [h.x, h.y];
   }
 }
-function oo(i, e) {
+function ao(i, e) {
   return e === P.NODE ? { type: "node", center: i.x === 0 && i.y === 0 } : e === P.EDGE ? { type: "edge", t: i.x } : e === P.POLYGON ? { type: "polygon", rx: i.x, ry: i.y } : { type: "box", nx: i.x, ny: i.y };
 }
-class ao {
+class co {
   constructor(e, t, n) {
     m(this, "links", /* @__PURE__ */ new Map());
     m(this, "nodeToLink", /* @__PURE__ */ new Map());
@@ -5207,12 +5226,12 @@ class ao {
     this.ogma = e, this.store = t, this.onLinkCreated = n;
   }
   add(e, t, n, s, r, o = "absolute") {
-    const a = us(), l = e.id;
+    const a = xs(), l = e.id;
     let c = r;
     if (s === P.POLYGON && o === "absolute") {
       const x = this.store.getState().getFeature(n);
       if (x && J(x)) {
-        const f = vn(x), p = f[2] - f[0], g = f[3] - f[1], E = r.x - f[0], y = r.y - f[1], F = p > 0 ? E / p : 0.5, C = g > 0 ? y / g : 0.5;
+        const f = Mn(x), p = f[2] - f[0], g = f[3] - f[1], E = r.x - f[0], y = r.y - f[1], F = p > 0 ? E / p : 0.5, C = g > 0 ? y / g : 0.5;
         c = { x: F, y: C };
       }
     }
@@ -5221,7 +5240,7 @@ class ao {
       arrow: l,
       target: n,
       targetType: s,
-      magnet: oo(c, s),
+      magnet: ao(c, s),
       side: t
     };
     if (s === P.NODE && !this.ogma.getNode(n) || s === P.EDGE && !this.ogma.getEdge(n))
@@ -5301,8 +5320,8 @@ class ao {
     return a;
   }
 }
-const co = ["x", "y", "radius"], lo = 1, ho = 20;
-class uo {
+const lo = ["x", "y", "radius"], ho = 1, uo = 20;
+class xo {
   constructor(e, t, n, s, r) {
     m(this, "ogma");
     m(this, "store");
@@ -5390,7 +5409,7 @@ class uo {
         });
       }), t.size > 0 && this.update(t);
     });
-    m(this, "throttledRefresh", Fn(() => this.refresh(), ho));
+    m(this, "throttledRefresh", yn(() => this.refresh(), uo));
     m(this, "onAddRemoveEdges", (e) => {
       const t = e.edges;
       if (!t.size || !this.index.edgeToLink.size) return;
@@ -5488,7 +5507,7 @@ class uo {
         n.set(x, this.index.linksByArrowId.get(x)), s.set(x, this.index.linksByArrowId.get(x));
       });
     });
-    const o = e.getAttributes(co), a = this.store.getState(), l = {};
+    const o = e.getAttributes(lo), a = this.store.getState(), l = {};
     for (let c = 0; c < t.length; c++) {
       const d = t[c], h = this.index.nodeToLink.get(d);
       if (h)
@@ -5499,7 +5518,7 @@ class uo {
             C,
             nt($(E, y), -1),
             this.geometry.isLinkedToCenter(x)
-          ), S = $n(
+          ), S = Yn(
             this.index.links,
             this.index.linksByArrowId,
             this.store,
@@ -5613,7 +5632,7 @@ class uo {
     }), a;
   }
   requestCommit() {
-    this.commitBlocked() || (clearTimeout(this.commitTimeout), this.commitTimeout = setTimeout(this.commit, lo));
+    this.commitBlocked() || (clearTimeout(this.commitTimeout), this.commitTimeout = setTimeout(this.commit, ho));
   }
   // See `geoOverlayActive`'s doc comment - neither the getter nor the
   // delayed geoEnabled/geoDisabled-driven flag is safe to gate on alone;
@@ -5636,7 +5655,7 @@ class uo {
     clearTimeout(this.commitTimeout), this.nodePositionFrameHandler && this.ogma.events.off(this.nodePositionFrameHandler), this.ogma.events.off(this.onSetMultipleAttributes).off(this.onAddRemoveEdges).off(this.onRemoveNodes).off(this.refresh).off(this.onGeoModeChanged);
   }
 }
-class xo {
+class fo {
   constructor(e, t, n, s) {
     m(this, "registry");
     m(this, "geometry");
@@ -5650,7 +5669,7 @@ class xo {
       const n = this.registry.syncFromFeatureChange(e, t);
       n.size > 0 && this.sync.updateAndCommitSync(n);
     });
-    this.store = n, this.snapping = t, this.registry = new ao(e, n, s), this.geometry = new ro(e, n), this.sync = new uo(e, n, this.registry, this.geometry, this.updatedItems), this.store.subscribe((r) => r.features, this.onAddArrow);
+    this.store = n, this.snapping = t, this.registry = new co(e, n, s), this.geometry = new oo(e, n), this.sync = new xo(e, n, this.registry, this.geometry, this.updatedItems), this.store.subscribe((r) => r.features, this.onAddArrow);
   }
   /**
    * Called by handlers during drag operations to update linked arrows.
@@ -5701,7 +5720,7 @@ class xo {
       n[h.arrow] = {
         geometry: y
       }, this.updatedItems.add(h.arrow);
-      const F = $n(
+      const F = Yn(
         this.registry.links,
         this.registry.linksByArrowId,
         this.store,
@@ -5763,7 +5782,7 @@ class xo {
     this.sync.destroy();
   }
 }
-function fo(i, e, t, n, s = 20) {
+function go(i, e, t, n, s = 20) {
   let r = 0, o = 1 / 0, a = null;
   for (let l = 0; l <= s; l++) {
     const c = l / s, d = Gt.getPointOnQuadraticCurve(
@@ -5779,7 +5798,7 @@ function fo(i, e, t, n, s = 20) {
   }
   return a ? { t: r, point: a, distance: o } : null;
 }
-function go(i, e, t) {
+function po(i, e, t) {
   const n = t.x - e.x, s = t.y - e.y, r = n * n + s * s;
   if (r === 0)
     return {
@@ -5803,14 +5822,14 @@ function go(i, e, t) {
     distance: et($(a, i))
   };
 }
-function po(i, e, t) {
+function mo(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 c = e.get(l), d = r[l], h = a[2 * l], u = a[2 * l + 1];
     let x;
     if (d === 0 || d === void 0)
-      x = go(i, h, u);
+      x = po(i, h, u);
     else {
       const f = Gt.getQuadraticCurveControlPoint(
         h.x,
@@ -5819,7 +5838,7 @@ function po(i, e, t) {
         u.y,
         d
       );
-      x = fo(
+      x = go(
         i,
         h,
         u,
@@ -5835,7 +5854,7 @@ function po(i, e, t) {
   }
   return n;
 }
-function mo(i, e, t) {
+function So(i, e, t) {
   const n = e.getAttributes(["x", "y", "radius"]);
   for (let s = 0; s < n.length; s++) {
     const r = n[s], o = $({ x: r.x, y: r.y }, i), a = et(o);
@@ -5850,7 +5869,7 @@ function mo(i, e, t) {
   }
   return null;
 }
-function So(i, e) {
+function Fo(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];
@@ -5858,23 +5877,23 @@ function So(i, e) {
   }
   return t;
 }
-function Fo(i, e, t, n, s) {
+function yo(i, e, t, n, s) {
   const r = i * i, o = r * i, a = 1 - i, l = a * a, c = l * a;
   return {
     x: c * e.x + 3 * l * i * t.x + 3 * a * r * n.x + o * s.x,
     y: c * e.y + 3 * l * i * t.y + 3 * a * r * n.y + o * s.y
   };
 }
-function yo(i, e, t, n, s) {
+function Eo(i, e, t, n, s) {
   let r = 1 / 0, o = null;
   const a = 20;
   for (let l = 0; l <= a; l++) {
-    const c = l / a, d = Fo(c, e, t, n, s), h = et($(d, i));
+    const c = l / a, d = yo(c, e, t, n, s), h = et($(d, i));
     h < r && (r = h, o = d);
   }
   return o ? { point: o, distance: r } : null;
 }
-function Eo(i, e, t) {
+function Ao(i, e, t) {
   const n = e.geometry.coordinates[0];
   for (let s = 0; s < n.length - 1; s++) {
     const [r, o] = n[s];
@@ -5906,11 +5925,11 @@ function Eo(i, e, t) {
   }
   return null;
 }
-function Ao(i, e, t) {
+function No(i, e, t) {
   for (const s of e) {
     const o = s.geometry.coordinates[0].slice(0, -1);
     if (o.length < 3)
-      return Eo(i, s, t);
+      return Ao(i, s, t);
     for (let d = 0; d < o.length; d++) {
       const [h, u] = o[d];
       if (et($({ x: h, y: u }, i)) < t)
@@ -5921,10 +5940,10 @@ function Ao(i, e, t) {
           id: s.id
         };
     }
-    const a = So(i, o);
+    const a = Fo(i, o);
     let l = null, c = a ? 1 / 0 : t;
     for (let d = 0; d < o.length; d++) {
-      const h = o[(d - 1 + o.length) % o.length], u = o[d], x = o[(d + 1) % o.length], f = o[(d + 2) % o.length], p = u[0] + (x[0] - h[0]) / 6 * 0.5, g = u[1] + (x[1] - h[1]) / 6 * 0.5, E = x[0] - (f[0] - u[0]) / 6 * 0.5, y = x[1] - (f[1] - u[1]) / 6 * 0.5, F = yo(
+      const h = o[(d - 1 + o.length) % o.length], u = o[d], x = o[(d + 1) % o.length], f = o[(d + 2) % o.length], p = u[0] + (x[0] - h[0]) / 6 * 0.5, g = u[1] + (x[1] - h[1]) / 6 * 0.5, E = x[0] - (f[0] - u[0]) / 6 * 0.5, y = x[1] - (f[1] - u[1]) / 6 * 0.5, F = Eo(
         i,
         { x: u[0], y: u[1] },
         { x: p, y: g },
@@ -5954,7 +5973,7 @@ function Ao(i, e, t) {
   }
   return null;
 }
-const Yn = [
+const Xn = [
   { x: -0.5, y: -0.5 },
   { x: 0, y: -0.5 },
   { x: 0.5, y: -0.5 },
@@ -5965,7 +5984,7 @@ const Yn = [
   { x: 0.5, y: 0.5 },
   { x: 0, y: 0 }
   // center
-], No = [
+], Co = [
   [-0.5, -0.5, 0.5, -0.5],
   // top
   [0.5, -0.5, 0.5, 0.5],
@@ -5975,20 +5994,20 @@ const Yn = [
   [-0.5, 0.5, -0.5, -0.5]
   // left
 ];
-function an(i, e, t, n, s, r, o, a, l) {
+function cn(i, e, t, n, s, r, o, a, l) {
   const c = i * s, d = e * r;
   return l ? {
     x: t + (c * o - d * a),
     y: n + (c * a + d * o)
   } : { x: t + c, y: n + d };
 }
-function Co(i, e, t, n, s) {
+function vo(i, e, t, n, s) {
   var d;
   const r = Z(e);
   let { width: o, height: a } = K(e);
   const { sin: l, cos: c } = s.getState();
   (d = e.properties.style) != null && d.fixedSize && (o /= t, a /= t);
-  for (const h of Yn) {
+  for (const h of Xn) {
     let u = h.x * o, x = h.y * a;
     if (!G(e)) {
       const g = u * c - x * l, E = u * l + x * c;
@@ -6005,7 +6024,7 @@ function Co(i, e, t, n, s) {
   }
   return null;
 }
-function vo(i, e, t, n, s) {
+function Mo(i, e, t, n, s) {
   var f;
   const { x: r, y: o } = Z(e);
   let { width: a, height: l } = K(e);
@@ -6013,7 +6032,7 @@ function vo(i, e, t, n, s) {
   const { sin: c, cos: d } = s.getState(), h = !G(e);
   let u = null, x = 1 / 0;
   for (let p = 0; p < 4; p++) {
-    const [g, E, y, F] = No[p], C = an(g, E, r, o, a, l, d, c, h), A = an(y, F, r, o, a, l, d, c, h), S = $(A, C), N = et(S), v = { x: S.x / N, y: S.y / N }, w = { x: -v.y, y: v.x }, D = $(i, C), b = Ot(w, D), L = Ot(v, D);
+    const [g, E, y, F] = Co[p], C = cn(g, E, r, o, a, l, d, c, h), A = cn(y, F, r, o, a, l, d, c, h), S = $(A, C), N = et(S), v = { x: S.x / N, y: S.y / N }, w = { x: -v.y, y: v.x }, D = $(i, C), b = Ot(w, D), L = Ot(v, D);
     if (L >= 0 && L <= N) {
       const T = Math.abs(b);
       if (T < n || T < x) {
@@ -6036,14 +6055,14 @@ function vo(i, e, t, n, s) {
   }
   return u && x < Math.max(a, l) ? u : null;
 }
-function Mo(i, e, t, n, s) {
+function bo(i, e, t, n, s) {
   for (const r of e) {
-    const o = Co(i, r, t, n, s) || vo(i, r, t, n, s);
+    const o = vo(i, r, t, n, s) || Mo(i, r, t, n, s);
     if (o) return o;
   }
   return null;
 }
-class bo extends EventTarget {
+class wo extends EventTarget {
   constructor(t, n, s, r) {
     super();
     m(this, "ogma");
@@ -6079,16 +6098,16 @@ class bo extends EventTarget {
   }
   snapToText(t, n) {
     const { zoom: s } = this.store.getState();
-    return Mo(t, n, s, this.options.magnetRadius, this.store);
+    return bo(t, n, s, this.options.magnetRadius, this.store);
   }
   snapToPolygon(t, n) {
-    return Ao(t, n, this.options.magnetRadius);
+    return No(t, n, this.options.magnetRadius);
   }
   snapToNodes(t, n) {
-    return mo(t, n, this.options.detectMargin);
+    return So(t, n, this.options.detectMargin);
   }
   snapToEdges(t, n) {
-    return po(t, n, this.options.magnetRadius);
+    return mo(t, n, this.options.magnetRadius);
   }
   getHoveredNode() {
     return this.hoveredNode;
@@ -6098,32 +6117,32 @@ class bo extends EventTarget {
     (t = this.hoveredNode) == null || t.setSelected(!1), this.hoveredNode = null;
   }
   getMagnets() {
-    return Yn;
+    return Xn;
   }
 }
-function Xn(i, e, t = 0, n = i.length - 1, s = wo) {
+function Gn(i, e, t = 0, n = i.length - 1, s = Do) {
   for (; n > t; ) {
     if (n - t > 600) {
       const l = n - t + 1, c = e - t + 1, d = Math.log(l), h = 0.5 * Math.exp(2 * d / 3), u = 0.5 * Math.sqrt(d * h * (l - h) / l) * (c - l / 2 < 0 ? -1 : 1), x = Math.max(t, Math.floor(e - c * h / l + u)), f = Math.min(n, Math.floor(e + (l - c) * h / l + u));
-      Xn(i, e, x, f, s);
+      Gn(i, e, x, f, s);
     }
     const r = i[e];
     let o = t, a = n;
-    for (Nt(i, t, e), s(i[n], r) > 0 && Nt(i, t, n); o < a; ) {
-      for (Nt(i, o, a), o++, a--; s(i[o], r) < 0; ) o++;
+    for (Ct(i, t, e), s(i[n], r) > 0 && Ct(i, t, n); o < a; ) {
+      for (Ct(i, o, a), o++, a--; s(i[o], r) < 0; ) o++;
       for (; s(i[a], r) > 0; ) a--;
     }
-    s(i[t], r) === 0 ? Nt(i, t, a) : (a++, Nt(i, a, n)), a <= e && (t = a + 1), e <= a && (n = a - 1);
+    s(i[t], r) === 0 ? Ct(i, t, a) : (a++, Ct(i, a, n)), a <= e && (t = a + 1), e <= a && (n = a - 1);
   }
 }
-function Nt(i, e, t) {
+function Ct(i, e, t) {
   const n = i[e];
   i[e] = i[t], i[t] = n;
 }
-function wo(i, e) {
+function Do(i, e) {
   return i < e ? -1 : i > e ? 1 : 0;
 }
-class Do {
+class Bo {
   constructor(e = 9) {
     this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
   }
@@ -6194,7 +6213,7 @@ class Do {
     let a, l, c;
     for (; n || r.length; ) {
       if (n || (n = r.pop(), l = r[r.length - 1], a = o.pop(), c = !0), n.leaf) {
-        const d = Bo(e, n.children, t);
+        const d = ko(e, n.children, t);
         if (d !== -1)
           return n.children.splice(d, 1), r.push(n), this._condense(r), this;
       }
@@ -6230,10 +6249,10 @@ class Do {
       return a = Ft(e.slice(t, n + 1)), St(a, this.toBBox), a;
     s || (s = Math.ceil(Math.log(r) / Math.log(o)), o = Math.ceil(r / Math.pow(o, s - 1))), a = Ft([]), a.leaf = !1, a.height = s;
     const l = Math.ceil(r / o), c = l * Math.ceil(Math.sqrt(o));
-    cn(e, t, n, c, this.compareMinX);
+    ln(e, t, n, c, this.compareMinX);
     for (let d = t; d <= n; d += c) {
       const h = Math.min(d + c - 1, n);
-      cn(e, d, h, l, this.compareMinY);
+      ln(e, d, h, l, this.compareMinY);
       for (let u = d; u <= h; u += l) {
         const x = Math.min(u + l - 1, h);
         a.children.push(this._build(e, u, x, s - 1));
@@ -6245,7 +6264,7 @@ class Do {
     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 c = t.children[l], d = ae(c), h = To(e, c) - d;
+        const c = t.children[l], d = ae(c), h = Oo(e, c) - d;
         h < o ? (o = h, r = d < r ? d : r, a = c) : h === o && d < r && (r = d, a = c);
       }
       t = a || t.children[0];
@@ -6271,14 +6290,14 @@ class Do {
   _chooseSplitIndex(e, t, n) {
     let s, r = 1 / 0, o = 1 / 0;
     for (let a = t; a <= n - t; a++) {
-      const l = Mt(e, 0, a, this.toBBox), c = Mt(e, a, n, this.toBBox), d = Oo(l, c), h = ae(l) + ae(c);
+      const l = Mt(e, 0, a, this.toBBox), c = Mt(e, a, n, this.toBBox), d = Po(l, c), h = ae(l) + ae(c);
       d < r ? (r = d, s = a, o = h < o ? h : o) : d === r && h < o && (o = h, 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 : ko, r = e.leaf ? this.compareMinY : Lo, o = this._allDistMargin(e, t, n, s), a = this._allDistMargin(e, t, n, r);
+    const s = e.leaf ? this.compareMinX : Lo, r = e.leaf ? this.compareMinY : To, 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
@@ -6305,7 +6324,7 @@ class Do {
       e[t].children.length === 0 ? t > 0 ? (n = e[t - 1].children, n.splice(n.indexOf(e[t]), 1)) : this.clear() : St(e[t], this.toBBox);
   }
 }
-function Bo(i, e, t) {
+function ko(i, e, t) {
   if (!t) return e.indexOf(i);
   for (let n = 0; n < e.length; n++)
     if (t(i, e[n])) return n;
@@ -6325,10 +6344,10 @@ function Mt(i, e, t, n, s) {
 function bt(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 ko(i, e) {
+function Lo(i, e) {
   return i.minX - e.minX;
 }
-function Lo(i, e) {
+function To(i, e) {
   return i.minY - e.minY;
 }
 function ae(i) {
@@ -6337,10 +6356,10 @@ function ae(i) {
 function Ut(i) {
   return i.maxX - i.minX + (i.maxY - i.minY);
 }
-function To(i, e) {
+function Oo(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 Oo(i, e) {
+function Po(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);
 }
@@ -6361,16 +6380,16 @@ function Ft(i) {
     maxY: -1 / 0
   };
 }
-function cn(i, e, t, n, s) {
+function ln(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;
-    Xn(i, o, e, t, s), r.push(e, o, o, t);
+    Gn(i, o, e, t, s), r.push(e, o, o, t);
   }
 }
-const Ct = { minX: 0, minY: 0, maxX: 0, maxY: 0 }, le = (i, e) => i.id === e.id;
-class Po extends Do {
+const vt = { minX: 0, minY: 0, maxX: 0, maxY: 0 }, le = (i, e) => i.id === e.id;
+class Ro extends Bo {
   constructor(t) {
     super();
     m(this, "store");
@@ -6443,24 +6462,24 @@ class Po extends Do {
     });
   }
   compareMinX(t, n) {
-    return yt(t)[0] - yt(n)[0];
+    return Et(t)[0] - Et(n)[0];
   }
   compareMinY(t, n) {
-    return yt(t)[1] - yt(n)[1];
+    return Et(t)[1] - Et(n)[1];
   }
   // insert(item: Annotation) {
   //   console.log(item.properties.type, "---", item.id, item.geometry.bbox);
   //   return super.insert(item);
   // }
   toBBox(t) {
-    const n = yt(t);
-    return Ct.minX = n[0], Ct.minY = n[1], Ct.maxX = n[2], Ct.maxY = n[3], Ct;
+    const n = Et(t);
+    return vt.minX = n[0], vt.minY = n[1], vt.maxX = n[2], vt.maxY = n[3], vt;
   }
   query(t) {
     return super.search(t);
   }
 }
-class Gn {
+class jn {
   constructor(e, t) {
     m(this, "layer");
     this.ogma = e, this.store = t;
@@ -6468,7 +6487,7 @@ class Gn {
   destroy() {
   }
 }
-const ln = [
+const dn = [
   [-0.5, -0.5],
   // top-left
   [0.5, -0.5],
@@ -6478,7 +6497,7 @@ const ln = [
   [-0.5, 0.5]
   // bottom-right
 ];
-class Ro extends Gn {
+class Ho extends jn {
   constructor(t, n) {
     super(t, n);
     // TODO: move it to settings and state
@@ -6520,7 +6539,7 @@ class Ro extends Gn {
     this.layer = t.layers.addCanvasLayer(
       this.render,
       void 0,
-      Ee.HANDLES
+      Ae.HANDLES
     ), this.store.subscribe(
       (s) => ({
         selectedFeatures: s.selectedFeatures,
@@ -6537,7 +6556,7 @@ class Ro extends Gn {
     const d = fe(t, a, o), h = l / 2, u = c / 2, x = d.x + h, f = d.y + u;
     n.save(), n.translate(x, f), n.rotate(s);
     const p = (E = t.properties.style) == null ? void 0 : E.borderRadius;
-    if (p && p > 0 ? (zs(n, -h, -u, l, c, p), n.stroke()) : n.strokeRect(-h, -u, l, c), r >= 4 && r < 8) {
+    if (p && p > 0 ? (_s(n, -h, -u, l, c, p), n.stroke()) : n.strokeRect(-h, -u, l, c), r >= 4 && r < 8) {
       let y, F, C, A;
       const S = p && p > 0 ? p : this.handleRadius / o;
       switch (r) {
@@ -6560,7 +6579,7 @@ class Ro extends Gn {
   }
   renderArrowHandles(t, n, s, r, o) {
     var x, f, p, g;
-    const a = xs(t), l = fs(t), c = +(r === 0), d = +(r === 1), h = s * (1 + (this.handleMagnifier - 1) * c), u = s * (1 + (this.handleMagnifier - 1) * d);
+    const a = fs(t), l = gs(t), c = +(r === 0), d = +(r === 1), h = s * (1 + (this.handleMagnifier - 1) * c), u = s * (1 + (this.handleMagnifier - 1) * d);
     n.beginPath(), n.moveTo(a.x, a.y), n.lineTo(l.x, l.y), n.closePath(), n.stroke(), o && (n.beginPath(), ((f = (x = t.properties.link) == null ? void 0 : x.start) == null ? void 0 : f.type) !== "comment" && (n.moveTo(a.x - h, a.y - h), n.rect(a.x - h, a.y - h, h * 2, h * 2)), ((g = (p = t.properties.link) == null ? void 0 : p.end) == null ? void 0 : g.type) !== "comment" && (n.moveTo(l.x - u, l.y - u), n.rect(l.x - u, l.y - u, u * 2, u * 2)), n.closePath(), n.fill(), n.stroke());
   }
   renderBoxHandles(t, n, s, r, o) {
@@ -6568,8 +6587,8 @@ class Ro extends Gn {
     if (_(t) && ((f = t.properties.style) != null && f.fixedSize)) return;
     const { width: a, height: l } = K(t), c = fe(t), d = a / 2, h = l / 2, u = c.x + d, x = c.y + h;
     n.save(), n.translate(u, x), n.rotate(o), n.beginPath();
-    for (let p = 0; p < ln.length; p++) {
-      const [g, E] = ln[p], y = a * g, F = l * E, C = r === p ? s * this.handleMagnifier : s;
+    for (let p = 0; p < dn.length; p++) {
+      const [g, E] = dn[p], y = a * g, F = l * E, C = r === p ? s * this.handleMagnifier : s;
       n.rect(y - C, F - C, C * 2, C * 2);
     }
     n.closePath(), n.fill(), n.stroke(), n.restore();
@@ -6600,15 +6619,15 @@ class Ro extends Gn {
     this.layer.destroy(), super.destroy();
   }
 }
-const Ho = 0.5;
-function Io(i, e, t, n) {
-  const { start: s, end: r } = yn(i), o = $(r, s);
+const Io = 0.5;
+function zo(i, e, t, n) {
+  const { start: s, end: r } = En(i), o = $(r, s);
   return Math.min(n, Math.max(2 * e, et(o) * 0.01, t));
 }
-function dn(i, e) {
+function hn(i, e) {
   return !i || i === "none" ? 0 : i === "dot" ? e * 2 : i === "halo-dot" ? e * 4 : i === "arrow" || i === "arrow-plain" ? e : 0;
 }
-function zo(i, e) {
+function _o(i, e) {
   if (!i) {
     i = O("g");
     const t = O("path");
@@ -6618,13 +6637,13 @@ function zo(i, e) {
   }
   return i;
 }
-function _o(i, e, t, n, s, r, o = !1) {
-  const { start: a, end: l } = yn(e), c = e.properties.style || gn, { tail: d, strokeWidth: h = 0, head: u, strokeColor: x, strokeType: f } = c, p = $(l, a), g = qs(e) || o ? 1 / r.zoom : 1, E = Io(e, h, t, n) * g, y = zo(s, e.id), F = y.firstChild, C = x || "none";
+function Uo(i, e, t, n, s, r, o = !1) {
+  const { start: a, end: l } = En(e), c = e.properties.style || pn, { tail: d, strokeWidth: h = 0, head: u, strokeColor: x, strokeType: f } = c, p = $(l, a), g = Ks(e) || o ? 1 / r.zoom : 1, E = zo(e, h, t, n) * g, y = _o(s, e.id), F = y.firstChild, C = x || "none";
   F.setAttribute("stroke", C), F.setAttribute("stroke-width", `${g * h}`), F.setAttribute("fill", "none"), F.setAttribute("stroke-linecap", "round"), F.setAttribute("stroke-linejoin", "round");
-  const A = dn(d, h * g), S = dn(u, h * g), N = En(p), v = dt(a, nt(N, A)), w = dt(l, nt(N, -S)), D = `M ${v.x} ${v.y} L ${w.x} ${w.y}`;
+  const A = hn(d, h * g), S = hn(u, h * g), N = An(p), v = dt(a, nt(N, A)), w = dt(l, nt(N, -S)), D = `M ${v.x} ${v.y} L ${w.x} ${w.y}`;
   F.setAttribute("d", D);
   const b = y.children[1];
-  b.innerHTML = "", f === "dashed" ? F.setAttribute("stroke-dasharray", "5,10") : F.removeAttribute("stroke-dasharray"), hn(
+  b.innerHTML = "", f === "dashed" ? F.setAttribute("stroke-dasharray", "5,10") : F.removeAttribute("stroke-dasharray"), un(
     b,
     a,
     p,
@@ -6633,10 +6652,10 @@ function _o(i, e, t, n, s, r, o = !1) {
     h,
     g,
     E
-  ), hn(
+  ), un(
     b,
     l,
-    gs(p),
+    ps(p),
     C,
     u,
     h,
@@ -6646,17 +6665,17 @@ function _o(i, e, t, n, s, r, o = !1) {
     "transform",
     `rotate(${-r.rotation * (180 / Math.PI)})`
   );
-  const L = Ks(e);
-  return (!y.parentNode || y.parentNode !== i || r.selectedFeatures.has(e.id) || L !== void 0 && r.selectedFeatures.has(L)) && An(i, y), y;
+  const L = Vs(e);
+  return (!y.parentNode || y.parentNode !== i || r.selectedFeatures.has(e.id) || L !== void 0 && r.selectedFeatures.has(L)) && Nn(i, y), y;
 }
-function hn(i, e, t, n, s, r, o, a) {
-  s === "halo-dot" && un(
+function un(i, e, t, n, s, r, o, a) {
+  s === "halo-dot" && xn(
     i,
     e,
-    Uo(n),
-    Ho,
+    Wo(n),
+    Io,
     r * o * 4
-  ), (s === "dot" || s === "halo-dot") && un(i, e, n, 1, r * o * 2), (s === "arrow" || s === "arrow-plain") && Wo(
+  ), (s === "dot" || s === "halo-dot") && xn(i, e, n, 1, r * o * 2), (s === "arrow" || s === "arrow-plain") && $o(
     i,
     e,
     t,
@@ -6666,18 +6685,18 @@ function hn(i, e, t, n, s, r, o, a) {
     a
   );
 }
-function Uo(i) {
+function Wo(i) {
   return i === "none" ? "none" : i;
 }
-function un(i, e, t, n, s) {
+function xn(i, e, t, n, s) {
   const r = O("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 Wo(i, e, t, n, s, r, o) {
-  const a = nt(En(t), o), l = dt(e, ke(a, Math.PI / 6)), c = dt(e, ke(a, -Math.PI / 6)), d = O("path"), h = `${e.x} ${e.y}`, u = `M ${l.x} ${l.y} L ${h} L ${c.x} ${c.y}${s ? " Z" : ""}`;
+function $o(i, e, t, n, s, r, o) {
+  const a = nt(An(t), o), l = dt(e, Le(a, Math.PI / 6)), c = dt(e, Le(a, -Math.PI / 6)), d = O("path"), h = `${e.x} ${e.y}`, u = `M ${l.x} ${l.y} L ${h} L ${c.x} ${c.y}${s ? " Z" : ""}`;
   d.setAttribute("d", u), d.setAttribute("stroke", n), d.setAttribute("stroke-width", `${r}`), d.setAttribute("fill", s ? n : "none"), d.setAttribute("stroke-linecap", "round"), d.setAttribute("stroke-linejoin", "round"), i.appendChild(d);
 }
-function $o() {
+function Yo() {
   const i = O("style");
   return i.textContent = `
     /* Comment Animation Styles */
@@ -6758,7 +6777,7 @@ function $o() {
     }
   `, i;
 }
-function Yo(i, e, t) {
+function Xo(i, e, t) {
   const n = { ...rt, ...e.properties.style }, s = n.iconSize, {
     iconColor: r = rt.iconColor,
     iconSymbol: o = rt.iconSymbol,
@@ -6770,7 +6789,7 @@ function Yo(i, e, t) {
   let d = i.querySelector("text");
   d || (d = O("text"), d.setAttribute("x", "0"), d.setAttribute("y", "0"), d.setAttribute("text-anchor", "middle"), d.setAttribute("dominant-baseline", "central"), d.setAttribute("pointer-events", "none"), i.appendChild(d)), d.setAttribute("font-size", `${s * 0.5}`), d.textContent = o;
 }
-function Xo(i, e, t, n = !1) {
+function Go(i, e, t, n = !1) {
   const s = { ...rt, ...e.properties.style }, {
     font: r = "Arial, sans-serif",
     fontSize: o = 12,
@@ -6791,7 +6810,7 @@ function Xo(i, e, t, n = !1) {
   const S = O("foreignObject");
   S.setAttribute("x", `${F}`), S.setAttribute("y", `${C}`), S.setAttribute("width", `${f}`), S.setAttribute("height", `${g}`), S.style.pointerEvents = "none";
   const N = document.createElement("div");
-  if (N.style.width = "100%", N.style.height = "100%", N.style.padding = `${a}px`, N.style.boxSizing = "border-box", N.style.fontFamily = r, N.style.fontSize = `${typeof o == "number" ? o : parseFloat(o)}px`, N.style.lineHeight = `${(typeof o == "number" ? o : parseFloat(o)) * Tt}px`, N.style.color = c, N.style.overflowY = E ? "auto" : "hidden", N.style.overflowX = "hidden", N.style.overflowWrap = "break-word", N.style.whiteSpace = "pre-wrap", N.style.pointerEvents = "none", N.innerHTML = Go(y), S.appendChild(N), i.appendChild(S), n) {
+  if (N.style.width = "100%", N.style.height = "100%", N.style.padding = `${a}px`, N.style.boxSizing = "border-box", N.style.fontFamily = r, N.style.fontSize = `${typeof o == "number" ? o : parseFloat(o)}px`, N.style.lineHeight = `${(typeof o == "number" ? o : parseFloat(o)) * Tt}px`, N.style.color = c, N.style.overflowY = E ? "auto" : "hidden", N.style.overflowX = "hidden", N.style.overflowWrap = "break-word", N.style.whiteSpace = "pre-wrap", N.style.pointerEvents = "none", N.innerHTML = jo(y), S.appendChild(N), i.appendChild(S), n) {
     const D = O("foreignObject");
     D.setAttribute("x", `${F + f - 24 - 4}`), D.setAttribute("y", `${C + g - 24 - 4}`), D.setAttribute("width", "24"), D.setAttribute("height", "24");
     const b = document.createElement("div");
@@ -6801,15 +6820,15 @@ function Xo(i, e, t, n = !1) {
   }
   s.shadow !== !1 ? i.setAttribute("filter", "url(#softShadow)") : i.removeAttribute("filter");
 }
-function Go(i) {
+function jo(i) {
   if (!i) return "";
   let e = i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return e = e.replace(
-    kn(),
-    `<a href="$1" class="${Ae}" target="_blank" rel="noopener noreferrer">$1</a>`
+    Ln(),
+    `<a href="$1" class="${Ne}" target="_blank" rel="noopener noreferrer">$1</a>`
   ), e;
 }
-function jo(i, e, t, n, s) {
+function qo(i, e, t, n, s) {
   const r = e.properties.mode;
   let o = t;
   o || (o = O("g"), o.setAttribute("data-annotation", `${e.id}`), o.setAttribute("data-annotation-type", "comment"));
@@ -6818,14 +6837,14 @@ function jo(i, e, t, n, s) {
   let l = o.querySelector(".comment-box");
   l || (l = O("g"), l.classList.add("comment-box"), o.appendChild(l));
   const c = r !== Dt && n.selectedFeatures.has(e.id) && n.editingFeature !== e.id && n.options.showEditButton && n.options.isEditable(e);
-  Yo(a, e, n), Xo(l, e, n, c), s ? o.classList.remove("comment-no-transition") : o.classList.add("comment-no-transition"), r === Dt ? (o.classList.add("comment-collapsed"), o.classList.remove("comment-expanded")) : (o.classList.add("comment-expanded"), o.classList.remove("comment-collapsed"));
+  Xo(a, e, n), Go(l, e, n, c), s ? o.classList.remove("comment-no-transition") : o.classList.add("comment-no-transition"), r === Dt ? (o.classList.add("comment-collapsed"), o.classList.remove("comment-expanded")) : (o.classList.add("comment-expanded"), o.classList.remove("comment-collapsed"));
   const d = Z(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 || n.selectedFeatures.has(e.id)) && An(i, o), o;
+  ), o.style.visibility = n.editingFeature === e.id ? "hidden" : "", (!o.parentNode || o.parentNode !== i || n.selectedFeatures.has(e.id)) && Nn(i, o), o;
 }
-function qo(i, e = 0.5, t = !1) {
+function Ko(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";
@@ -6836,9 +6855,9 @@ function qo(i, e = 0.5, t = !1) {
   }
   return r.push("Z"), r.join(" ");
 }
-const Ko = (i, e, t = "box") => (i || (i = O("g"), i.setAttribute("data-annotation", `${e}`), i.classList.add(`annotation-${t}`)), i);
-function Vo(i, e, t, n) {
-  const s = Ko(
+const Vo = (i, e, t = "box") => (i || (i = O("g"), i.setAttribute("data-annotation", `${e}`), i.classList.add(`annotation-${t}`)), i);
+function Zo(i, e, t, n) {
+  const s = Vo(
     t,
     e.id.toString(),
     e.properties.type
@@ -6847,20 +6866,20 @@ function Vo(i, e, t, n) {
   let r = s.querySelector("path");
   r || (r = O("path"), s.appendChild(r));
   const {
-    strokeColor: o = Et.strokeColor,
-    strokeWidth: a = Et.strokeWidth,
-    background: l = Et.background,
-    strokeType: c = Et.strokeType
-  } = e.properties.style || Et;
+    strokeColor: o = At.strokeColor,
+    strokeWidth: a = At.strokeWidth,
+    background: l = At.background,
+    strokeType: c = At.strokeType
+  } = e.properties.style || At;
   o && r.setAttribute("stroke", o), a !== void 0 && r.setAttribute("stroke-width", String(a)), l && (n.hoveredFeature === e.id ? r.setAttribute("fill", Pt(l)) : r.setAttribute("fill", l)), c === "dashed" ? r.setAttribute("stroke-dasharray", "5,5") : r.removeAttribute("stroke-dasharray");
-  const d = e.geometry.coordinates[0], h = qo(
+  const d = e.geometry.coordinates[0], h = Ko(
     d,
     0.5,
     n.drawingFeature === e.id
   );
   return r.setAttribute("d", h), s.setAttribute("transform", n.getRotationTransform(0, 0)), i.appendChild(s), s;
 }
-class Zo extends Gn {
+class Jo extends jn {
   constructor(t, n) {
     super(t, n);
     m(this, "features", /* @__PURE__ */ new Map());
@@ -6884,19 +6903,19 @@ class Zo extends Gn {
       for (let p of Object.values(n)) {
         if (o[p.id] && (p = { ...p, ...o[p.id] }), this.hideIfNotVisible(p) || !this.isExporting && !this.isFeatureVisible(p, x) || (f.add(p.id), G(p) || J(p))) continue;
         let g = this.features.get(p.id);
-        _(p) ? g = Ur(
+        _(p) ? g = Wr(
           d,
           p,
           g,
           h,
           this.isExporting
-        ) : H(p) ? g = jo(
+        ) : H(p) ? g = qo(
           c,
           p,
           g,
           h,
           this.visibleFeatures.has(p.id)
-        ) : Q(p) && (g = _o(
+        ) : Q(p) && (g = Uo(
           a,
           p,
           h.options.minArrowHeight,
@@ -6918,12 +6937,12 @@ class Zo extends Gn {
         if (!(G(d) || J(d)) || (s[d.id] && (d = { ...d, ...s[d.id] }), this.hideIfNotVisible(d)) || !this.isExporting && !this.isFeatureVisible(d, c))
           continue;
         let h = this.features.get(d.id);
-        G(d) ? h = _n(
+        G(d) ? h = Un(
           a,
           d,
           h,
           l
-        ) : J(d) && (h = Vo(
+        ) : J(d) && (h = Zo(
           a,
           d,
           h,
@@ -6932,7 +6951,7 @@ class Zo extends Gn {
       }
       this.applyStateClasses(a, r, o), t.appendChild(a);
     });
-    m(this, "throttleRender", Fn(
+    m(this, "throttleRender", yn(
       () => {
         this.render(this.layer.element), this.renderUnderGraph(this.underLayer.element);
       },
@@ -6952,7 +6971,7 @@ class Zo extends Gn {
       {
         draw: this.render
       },
-      Ee.SHAPES
+      Ae.SHAPES
     ), this.underLayer = this.ogma.layers.addSVGLayer({
       draw: this.renderUnderGraph
     }), this.underLayer.moveToBottom(), this.store.subscribe(
@@ -7024,7 +7043,7 @@ class Zo extends Gn {
   }
   getDefs() {
     const t = O("defs");
-    t.appendChild($o());
+    t.appendChild(Yo());
     const n = O("filter");
     n.setAttribute("id", "softShadow"), n.setAttribute("x", "-50%"), n.setAttribute("y", "-50%"), n.setAttribute("width", "200%"), n.setAttribute("height", "200%");
     const s = O("feGaussianBlur");
@@ -7076,7 +7095,7 @@ class Zo extends Gn {
     this.features.clear(), this.layer.destroy(), this.underLayer.destroy(), this.ogma.events.off(this.onExportStart), this.ogma.events.off(this.onExportEnd), super.destroy();
   }
 }
-const xn = (i) => {
+const fn = (i) => {
   let e;
   const t = /* @__PURE__ */ new Set(), n = (c, d) => {
     const h = typeof c == "function" ? c(e) : c;
@@ -7086,8 +7105,8 @@ const xn = (i) => {
     }
   }, s = () => e, a = { setState: n, getState: s, getInitialState: () => l, subscribe: (c) => (t.add(c), () => t.delete(c)) }, l = e = i(n, s, a);
   return a;
-}, jn = (i) => i ? xn(i) : xn;
-var fn = (i, e, t) => (s, r) => ({
+}, qn = (i) => i ? fn(i) : fn;
+var gn = (i, e, t) => (s, r) => ({
   pastStates: (t == null ? void 0 : t.pastStates) || [],
   futureStates: (t == null ? void 0 : t.futureStates) || [],
   undo: (o = 1) => {
@@ -7130,10 +7149,10 @@ var fn = (i, e, t) => (s, r) => ({
       futureStates: []
     });
   }
-}), Jo = (i, e) => (n, s, r) => {
+}), Qo = (i, e) => (n, s, r) => {
   var c, d;
-  r.temporal = jn(
-    ((c = e == null ? void 0 : e.wrapTemporal) == null ? void 0 : c.call(e, fn(n, s, e))) || fn(n, s, e)
+  r.temporal = qn(
+    ((c = e == null ? void 0 : e.wrapTemporal) == null ? void 0 : c.call(e, gn(n, s, e))) || gn(n, s, e)
   );
   const o = ((d = e == null ? void 0 : e.handleSet) == null ? void 0 : d.call(
     e,
@@ -7166,7 +7185,7 @@ var fn = (i, e, t) => (s, r) => ({
     r
   );
 };
-const Qo = (i) => (e, t, n) => {
+const ta = (i) => (e, t, n) => {
   const s = n.subscribe;
   return n.subscribe = (o, a, l) => {
     let c = o;
@@ -7183,8 +7202,8 @@ const Qo = (i) => (e, t, n) => {
     }
     return s(c);
   }, i(e, t, n);
-}, ta = Qo, ea = [0, 0, 0, 0];
-function na(i, e) {
+}, ea = ta, na = [0, 0, 0, 0];
+function sa(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)
@@ -7195,10 +7214,10 @@ function na(i, e) {
   }
   return i.drawingFeature === e.drawingFeature;
 }
-const sa = (i) => {
-  const e = jn()(
-    ta(
-      Jo(
+const ia = (i) => {
+  const e = qn()(
+    ea(
+      Qo(
         (t, n) => ({
           features: {},
           liveUpdates: {},
@@ -7223,9 +7242,9 @@ const sa = (i) => {
           invZoom: 1,
           options: {
             showSendButton: (i == null ? void 0 : i.showSendButton) ?? !0,
-            sendButtonIcon: (i == null ? void 0 : i.sendButtonIcon) ?? Cn,
+            sendButtonIcon: (i == null ? void 0 : i.sendButtonIcon) ?? vn,
             showEditButton: (i == null ? void 0 : i.showEditButton) ?? !0,
-            editButtonIcon: (i == null ? void 0 : i.editButtonIcon) ?? Nn,
+            editButtonIcon: (i == null ? void 0 : i.editButtonIcon) ?? Cn,
             minArrowHeight: (i == null ? void 0 : i.minArrowHeight) ?? 20,
             maxArrowHeight: (i == null ? void 0 : i.maxArrowHeight) ?? 30,
             detectMargin: (i == null ? void 0 : i.detectMargin) ?? 2,
@@ -7246,11 +7265,11 @@ const sa = (i) => {
             if (s !== r.drawingFeature && !r.options.isEditable(o))
               return console.error(`Cannot delete annotation ${s}: not editable`), r;
             const { features: a, liveUpdates: l } = r;
-            if (Q(o) && Js(a, s))
+            if (Q(o) && Qs(a, s))
               return console.error(
                 "Cannot delete last arrow attached to comment. Delete the comment instead."
               ), r;
-            const c = Zs(a, s);
+            const c = Js(a, s);
             for (const f of c) {
               const p = a[f];
               if (p && f !== r.drawingFeature && !r.options.isEditable(p))
@@ -7442,7 +7461,7 @@ const sa = (i) => {
             return `matrix(${a}, ${o}, ${-o}, ${a}, ${-l}, ${-c})`;
           },
           getRotatedBBox(s, r, o, a) {
-            return ps(
+            return ms(
               s,
               r,
               o - s,
@@ -7451,7 +7470,7 @@ const sa = (i) => {
               this.cos,
               s + (o - s) / 2,
               r + (a - r) / 2,
-              ea
+              na
             );
           },
           setDrawingPoints: (s) => t({ drawingPoints: s })
@@ -7465,7 +7484,7 @@ const sa = (i) => {
             // Only track features, not liveUpdates!
             lastChangedFeatures: t.lastChangedFeatures
           }),
-          equality: na,
+          equality: sa,
           handleSet: (t) => (n) => {
             n.drawingFeature === null && t(n);
           }
@@ -7474,22 +7493,22 @@ const sa = (i) => {
     )
   );
   return e;
-}, ia = {
+}, ra = {
   detectMargin: 2,
   magnetHandleRadius: 5,
   magnetRadius: 10,
   textPlaceholder: "Type here",
   minReadableFontSize: 2,
   showSendButton: !0,
-  sendButtonIcon: Cn,
+  sendButtonIcon: vn,
   showEditButton: !0,
-  editButtonIcon: Nn,
+  editButtonIcon: Cn,
   minArrowHeight: 20,
   maxArrowHeight: 30,
   isEditable: () => !0,
   isVisible: () => !0
 };
-class ga extends ws {
+class pa extends Ds {
   constructor(t, n = {}) {
     super();
     m(this, "ogma");
@@ -7516,23 +7535,23 @@ class ga extends ws {
       this.links.update();
     });
     this.ogma = t;
-    const s = { ...ia, ...n };
-    this.store = sa(s), this.index = new Po(this.store), this.snapping = new bo(this.ogma, {
+    const s = { ...ra, ...n };
+    this.store = ia(s), this.index = new Ro(this.store), this.snapping = new wo(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 xo(this.ogma, this.snapping, this.store, (r, o) => {
-      this.emit(ms, { arrow: r, link: o });
-    }), this.interactions = new no(
+    }, this.index, this.store), this.links = new fo(this.ogma, this.snapping, this.store, (r, o) => {
+      this.emit(Ss, { arrow: r, link: o });
+    }), this.interactions = new so(
       this.ogma,
       this.store,
       this.index
-    ), this.editor = new so(
+    ), this.editor = new io(
       this.ogma,
       this.store,
       this.snapping,
       this.links,
       this.interactions
-    ), this.drawing = new Ys(
+    ), this.drawing = new Xs(
       this.ogma,
       this.store,
       this.editor,
@@ -7540,10 +7559,10 @@ class ga extends ws {
       this.links,
       this,
       this.index
-    ), this.selectionManager = new Gs(this.store), this.historyManager = new Xs(this.store, this.links), this.updateManager = new js(this.store), this.commentManager = new Os(this.store), this.initializeRenderers(), this.setupEvents();
+    ), this.selectionManager = new js(this.store), this.historyManager = new Gs(this.store, this.links), this.updateManager = new qs(this.store), this.commentManager = new Ps(this.store), this.initializeRenderers(), this.setupEvents();
   }
   initializeRenderers() {
-    this.renderers.shapes = new Zo(this.ogma, this.store), this.renderers.handles = new Ro(this.ogma, this.store);
+    this.renderers.shapes = new Jo(this.ogma, this.store), this.renderers.handles = new Ho(this.ogma, this.store);
   }
   setupEvents() {
     this.ogma.events.on("rotate", this.onRotate).on("zoom", this.onZoom).on("layoutEnd", this.onLayout), this.editor.addEventListener(
@@ -7559,7 +7578,7 @@ class ga extends ws {
       id: t.detail.id,
       position: t.detail.position
     }))), this.store.temporal.subscribe((t) => {
-      this.emit(Ss, {
+      this.emit(Fs, {
         canUndo: t.pastStates.length > 0,
         canRedo: t.futureStates.length > 0
       });
@@ -7569,23 +7588,23 @@ class ga extends ws {
         const s = Array.from(t).filter(
           (r) => !(n != null && n.has(r))
         );
-        if (s.length > 0 && this.emit(Fs, { ids: s }), n) {
+        if (s.length > 0 && this.emit(ys, { ids: s }), n) {
           const r = Array.from(n).filter((o) => !t.has(o));
-          r.length > 0 && this.emit(ys, { ids: r });
+          r.length > 0 && this.emit(Es, { ids: r });
         }
       }
     ), this.store.subscribe(
       (t) => t.drawingFeature,
       (t, n) => {
-        t === null && n !== null && this.emit(Sn, { id: n });
+        t === null && n !== null && this.emit(Fn, { 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(Es, t[s]) : this.emit(ue, { id: s });
+          n[s] ? n[s] !== t[s] && this.emit(As, t[s]) : this.emit(ue, { id: s });
         for (const s of Object.keys(n))
-          t[s] || this.emit(As, { id: s });
+          t[s] || this.emit(Ns, { id: s });
       }
     );
   }
@@ -7633,6 +7652,20 @@ class ga extends ws {
     const n = this.store.getState().getFeature(t);
     return !!n && this.store.getState().options.isVisible(n);
   }
+  /**
+   * (Re-)apply `id`'s handler attachment (drag/resize/text-edit) to match
+   * `isEditable` right now, instead of waiting for a deselect/reselect -
+   * this is the same call a selection change makes internally. Call it
+   * directly after changing whatever external state your `isEditable`
+   * predicate depends on (e.g. a `locked` flag kept outside the
+   * annotation - see the lock-toolbar-item.ts example): closes any open
+   * text editor and detaches the handler if `id` just became
+   * non-editable, or attaches it if `id` is selected and just became
+   * editable again.
+   */
+  editFeature(t) {
+    return this.editor.editFeature(t), this;
+  }
   /**
    * Add an annotation to the controller
    * @param annotation The annotation to add
@@ -7710,7 +7743,7 @@ class ga extends ws {
    */
   cancelDrawing() {
     var t;
-    return this.drawing.cancelPendingDrawing(), (t = this.editor.getActiveHandler()) == null || t.cancelDrawing(), this.emit(Ns), this;
+    return this.drawing.cancelPendingDrawing(), (t = this.editor.getActiveHandler()) == null || t.cancelDrawing(), this.emit(Cs), this;
   }
   /**
    * Enable arrow drawing mode - the recommended way to add arrows.
@@ -8215,129 +8248,130 @@ class ga extends ws {
 export {
   Dt as COMMENT_MODE_COLLAPSED,
   de as COMMENT_MODE_EXPANDED,
-  ga as Control,
-  Sa as DATA_ATTR,
-  Nn as DEFAULT_EDIT_ICON,
-  Cn as DEFAULT_SEND_ICON,
+  pa as Control,
+  Fa as DATA_ATTR,
+  Cn as DEFAULT_EDIT_ICON,
+  vn as DEFAULT_SEND_ICON,
   ue as EVT_ADD,
-  Ns as EVT_CANCEL_DRAWING,
+  Cs as EVT_CANCEL_DRAWING,
   kt as EVT_CLICK,
-  Sn as EVT_COMPLETE_DRAWING,
+  Fn as EVT_COMPLETE_DRAWING,
   qt as EVT_DRAG,
   Yt as EVT_DRAG_END,
   Bt as EVT_DRAG_START,
-  Ss as EVT_HISTORY,
-  Fa as EVT_HOVER,
-  ms as EVT_LINK,
-  As as EVT_REMOVE,
-  Fs as EVT_SELECT,
-  ya as EVT_UNHOVER,
-  ys as EVT_UNSELECT,
-  Es as EVT_UPDATE,
-  Ea as HL_BRIGHTEN,
-  Ee as LAYERS,
-  is as MAX_FONT_SCALE,
-  rs as MIN_FONT_SCALE,
-  ns as NONE,
+  Fs as EVT_HISTORY,
+  ya as EVT_HOVER,
+  Ss as EVT_LINK,
+  Ns as EVT_REMOVE,
+  ys as EVT_SELECT,
+  Ea as EVT_UNHOVER,
+  Es as EVT_UNSELECT,
+  As as EVT_UPDATE,
+  Aa as HL_BRIGHTEN,
+  Ae as LAYERS,
+  rs as MAX_FONT_SCALE,
+  os as MIN_FONT_SCALE,
+  ss as NONE,
   at as SIDE_END,
   q as SIDE_START,
   P as TARGET_TYPES,
   Tt as TEXT_LINE_HEIGHT,
-  Aa as adjustColorBrightness,
-  da as asColor,
-  ha as asHexColor,
-  ua as asRgbColor,
-  xa as asRgbaColor,
+  Na as adjustColorBrightness,
+  ha as asColor,
+  ua as asHexColor,
+  xa as asRgbColor,
+  fa as asRgbaColor,
   Pt as brighten,
-  An as bringToTop,
-  Na as calculateCommentZoomThreshold,
-  fa as canDetachArrowEnd,
-  Vs as canDetachArrowStart,
-  vt as clientToContainerPosition,
-  Ca as colorToRgba,
+  Nn as bringToTop,
+  Ca as calculateCommentZoomThreshold,
+  ga as canDetachArrowEnd,
+  Zs as canDetachArrowStart,
+  yt as clientToContainerPosition,
+  va as colorToRgba,
+  ye as containerToClientPosition,
   he as createArrow,
-  Be as createBox,
-  Qn as createComment,
-  va as createCommentWithArrow,
-  Jn as createPolygon,
+  ke as createBox,
+  ts as createComment,
+  Ma as createCommentWithArrow,
+  Qn as createPolygon,
   O as createSVGElement,
   te as createText,
   z as cursors,
-  Ma as darken,
-  ba as debounce,
-  wa as debounceTail,
-  Da as defaultArrowOptions,
-  gn as defaultArrowStyle,
-  Ba as defaultBoxOptions,
-  ss as defaultBoxStyle,
-  ka as defaultCommentOptions,
+  ba as darken,
+  wa as debounce,
+  Da as debounceTail,
+  Ba as defaultArrowOptions,
+  pn as defaultArrowStyle,
+  ka as defaultBoxOptions,
+  is as defaultBoxStyle,
+  La as defaultCommentOptions,
   rt as defaultCommentStyle,
-  La as defaultPolygonProperties,
-  Et as defaultPolygonStyle,
-  Ta as defaultTextOptions,
+  Ta as defaultPolygonProperties,
+  At as defaultPolygonStyle,
+  Oa as defaultTextOptions,
   j as defaultTextStyle,
-  pn as detectArrow,
-  as as detectBox,
-  cs as detectComment,
-  mn as detectPolygon,
-  ls as detectText,
-  Oa as getAnnotationsBounds,
-  fs as getArrowEnd,
-  yn as getArrowEndPoints,
+  mn as detectArrow,
+  cs as detectBox,
+  ls as detectComment,
+  Sn as detectPolygon,
+  ds as detectText,
+  Pa as getAnnotationsBounds,
+  gs as getArrowEnd,
+  En as getArrowEndPoints,
   xe as getArrowSide,
-  xs as getArrowStart,
-  Pa as getAttachmentPointOnNode,
-  yt as getBbox,
+  fs as getArrowStart,
+  Ra as getAttachmentPointOnNode,
+  Et as getBbox,
   Z as getBoxCenter,
   fe as getBoxPosition,
   K as getBoxSize,
-  Zn as getBrowserWindow,
-  Zs as getCascadeDeleteIds,
-  Js as getCommentLeftOrphanedBy,
-  Ks as getCommentLinkId,
-  Ra as getCommentPosition,
-  hs as getCommentSize,
-  Ha as getCommentZoomThreshold,
-  Ia as getCoordinates,
+  Jn as getBrowserWindow,
+  Js as getCascadeDeleteIds,
+  Qs as getCommentLeftOrphanedBy,
+  Vs as getCommentLinkId,
+  Ha as getCommentPosition,
+  us as getCommentSize,
+  Ia as getCommentZoomThreshold,
+  za as getCoordinates,
   Xt as getEffectiveFontSize,
-  za as getHandleId,
-  vn as getPolygonBounds,
-  Mn as getPolygonCenter,
-  yt as getTextBbox,
+  _a as getHandleId,
+  Mn as getPolygonBounds,
+  bn as getPolygonCenter,
+  Et as getTextBbox,
   fe as getTextPosition,
   K as getTextSize,
-  ye as handleDetectionThreshold,
-  os as handleRadius,
-  _a as hexShortToLong,
-  Ua as hexToRgba,
-  Oe as isAnnotationCollection,
+  Ee as handleDetectionThreshold,
+  as as handleRadius,
+  Ua as hexShortToLong,
+  Wa as hexToRgba,
+  Pe as isAnnotationCollection,
   Q as isArrow,
   G as isBox,
-  Ts as isColor,
+  Os as isColor,
   H as isComment,
-  qs as isCommentArrow,
-  wn as isHexColor,
+  Ks as isCommentArrow,
+  Dn as isHexColor,
   J as isPolygon,
-  Dn as isRgbColor,
-  Bn as isRgbaColor,
-  ds as isRigidConnector,
-  Wa as isStickyNote,
+  Bn as isRgbColor,
+  kn as isRgbaColor,
+  hs as isRigidConnector,
+  $a as isStickyNote,
   _ as isText,
-  ts as migrateBoxOrTextIfNeeded,
-  $a as parseColor,
-  Ya as rgbToRgba,
-  Xa as scaleGeometry,
-  la as scalePolygon,
-  Ga as setArrowEnd,
-  es as setArrowEndPoint,
-  ja as setArrowStart,
-  qa as setBbox,
-  Ka as setTextBbox,
-  Te as simplifyPolygon,
-  Fn as throttle,
-  Va as toggleCommentMode,
-  ca as translatePolygon,
+  es as migrateBoxOrTextIfNeeded,
+  Ya as parseColor,
+  Xa as rgbToRgba,
+  Ga as scaleGeometry,
+  da as scalePolygon,
+  ja as setArrowEnd,
+  ns as setArrowEndPoint,
+  qa as setArrowStart,
+  Ka as setBbox,
+  Va as setTextBbox,
+  Oe as simplifyPolygon,
+  yn as throttle,
+  Za as toggleCommentMode,
+  la as translatePolygon,
   Lt as updateBbox,
-  bn as updatePolygonBbox,
+  wn as updatePolygonBbox,
   Lt as updateTextBbox
 };