@focus.matters/diagrams 0.2.20 → 0.3.0

package/dist/index.es.js

@@ -3,7 +3,7 @@ var Ec = (i, t, e) => t in i ? so(i, t, { enumerable: !0, configurable: !0, writ
 var o = (i, t) => so(i, "name", { value: t, configurable: !0 });
 var Nt = (i, t, e) => Ec(i, typeof t != "symbol" ? t + "" : t, e);
 import { makeAutoObservable as ne, toJS as Ds, makeObservable as z, action as _, observable as E, runInAction as I, computed as F, intercept as kc } from "mobx";
-import ce, { createContext as Sc, useContext as Mc, useRef as q, createElement as Qn, useState as wt, useLayoutEffect as Si, useEffect as qt, isValidElement as Cc, cloneElement as Ac, useId as Ic, useMemo as jc, forwardRef as Ml, Children as Pc, useCallback as Cl } from "react";
+import ce, { createContext as Sc, useContext as Mc, useRef as q, createElement as Qn, useState as vt, useLayoutEffect as Si, useEffect as qt, isValidElement as Cc, cloneElement as Ac, useId as Ic, useMemo as jc, forwardRef as Ml, Children as Pc, useCallback as Cl } from "react";
 import { observer as M } from "mobx-react-lite";
 import "svg-path-bbox";
 const ii = class ii {
@@ -44,7 +44,7 @@ function Tc() {
 }
 o(Tc, "requireJsxRuntime");
 var d = Tc();
-const ft = class ft {
+const xt = class xt {
   _data = [];
   constructor(t, e = !0) {
     if (t || (t = [0, 0, 0, 0]), Array.isArray(t)) {
@@ -133,7 +133,7 @@ const ft = class ft {
     return Ds([...this._data]);
   }
   get round() {
-    return new ft([
+    return new xt([
       Math.round(this.x),
       Math.round(this.y),
       Math.round(this.width),
@@ -151,7 +151,7 @@ const ft = class ft {
   assign(t) {
     if (t.length !== 4)
       throw new Error("Invalid number of Dimensions");
-    const e = t instanceof ft ? t : new ft(t);
+    const e = t instanceof xt ? t : new xt(t);
     return this.set(0, e.get(0)), this.set(1, e.get(1)), this.set(2, e.get(2)), this.set(3, e.get(3)), this;
   }
   assignCoordinates(t) {
@@ -176,7 +176,7 @@ const ft = class ft {
     );
   }
   collides(t, e = !1) {
-    if (t instanceof ft) {
+    if (t instanceof xt) {
       const n = this.x - (e ? 1 : 0), s = this.x + this.width + (e ? 1 : 0), r = this.y - (e ? 1 : 0), a = this.y + this.height + (e ? 1 : 0), l = t.x, c = t.x + t.width, h = t.y, u = t.y + t.height;
       return !(s <= l || c <= n || a <= h || u <= r);
     } else {
@@ -185,7 +185,7 @@ const ft = class ft {
     }
   }
   copy() {
-    return new ft([this.x, this.y, this.width, this.height]);
+    return new xt([this.x, this.y, this.width, this.height]);
   }
   divide(t) {
     return this.set(0, this.get(0) / t), this.set(1, this.get(1) / t), this.set(2, this.get(2) / t), this.set(3, this.get(3) / t), this;
@@ -214,7 +214,7 @@ const ft = class ft {
   substract(t) {
     if (t.length !== 4)
       throw new Error("Invalid number of Dimensions");
-    const e = t instanceof ft ? t : new ft(t);
+    const e = t instanceof xt ? t : new xt(t);
     return this.set(0, this.get(0) - e.get(0)), this.set(1, this.get(1) - e.get(1)), this.set(2, this.get(2) - e.get(2)), this.set(3, this.get(3) - e.get(3)), this;
   }
   sum(t) {
@@ -223,7 +223,7 @@ const ft = class ft {
     else {
       if (t.length !== 4)
         throw new Error("Invalid number of Dimensions");
-      const e = t instanceof ft ? t : new ft(t);
+      const e = t instanceof xt ? t : new xt(t);
       this.set(0, this.get(0) + e.get(0)), this.set(1, this.get(1) + e.get(1)), this.set(2, this.get(2) + e.get(2)), this.set(3, this.get(3) + e.get(3));
     }
     return this;
@@ -235,8 +235,8 @@ const ft = class ft {
     return this.set(0, this.get(0) + t.get(0)), this.set(1, this.get(1) + t.get(1)), this;
   }
 };
-o(ft, "Dimensions");
-let S = ft;
+o(xt, "Dimensions");
+let S = xt;
 const Ws = class Ws {
   constructor(t) {
     this.originalEvent = t;
@@ -360,7 +360,7 @@ let Zt = qs;
 const Js = class Js extends Yt {
 };
 o(Js, "DMouseUpEvent");
-let ct = Js;
+let dt = Js;
 const Qs = class Qs extends Yt {
 };
 o(Qs, "DMouseMoveEvent");
@@ -914,10 +914,10 @@ const Mr = class Mr extends me {
   }
 };
 o(Mr, "DiagramExtension");
-let G = Mr;
+let H = Mr;
 const zn = /* @__PURE__ */ new WeakMap();
 let Oc = 0;
-const xt = {
+const bt = {
   mark(i, t) {
     const e = zn.get(i) ?? {};
     e[t] === void 0 && (e[t] = Oc++, zn.set(i, e));
@@ -930,7 +930,7 @@ function lo(i, t) {
   return !i || t.score < i.score ? t : i;
 }
 o(lo, "nearest");
-const Cr = class Cr extends G {
+const Cr = class Cr extends H {
   gridSize = 25;
   proposals = [];
   /** Removes every transient equal-distance guide when the current drag finishes. */
@@ -942,7 +942,7 @@ const Cr = class Cr extends G {
     z(this, {
       clear: _,
       proposals: E
-    }), this.diagram.onEvent(ct, () => this.clear()), this.diagram.onEvent(
+    }), this.diagram.onEvent(dt, () => this.clear()), this.diagram.onEvent(
       jt,
       (t) => this.balance(t),
       this.diagram.priorities.Drag_Node_Distances_Balancer
@@ -956,10 +956,10 @@ const Cr = class Cr extends G {
       if (l.cancelled) continue;
       const c = l.get(), h = this.findNeighbors(c, e, n);
       if (h.top && h.bottom) {
-        const u = -c.edgeDistanceY(h.top.box), p = c.edgeDistanceY(h.bottom.box), g = Math.abs(u - p);
-        g < this.gridSize && (r = lo(r, {
+        const u = -c.edgeDistanceY(h.top.box), g = c.edgeDistanceY(h.bottom.box), p = Math.abs(u - g);
+        p < this.gridSize && (r = lo(r, {
           proposal: l,
-          score: g,
+          score: p,
           target: (h.top.box.bottomMiddle.y + h.bottom.box.topMiddle.y) / 2 - c.height / 2,
           guides: [
             {
@@ -980,10 +980,10 @@ const Cr = class Cr extends G {
         }));
       }
       if (h.left && h.right) {
-        const u = -c.edgeDistanceX(h.left.box), p = c.edgeDistanceX(h.right.box), g = Math.abs(p - u);
-        g < this.gridSize && (s = lo(s, {
+        const u = -c.edgeDistanceX(h.left.box), g = c.edgeDistanceX(h.right.box), p = Math.abs(g - u);
+        p < this.gridSize && (s = lo(s, {
           proposal: l,
-          score: g,
+          score: p,
           target: (h.right.box.leftMiddle.x + h.left.box.rightMiddle.x) / 2 - c.width / 2,
           guides: [
             {
@@ -1010,32 +1010,32 @@ const Cr = class Cr extends G {
     }), this.applyCandidate(s, "x"), this.applyCandidate(r, "y");
   }
   findNeighbors(t, e, n) {
-    let s = null, r = null, a = null, l = null, c = 1 / 0, h = 1 / 0, u = 1 / 0, p = 1 / 0;
-    for (const g of this.diagram.nodes) {
-      if (e.has(g.id)) continue;
-      const m = t.edgeDistanceX(g.box), b = t.edgeDistanceY(g.box);
-      b === 0 && m < 0 && -m < u && (u = -m, a = g), b === 0 && m > 0 && m < p && (p = m, l = g), m === 0 && b < 0 && -b < c && (c = -b, s = g), m === 0 && b > 0 && b < h && (h = b, r = g);
+    let s = null, r = null, a = null, l = null, c = 1 / 0, h = 1 / 0, u = 1 / 0, g = 1 / 0;
+    for (const p of this.diagram.nodes) {
+      if (e.has(p.id)) continue;
+      const m = t.edgeDistanceX(p.box), b = t.edgeDistanceY(p.box);
+      b === 0 && m < 0 && -m < u && (u = -m, a = p), b === 0 && m > 0 && m < g && (g = m, l = p), m === 0 && b < 0 && -b < c && (c = -b, s = p), m === 0 && b > 0 && b < h && (h = b, r = p);
     }
     return {
       top: c < n ? s : null,
       bottom: h < n ? r : null,
       left: u < n ? a : null,
-      right: p < n ? l : null
+      right: g < n ? l : null
     };
   }
   applyCandidate(t, e) {
     if (t) {
       if (e === "x") {
-        t.proposal.updateX(t.target), xt.mark(t.proposal, "x"), t.proposal.lockX();
+        t.proposal.updateX(t.target), bt.mark(t.proposal, "x"), t.proposal.lockX();
         return;
       }
-      t.proposal.updateY(t.target), xt.mark(t.proposal, "y"), t.proposal.lockY();
+      t.proposal.updateY(t.target), bt.mark(t.proposal, "y"), t.proposal.lockY();
     }
   }
 };
 o(Cr, "DistancesBalancer");
 let mi = Cr;
-const Ar = class Ar extends G {
+const Ar = class Ar extends H {
   gridSize = 50;
   init() {
     z(this, {
@@ -1070,7 +1070,7 @@ const Ar = class Ar extends G {
 };
 o(Ar, "GridSnap");
 let Y = Ar;
-const Ir = class Ir extends G {
+const Ir = class Ir extends H {
   windowTime = 20;
   maxSize = 50;
   index = -1;
@@ -1153,14 +1153,14 @@ const Ir = class Ir extends G {
         t.cancelled || this.window();
       },
       this.diagram.priorities.Change_History
-    ), this.diagram.onEvent(ct, () => {
+    ), this.diagram.onEvent(dt, () => {
       this.draggingNodes && (this.draggingNodes = !1, this.window());
     }), this.window();
   }
 };
 o(Ir, "History");
 let fi = Ir;
-const jr = class jr extends G {
+const jr = class jr extends H {
   init() {
     z(this, {
       _enabled: E,
@@ -1219,7 +1219,7 @@ function Ut(i, t) {
   return Number.isFinite(t.distance) && (!i || t.distance < i.distance) ? t : i;
 }
 o(Ut, "closer$1");
-const Pr = class Pr extends G {
+const Pr = class Pr extends H {
   gridSize = 50;
   horizontalSuggestionProviders = [];
   verticalSuggestionProviders = [];
@@ -1247,7 +1247,7 @@ const Pr = class Pr extends G {
       proposals: E
     }), U(this, "keydown", (t) => {
       t.ctrlKey && this.clear();
-    }), this.diagram.onEvent(ct, () => this.clear()), this.diagram.onEvent(
+    }), this.diagram.onEvent(dt, () => this.clear()), this.diagram.onEvent(
       jt,
       (t) => this.align(t),
       this.diagram.priorities.Drag_Node_Aligner
@@ -1255,89 +1255,89 @@ const Pr = class Pr extends G {
   }
   align(t) {
     if (this.clear(), !this.enabled || t.proposals.length === 0) return;
-    const e = this.diagram.canvas.frameDimensions.norm / 2, n = this.gridSize / 5 * 2, s = this.gridSize / 3, r = new Set(t.proposals.map(({ node: p }) => p.id)), a = t.proposals.some(
-      (p) => xt.get(p, "x") !== void 0
+    const e = this.diagram.canvas.frameDimensions.norm / 2, n = this.gridSize / 5 * 2, s = this.gridSize / 3, r = new Set(t.proposals.map(({ node: g }) => g.id)), a = t.proposals.some(
+      (g) => bt.get(g, "x") !== void 0
     ), l = t.proposals.some(
-      (p) => xt.get(p, "y") !== void 0
+      (g) => bt.get(g, "y") !== void 0
     );
     let c = null, h = null;
-    for (const p of t.proposals) {
-      if (p.cancelled) continue;
-      const g = p.get();
+    for (const g of t.proposals) {
+      if (g.cancelled) continue;
+      const p = g.get();
       for (const m of this.diagram.nodes) {
         if (r.has(m.id)) continue;
-        const b = Math.abs(g.edgeDistanceX(m.box)), x = Math.abs(g.edgeDistanceY(m.box));
+        const b = Math.abs(p.edgeDistanceX(m.box)), x = Math.abs(p.edgeDistanceY(m.box));
         !l && b < e && (h = Ut(
           h,
           this.verticalCandidate(
-            p,
-            Math.abs(m.box.middle.y - g.middle.y),
-            m.box.middle.y - g.height / 2,
+            g,
+            Math.abs(m.box.middle.y - p.middle.y),
+            m.box.middle.y - p.height / 2,
             m.box.middle.y,
-            be(m.box.rightMiddle.x, g.x),
+            be(m.box.rightMiddle.x, p.x),
             n
           )
         ), h = Ut(
           h,
           this.verticalCandidate(
-            p,
-            Math.abs(m.box.y - g.y),
+            g,
+            Math.abs(m.box.y - p.y),
             m.box.y,
             m.box.y,
-            be(m.box.rightMiddle.x, g.x),
+            be(m.box.rightMiddle.x, p.x),
             n
           )
         ), h = Ut(
           h,
           this.verticalCandidate(
-            p,
-            Math.abs(m.box.bottomMiddle.y - g.bottomMiddle.y),
-            m.box.bottomMiddle.y - g.height,
+            g,
+            Math.abs(m.box.bottomMiddle.y - p.bottomMiddle.y),
+            m.box.bottomMiddle.y - p.height,
             m.box.bottomMiddle.y,
-            be(m.box.rightMiddle.x, g.x),
+            be(m.box.rightMiddle.x, p.x),
             n
           )
         )), !a && x < e && (c = Ut(
           c,
           this.horizontalCandidate(
-            p,
-            Math.abs(m.box.x - g.x),
+            g,
+            Math.abs(m.box.x - p.x),
             m.box.x,
             m.box.x,
-            be(m.box.bottomMiddle.y, g.y),
+            be(m.box.bottomMiddle.y, p.y),
             n
           )
         ), c = Ut(
           c,
           this.horizontalCandidate(
-            p,
-            Math.abs(m.box.middle.x - g.middle.x),
-            m.box.middle.x - g.width / 2,
+            g,
+            Math.abs(m.box.middle.x - p.middle.x),
+            m.box.middle.x - p.width / 2,
             m.box.middle.x,
-            be(m.box.bottomMiddle.y, g.y),
+            be(m.box.bottomMiddle.y, p.y),
             n
           )
         ), c = Ut(
           c,
           this.horizontalCandidate(
-            p,
-            Math.abs(m.box.rightMiddle.x - g.rightMiddle.x),
-            m.box.rightMiddle.x - g.width,
+            g,
+            Math.abs(m.box.rightMiddle.x - p.rightMiddle.x),
+            m.box.rightMiddle.x - p.width,
             m.box.rightMiddle.x,
-            be(m.box.bottomMiddle.y, g.y),
+            be(m.box.bottomMiddle.y, p.y),
             n
           )
         ));
       }
       if (!l)
         for (const m of this.verticalSuggestionProviders.flatMap(
-          (b) => b(p.node, g)
+          (b) => b(g.node, p)
         ))
           h = Ut(
             h,
             this.verticalCandidate(
-              p,
-              Math.abs(m.nodeY - g.y),
+              g,
+              Math.abs(m.nodeY - p.y),
               m.nodeY,
               m.guideY,
               m.range,
@@ -1346,13 +1346,13 @@ const Pr = class Pr extends G {
           );
       if (!a)
         for (const m of this.horizontalSuggestionProviders.flatMap(
-          (b) => b(p.node, g)
+          (b) => b(g.node, p)
         ))
           c = Ut(
             c,
             this.horizontalCandidate(
-              p,
-              Math.abs(m.nodeX - g.x),
+              g,
+              Math.abs(m.nodeX - p.x),
               m.nodeX,
               m.guideX,
               m.range,
@@ -1361,7 +1361,7 @@ const Pr = class Pr extends G {
           );
     }
     const u = [c?.guide, h?.guide].filter(
-      (p) => !!p
+      (g) => !!g
     );
     I(() => {
       this.proposals = u;
@@ -1397,10 +1397,10 @@ const Pr = class Pr extends G {
     if (!(!t || t.distance >= n)) {
       if (e === "x") {
         if (t.proposal.updateX(t.target), Math.abs(t.proposal.get().x - t.target) > 1e-3) return;
-        xt.mark(t.proposal, "x"), t.proposal.lockX();
+        bt.mark(t.proposal, "x"), t.proposal.lockX();
         return;
       }
-      t.proposal.updateY(t.target), !(Math.abs(t.proposal.get().y - t.target) > 1e-3) && (xt.mark(t.proposal, "y"), t.proposal.lockY());
+      t.proposal.updateY(t.target), !(Math.abs(t.proposal.get().y - t.target) > 1e-3) && (bt.mark(t.proposal, "y"), t.proposal.lockY());
     }
   }
 };
@@ -1805,7 +1805,7 @@ const Lr = class Lr extends me {
       strokeWidth: h,
       to: {
         id: u,
-        parent: { id: p }
+        parent: { id: g }
       }
     } = this;
     return {
@@ -1814,7 +1814,7 @@ const Lr = class Lr extends me {
       displacementEnd: this.state.displacementEnd?.raw,
       displacementStart: this.state.displacementStart?.raw,
       lineStyle: n,
-      labels: this.state.labels.map((g) => g.serialize()),
+      labels: this.state.labels.map((p) => p.serialize()),
       pathType: s,
       startAnchor: {
         mode: r.mode,
@@ -1825,12 +1825,12 @@ const Lr = class Lr extends me {
         position: a.position?.raw
       },
       steps: l.map(
-        (g) => [...g.raw, g.mode, g.manualAxes]
+        (p) => [...p.raw, p.mode, p.manualAxes]
       ),
       stroke: c,
       strokeWidth: h,
       to: u,
-      toParentId: p,
+      toParentId: g,
       class: this.constructor.name
     };
   }
@@ -1904,10 +1904,10 @@ function ue(i, t) {
   return Q(i.x, t.x) && Q(i.y, t.y);
 }
 o(ue, "samePoint");
-function gt(i, t) {
+function mt(i, t) {
   return Q(i.x, t.x) || Q(i.y, t.y);
 }
-o(gt, "axisAligned");
+o(mt, "axisAligned");
 function Gc(i, t) {
   return Ki(i.x, t.x) && Ki(i.y, t.y);
 }
@@ -1917,7 +1917,7 @@ function zs(i, t) {
 }
 o(zs, "strictlyAxisAligned");
 function Tt(i, t) {
-  return ue(i, t) || !gt(i, t) ? null : Q(i.y, t.y) ? "horizontal" : "vertical";
+  return ue(i, t) || !mt(i, t) ? null : Q(i.y, t.y) ? "horizontal" : "vertical";
 }
 o(Tt, "segmentDirection");
 function Os(i, t, e) {
@@ -1973,7 +1973,7 @@ function Je(i, t) {
   );
 }
 o(Je, "endpointPoint");
-function bt(i, t) {
+function yt(i, t) {
   const e = i.parent.state.box;
   return new S(
     [
@@ -1985,7 +1985,7 @@ function bt(i, t) {
     !1
   );
 }
-o(bt, "routingBox");
+o(yt, "routingBox");
 function ho(i, t, e) {
   return i >= t - B && i <= e + B;
 }
@@ -2074,22 +2074,22 @@ function Kc(i) {
 }
 o(Kc, "compactRawPoints");
 function jl(i, t, e) {
-  if (!gt(i, t))
+  if (!mt(i, t))
     return 1;
   if (Q(i.x, t.x)) {
-    const c = i.x, h = Math.min(i.y, t.y), u = Math.max(i.y, t.y), p = c > e.x + B && c < e.x + e.width - B, g = u > e.y + B && h < e.y + e.height - B;
-    return p && g ? 1 : 0;
+    const c = i.x, h = Math.min(i.y, t.y), u = Math.max(i.y, t.y), g = c > e.x + B && c < e.x + e.width - B, p = u > e.y + B && h < e.y + e.height - B;
+    return g && p ? 1 : 0;
   }
   const n = i.y, s = Math.min(i.x, t.x), r = Math.max(i.x, t.x), a = n > e.y + B && n < e.y + e.height - B, l = r > e.x + B && s < e.x + e.width - B;
   return a && l ? 1 : 0;
 }
 o(jl, "segmentCollisionPenalty");
 function Uc(i, t, e) {
-  if (!gt(i, t))
+  if (!mt(i, t))
     return 1;
   if (Q(i.x, t.x)) {
-    const c = i.x, h = Math.min(i.y, t.y), u = Math.max(i.y, t.y), p = Q(c, e.x) || Q(c, e.x + e.width), g = Math.min(u, e.y + e.height) - Math.max(h, e.y);
-    return p && g > B ? 1 : 0;
+    const c = i.x, h = Math.min(i.y, t.y), u = Math.max(i.y, t.y), g = Q(c, e.x) || Q(c, e.x + e.width), p = Math.min(u, e.y + e.height) - Math.max(h, e.y);
+    return g && p > B ? 1 : 0;
   }
   const n = i.y, s = Math.min(i.x, t.x), r = Math.max(i.x, t.x), a = Q(n, e.y) || Q(n, e.y + e.height), l = Math.min(r, e.x + e.width) - Math.max(s, e.x);
   return a && l > B ? 1 : 0;
@@ -2098,23 +2098,23 @@ o(Uc, "segmentBorderOverlapPenalty");
 function Xc(i, t, e = {}) {
   let n = 0, s = 0, r = 0, a = 0, l = 0, c = e.incomingDirection ?? null;
   for (let h = 0; h < i.length - 1; h++) {
-    const u = i[h], p = i[h + 1];
-    if (!gt(u, p))
+    const u = i[h], g = i[h + 1];
+    if (!mt(u, g))
       return null;
-    const g = Tt(u, p);
-    if (h === 0 && e.avoidFirstDirection && g === e.avoidFirstDirection && (r += 1), h === 0 && e.avoidFirstBacktrack) {
-      const m = { x: p.x - u.x, y: p.y - u.y };
+    const p = Tt(u, g);
+    if (h === 0 && e.avoidFirstDirection && p === e.avoidFirstDirection && (r += 1), h === 0 && e.avoidFirstBacktrack) {
+      const m = { x: g.x - u.x, y: g.y - u.y };
       if (ze(m, e.avoidFirstBacktrack) < -B)
         return null;
     }
-    if (h === i.length - 2 && e.avoidLastDirection && g === e.avoidLastDirection && (r += 1), h === i.length - 2 && e.avoidLastBacktrack) {
-      const m = { x: u.x - p.x, y: u.y - p.y };
+    if (h === i.length - 2 && e.avoidLastDirection && p === e.avoidLastDirection && (r += 1), h === i.length - 2 && e.avoidLastBacktrack) {
+      const m = { x: u.x - g.x, y: u.y - g.y };
       if (ze(m, e.avoidLastBacktrack) < -B)
         return null;
     }
-    l += Math.abs(u.x - p.x) + Math.abs(u.y - p.y), c && g && c !== g && (a += 1), c = g;
+    l += Math.abs(u.x - g.x) + Math.abs(u.y - g.y), c && p && c !== p && (a += 1), c = p;
     for (const m of t.obstacleBoxes)
-      n += jl(u, p, m), s += Uc(u, p, m);
+      n += jl(u, g, m), s += Uc(u, g, m);
   }
   return c && e.outgoingDirection && c !== e.outgoingDirection && (a += 1), [
     n,
@@ -2149,10 +2149,10 @@ function Oi(i, t, e, n = {}) {
     return [i];
   let s = null, r = null;
   const a = /* @__PURE__ */ o((h) => {
-    const u = Kc(h), p = Xc(u, e, n);
-    p && qc(p, r) && (s = u, r = p);
+    const u = Kc(h), g = Xc(u, e, n);
+    g && qc(g, r) && (s = u, r = g);
   }, "push");
-  gt(i, t) && a([i, t]), a([i, rt(t.x, i.y), t]), a([i, rt(i.x, t.y), t]);
+  mt(i, t) && a([i, t]), a([i, rt(t.x, i.y), t]), a([i, rt(i.x, t.y), t]);
   const l = uo([
     i.x,
     t.x,
@@ -2237,11 +2237,11 @@ function ji(i, t, e, n, s, r) {
   let a = e;
   const l = i === "x" ? "y" : "x", c = r.gridSize / 2;
   for (const h of r.obstacleBoxes) {
-    const u = l === "x" ? h.x : h.y, p = l === "x" ? h.x + h.width : h.y + h.height, g = i === "x" ? h.x : h.y, m = i === "x" ? h.x + h.width : h.y + h.height;
-    if (!po(t, u, p) || !po(a, g, m))
+    const u = l === "x" ? h.x : h.y, g = l === "x" ? h.x + h.width : h.y + h.height, p = i === "x" ? h.x : h.y, m = i === "x" ? h.x + h.width : h.y + h.height;
+    if (!po(t, u, g) || !po(a, p, m))
       continue;
-    const b = s !== void 0 ? s - a : 0, x = n - a, y = (g + m) / 2;
-    a = (Math.abs(b) > B ? Math.sign(b) : Math.abs(x) > B ? Math.sign(x) : a < y ? -1 : 1) < 0 ? g - c : m + c;
+    const b = s !== void 0 ? s - a : 0, x = n - a, y = (p + m) / 2;
+    a = (Math.abs(b) > B ? Math.sign(b) : Math.abs(x) > B ? Math.sign(x) : a < y ? -1 : 1) < 0 ? p - c : m + c;
   }
   return a;
 }
@@ -2365,7 +2365,7 @@ function ds(i, t, e) {
   const n = [...i];
   for (let s = 0; s < n.length - 3; ) {
     const r = n[s], a = n[s + 1], l = n[s + 2], c = n[s + 3];
-    if (!(gt(r, a) && gt(a, l) && gt(l, c)) || !Pl(r, c, t)) {
+    if (!(mt(r, a) && mt(a, l) && mt(l, c)) || !Pl(r, c, t)) {
       s += 1;
       continue;
     }
@@ -2384,7 +2384,7 @@ function Nl(i, t, e) {
     s = !1;
     for (let r = 0; r < n.length - 3; r++) {
       const a = n[r], l = n[r + 1], c = n[r + 2], h = n[r + 3];
-      if (l.mode === "auto" && c.mode === "auto" && !e.has(l) && !e.has(c) && gt(a, l) && gt(l, c) && gt(c, h) && Pl(a, h, t)) {
+      if (l.mode === "auto" && c.mode === "auto" && !e.has(l) && !e.has(c) && mt(a, l) && mt(l, c) && mt(c, h) && Pl(a, h, t)) {
         n.splice(r + 1, 2), s = !0;
         break;
       }
@@ -2396,7 +2396,7 @@ o(Nl, "collapseAnyAutoRectangles");
 function sd(i, t, e, n) {
   const s = new W(null, [t.x, i.y, "auto"]), r = new W(null, [i.x, t.y, "auto"]), a = /* @__PURE__ */ o((l) => {
     let c = 0;
-    return e && gt(e, l) && (c += 1), n && gt(l, n) && (c += 1), i.mode === "manual" && e && Tt(e, i) === Tt(i, l) && (c -= 2), t.mode === "manual" && n && Tt(l, t) === Tt(t, n) && (c -= 2), c;
+    return e && mt(e, l) && (c += 1), n && mt(l, n) && (c += 1), i.mode === "manual" && e && Tt(e, i) === Tt(i, l) && (c -= 2), t.mode === "manual" && n && Tt(l, t) === Tt(t, n) && (c -= 2), c;
   }, "score");
   return a(s) >= a(r) ? s : r;
 }
@@ -2503,18 +2503,18 @@ function us(i, t, e, n, s) {
     r,
     i.orientation,
     s.gridSize,
-    [bt(t, 0)]
+    [yt(t, 0)]
   ), u = c?.[1] ?? Ui(s.parent, l, t.orientation, s.gridSize, [
-    bt(i, 0)
-  ]), p = /* @__PURE__ */ new Set([h, u]), g = Oi(h, u, s, {
+    yt(i, 0)
+  ]), g = /* @__PURE__ */ new Set([h, u]), p = Oi(h, u, s, {
     avoidFirstBacktrack: i.orientation,
     avoidLastBacktrack: t.orientation,
     incomingDirection: Tt(r, h) ?? void 0,
     outgoingDirection: Tt(u, l) ?? void 0
   }), m = Tl(
-    [r, ...g, l],
+    [r, ...p, l],
     s,
-    p
+    g
   );
   return Dl(
     Ll(m, s, h, u),
@@ -2527,8 +2527,8 @@ o(us, "routeAuto");
 function od(i, t, e, n, s, r = null) {
   const a = Il(i), l = {
     gridSize: a,
-    obstacleBoxes: [bt(t, 0), bt(e, 0)],
-    laneBoxes: [bt(t, a / 2), bt(e, a / 2)],
+    obstacleBoxes: [yt(t, 0), yt(e, 0)],
+    laneBoxes: [yt(t, a / 2), yt(e, a / 2)],
     parent: r
   };
   return us(t, e, n, s, l);
@@ -2537,13 +2537,13 @@ o(od, "routeOrthogonalBetweenGateways");
 function ld(i, t, e = [], n) {
   const s = Il(i), r = {
     gridSize: s,
-    obstacleBoxes: [bt(t.from, 0), bt(t.to, 0)],
+    obstacleBoxes: [yt(t.from, 0), yt(t.to, 0)],
     laneBoxes: [
-      bt(t.from, s / 2),
-      bt(t.to, s / 2)
+      yt(t.from, s / 2),
+      yt(t.to, s / 2)
     ],
     parent: t
-  }, a = t.steps.filter((T, R) => R > 0 && R < t.steps.length - 1 && T.mode === "manual");
+  }, a = t.steps.filter((T, G) => G > 0 && G < t.steps.length - 1 && T.mode === "manual");
   if (a.length === 0)
     return us(
       t.from,
@@ -2565,63 +2565,63 @@ function ld(i, t, e = [], n) {
     c.x,
     c.y,
     "static"
-  ), p = Ui(
+  ), g = Ui(
     r.parent,
     h,
     t.from.orientation,
     s,
-    [bt(t.to, 0)]
-  ), g = Ui(
+    [yt(t.to, 0)]
+  ), p = Ui(
     r.parent,
     u,
     t.to.orientation,
     s,
-    [bt(t.from, 0)]
+    [yt(t.from, 0)]
   ), { copies: m, copiesByOriginal: b } = ed(
     a,
     r.parent
   ), x = e.map(
     (T) => id(T, b, r.parent)
   ), y = /* @__PURE__ */ new Set([
-    p,
     g,
+    p,
     ...x
-  ]), w = Jc(m), v = [h, p];
-  let k = p;
+  ]), w = Jc(m), v = [h, g];
+  let k = g;
   for (let T = 0; T < w.length; T++) {
-    const R = w[T], J = k instanceof W && k.mode === "manual" ? Tt(v.at(-2), k) ?? void 0 : void 0;
-    if (R.type === "point") {
-      const Tn = Oi(k, R.point, r, {
+    const G = w[T], J = k instanceof W && k.mode === "manual" ? Tt(v.at(-2), k) ?? void 0 : void 0;
+    if (G.type === "point") {
+      const Tn = Oi(k, G.point, r, {
         avoidFirstDirection: J,
         avoidFirstBacktrack: T === 0 ? t.from.orientation : void 0
       });
-      v.push(...Tn.slice(1)), k = R.point;
+      v.push(...Tn.slice(1)), k = G.point;
       continue;
     }
-    const X = Qc(w[T + 1], g);
-    let [Et, $t] = td(
-      R,
+    const X = Qc(w[T + 1], p);
+    let [ot, $t] = td(
+      G,
       k,
       X,
       r.parent,
       r
     );
-    if (Cn(Et, $t, r))
+    if (Cn(ot, $t, r))
       continue;
-    const Ci = Oi(k, Et, r, {
+    const Ci = Oi(k, ot, r, {
       avoidFirstDirection: J,
       avoidFirstBacktrack: T === 0 ? t.from.orientation : void 0
     });
     v.push(...Ci.slice(1), $t), k = $t;
   }
-  const C = k instanceof W && k.mode === "manual" ? Tt(v.at(-2), k) ?? void 0 : void 0, P = Oi(k, g, r, {
+  const C = k instanceof W && k.mode === "manual" ? Tt(v.at(-2), k) ?? void 0 : void 0, P = Oi(k, p, r, {
     avoidFirstDirection: C,
-    avoidLastDirection: Tt(g, u) ?? void 0,
+    avoidLastDirection: Tt(p, u) ?? void 0,
     avoidLastBacktrack: t.to.orientation
   });
   v.push(...P.slice(1), u);
   const L = Tl(v, r, y), N = Dl(
-    Ll(L, r, p, g),
+    Ll(L, r, g, p),
     t.from.orientation,
     t.to.orientation,
     r
@@ -2992,7 +2992,7 @@ let Mi = (Se = class extends me {
     ];
     return new f(
       h.reduce(
-        (u, p) => p.value < u.value ? p : u
+        (u, g) => g.value < u.value ? g : u
       ).point
     );
   }
@@ -3021,8 +3021,8 @@ let Mi = (Se = class extends me {
     if (Math.abs(c) > 1) return null;
     let h = l ? r : a;
     this.edgeGatewayShape === "ellipse" ? h *= Math.sqrt(Math.max(0, 1 - c ** 2)) : this.edgeGatewayShape === "diamond" && (h *= 1 - Math.abs(c));
-    const u = l ? t.x <= s.x ? -1 : 1 : t.y <= s.y ? -1 : 1, p = l ? new f([s.x + u * h, t.y]) : new f([t.x, s.y + u * h]);
-    return this.anchorForBoundaryPoint(p);
+    const u = l ? t.x <= s.x ? -1 : 1 : t.y <= s.y ? -1 : 1, g = l ? new f([s.x + u * h, t.y]) : new f([t.x, s.y + u * h]);
+    return this.anchorForBoundaryPoint(g);
   }
   /** Resolves the exact shape-boundary intersection facing a supplied route hint. */
   findAutomaticConnectionAnchor(t) {
@@ -3117,8 +3117,8 @@ let Mi = (Se = class extends me {
       labelOffset: c,
       selected: h,
       stroke: u,
-      strokewWidth: p
-    } = this.state, g = this.gateways.map((m) => m.serialize());
+      strokewWidth: g
+    } = this.state, p = this.gateways.map((m) => m.serialize());
     return {
       box: t,
       id: e,
@@ -3126,12 +3126,12 @@ let Mi = (Se = class extends me {
       movable: s,
       selectable: r,
       selected: h,
-      gateways: g,
+      gateways: p,
       fill: a,
       labelFontSize: l,
       labelOffset: c ? [...c] : void 0,
       stroke: u,
-      strokewWidth: p,
+      strokewWidth: g,
       class: this.constructor.name
     };
   }
@@ -3142,7 +3142,7 @@ let Mi = (Se = class extends me {
   RenderOverlay = null;
   RenderScreen = null;
 }, o(Se, "Node"), Se);
-const Hr = class Hr extends G {
+const Hr = class Hr extends H {
   selectionMode = "element";
   _selection = /* @__PURE__ */ new Set();
   _edgesSelection = /* @__PURE__ */ new Set();
@@ -3249,7 +3249,7 @@ const Hr = class Hr extends G {
         I(() => {
           this.startPoint = this.diagram.canvas.inverseFit(e);
         }), t.cancel(), this.unbind = Pt(
-          Bt(this, ct, this.handleMouseUp),
+          Bt(this, dt, this.handleMouseUp),
           Bt(this, Kt, this.handleMouseMove),
           An(this.handleSelectionInterval.bind(this), 30)
         );
@@ -3270,7 +3270,7 @@ const Hr = class Hr extends G {
     }, "handleUp");
     this.unbind = Pt(
       Bt(this, Kt, s),
-      Bt(this, ct, r)
+      Bt(this, dt, r)
     );
   }
   handleMouseMove = /* @__PURE__ */ o((t) => {
@@ -3305,7 +3305,7 @@ const Hr = class Hr extends G {
 };
 o(Hr, "Selector");
 let V = Hr;
-const Gr = class Gr extends G {
+const Gr = class Gr extends H {
   hotkeys = [];
   isEditableTarget(t) {
     return t instanceof HTMLElement ? t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || t instanceof HTMLButtonElement || t.isContentEditable : !1;
@@ -3488,7 +3488,8 @@ let hd = (Me = class extends me {
   constructor(t) {
     super(t), z(this, {
       _scale: E,
-      setScale: _
+      setScale: _,
+      setGridSize: _
     }), this.unbindDocumentEvents.push(
       U(this, "click", this.handleClick),
       U(this, "dblclick", this.handleDoubleClick),
@@ -3555,14 +3556,14 @@ let hd = (Me = class extends me {
       t.x,
       t.width,
       e
-    ), p = this.visibleOriginForInterval(
+    ), g = this.visibleOriginForInterval(
       h,
       a,
       t.y,
       t.height,
       e
-    ), g = new f([-u, -p]);
-    return g.copy(!1).substract(l).norm < 1e-3 ? !1 : (n && typeof requestAnimationFrame < "u" ? this.animateDisplacement(g) : this.setDisplacement(g), !0);
+    ), p = new f([-u, -g]);
+    return p.copy(!1).substract(l).norm < 1e-3 ? !1 : (n && typeof requestAnimationFrame < "u" ? this.animateDisplacement(p) : this.setDisplacement(p), !0);
   }
   visibleOriginForInterval(t, e, n, s, r) {
     const a = Math.max(0, r);
@@ -3732,7 +3733,7 @@ let hd = (Me = class extends me {
     this.isInsideFrameEvent(t) && this.emit(new Ri(this, t));
   }
   handleMouseUp(t) {
-    !this.isInsideFrameEvent(t) && !this.eventStart && !this.mouseSessionStartedInFrame || (this.emit(new ct(this, t)), this._dragging = !1, this.eventStart = null, this.mouseSessionStartedInFrame = !1);
+    !this.isInsideFrameEvent(t) && !this.eventStart && !this.mouseSessionStartedInFrame || (this.emit(new dt(this, t)), this._dragging = !1, this.eventStart = null, this.mouseSessionStartedInFrame = !1);
   }
   handleMouseDown(t) {
     const e = this.isInsideFrameEvent(t);
@@ -3796,7 +3797,7 @@ const Br = class Br extends Mi {
 };
 o(Br, "TextNode");
 let qi = Br;
-const Vr = class Vr extends G {
+const Vr = class Vr extends H {
   creationMode = "none";
   init() {
     this.diagram.onEvent(Ri, (t) => {
@@ -3833,7 +3834,7 @@ const Vr = class Vr extends G {
 };
 o(Vr, "Creator");
 let ms = Vr;
-const Wr = class Wr extends G {
+const Wr = class Wr extends H {
   dragThreshold = 10;
   autopan = new At(this.diagram);
   autopanReady = !0;
@@ -3851,7 +3852,7 @@ const Wr = class Wr extends G {
       this.handleMouseDown.bind(this),
       this.diagram.priorities.Mouse_Down_Dragger
     ), this.diagram.onEvent(
-      ct,
+      dt,
       this.handleMouseUp.bind(this),
       this.diagram.priorities.Mouse_Up_Dragger
     ), this.diagram.onEvent(
@@ -3906,8 +3907,8 @@ const Wr = class Wr extends G {
       [1, 0],
       [0, 1]
     ].map(
-      ([p, g]) => s.copy().sum([p * r, g * a])
-    ), h = l.copy().sum(t), u = c.map((p) => ({ anchor: p, distance: p.distance(h) })).sort((p, g) => p.distance - g.distance)[0];
+      ([g, p]) => s.copy().sum([g * r, p * a])
+    ), h = l.copy().sum(t), u = c.map((g) => ({ anchor: g, distance: g.distance(h) })).sort((g, p) => g.distance - p.distance)[0];
     return u ? u.anchor.copy().substract(l) : t;
   }
   handleMouseDown(t) {
@@ -3972,26 +3973,26 @@ const Wr = class Wr extends G {
     const s = n.find(
       (y) => y.node.id === this.primaryNodeId
     ) ?? n[0], r = [...n].sort(
-      (y, w) => (xt.get(y, "x") ?? 1 / 0) - (xt.get(w, "x") ?? 1 / 0)
+      (y, w) => (bt.get(y, "x") ?? 1 / 0) - (bt.get(w, "x") ?? 1 / 0)
     )[0], a = [...n].sort(
-      (y, w) => (xt.get(y, "y") ?? 1 / 0) - (xt.get(w, "y") ?? 1 / 0)
-    )[0], l = xt.get(r, "x") === void 0 ? s : r, c = xt.get(a, "y") === void 0 ? s : a, h = this.draggingNodes.get(l.node.id)?.startPoint, u = this.draggingNodes.get(c.node.id)?.startPoint;
+      (y, w) => (bt.get(y, "y") ?? 1 / 0) - (bt.get(w, "y") ?? 1 / 0)
+    )[0], l = bt.get(r, "x") === void 0 ? s : r, c = bt.get(a, "y") === void 0 ? s : a, h = this.draggingNodes.get(l.node.id)?.startPoint, u = this.draggingNodes.get(c.node.id)?.startPoint;
     if (!h || !u) return null;
-    const p = new f([
+    const g = new f([
       l.get().x - h.x,
       c.get().y - u.y
     ]);
-    let g = Number.NEGATIVE_INFINITY, m = Number.POSITIVE_INFINITY, b = Number.NEGATIVE_INFINITY, x = Number.POSITIVE_INFINITY;
+    let p = Number.NEGATIVE_INFINITY, m = Number.POSITIVE_INFINITY, b = Number.NEGATIVE_INFINITY, x = Number.POSITIVE_INFINITY;
     return n.forEach((y) => {
       const w = this.draggingNodes.get(y.node.id)?.startPoint;
-      w && (g = Math.max(g, -w.x), m = Math.min(
+      w && (p = Math.max(p, -w.x), m = Math.min(
         m,
         this.diagram.canvas.size.x - w.x - y.node.box.width
       ), b = Math.max(b, -w.y), x = Math.min(
         x,
         this.diagram.canvas.size.y - w.y - y.node.box.height
       ));
-    }), p.x = Math.min(m, Math.max(g, p.x)), p.y = Math.min(x, Math.max(b, p.y)), p;
+    }), g.x = Math.min(m, Math.max(p, g.x)), g.y = Math.min(x, Math.max(b, g.y)), g;
   }
   applyNodePositionProposals(t) {
     const e = new Map(
@@ -4014,11 +4015,11 @@ const Wr = class Wr extends G {
         });
       }
     }), this.groupedChildren.size && this.groupedChildren.forEach((c, h) => {
-      const u = e.get(c), p = this.draggingNodes.get(h), g = this.draggingNodes.get(c);
-      if (!p || !g)
+      const u = e.get(c), g = this.draggingNodes.get(h), p = this.draggingNodes.get(c);
+      if (!g || !p)
         return;
-      const b = (u?.cancelled ? g.startPoint : u?.node.coordinates ?? g.startPoint).copy().substract(g.startPoint), x = p.startPoint.copy().sum(b);
-      p.node.setPosition(x, {
+      const b = (u?.cancelled ? p.startPoint : u?.node.coordinates ?? p.startPoint).copy().substract(p.startPoint), x = g.startPoint.copy().sum(b);
+      g.node.setPosition(x, {
         updateConnectedEdges: !1
       });
     }), this.updateEdgesAfterBatchMove(l, a);
@@ -4122,13 +4123,13 @@ function Ol(i, t, e) {
     (u) => u.box.translate(new f([-Ni, -Ni])).sum([0, 0, Ni * 2, Ni * 2]).collides(t)
   );
   if (e.axisConstraint) {
-    const u = n.filter((g) => g.edgesAsGateways && g.box.collides(t)).sort((g, m) => g.box.middle.distance(t) - m.box.middle.distance(t)).map((g) => ({
-      anchor: g.findAxisAlignedConnectionAnchor(
+    const u = n.filter((p) => p.edgesAsGateways && p.box.collides(t)).sort((p, m) => p.box.middle.distance(t) - m.box.middle.distance(t)).map((p) => ({
+      anchor: p.findAxisAlignedConnectionAnchor(
         e.axisConstraint.origin,
         e.axisConstraint.axis
       ),
-      node: g
-    })).find((g) => g.anchor);
+      node: p
+    })).find((p) => p.anchor);
     if (u?.anchor)
       return {
         anchor: u.anchor,
@@ -4139,23 +4140,23 @@ function Ol(i, t, e) {
         node: u.node,
         snappedToGateway: !1
       };
-    const p = n.flatMap((g) => g.gateways).map((g) => ({
-      distance: g.coordinates.distance(t),
-      gateway: g
+    const g = n.flatMap((p) => p.gateways).map((p) => ({
+      distance: p.coordinates.distance(t),
+      gateway: p
     })).filter(
-      ({ gateway: g }) => e.axisConstraint.axis === "horizontal" ? Math.abs(g.coordinates.y - e.axisConstraint.origin.y) < 1e-3 : Math.abs(g.coordinates.x - e.axisConstraint.origin.x) < 1e-3
-    ).filter((g) => g.distance <= xo).sort((g, m) => g.distance - m.distance)[0]?.gateway;
-    if (p) {
-      const g = {
-        gateway: p,
-        point: p.coordinates.copy(),
-        relativePosition: p.relativePosition,
+      ({ gateway: p }) => e.axisConstraint.axis === "horizontal" ? Math.abs(p.coordinates.y - e.axisConstraint.origin.y) < 1e-3 : Math.abs(p.coordinates.x - e.axisConstraint.origin.x) < 1e-3
+    ).filter((p) => p.distance <= xo).sort((p, m) => p.distance - m.distance)[0]?.gateway;
+    if (g) {
+      const p = {
+        gateway: g,
+        point: g.coordinates.copy(),
+        relativePosition: g.relativePosition,
         displacement: new f()
       };
       return {
-        anchor: g,
-        anchorState: { mode: "fixed", position: g.relativePosition },
-        node: p.parent,
+        anchor: p,
+        anchorState: { mode: "fixed", position: p.relativePosition },
+        node: g.parent,
         snappedToGateway: !0
       };
     }
@@ -4164,7 +4165,7 @@ function Ol(i, t, e) {
   const s = n.flatMap((u) => u.gateways).map((u) => ({
     gateway: u,
     distance: u.coordinates.distance(t)
-  })).filter((u) => u.distance <= xo).sort((u, p) => u.distance - p.distance)[0]?.gateway;
+  })).filter((u) => u.distance <= xo).sort((u, g) => u.distance - g.distance)[0]?.gateway;
   if (s) {
     const u = {
       gateway: s,
@@ -4198,12 +4199,12 @@ function Ol(i, t, e) {
       node: r.parent,
       snappedToGateway: !0
     };
-  const a = n.filter((u) => u.edgesAsGateways).sort((u, p) => u.box.middle.distance(t) - p.box.middle.distance(t))[0];
+  const a = n.filter((u) => u.edgesAsGateways).sort((u, g) => u.box.middle.distance(t) - g.box.middle.distance(t))[0];
   if (a) {
-    const u = a.usesAutomaticConnectionPoint(t), p = u ? a.findAutomaticGatewayAnchor(e.oppositePoint) : a.findFixedConnectionAnchor(t);
+    const u = a.usesAutomaticConnectionPoint(t), g = u ? a.findAutomaticGatewayAnchor(e.oppositePoint) : a.findFixedConnectionAnchor(t);
     return {
-      anchor: p,
-      anchorState: u ? { mode: "automatic" } : { mode: "fixed", position: p.relativePosition },
+      anchor: g,
+      anchorState: u ? { mode: "automatic" } : { mode: "fixed", position: g.relativePosition },
       node: a,
       snappedToGateway: !1
     };
@@ -4211,7 +4212,7 @@ function Ol(i, t, e) {
   const l = n.flatMap((u) => u.gateways).map((u) => ({
     gateway: u,
     distance: u.connectionDistance(t)
-  })).filter((u) => Number.isFinite(u.distance)).sort((u, p) => u.distance - p.distance)[0]?.gateway;
+  })).filter((u) => Number.isFinite(u.distance)).sort((u, g) => u.distance - g.distance)[0]?.gateway;
   if (!l) return null;
   const c = l.connectionDisplacement(t);
   return {
@@ -4227,7 +4228,7 @@ function Ol(i, t, e) {
   };
 }
 o(Ol, "resolveConnectionCandidate");
-const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
+const Ve = 1e-3, Rt = 3, Yr = class Yr extends H {
   autopan = new At(this.diagram);
   drag = null;
   endpointDrag = null;
@@ -4392,20 +4393,20 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
     const r = e.state.steps, a = r.findIndex((N) => N === this.drag.pointA), l = r.findIndex((N) => N === this.drag.pointB);
     if (a < 0 || l < 0)
       return !1;
-    const c = t === "from" ? a <= l ? "pointA" : "pointB" : a >= l ? "pointA" : "pointB", h = c === "pointA" ? "pointB" : "pointA", u = this.drag[c], p = this.drag[h], g = r.findIndex((N) => N === u), m = this.endpointLeadPoint(e, t), b = t === "from" ? 1 : r.length - 2, x = r[b], y = !!(x && this.pointMatches(x, m)), w = t === "from" ? g === 1 : g === r.length - 2, v = t === "from" ? g === 2 && y : g === r.length - 3 && y, k = this.crossesStaticBoundary(
+    const c = t === "from" ? a <= l ? "pointA" : "pointB" : a >= l ? "pointA" : "pointB", h = c === "pointA" ? "pointB" : "pointA", u = this.drag[c], g = this.drag[h], p = r.findIndex((N) => N === u), m = this.endpointLeadPoint(e, t), b = t === "from" ? 1 : r.length - 2, x = r[b], y = !!(x && this.pointMatches(x, m)), w = t === "from" ? p === 1 : p === r.length - 2, v = t === "from" ? p === 2 && y : p === r.length - 3 && y, k = this.crossesStaticBoundary(
       s,
       n,
       u,
       m,
       Rt
     );
-    if (g < 0 || !w && !v || !k)
+    if (p < 0 || !w && !v || !k)
       return !1;
     const C = this.perpendicularAxis(n), P = this.guardCoordinate(
       e,
       t,
       m,
-      p,
+      g,
       C
     );
     this.setPointAxis(u, C, P), this.markManual(u, n), this.rebaseDraggedEndpointFixedAxis(c, u);
@@ -4423,9 +4424,9 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
           m.y,
           "auto"
         );
-        r.splice(g, 0, N, L);
+        r.splice(p, 0, N, L);
       } else
-        r.splice(g, 0, L);
+        r.splice(p, 0, L);
       return this.drag.sourceLeadAdjacent = !1, this.drag.staticBoundaryGuarded = !0, !0;
     }
     if (w) {
@@ -4435,9 +4436,9 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
         m.y,
         "auto"
       );
-      r.splice(g + 1, 0, L, N);
+      r.splice(p + 1, 0, L, N);
     } else
-      r.splice(g + 1, 0, L);
+      r.splice(p + 1, 0, L);
     return this.drag.targetLeadAdjacent = !1, this.drag.staticBoundaryGuarded = !0, !0;
   }
   insertStaticBoundaryGuards() {
@@ -4565,8 +4566,8 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
   chooseOrthogonalCorner(t, e, n, s) {
     const r = new W(this.drag?.edge ?? null, [e.x, t.y, "auto"]), a = new W(this.drag?.edge ?? null, [t.x, e.y, "auto"]), l = /* @__PURE__ */ o((c) => {
       let h = 0;
-      const u = n ? this.segmentDirection(n, t) : null, p = this.segmentDirection(t, c), g = s ? this.segmentDirection(e, s) : null, m = this.segmentDirection(c, e);
-      return u && p !== u && (h += 2), g && m !== g && (h += 2), this.axisAligned(n ?? t, c) && (h += 1), this.axisAligned(c, s ?? e) && (h += 1), h;
+      const u = n ? this.segmentDirection(n, t) : null, g = this.segmentDirection(t, c), p = s ? this.segmentDirection(e, s) : null, m = this.segmentDirection(c, e);
+      return u && g !== u && (h += 2), p && m !== p && (h += 2), this.axisAligned(n ?? t, c) && (h += 1), this.axisAligned(c, s ?? e) && (h += 1), h;
     }, "score");
     return l(r) >= l(a) ? r : a;
   }
@@ -4687,11 +4688,11 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
     });
     if (!u)
       return;
-    const p = e.steps.findIndex(
+    const g = e.steps.findIndex(
       (x) => x === u.pointA
-    ), g = e.steps.findIndex(
+    ), p = e.steps.findIndex(
       (x) => x === u.pointB
-    ), m = p === 2 || g === 2, b = p === e.steps.length - 3 || g === e.steps.length - 3;
+    ), m = g === 2 || p === 2, b = g === e.steps.length - 3 || p === e.steps.length - 3;
     this.drag = {
       edge: e,
       midpoint: t.midPoint,
@@ -4769,8 +4770,8 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
       this.endpointDrag.candidate = null, this.endpointCandidatePoint = null, this.restoreEndpointDrag();
       return;
     }
-    const u = n === "from" ? h.anchor.gateway : e.from, p = n === "to" ? h.anchor.gateway : e.to;
-    if (!u.canStartConnection(p, e) || !p.canConnect(u, e)) {
+    const u = n === "from" ? h.anchor.gateway : e.from, g = n === "to" ? h.anchor.gateway : e.to;
+    if (!u.canStartConnection(g, e) || !g.canConnect(u, e)) {
       this.endpointDrag.candidate = null, this.endpointCandidatePoint = null, this.restoreEndpointDrag();
       return;
     }
@@ -4832,7 +4833,7 @@ const Ve = 1e-3, Rt = 3, Yr = class Yr extends G {
 };
 o(Yr, "EdgesDragger");
 let Oe = Yr;
-const Zr = class Zr extends G {
+const Zr = class Zr extends H {
   proposals = [];
   snapDistance = 10;
   /** Clears transient label-specific visual guides after a drag session is completed. */
@@ -4854,30 +4855,30 @@ const Zr = class Zr extends G {
       distance: Number.POSITIVE_INFINITY,
       guide: h,
       target: n.x
-    }, p = {
+    }, g = {
       distance: Number.POSITIVE_INFINITY,
       guide: h,
       target: n.y
     };
-    const g = /* @__PURE__ */ o((x, y) => {
+    const p = /* @__PURE__ */ o((x, y) => {
       const w = Math.abs(n.x - x);
       w <= a && w < u.distance && (u = { distance: w, guide: y, target: x });
     }, "chooseX"), m = /* @__PURE__ */ o((x, y) => {
       const w = Math.abs(n.y - x);
-      w <= a && w < p.distance && (p = { distance: w, guide: y, target: x });
+      w <= a && w < g.distance && (g = { distance: w, guide: y, target: x });
     }, "chooseY");
     for (const x of this.diagram.edges.flatMap((y) => y.labels)) {
       if (x === e) continue;
       const y = x.position.x + x.size.width / 2, w = x.position.y + x.size.height / 2, v = x.position.y + x.size.height, k = x.position.x + x.size.width, C = Math.min(n.y, x.position.y), P = Math.max(n.y + s.height, v), L = Math.min(n.x, x.position.x), N = Math.max(n.x + s.width, k);
-      g(x.position.x, {
+      p(x.position.x, {
         from: new f([x.position.x, C]),
         id: `label-left-${x.id}`,
         to: new f([x.position.x, P])
-      }), g(k - s.width, {
+      }), p(k - s.width, {
         from: new f([k, C]),
         id: `label-right-${x.id}`,
         to: new f([k, P])
-      }), g(y - s.width / 2, {
+      }), p(y - s.width / 2, {
         from: new f([y, C]),
         id: `label-center-x-${x.id}`,
         to: new f([y, P])
@@ -4895,16 +4896,16 @@ const Zr = class Zr extends G {
         to: new f([N, w])
       });
     }
-    Number.isFinite(u.distance) && (l = u.target), Number.isFinite(p.distance) && (c = p.target);
+    Number.isFinite(u.distance) && (l = u.target), Number.isFinite(g.distance) && (c = g.target);
     for (let x = 0; x < t.steps.length - 1; x += 1) {
       const y = t.steps[x], w = t.steps[x + 1], v = Math.abs(y.x - w.x) < 1e-3, k = Math.abs(y.y - w.y) < 1e-3;
       if (v && c + s.height >= Math.min(y.y, w.y) - a && c <= Math.max(y.y, w.y) + a) {
         const C = Math.min(y.y, w.y), P = Math.max(y.y, w.y);
-        g(y.x + r, {
+        p(y.x + r, {
           from: new f([y.x + r, C]),
           id: `edge-left-${x}`,
           to: new f([y.x + r, P])
-        }), g(y.x - r - s.width, {
+        }), p(y.x - r - s.width, {
           from: new f([y.x - r, C]),
           id: `edge-right-${x}`,
           to: new f([y.x - r, P])
@@ -4923,8 +4924,8 @@ const Zr = class Zr extends G {
         });
       }
     }
-    Number.isFinite(u.distance) && (l = u.target), Number.isFinite(p.distance) && (c = p.target);
-    const b = [u, p].filter((x) => Number.isFinite(x.distance)).map((x) => x.guide);
+    Number.isFinite(u.distance) && (l = u.target), Number.isFinite(g.distance) && (c = g.target);
+    const b = [u, g].filter((x) => Number.isFinite(x.distance)).map((x) => x.guide);
     return I(() => {
       this.proposals = b;
     }), new f([l, c]);
@@ -4945,7 +4946,7 @@ function ud(i, t, e) {
   }
 }
 o(ud, "stepFromGateway");
-const pd = 5, Kr = class Kr extends G {
+const pd = 5, Kr = class Kr extends H {
   hasRoutedPreview = !1;
   previewRequestVersion = 0;
   previewRafId = null;
@@ -5012,20 +5013,20 @@ const pd = 5, Kr = class Kr extends G {
     try {
       const a = this.diagram.canvas.inverseFit(s), l = this.axisConstrained && this.startAnchor ? Ke(this.startAnchor.point, a).point : a, c = this.snap.gridSize / 2, h = l.copy().divide(c).round.multiply(c);
       if (this.axisConstrained && this.startAnchor) {
-        const g = Ke(
+        const p = Ke(
           this.startAnchor.point,
           l
         );
-        g.axis === "horizontal" ? h.y = g.point.y : h.x = g.point.x;
+        p.axis === "horizontal" ? h.y = p.point.y : h.x = p.point.x;
       }
       const u = this.resolveStartAnchor(
         e?.parent.box.middle ?? l,
         this.axisConstrained
       );
       if (!u) return;
-      let p = [];
+      let g = [];
       if (e)
-        p = this.previewRouter.findRouteBetween(
+        g = this.previewRouter.findRouteBetween(
           this.diagram,
           u.gateway,
           n.gateway,
@@ -5033,24 +5034,24 @@ const pd = 5, Kr = class Kr extends G {
           n.displacement
         );
       else {
-        const g = new Mi(null, {
+        const p = new Mi(null, {
           id: "fake",
           label: "",
           box: new S([...h.raw, 0, 0])
         }), m = u.gateway.coordinates.substract(
-          g.getGateway("down").coordinates
+          p.getGateway("down").coordinates
         ).x, b = u.gateway.coordinates.substract(
-          g.getGateway("down").coordinates
+          p.getGateway("down").coordinates
         ).y, x = Math.abs(m) > Math.abs(b) ? m >= 0 ? "right" : "left" : b >= 0 ? "down" : "up";
-        p = this.previewRouter.findRouteBetween(
+        g = this.previewRouter.findRouteBetween(
           this.diagram,
           u.gateway,
-          g.getGateway(x),
+          p.getGateway(x),
           u.displacement
         );
       }
       I(() => {
-        this.startGateway === t && r === this.previewRequestVersion && (this._arrowSteps = p.map((g) => new f([g.x, g.y])), this.hasRoutedPreview = this._arrowSteps.length > 1);
+        this.startGateway === t && r === this.previewRequestVersion && (this._arrowSteps = g.map((p) => new f([p.x, p.y])), this.hasRoutedPreview = this._arrowSteps.length > 1);
       });
     } catch {
     }
@@ -5058,11 +5059,11 @@ const pd = 5, Kr = class Kr extends G {
   orthogonalMousePreview(t, e) {
     const n = this.snap.gridSize / 2, s = e.copy().divide(n).round.multiply(n);
     if (this.axisConstrained && this.startAnchor) {
-      const g = Ke(
+      const p = Ke(
         this.startAnchor.point,
         e
       );
-      g.axis === "horizontal" ? s.y = g.point.y : s.x = g.point.x;
+      p.axis === "horizontal" ? s.y = p.point.y : s.x = p.point.x;
     }
     const r = t.point.copy(), a = ud(
       this.snap.gridSize,
@@ -5071,8 +5072,8 @@ const pd = 5, Kr = class Kr extends G {
     ), l = [r, a];
     if (Math.abs(a.x - s.x) < 1e-3 || Math.abs(a.y - s.y) < 1e-3)
       return l.push(s), this.compactPreviewPoints(l);
-    const c = new f([a.x, s.y]), h = new f([s.x, a.y]), u = Math.abs(s.x - a.x), p = Math.abs(s.y - a.y);
-    return l.push(u >= p ? h : c, s), this.compactPreviewPoints(l);
+    const c = new f([a.x, s.y]), h = new f([s.x, a.y]), u = Math.abs(s.x - a.x), g = Math.abs(s.y - a.y);
+    return l.push(u >= g ? h : c, s), this.compactPreviewPoints(l);
   }
   compactPreviewPoints(t) {
     const e = [];
@@ -5129,7 +5130,7 @@ const pd = 5, Kr = class Kr extends G {
       pointer: new f(t)
     }, t.cancel(), this.unbindPendingConnection = Pt(
       Bt(this, Kt, this.handlePendingMouseMove),
-      Bt(this, ct, this.cancelPendingConnection)
+      Bt(this, dt, this.cancelPendingConnection)
     ));
   }
   handlePendingMouseMove(t) {
@@ -5170,7 +5171,7 @@ const pd = 5, Kr = class Kr extends G {
       t.point.copy()
     ], this.u(), this.u = Pt(
       Bt(this, Kt, this.handleMouseMove),
-      Bt(this, ct, this.handleMouseUp)
+      Bt(this, dt, this.handleMouseUp)
     ), !0;
   }
   handleMouseMove(t) {
@@ -5235,7 +5236,7 @@ const pd = 5, Kr = class Kr extends G {
 };
 o(Kr, "NodesConnector");
 let Fe = Kr;
-const Ur = class Ur extends G {
+const Ur = class Ur extends H {
   init() {
     this.diagram.onEvent(
       pi,
@@ -5248,7 +5249,7 @@ const Ur = class Ur extends G {
 o(Ur, "NodesResizer");
 let xs = Ur;
 var Ce;
-let Fl = (Ce = class extends G {
+let Fl = (Ce = class extends H {
   grid = null;
   points = null;
   highlighted = /* @__PURE__ */ new Set();
@@ -5334,7 +5335,7 @@ const bo = "diagram-grid-visible", qr = class qr {
 };
 o(qr, "Rules");
 let ys = qr;
-const Jr = class Jr extends G {
+const Jr = class Jr extends H {
   straight = "none";
   startCoordinates = null;
   startProposals = [];
@@ -5359,7 +5360,7 @@ const Jr = class Jr extends G {
       },
       this.diagram.priorities.Mouse_Move_Straight_Drag
     ), this.diagram.onEvent(
-      ct,
+      dt,
       () => {
         this.reset();
       },
@@ -5392,7 +5393,7 @@ const Jr = class Jr extends G {
 };
 o(Jr, "StraightDrag");
 let ws = Jr;
-const Qr = class Qr extends G {
+const Qr = class Qr extends H {
   shiftHeld = !1;
   /** Tracks the Shift modifier globally so pointer-driven label timers share its current state. */
   init() {
@@ -5639,9 +5640,9 @@ const yo = Sc(null), gd = /* @__PURE__ */ o(() => ({
             id: l,
             gateways: a.gateways.map((u) => ({
               ...u,
-              outEdges: u.outEdges.map((p) => ({
-                ...p,
-                toParentId: r.get(p.toParentId) || p.toParentId
+              outEdges: u.outEdges.map((g) => ({
+                ...g,
+                toParentId: r.get(g.toParentId) || g.toParentId
               }))
             }))
           }, r);
@@ -5683,12 +5684,12 @@ const yo = Sc(null), gd = /* @__PURE__ */ o(() => ({
           });
           this.add(u);
         }), e.nodes.forEach((c) => {
-          const h = n.get(c.id), u = this.getNodeById(h), p = u.remapSerializedReferences({
+          const h = n.get(c.id), u = this.getNodeById(h), g = u.remapSerializedReferences({
             ...c,
             id: h,
-            gateways: c.gateways.map((g) => ({
-              ...g,
-              outEdges: g.outEdges.map((m) => ({
+            gateways: c.gateways.map((p) => ({
+              ...p,
+              outEdges: p.outEdges.map((m) => ({
                 ...m,
                 toParentId: n.get(m.toParentId) || m.toParentId
               }))
@@ -5700,7 +5701,7 @@ const yo = Sc(null), gd = /* @__PURE__ */ o(() => ({
               c.box[3]
             ]
           }, n);
-          u.deserialize(p);
+          u.deserialize(g);
         });
       }
     });
@@ -5714,8 +5715,8 @@ const yo = Sc(null), gd = /* @__PURE__ */ o(() => ({
       return !1;
     let n = 1 / 0, s = 1 / 0, r = -1 / 0, a = -1 / 0;
     for (const u of this.nodes) {
-      const p = u.box;
-      n = Math.min(n, p.x), s = Math.min(s, p.y), r = Math.max(r, p.x + p.width), a = Math.max(a, p.y + p.height);
+      const g = u.box;
+      n = Math.min(n, g.x), s = Math.min(s, g.y), r = Math.max(r, g.x + g.width), a = Math.max(a, g.y + g.height);
     }
     if (!Number.isFinite(n) || !Number.isFinite(s) || !Number.isFinite(r) || !Number.isFinite(a))
       return !1;
@@ -5757,7 +5758,7 @@ function In(i) {
   return ["Enter", "Escape"].includes(i.code);
 }
 o(In, "allowEventInEdition");
-const ta = class ta extends G {
+const ta = class ta extends H {
   inEdition = /* @__PURE__ */ new Set();
   cancel() {
     this.inEdition.forEach((t) => t.cancel()), this.inEdition.clear();
@@ -5811,8 +5812,8 @@ const $l = M(
       i.classList.string
     ) ? " bpmn__node-label" : "";
     n.style["--screen-label-font-size"] = `${i.state.labelFontSize ?? 14}px`;
-    const p = i.diagram?.rules.allowEdition !== !1;
-    return i.editionMode && p ? /* @__PURE__ */ d.jsx(
+    const g = i.diagram?.rules.allowEdition !== !1;
+    return i.editionMode && g ? /* @__PURE__ */ d.jsx(
       "textarea",
       {
         ...n,
@@ -5820,16 +5821,16 @@ const $l = M(
         className: `node__screenLabel node__screenHitArea editable__label${c}${h}${u}${i.selected ? " selected" : ""}`,
         autoFocus: !0,
         value: i.state.label,
-        onChange: /* @__PURE__ */ o((g) => {
+        onChange: /* @__PURE__ */ o((p) => {
           I(() => {
-            i.state.label = g.target.value;
+            i.state.label = p.target.value;
           });
         }, "onChange"),
-        onKeyDownCapture: /* @__PURE__ */ o((g) => {
-          i.editionMode && !In(g.nativeEvent) && g.nativeEvent.stopImmediatePropagation();
+        onKeyDownCapture: /* @__PURE__ */ o((p) => {
+          i.editionMode && !In(p.nativeEvent) && p.nativeEvent.stopImmediatePropagation();
         }, "onKeyDownCapture"),
-        ref: /* @__PURE__ */ o((g) => {
-          g instanceof HTMLTextAreaElement && !e.current && (e.current = !0, g.select());
+        ref: /* @__PURE__ */ o((p) => {
+          p instanceof HTMLTextAreaElement && !e.current && (e.current = !0, p.select());
         }, "ref")
       }
     ) : (e.current = !1, i.state.label ? /* @__PURE__ */ d.jsx(
@@ -6142,7 +6143,7 @@ const ha = class ha extends Ot {
   }
 };
 o(ha, "BPMNode");
-let dt = ha;
+let ht = ha;
 var Rl = {
   color: void 0,
   size: void 0,
@@ -6677,7 +6678,7 @@ function uh(i, t) {
   return i.stage === t.stage && i.kind === t.kind && i.direction === t.direction;
 }
 o(uh, "sameDefinition");
-const ua = class ua extends dt {
+const ua = class ua extends ht {
   definition;
   attachedToTaskId;
   attachmentOffset;
@@ -6850,13 +6851,13 @@ function ye(i, t) {
   return `bpmn__event__${i[t]}`;
 }
 o(ye, "getEnumStr");
-var H = /* @__PURE__ */ ((i) => (i[i.inclusive = 0] = "inclusive", i[i.exclusive = 1] = "exclusive", i[i.parallel = 2] = "parallel", i[i.eventBased = 3] = "eventBased", i[i.complex = 4] = "complex", i))(H || {});
+var R = /* @__PURE__ */ ((i) => (i[i.inclusive = 0] = "inclusive", i[i.exclusive = 1] = "exclusive", i[i.parallel = 2] = "parallel", i[i.eventBased = 3] = "eventBased", i[i.complex = 4] = "complex", i))(R || {});
 const ph = 5, gh = 2, mh = 1.18;
 function fh(i) {
   return typeof i?.setDefault == "function";
 }
 o(fh, "canSetDefaultFlow");
-const pa = class pa extends dt {
+const pa = class pa extends ht {
   type = -1;
   edgesAsGateways = !0;
   occupiesGridSquare = !0;
@@ -6877,40 +6878,40 @@ const pa = class pa extends dt {
           fh(n) && n.setDefault(!1);
         })
       );
-      for (const e of Object.values(H))
-        this.classList.delete(ye(H, e));
+      for (const e of Object.values(R))
+        this.classList.delete(ye(R, e));
       switch (t) {
         case 1:
           this.classList.add(ye(
-            H,
+            R,
             1
             /* exclusive */
           ));
           break;
         case 0:
           this.classList.add(ye(
-            H,
+            R,
             0
             /* inclusive */
           ));
           break;
         case 2:
           this.classList.add(ye(
-            H,
+            R,
             2
             /* parallel */
           ));
           break;
         case 3:
           this.classList.add(ye(
-            H,
+            R,
             3
             /* eventBased */
           ));
           break;
         case 4:
           this.classList.add(ye(
-            H,
+            R,
             4
             /* complex */
           ));
@@ -7131,7 +7132,7 @@ function Fn(i, t) {
   return Number.isFinite(t.distance) && (!i || t.distance < i.distance) ? t : i;
 }
 o(Fn, "closer");
-const ma = class ma extends G {
+const ma = class ma extends H {
   alignmentProposals = [];
   /** Initializes the observable guide collection used by the diagram overlay. */
   init() {
@@ -7152,18 +7153,18 @@ const ma = class ma extends G {
       return s;
     const l = r ?? t.minimumResizeSize;
     if (!l) return s;
-    const c = Io / 5 * 2, h = Io / 3, u = this.diagram.canvas.frameDimensions.norm, p = u > 0 ? u / 2 : 1 / 0, g = n.includes("w"), m = n.includes("e"), b = n.includes("n"), x = n.includes("s");
+    const c = Io / 5 * 2, h = Io / 3, u = this.diagram.canvas.frameDimensions.norm, g = u > 0 ? u / 2 : 1 / 0, p = n.includes("w"), m = n.includes("e"), b = n.includes("n"), x = n.includes("s");
     let y = null, w = null;
     for (const k of this.diagram.nodes) {
-      if (k === t || !(k instanceof dt)) continue;
+      if (k === t || !(k instanceof ht)) continue;
       const C = k.box;
-      (g || m) && Math.abs(e.edgeDistanceY(C)) < p && (y = Fn(
+      (p || m) && Math.abs(e.edgeDistanceY(C)) < g && (y = Fn(
         y,
         this.sideCandidate(
           l,
           e,
           C,
-          g ? "w" : "e",
+          p ? "w" : "e",
           c
         )
       ), y = Fn(
@@ -7172,10 +7173,10 @@ const ma = class ma extends G {
           l,
           e,
           C,
-          g,
+          p,
           c
         )
-      )), (b || x) && Math.abs(e.edgeDistanceX(C)) < p && (w = Fn(
+      )), (b || x) && Math.abs(e.edgeDistanceX(C)) < g && (w = Fn(
         w,
         this.sideCandidate(
           l,
@@ -7272,7 +7273,7 @@ const ma = class ma extends G {
 };
 o(ma, "BPMNResizeSuggester");
 let ie = ma;
-const fa = class fa extends G {
+const fa = class fa extends H {
   autopan = new At(this.diagram);
   session = null;
   unbindSession = /* @__PURE__ */ o(() => {
@@ -7321,15 +7322,15 @@ const fa = class fa extends G {
   /** Resizes from one handle while keeping the opposite sides anchored in place. */
   resizeNodeFromDirection(t, e, n, s) {
     if (t.diagram !== this.diagram) return !1;
-    const r = this.diagram.getExtension(Y), a = r?.enabled === !0 ? r.gridSize : null, l = n.includes("w"), c = n.includes("e"), h = n.includes("n"), u = n.includes("s"), p = l ? e.x + e.width : this.diagram.canvas.size.x - e.x, g = h ? e.y + e.height : this.diagram.canvas.size.y - e.y, m = e.width + (c ? s.x : l ? -s.x : 0), b = e.height + (u ? s.y : h ? -s.y : 0), x = l || c ? this.constrain(
+    const r = this.diagram.getExtension(Y), a = r?.enabled === !0 ? r.gridSize : null, l = n.includes("w"), c = n.includes("e"), h = n.includes("n"), u = n.includes("s"), g = l ? e.x + e.width : this.diagram.canvas.size.x - e.x, p = h ? e.y + e.height : this.diagram.canvas.size.y - e.y, m = e.width + (c ? s.x : l ? -s.x : 0), b = e.height + (u ? s.y : h ? -s.y : 0), x = l || c ? this.constrain(
       m,
       t.minimumResizeSize.x,
-      p,
+      g,
       null
     ) : e.width, y = h || u ? this.constrain(
       b,
       t.minimumResizeSize.y,
-      g,
+      p,
       null
     ) : e.height, w = l ? e.x + e.width - x : e.x, v = h ? e.y + e.height - y : e.y, k = new S(
       [w, v, x, y],
@@ -7547,7 +7548,7 @@ function vh(i) {
   return Ht(i) ? new S([0, 0, 400, 250]) : new S([0, 0, 150, 100]);
 }
 o(vh, "defaultTaskBox");
-const xa = class xa extends dt {
+const xa = class xa extends ht {
   type = -1;
   minimumResizeSize = new f([300, 200], !1);
   multiInstance;
@@ -7739,7 +7740,7 @@ const xa = class xa extends dt {
 };
 o(xa, "TaskNode");
 let D = xa;
-const ba = class ba extends dt {
+const ba = class ba extends ht {
   sourceType = "unknown";
   constructor(t, e) {
     super(t, {
@@ -7778,7 +7779,7 @@ function Lo(i, t) {
       { distance: Math.abs(e.y - r), x: e.x, y: r },
       { distance: Math.abs(a - e.y), x: e.x, y: a }
     ].reduce(
-      (p, g) => g.distance < p.distance ? g : p
+      (g, p) => p.distance < g.distance ? p : g
     );
     l.assign([u.x, u.y]);
   } else l.x > n && l.x < s ? l.y = e.y < r ? r : a : l.y > r && l.y < a && (l.x = e.x < n ? n : s);
@@ -7795,7 +7796,7 @@ function kh(i, t) {
   return new S([s, r, i.width, i.height]);
 }
 o(kh, "clampInsideContainer");
-const ya = class ya extends G {
+const ya = class ya extends H {
   draggedEventIds = /* @__PURE__ */ new Set();
   /** Registers attachment projection after generic alignment and grid constraints. */
   init() {
@@ -7804,7 +7805,7 @@ const ya = class ya extends G {
       (t) => this.handleDrag(t),
       this.diagram.priorities.Drag_Node_Snap_To_Grid - 1
     ), this.diagram.onEvent(
-      ct,
+      dt,
       () => {
         this.finishEventDrags(), this.clearDropPresentations();
       },
@@ -7944,7 +7945,7 @@ function Bl(i) {
   return i.children.length ? i.children.reduce((t, e) => t + Bl(e), 0) : 1;
 }
 o(Bl, "leafCount$1");
-const wa = class wa extends G {
+const wa = class wa extends H {
   /** Initializes the extension, whose resize constraints are invoked by BPMN tools. */
   init() {
     this.diagram.onEvent(
@@ -7996,22 +7997,22 @@ const wa = class wa extends G {
       ({ lane: b }) => b.name === e.laneId
     );
     if (!a) return !1;
-    const l = Bl(a.lane) * r.minimumLaneHeight, c = t.box, h = c.y + a.y, u = Math.max(l, e.height), p = new S(
+    const l = Bl(a.lane) * r.minimumLaneHeight, c = t.box, h = c.y + a.y, u = Math.max(l, e.height), g = new S(
       [c.x, h, c.width, u],
       !1
-    ), g = p.copy();
-    n?.enabled === !0 && (g.height = this.snapGrowingEdge(
-      p.bottomMiddle.y,
+    ), p = g.copy();
+    n?.enabled === !0 && (p.height = this.snapGrowingEdge(
+      g.bottomMiddle.y,
       h + l,
       s
     ) - h);
     const m = this.diagram.getExtension(ie)?.suggest(
       t,
-      p,
-      "s",
       g,
+      "s",
+      p,
       new f([c.width, l], !1)
-    ).height ?? g.height;
+    ).height ?? p.height;
     return t.resizeLane(e.laneId, m);
   }
   snapGrowingEdge(t, e, n) {
@@ -8025,18 +8026,18 @@ const wa = class wa extends G {
   getLaneSuggestions(t, e) {
     const n = this.diagram.getClass("Lanes");
     if (!n || t instanceof n) return [];
-    const s = this.diagram.nodes.filter((g) => g instanceof n).flatMap((g) => {
-      const m = g.box;
-      return g.laneLayouts.filter(({ lane: b }) => b.children.length === 0).map((b) => ({ lanes: g, laneBox: m, layout: b }));
-    }).filter(({ laneBox: g, layout: m }) => {
-      const b = g.x + (m.depth + 1) * n.laneHeaderWidth, x = g.y + m.y;
-      return e.middle.x >= b && e.middle.x <= g.x + g.width && e.middle.y >= x && e.middle.y <= x + m.height;
-    }).sort((g, m) => m.layout.depth - g.layout.depth)[0];
+    const s = this.diagram.nodes.filter((p) => p instanceof n).flatMap((p) => {
+      const m = p.box;
+      return p.laneLayouts.filter(({ lane: b }) => b.children.length === 0).map((b) => ({ lanes: p, laneBox: m, layout: b }));
+    }).filter(({ laneBox: p, layout: m }) => {
+      const b = p.x + (m.depth + 1) * n.laneHeaderWidth, x = p.y + m.y;
+      return e.middle.x >= b && e.middle.x <= p.x + p.width && e.middle.y >= x && e.middle.y <= x + m.height;
+    }).sort((p, m) => m.layout.depth - p.layout.depth)[0];
     if (!s) return [];
     const r = this.diagram.getExtension(Y)?.gridSize ?? 50, { laneBox: a, layout: l } = s, c = a.y + l.y, u = [
       a.x + (l.depth + 1) * n.laneHeaderWidth,
       a.x + a.width
-    ], p = [
+    ], g = [
       {
         nodeY: c + (l.height - e.height) / 2,
         guideY: c + l.height / 2,
@@ -8044,21 +8045,21 @@ const wa = class wa extends G {
       }
     ];
     if (l.height > r * 3) {
-      const g = r / 2;
-      p.push(
+      const p = r / 2;
+      g.push(
         {
-          nodeY: c + g,
-          guideY: c + g,
+          nodeY: c + p,
+          guideY: c + p,
           range: u
         },
         {
-          nodeY: c + l.height - g - e.height,
-          guideY: c + l.height - g,
+          nodeY: c + l.height - p - e.height,
+          guideY: c + l.height - p,
           range: u
         }
       );
     }
-    return p;
+    return g;
   }
   getHorizontalLaneSuggestions(t, e) {
     const n = this.diagram.getClass("Lanes");
@@ -8071,17 +8072,17 @@ const wa = class wa extends G {
       return e.middle.x >= x && e.middle.x <= m.x + m.width && e.middle.y >= y && e.middle.y <= y + b.height;
     }).sort((m, b) => b.layout.depth - m.layout.depth)[0];
     if (!s) return [];
-    const a = (this.diagram.getExtension(Y)?.gridSize ?? 50) / 2, { laneBox: l, layout: c } = s, h = l.y + c.y, u = l.x + (c.depth + 1) * n.laneHeaderWidth, p = l.x + l.width, g = [h, h + c.height];
+    const a = (this.diagram.getExtension(Y)?.gridSize ?? 50) / 2, { laneBox: l, layout: c } = s, h = l.y + c.y, u = l.x + (c.depth + 1) * n.laneHeaderWidth, g = l.x + l.width, p = [h, h + c.height];
     return [
       {
         nodeX: u + a,
         guideX: u + a,
-        range: g
+        range: p
       },
       {
-        nodeX: p - a - e.width,
-        guideX: p - a,
-        range: g
+        nodeX: g - a - e.width,
+        guideX: g - a,
+        range: p
       }
     ];
   }
@@ -8092,7 +8093,7 @@ const va = class va extends st {
 };
 o(va, "BPMNLaneChangeEvent");
 let Xt = va;
-const _a = class _a extends G {
+const _a = class _a extends H {
   autopan = new At(this.diagram);
   session = null;
   unbindSession = /* @__PURE__ */ o(() => {
@@ -8156,7 +8157,7 @@ const _a = class _a extends G {
 };
 o(_a, "BPMNLaneResizer");
 let ve = _a;
-const Ea = class Ea extends dt {
+const Ea = class Ea extends ht {
   minimumResizeSize = new f([300, 100], !1);
   edgesAsGateways = !0;
   constructor(t, e) {
@@ -8210,7 +8211,7 @@ const Ea = class Ea extends dt {
   });
 };
 o(Ea, "BlackBoxPoolNode");
-let mt = Ea;
+let ft = Ea;
 const Sh = M(
   ({ node: i }) => {
     const t = i.diagram?.bpmnLabels ?? Ft, e = q(!1), n = i.box, s = Math.min(20, n.width / 4, n.height / 4), r = i.state.labelFontSize ?? 16, a = Math.min(
@@ -8243,27 +8244,27 @@ const Sh = M(
       pointerEvents: "all",
       textAlign: "center",
       whiteSpace: "pre"
-    }, p = i.diagram?.rules.allowEdition !== !1;
-    return (!i.editionMode || !p) && (e.current = !1), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      (!i.editionMode || !p) && i.state.label && /* @__PURE__ */ d.jsx("pre", { ...c, className: h, style: u, children: i.state.label }),
-      i.editionMode && p && /* @__PURE__ */ d.jsx(
+    }, g = i.diagram?.rules.allowEdition !== !1;
+    return (!i.editionMode || !g) && (e.current = !1), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      (!i.editionMode || !g) && i.state.label && /* @__PURE__ */ d.jsx("pre", { ...c, className: h, style: u, children: i.state.label }),
+      i.editionMode && g && /* @__PURE__ */ d.jsx(
         "textarea",
         {
           ...c,
           "aria-label": t.inputs.blackBoxPoolName,
           autoFocus: !0,
           className: h,
-          onChange: /* @__PURE__ */ o((g) => {
+          onChange: /* @__PURE__ */ o((p) => {
             I(() => {
-              i.state.label = g.target.value;
+              i.state.label = p.target.value;
             });
           }, "onChange"),
-          onKeyDownCapture: /* @__PURE__ */ o((g) => {
-            In(g.nativeEvent) || g.nativeEvent.stopImmediatePropagation();
+          onKeyDownCapture: /* @__PURE__ */ o((p) => {
+            In(p.nativeEvent) || p.nativeEvent.stopImmediatePropagation();
           }, "onKeyDownCapture"),
-          onMouseDown: /* @__PURE__ */ o((g) => g.nativeEvent.stopImmediatePropagation(), "onMouseDown"),
-          ref: /* @__PURE__ */ o((g) => {
-            g && !e.current && (e.current = !0, g.select());
+          onMouseDown: /* @__PURE__ */ o((p) => p.nativeEvent.stopImmediatePropagation(), "onMouseDown"),
+          ref: /* @__PURE__ */ o((p) => {
+            p && !e.current && (e.current = !0, p.select());
           }, "ref"),
           rows: 1,
           style: {
@@ -8278,7 +8279,7 @@ const Sh = M(
       /* @__PURE__ */ d.jsx(sn, { node: i })
     ] });
   }
-), ka = class ka extends dt {
+), ka = class ka extends ht {
   requiredEdgePathType = "straight";
   occupiesGridSquare = !0;
   constructor(t, e) {
@@ -8305,8 +8306,8 @@ const Sh = M(
   ] }) }));
 };
 o(ka, "DataStoreNode");
-let vt = ka;
-const Sa = class Sa extends dt {
+let _t = ka;
+const Sa = class Sa extends ht {
   minimumResizeSize = new f([0, 0], !1);
   edgesAsGateways = !0;
   constructor(t, e) {
@@ -8374,7 +8375,7 @@ const Sa = class Sa extends dt {
   });
 };
 o(Sa, "DocumentAnnotationNode");
-let ht = Sa;
+let ut = Sa;
 const Mh = M(
   ({ node: i }) => {
     const t = i.diagram?.bpmnLabels ?? Ft, e = q(!1), n = i.box, s = Math.min(8, n.width / 6, n.height / 6), r = new S([
@@ -8451,7 +8452,7 @@ const Do = new Set(
   Object.values(kt).filter(
     (i) => typeof i == "number"
   )
-), Ma = class Ma extends dt {
+), Ma = class Ma extends ht {
   type = -1;
   requiredEdgePathType = "straight";
   occupiesGridSquare = !0;
@@ -8508,16 +8509,16 @@ const Ah = M(
     const t = i.diagram?.bpmnLabels ?? Ft, e = i.box, n = i.diagram?.rules.allowEdition !== !1, s = q(null), r = i.laneLayouts;
     return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
       r.map(({ lane: a, depth: l, y: c, height: h, siblingCount: u }) => {
-        const p = new S([
-          e.x + l * lt.laneHeaderWidth,
+        const g = new S([
+          e.x + l * ct.laneHeaderWidth,
           e.y + c,
-          lt.laneHeaderWidth,
+          ct.laneHeaderWidth,
           h
-        ]), g = Dt(i, p), m = n && i.editingLaneId === a.name, b = l === 0 ? u > 1 : u > 2;
+        ]), p = Dt(i, g), m = n && i.editingLaneId === a.name, b = l === 0 ? u > 1 : u > 2;
         return /* @__PURE__ */ Qn(
           "div",
           {
-            ...g,
+            ...p,
             key: a.name,
             className: `node__screenHitArea lane__screenHeader${m ? " lane__screenHeader--editing" : ""}${i.selected ? " selected" : ""}`,
             onDoubleClick: n ? () => i.renameLane(a.name) : void 0
@@ -8527,7 +8528,7 @@ const Ah = M(
             {
               className: "lane__screenLabel",
               style: {
-                fontSize: `calc(${lt.laneHeaderFontSize}px * var(--diagram-canvas-scale, 1))`
+                fontSize: `calc(${ct.laneHeaderFontSize}px * var(--diagram-canvas-scale, 1))`
               },
               children: a.label
             }
@@ -8709,12 +8710,12 @@ function Ih(i) {
 o(Ih, "normalizeLanes");
 function Yl(i, t) {
   if (!i.children.length) {
-    const s = Math.max(lt.minimumLaneHeight, t);
+    const s = Math.max(ct.minimumLaneHeight, t);
     return i.height === s ? !1 : (i.height = s, !0);
   }
   let e = !1, n = t - ge(i);
   for (let s = i.children.length - 1; s >= 0; s--) {
-    const r = i.children[s], a = ge(r), l = Fs(r) * lt.minimumLaneHeight, c = Math.max(
+    const r = i.children[s], a = ge(r), l = Fs(r) * ct.minimumLaneHeight, c = Math.max(
       l - a,
       n
     );
@@ -8723,7 +8724,7 @@ function Yl(i, t) {
   return e;
 }
 o(Yl, "resizeLaneLeaves");
-const it = class it extends dt {
+const it = class it extends ht {
   edgesAsGateways = !1;
   pools;
   constructor(t, e) {
@@ -8927,8 +8928,8 @@ const it = class it extends dt {
   });
 };
 o(it, "Lanes"), Nt(it, "laneHeaderWidth", 50), Nt(it, "laneHeight", 250), Nt(it, "laneHeaderFontSize", 16), Nt(it, "minimumLaneHeight", 150), Nt(it, "minimumWidthInGrids", 10);
-let lt = it;
-const Ca = class Ca extends dt {
+let ct = it;
+const Ca = class Ca extends ht {
   edgesAsGateways = !0;
   requiredEdgePathType = "straight";
   constructor(t, e) {
@@ -8953,17 +8954,17 @@ const Ca = class Ca extends dt {
   /** Computes text-driven annotation bounds capped at six configured grid units. */
   get box() {
     const t = this.state.box, n = (this.diagram?.getExtension(Y)?.gridSize ?? 50) * 6, s = Math.max(this.state.labelFontSize ?? 14, 12), r = s * 0.58, a = (this.state.label || " ").split(`
-`), l = Math.max(...a.map((g) => g.length), 1), c = Math.min(
+`), l = Math.max(...a.map((p) => p.length), 1), c = Math.min(
       n,
       Math.max(t.width, l * r + 28)
     ), h = Math.max(1, Math.floor((c - 28) / r)), u = a.reduce(
-      (g, m) => g + Math.max(1, Math.ceil(m.length / h)),
+      (p, m) => p + Math.max(1, Math.ceil(m.length / h)),
       0
-    ), p = Math.min(
+    ), g = Math.min(
       n,
       Math.max(t.height, u * s * 1.35 + 24)
     );
-    return new S([t.x, t.y, c, p]);
+    return new S([t.x, t.y, c, g]);
   }
   /** Persists the computed annotation size rather than its original minimum box. */
   serialize() {
@@ -8976,7 +8977,7 @@ const Ca = class Ca extends dt {
   RenderOverlay = M(() => /* @__PURE__ */ d.jsx("div", { ...et(this), children: /* @__PURE__ */ d.jsx("span", { className: "bpmn__annotation_bracket" }) }));
 };
 o(Ca, "TextAnnotationNode");
-let ut = Ca;
+let pt = Ca;
 const _e = [
   { id: "task", family: "task", section: "activities", priority: 1, enabled: !0, connectable: !0 },
   { id: "serviceTask", family: "task", section: "activities", priority: 1, enabled: !0, connectable: !0 },
@@ -9087,14 +9088,14 @@ const Aa = class Aa {
     if (t instanceof A)
       return t.kind === "none" ? t.stage : t.kind === "message" ? t.isCatching ? "messageCatch" : "messageThrow" : t.kind;
     if (t instanceof Z)
-      return t.type === H.inclusive ? "inclusive" : t.type === H.parallel ? "parallel" : t.type === H.eventBased ? "eventBased" : t.type === H.complex ? "complex" : "exclusive";
-    if (t instanceof lt) return "lanes";
-    if (t instanceof mt) return "blackBoxPool";
-    if (t instanceof vt) return "dataStore";
+      return t.type === R.inclusive ? "inclusive" : t.type === R.parallel ? "parallel" : t.type === R.eventBased ? "eventBased" : t.type === R.complex ? "complex" : "exclusive";
+    if (t instanceof ct) return "lanes";
+    if (t instanceof ft) return "blackBoxPool";
+    if (t instanceof _t) return "dataStore";
     if (t instanceof at)
       return t.type === kt.input ? "dataInput" : t.type === kt.output ? "dataOutput" : "document";
-    if (t instanceof ht) return "documentAnnotation";
-    if (t instanceof ut) return "textAnnotation";
+    if (t instanceof ut) return "documentAnnotation";
+    if (t instanceof pt) return "textAnnotation";
   }
   /** Creates an unmounted node for the requested catalog element identifier. */
   static create(t, e, n) {
@@ -9153,19 +9154,19 @@ const Aa = class Aa {
       case "terminate":
         return new A(null, { ...s, type: j.terminate });
       case "inclusive":
-        return new Z(null, { ...s, type: H.inclusive });
+        return new Z(null, { ...s, type: R.inclusive });
       case "parallel":
-        return new Z(null, { ...s, type: H.parallel });
+        return new Z(null, { ...s, type: R.parallel });
       case "eventBased":
-        return new Z(null, { ...s, type: H.eventBased });
+        return new Z(null, { ...s, type: R.eventBased });
       case "complex":
-        return new Z(null, { ...s, type: H.complex });
+        return new Z(null, { ...s, type: R.complex });
       case "lanes":
-        return new lt(null, { id: e });
+        return new ct(null, { id: e });
       case "blackBoxPool":
-        return new mt(null, s);
+        return new ft(null, s);
       case "dataStore":
-        return new vt(null, s);
+        return new _t(null, s);
       case "document":
         return new at(null, s);
       case "dataInput":
@@ -9173,11 +9174,11 @@ const Aa = class Aa {
       case "dataOutput":
         return new at(null, { ...s, type: kt.output });
       case "documentAnnotation":
-        return new ht(null, s);
-      case "textAnnotation":
         return new ut(null, s);
+      case "textAnnotation":
+        return new pt(null, s);
       default:
-        return new Z(null, { ...s, type: H.exclusive });
+        return new Z(null, { ...s, type: R.exclusive });
     }
   }
   /** Mutates a node to another enabled variant in the same semantic family. */
@@ -9201,7 +9202,7 @@ const Aa = class Aa {
     }
     if (t instanceof Z)
       return t.setType(
-        e === "inclusive" ? H.inclusive : e === "parallel" ? H.parallel : e === "eventBased" ? H.eventBased : e === "complex" ? H.complex : H.exclusive
+        e === "inclusive" ? R.inclusive : e === "parallel" ? R.parallel : e === "eventBased" ? R.eventBased : e === "complex" ? R.complex : R.exclusive
       ), !0;
     if (t instanceof at) {
       const r = e === "dataInput" ? kt.input : e === "dataOutput" ? kt.output : e === "document" ? kt.normal : null;
@@ -9211,7 +9212,7 @@ const Aa = class Aa {
   }
 };
 o(Aa, "BPMNElementCatalog");
-let ot = Aa;
+let lt = Aa;
 function Th(i) {
   return i instanceof A && i.attachedToTaskId !== null && i.kind === "compensation";
 }
@@ -9233,7 +9234,7 @@ const ri = class ri extends ee {
   }
   get supportsDefaultFlow() {
     const t = this.state.from?.parent;
-    return this.kind === "sequenceFlow" && !!this.state.to && t instanceof Z && (t.type === H.exclusive || t.type === H.inclusive);
+    return this.kind === "sequenceFlow" && !!this.state.to && t instanceof Z && (t.type === R.exclusive || t.type === R.inclusive);
   }
   constructor(t, e) {
     super(t, e), this.kind = e.kind ?? (e.to ? ri.inferKind(e.from.parent, e.to.parent) : null) ?? "sequenceFlow", this.condition = e.condition ?? "", this.defaultFlow = !1, this.directedFlow = e.isDirected ?? this.supportsDirection, z(this, {
@@ -9253,7 +9254,7 @@ const ri = class ri extends ee {
   }
   /** Infers the legal BPMN connection type for two concrete endpoint nodes. */
   static inferKind(t, e) {
-    return t instanceof ut || e instanceof ut || t instanceof ht || e instanceof ht ? "association" : Th(t) ? e instanceof D && e.compensation ? "association" : null : (t instanceof vt || t instanceof at) && e instanceof D ? "inputDataAssociation" : t instanceof D && (e instanceof vt || e instanceof at) ? "outputDataAssociation" : t instanceof mt && (e instanceof mt || e instanceof D || e instanceof A || e instanceof Z) || e instanceof mt && (t instanceof D || t instanceof A || t instanceof Z) || t instanceof A && t.kind === "message" && !t.isCatching && (e instanceof A || e instanceof Z) ? "messageFlow" : (t instanceof D || t instanceof A || t instanceof Z) && (e instanceof D || e instanceof A || e instanceof Z) ? t instanceof A && t.isEnd || e instanceof A && (e.isStart || e.attachedToTaskId) || t instanceof Z && t.type === H.eventBased && !(e instanceof A && e.isCatching && ["message", "timer", "signal", "conditional"].includes(e.kind) || e instanceof D && e.type === O.receive) ? null : "sequenceFlow" : null;
+    return t instanceof pt || e instanceof pt || t instanceof ut || e instanceof ut ? "association" : Th(t) ? e instanceof D && e.compensation ? "association" : null : (t instanceof _t || t instanceof at) && e instanceof D ? "inputDataAssociation" : t instanceof D && (e instanceof _t || e instanceof at) ? "outputDataAssociation" : t instanceof ft && (e instanceof ft || e instanceof D || e instanceof A || e instanceof Z) || e instanceof ft && (t instanceof D || t instanceof A || t instanceof Z) || t instanceof A && t.kind === "message" && !t.isCatching && (e instanceof A || e instanceof Z) ? "messageFlow" : (t instanceof D || t instanceof A || t instanceof Z) && (e instanceof D || e instanceof A || e instanceof Z) ? t instanceof A && t.isEnd || e instanceof A && (e.isStart || e.attachedToTaskId) || t instanceof Z && t.type === R.eventBased && !(e instanceof A && e.isCatching && ["message", "timer", "signal", "conditional"].includes(e.kind) || e instanceof D && e.type === O.receive) ? null : "sequenceFlow" : null;
   }
   /** Updates connection semantics and reapplies the standard BPMN edge styling. */
   setKind(t) {
@@ -9314,7 +9315,7 @@ const ri = class ri extends ee {
   }
 };
 o(ri, "BPMNEdge");
-let yt = ri;
+let wt = ri;
 function zo(i) {
   return i.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
 }
@@ -9326,7 +9327,7 @@ function Oo({
   onSelect: n,
   selectedId: s
 }) {
-  const [r, a] = wt(""), l = q(null), c = zo(r.trim()), h = c ? t.filter(
+  const [r, a] = vt(""), l = q(null), c = zo(r.trim()), h = c ? t.filter(
     (u) => zo(e.elements[u.id]).includes(c)
   ) : t;
   return Si(() => {
@@ -9433,22 +9434,22 @@ function Rn({
   label: n,
   onDragStart: s
 }) {
-  const [r, a] = wt(!1), [l, c] = wt(!1), [h, u] = wt({ left: !1, top: -4 }), p = q(null), g = q(null), m = q(() => {
+  const [r, a] = vt(!1), [l, c] = vt(!1), [h, u] = vt({ left: !1, top: -4 }), g = q(null), p = q(null), m = q(() => {
   }), b = q(!1), x = q(null);
   qt(
     () => () => {
-      p.current !== null && window.clearTimeout(p.current), g.current !== null && window.clearTimeout(g.current), m.current();
+      g.current !== null && window.clearTimeout(g.current), p.current !== null && window.clearTimeout(p.current), m.current();
     },
     []
   ), Si(() => {
     if (!r || !x.current) return;
     const N = x.current.querySelector(".bpmn__element_menu");
     if (!N) return;
-    const T = x.current.getBoundingClientRect(), R = N.getBoundingClientRect(), J = document.querySelector(".toolbar")?.getBoundingClientRect();
+    const T = x.current.getBoundingClientRect(), G = N.getBoundingClientRect(), J = document.querySelector(".toolbar")?.getBoundingClientRect();
     u(
       Lh(
         T,
-        R,
+        G,
         { width: window.innerWidth, height: window.innerHeight },
         J
       )
@@ -9457,29 +9458,29 @@ function Rn({
     r && l && c(!1);
   }, [l, r]);
   const y = /* @__PURE__ */ o(() => {
-    p.current !== null && window.clearTimeout(p.current), g.current !== null && window.clearTimeout(g.current), p.current = null, g.current = null;
+    g.current !== null && window.clearTimeout(g.current), p.current !== null && window.clearTimeout(p.current), g.current = null, p.current = null;
   }, "clearTimers"), w = /* @__PURE__ */ o(() => {
     y(), a(!0);
   }, "show"), v = /* @__PURE__ */ o(() => {
-    r || p.current !== null || (g.current !== null && window.clearTimeout(g.current), g.current = null, p.current = window.setTimeout(() => {
-      p.current = null, a(!0);
+    r || g.current !== null || (p.current !== null && window.clearTimeout(p.current), p.current = null, g.current = window.setTimeout(() => {
+      g.current = null, a(!0);
     }, 250));
   }, "showAfterDelay"), k = /* @__PURE__ */ o(() => {
-    y(), g.current = window.setTimeout(() => a(!1), 180);
+    y(), p.current = window.setTimeout(() => a(!1), 180);
   }, "hideSoon"), C = /* @__PURE__ */ o((N) => {
     if (!s || N.button !== 0) return;
     m.current();
-    const T = N.clientX, R = N.clientY, J = N, X = /* @__PURE__ */ o(() => {
-      document.removeEventListener("mousemove", Et), document.removeEventListener("mouseup", X), m.current = () => {
+    const T = N.clientX, G = N.clientY, J = N, X = /* @__PURE__ */ o(() => {
+      document.removeEventListener("mousemove", ot), document.removeEventListener("mouseup", X), m.current = () => {
       };
-    }, "cleanup"), Et = /* @__PURE__ */ o(($t) => {
+    }, "cleanup"), ot = /* @__PURE__ */ o(($t) => {
       if (($t.buttons & 1) === 0) {
         X();
         return;
       }
-      Math.hypot($t.clientX - T, $t.clientY - R) < 5 || (X(), b.current = !0, s(J));
+      Math.hypot($t.clientX - T, $t.clientY - G) < 5 || (X(), b.current = !0, s(J));
     }, "handleMouseMove");
-    m.current = X, document.addEventListener("mousemove", Et), document.addEventListener("mouseup", X);
+    m.current = X, document.addEventListener("mousemove", ot), document.addEventListener("mouseup", X);
   }, "prepareDrag"), P = /* @__PURE__ */ o(() => {
     if (b.current) {
       b.current = !1;
@@ -9532,21 +9533,21 @@ const $o = M(({ extension: i }) => {
   ) });
 }), Fh = M(
   ({ diagram: i, extension: t }) => {
-    const e = t.labels, n = i.getExtension(V), s = n.selectedNodes, r = n.selectedEdges, a = i.rules?.allowEdition !== !1, [l, c] = wt({
+    const e = t.labels, n = i.getExtension(V), s = n.selectedNodes, r = n.selectedEdges, a = i.rules?.allowEdition !== !1, [l, c] = vt({
       edgeId: "",
       x: 0,
       y: 0
-    }), h = q(null), u = /* @__PURE__ */ o((p, g) => {
-      if (p.button !== 0) return;
-      p.preventDefault(), p.stopPropagation(), p.nativeEvent.stopImmediatePropagation();
-      const m = l.edgeId === g ? l : { x: 0, y: 0 };
+    }), h = q(null), u = /* @__PURE__ */ o((g, p) => {
+      if (g.button !== 0) return;
+      g.preventDefault(), g.stopPropagation(), g.nativeEvent.stopImmediatePropagation();
+      const m = l.edgeId === p ? l : { x: 0, y: 0 };
       h.current = {
-        edgeId: g,
+        edgeId: p,
         offsetX: m.x,
         offsetY: m.y,
-        pointerId: p.pointerId,
-        startX: p.clientX,
-        startY: p.clientY
+        pointerId: g.pointerId,
+        startX: g.clientX,
+        startY: g.clientY
       };
       const b = /* @__PURE__ */ o((w) => {
         const v = h.current;
@@ -9558,34 +9559,34 @@ const $o = M(({ extension: i }) => {
       }, "move"), x = /* @__PURE__ */ o(() => {
         document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", y), document.removeEventListener("pointercancel", y), h.current = null;
       }, "cleanup"), y = /* @__PURE__ */ o((w) => {
-        w.pointerId === p.pointerId && x();
+        w.pointerId === g.pointerId && x();
       }, "finish");
       document.addEventListener("pointermove", b, { passive: !1 }), document.addEventListener("pointerup", y, { once: !0 }), document.addEventListener("pointercancel", y, { once: !0 });
     }, "startEdgeToolbarDrag");
     return t.dragging || t.connecting || s.length + r.length !== 1 ? null : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      s.map((p) => {
-        if (p instanceof lt) return null;
-        const g = a ? t.transformTargets(p) : [], m = ot.forNode(p), b = a ? t.shapeOptions(p) : [], x = a ? t.connectionTargets(p) : [], y = p instanceof Ot && Oh(p), w = y ? p.labelScreenBox : null, v = w ? new S([
+      s.map((g) => {
+        if (g instanceof ct) return null;
+        const p = a ? t.transformTargets(g) : [], m = lt.forNode(g), b = a ? t.shapeOptions(g) : [], x = a ? t.connectionTargets(g) : [], y = g instanceof Ot && Oh(g), w = y ? g.labelScreenBox : null, v = w ? new S([
           w.x + w.width / 2,
           w.y + w.height + 8,
           1,
           1
         ]) : new S([
-          p.box.x + p.box.width + 10,
-          p.box.y + p.box.height / 2,
+          g.box.x + g.box.width + 10,
+          g.box.y + g.box.height / 2,
           1,
           1
         ]);
         return /* @__PURE__ */ Qn(
           "div",
           {
-            ...Dt(p, v),
+            ...Dt(g, v),
             className: `bpmn__selection_toolbar${y ? " bpmn__selection_toolbar--below-external-label" : ""}`,
             "data-diagram-interactive-ui": "true",
-            key: p.id,
+            key: g.id,
             onMouseDown: Fo
           },
-          g.length > 0 && /* @__PURE__ */ d.jsx(
+          p.length > 0 && /* @__PURE__ */ d.jsx(
             Rn,
             {
               icon: /* @__PURE__ */ d.jsx(Vt, { id: "transform" }),
@@ -9595,7 +9596,7 @@ const $o = M(({ extension: i }) => {
                 {
                   items: b,
                   labels: e,
-                  onSelect: /* @__PURE__ */ o((k) => t.transform(p, k.id), "onSelect"),
+                  onSelect: /* @__PURE__ */ o((k) => t.transform(g, k.id), "onSelect"),
                   selectedId: m?.id
                 }
               )
@@ -9607,13 +9608,13 @@ const $o = M(({ extension: i }) => {
               focusSearchOnClick: !0,
               icon: /* @__PURE__ */ d.jsx(Vt, { id: "connect" }),
               label: e.actions.connect,
-              onDragStart: /* @__PURE__ */ o((k) => t.startToolbarConnection(p, k), "onDragStart"),
+              onDragStart: /* @__PURE__ */ o((k) => t.startToolbarConnection(g, k), "onDragStart"),
               children: /* @__PURE__ */ d.jsx(
                 Oo,
                 {
                   items: x,
                   labels: e,
-                  onSelect: /* @__PURE__ */ o((k) => t.appendConnected(p, k.id), "onSelect")
+                  onSelect: /* @__PURE__ */ o((k) => t.appendConnected(g, k.id), "onSelect")
                 }
               )
             }
@@ -9621,17 +9622,17 @@ const $o = M(({ extension: i }) => {
           /* @__PURE__ */ d.jsx($o, { extension: t })
         );
       }),
-      r.map((p) => {
-        if (!(p instanceof yt) || p.steps.length === 0) return null;
-        const g = i.canvas.inverseFit(
+      r.map((g) => {
+        if (!(g instanceof wt) || g.steps.length === 0) return null;
+        const p = i.canvas.inverseFit(
           i.canvas.frameDimensions
         ), m = zh(
-          p.steps,
-          g,
+          g.steps,
+          p,
           48 / Math.max(i.canvas.scale, 1e-3)
         ), b = {
-          "--bpmn-edge-toolbar-offset-x": `${l.edgeId === p.id ? l.x : 0}px`,
-          "--bpmn-edge-toolbar-offset-y": `${l.edgeId === p.id ? l.y : 0}px`,
+          "--bpmn-edge-toolbar-offset-x": `${l.edgeId === g.id ? l.x : 0}px`,
+          "--bpmn-edge-toolbar-offset-y": `${l.edgeId === g.id ? l.y : 0}px`,
           "--screen-renderer-x": `${m.x}px`,
           "--screen-renderer-y": `${m.y}px`,
           "--screen-renderer-width": "1px",
@@ -9651,7 +9652,7 @@ const $o = M(({ extension: i }) => {
                 {
                   "aria-label": "Move edge toolbar",
                   className: "bpmn__selection_toolbar_drag_handle",
-                  onPointerDown: /* @__PURE__ */ o((x) => u(x, p.id), "onPointerDown"),
+                  onPointerDown: /* @__PURE__ */ o((x) => u(x, g.id), "onPointerDown"),
                   title: "Move toolbar",
                   type: "button",
                   children: /* @__PURE__ */ d.jsx("span", { "aria-hidden": "true", children: "•••" })
@@ -9663,11 +9664,11 @@ const $o = M(({ extension: i }) => {
                   {
                     icon: /* @__PURE__ */ d.jsx(Vt, { id: "transform" }),
                     label: e.actions.transform,
-                    children: /* @__PURE__ */ d.jsx("div", { className: "bpmn__element_menu", role: "menu", children: t.edgeKindOptions(p).filter((x) => x !== p.kind).map((x) => /* @__PURE__ */ d.jsxs(
+                    children: /* @__PURE__ */ d.jsx("div", { className: "bpmn__element_menu", role: "menu", children: t.edgeKindOptions(g).filter((x) => x !== g.kind).map((x) => /* @__PURE__ */ d.jsxs(
                       "button",
                       {
                         className: "bpmn__element_menu_item",
-                        onClick: /* @__PURE__ */ o(() => t.changeEdgeKind(p, x), "onClick"),
+                        onClick: /* @__PURE__ */ o(() => t.changeEdgeKind(g, x), "onClick"),
                         role: "menuitem",
                         type: "button",
                         children: [
@@ -9683,7 +9684,7 @@ const $o = M(({ extension: i }) => {
                   "button",
                   {
                     "aria-label": e.actions.reverseDirection,
-                    onClick: /* @__PURE__ */ o(() => t.reverseEdge(p), "onClick"),
+                    onClick: /* @__PURE__ */ o(() => t.reverseEdge(g), "onClick"),
                     title: e.actions.reverseDirection,
                     type: "button",
                     children: /* @__PURE__ */ d.jsx(Gd, { "aria-hidden": "true" })
@@ -9693,7 +9694,7 @@ const $o = M(({ extension: i }) => {
               /* @__PURE__ */ d.jsx($o, { extension: t })
             ]
           },
-          p.id
+          g.id
         );
       })
     ] });
@@ -9716,7 +9717,7 @@ function Ro({
   children: i,
   title: t
 }) {
-  const [e, n] = wt(!0), s = Ic();
+  const [e, n] = vt(!0), s = Ic();
   return /* @__PURE__ */ d.jsxs("section", { className: "bpmn__properties_section", children: [
     /* @__PURE__ */ d.jsxs(
       "button",
@@ -9763,18 +9764,18 @@ function Hh({
 o(Hh, "PropertiesSections");
 const Kl = M(
   ({ diagram: i, extension: t, sections: e }) => {
-    const n = i.getExtension(V), s = n.selectedNodes.length === 1 ? n.selectedNodes[0] : null, r = n.selectedEdges.length === 1 ? n.selectedEdges[0] : null, a = t.propertiesPanelOpen && !!(s || r) && !t.dragging, l = s ? ot.forNode(s) : void 0, c = s ? t.shapeOptions(s) : [], h = t.labels, u = i.rules?.allowEdition !== !1, p = u || e?.additionalEditable === !0;
+    const n = i.getExtension(V), s = n.selectedNodes.length === 1 ? n.selectedNodes[0] : null, r = n.selectedEdges.length === 1 ? n.selectedEdges[0] : null, a = t.propertiesPanelOpen && !!(s || r) && !t.dragging, l = s ? lt.forNode(s) : void 0, c = s ? t.shapeOptions(s) : [], h = t.labels, u = i.rules?.allowEdition !== !1, g = u || e?.additionalEditable === !0;
     return /* @__PURE__ */ d.jsxs(
       "aside",
       {
         "aria-hidden": !a,
-        "aria-readonly": !p,
-        className: `bpmn__properties_panel${a ? " bpmn__properties_panel--open" : ""}${p ? "" : " bpmn__properties_panel--readonly"}`,
+        "aria-readonly": !g,
+        className: `bpmn__properties_panel${a ? " bpmn__properties_panel--open" : ""}${g ? "" : " bpmn__properties_panel--readonly"}`,
         children: [
           /* @__PURE__ */ d.jsxs("header", { children: [
             /* @__PURE__ */ d.jsxs("div", { children: [
               /* @__PURE__ */ d.jsx("span", { children: h.properties.title }),
-              /* @__PURE__ */ d.jsx("strong", { children: l ? h.elements[l.id] : r instanceof yt ? h.edges[r.kind] : "" })
+              /* @__PURE__ */ d.jsx("strong", { children: l ? h.elements[l.id] : r instanceof wt ? h.edges[r.kind] : "" })
             ] }),
             /* @__PURE__ */ d.jsx(
               "button",
@@ -9794,7 +9795,7 @@ const Kl = M(
                 /* @__PURE__ */ d.jsx(
                   "textarea",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.renameNode(s, g.target.value), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.renameNode(s, p.target.value), "onChange"),
                     value: s.state.label
                   }
                 )
@@ -9804,9 +9805,9 @@ const Kl = M(
                 /* @__PURE__ */ d.jsx(
                   "select",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.transform(s, g.target.value), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.transform(s, p.target.value), "onChange"),
                     value: l.id,
-                    children: c.map((g) => g && /* @__PURE__ */ d.jsx("option", { value: g.id, children: h.elements[g.id] }, g.id))
+                    children: c.map((p) => p && /* @__PURE__ */ d.jsx("option", { value: p.id, children: h.elements[p.id] }, p.id))
                   }
                 )
               ] }),
@@ -9816,12 +9817,12 @@ const Kl = M(
                   /* @__PURE__ */ d.jsx(
                     "select",
                     {
-                      onChange: /* @__PURE__ */ o((g) => t.changeEventKind(
+                      onChange: /* @__PURE__ */ o((p) => t.changeEventKind(
                         s,
-                        g.target.value
+                        p.target.value
                       ), "onChange"),
                       value: s.kind,
-                      children: t.eventKindOptions(s).map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.elements[g === "none" ? "event" : g] }, g))
+                      children: t.eventKindOptions(s).map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.elements[p === "none" ? "event" : p] }, p))
                     }
                   )
                 ] }),
@@ -9830,12 +9831,12 @@ const Kl = M(
                   /* @__PURE__ */ d.jsx(
                     "select",
                     {
-                      onChange: /* @__PURE__ */ o((g) => t.changeEventStage(
+                      onChange: /* @__PURE__ */ o((p) => t.changeEventStage(
                         s,
-                        g.target.value
+                        p.target.value
                       ), "onChange"),
                       value: s.stage,
-                      children: t.eventStageOptions(s).map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.eventOptions[g] }, g))
+                      children: t.eventStageOptions(s).map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.eventOptions[p] }, p))
                     }
                   )
                 ] }),
@@ -9844,12 +9845,12 @@ const Kl = M(
                   /* @__PURE__ */ d.jsx(
                     "select",
                     {
-                      onChange: /* @__PURE__ */ o((g) => t.changeEventDirection(
+                      onChange: /* @__PURE__ */ o((p) => t.changeEventDirection(
                         s,
-                        g.target.value
+                        p.target.value
                       ), "onChange"),
                       value: s.direction,
-                      children: t.eventDirectionOptions(s).map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.eventOptions[g] }, g))
+                      children: t.eventDirectionOptions(s).map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.eventOptions[p] }, p))
                     }
                   )
                 ] }),
@@ -9858,9 +9859,9 @@ const Kl = M(
                     "input",
                     {
                       checked: s.interrupting,
-                      onChange: /* @__PURE__ */ o((g) => t.changeEventInterrupting(
+                      onChange: /* @__PURE__ */ o((p) => t.changeEventInterrupting(
                         s,
-                        g.target.checked
+                        p.target.checked
                       ), "onChange"),
                       type: "checkbox"
                     }
@@ -9874,14 +9875,14 @@ const Kl = M(
                   /* @__PURE__ */ d.jsxs(
                     "select",
                     {
-                      onChange: /* @__PURE__ */ o((g) => t.changeEventSubprocessStartKind(
+                      onChange: /* @__PURE__ */ o((p) => t.changeEventSubprocessStartKind(
                         s,
-                        g.target.value
+                        p.target.value
                       ), "onChange"),
                       value: t.eventSubprocessStartKind(s),
                       children: [
                         /* @__PURE__ */ d.jsx("option", { disabled: !0, value: "", children: h.eventOptions.none }),
-                        Rh.map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.elements[g] }, g))
+                        Rh.map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.elements[p] }, p))
                       ]
                     }
                   )
@@ -9891,7 +9892,7 @@ const Kl = M(
                     "input",
                     {
                       checked: s.loop,
-                      onChange: /* @__PURE__ */ o((g) => t.changeTaskLoop(s, g.target.checked), "onChange"),
+                      onChange: /* @__PURE__ */ o((p) => t.changeTaskLoop(s, p.target.checked), "onChange"),
                       type: "checkbox"
                     }
                   ),
@@ -9902,9 +9903,9 @@ const Kl = M(
                     "input",
                     {
                       checked: s.multiInstance === "parallel",
-                      onChange: /* @__PURE__ */ o((g) => t.changeTaskMultiInstance(
+                      onChange: /* @__PURE__ */ o((p) => t.changeTaskMultiInstance(
                         s,
-                        g.target.checked ? "parallel" : "none"
+                        p.target.checked ? "parallel" : "none"
                       ), "onChange"),
                       type: "checkbox"
                     }
@@ -9916,9 +9917,9 @@ const Kl = M(
                     "input",
                     {
                       checked: s.compensation,
-                      onChange: /* @__PURE__ */ o((g) => t.changeTaskCompensation(
+                      onChange: /* @__PURE__ */ o((p) => t.changeTaskCompensation(
                         s,
-                        g.target.checked
+                        p.target.checked
                       ), "onChange"),
                       type: "checkbox"
                     }
@@ -9930,7 +9931,7 @@ const Kl = M(
                     "input",
                     {
                       checked: s.adHoc,
-                      onChange: /* @__PURE__ */ o((g) => t.changeTaskAdHoc(s, g.target.checked), "onChange"),
+                      onChange: /* @__PURE__ */ o((p) => t.changeTaskAdHoc(s, p.target.checked), "onChange"),
                       type: "checkbox"
                     }
                   ),
@@ -9941,7 +9942,7 @@ const Kl = M(
                     "input",
                     {
                       checked: s.transaction,
-                      onChange: /* @__PURE__ */ o((g) => t.changeTaskTransaction(s, g.target.checked), "onChange"),
+                      onChange: /* @__PURE__ */ o((p) => t.changeTaskTransaction(s, p.target.checked), "onChange"),
                       type: "checkbox"
                     }
                   ),
@@ -9949,13 +9950,13 @@ const Kl = M(
                 ] })
               ] })
             ] }),
-            r instanceof yt && /* @__PURE__ */ d.jsxs("fieldset", { className: "bpmn__properties_fields", disabled: !u, children: [
+            r instanceof wt && /* @__PURE__ */ d.jsxs("fieldset", { className: "bpmn__properties_fields", disabled: !u, children: [
               /* @__PURE__ */ d.jsxs("label", { children: [
                 /* @__PURE__ */ d.jsx("span", { children: h.properties.name }),
                 /* @__PURE__ */ d.jsx(
                   "input",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.renameEdge(r, g.target.value), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.renameEdge(r, p.target.value), "onChange"),
                     type: "text",
                     value: r.labels[0]?.text ?? ""
                   }
@@ -9966,9 +9967,9 @@ const Kl = M(
                 /* @__PURE__ */ d.jsx(
                   "select",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.changeEdgeKind(r, g.target.value), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.changeEdgeKind(r, p.target.value), "onChange"),
                     value: r.kind,
-                    children: t.edgeKindOptions(r).map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.edges[g] }, g))
+                    children: t.edgeKindOptions(r).map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.edges[p] }, p))
                   }
                 )
               ] }),
@@ -9977,12 +9978,12 @@ const Kl = M(
                 /* @__PURE__ */ d.jsx(
                   "select",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.changeEdgePathType(
+                    onChange: /* @__PURE__ */ o((p) => t.changeEdgePathType(
                       r,
-                      g.target.value
+                      p.target.value
                     ), "onChange"),
                     value: r.pathType,
-                    children: $h.map((g) => /* @__PURE__ */ d.jsx("option", { value: g, children: h.routing[g] }, g))
+                    children: $h.map((p) => /* @__PURE__ */ d.jsx("option", { value: p, children: h.routing[p] }, p))
                   }
                 )
               ] }),
@@ -9991,7 +9992,7 @@ const Kl = M(
                 /* @__PURE__ */ d.jsx(
                   "textarea",
                   {
-                    onChange: /* @__PURE__ */ o((g) => t.changeEdgeCondition(r, g.target.value), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.changeEdgeCondition(r, p.target.value), "onChange"),
                     rows: 4,
                     value: r.condition
                   }
@@ -10002,7 +10003,7 @@ const Kl = M(
                   "input",
                   {
                     checked: r.isDefault,
-                    onChange: /* @__PURE__ */ o((g) => t.changeEdgeDefault(r, g.target.checked), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.changeEdgeDefault(r, p.target.checked), "onChange"),
                     type: "checkbox"
                   }
                 ),
@@ -10013,7 +10014,7 @@ const Kl = M(
                   "input",
                   {
                     checked: r.isDirected,
-                    onChange: /* @__PURE__ */ o((g) => t.changeEdgeDirected(r, g.target.checked), "onChange"),
+                    onChange: /* @__PURE__ */ o((p) => t.changeEdgeDirected(r, p.target.checked), "onChange"),
                     type: "checkbox"
                   }
                 ),
@@ -10027,11 +10028,11 @@ const Kl = M(
   }
 );
 function Gh(i, t, e) {
-  if (!(t instanceof ut || t instanceof ht) || !(t instanceof ut && e === "documentAnnotation" || t instanceof ht && e === "textAnnotation")) return null;
+  if (!(t instanceof pt || t instanceof ut) || !(t instanceof pt && e === "documentAnnotation" || t instanceof ut && e === "textAnnotation")) return null;
   const n = new Set(t.gateways.flatMap((r) => [
     ...r.incomingEdges,
     ...r.outgoingEdges
-  ])), s = ot.create(e, t.id, t.state.label);
+  ])), s = lt.create(e, t.id, t.state.label);
   return I(() => {
     s.state = { ...t.state, box: t.box, selected: !1 }, i.delete(t), i.add(s), n.forEach((r) => {
       const a = r.from.parent === t ? s.findAutomaticGatewayAnchor(r.to.parent === t ? s.box.middle : r.to.parent.box.middle) : r.resolveEndpointAnchor("from"), l = r.to.parent === t ? s.findAutomaticGatewayAnchor(r.from.parent === t ? s.box.middle : r.from.parent.box.middle) : r.resolveEndpointAnchor("to");
@@ -10080,7 +10081,7 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   "compensation",
   "signal",
   "multiple"
-]), Gn = "bpmn-properties-panel-open", Wh = 24, Ia = class Ia extends G {
+]), Gn = "bpmn-properties-panel-open", Wh = 24, Ia = class Ia extends H {
   dragging = !1;
   propertiesPanelOpen = !1;
   RenderDiagram = Fh;
@@ -10105,15 +10106,15 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
       propertiesPanelOpen: E,
       appendConnected: _,
       configureLabels: _
-    }), typeof window < "u" && (this.propertiesPanelOpen = window.localStorage.getItem(Gn) === "true"), this.diagram.registerClass(yt), this.diagram.setDefaultEdge(yt), this.diagram.onEvent(hi, (t) => {
-      (!yt.inferKind(t.origin, t.target) || t.origin instanceof A && t.origin.attachedToTaskId && t.origin.kind === "compensation" && t.origin.gateways.some(
+    }), typeof window < "u" && (this.propertiesPanelOpen = window.localStorage.getItem(Gn) === "true"), this.diagram.registerClass(wt), this.diagram.setDefaultEdge(wt), this.diagram.onEvent(hi, (t) => {
+      (!wt.inferKind(t.origin, t.target) || t.origin instanceof A && t.origin.attachedToTaskId && t.origin.kind === "compensation" && t.origin.gateways.some(
         (e) => e.outgoingEdges.some((n) => n !== t.edge)
       )) && t.cancel();
     }), this.diagram.onEvent(jt, () => {
       I(() => {
         this.dragging = !0;
       });
-    }), this.diagram.onEvent(ct, () => {
+    }), this.diagram.onEvent(dt, () => {
       I(() => {
         this.dragging = !1;
       });
@@ -10121,10 +10122,10 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   }
   /** Returns legal enabled transformations that preserve current connections. */
   transformTargets(t) {
-    const e = ot.forNode(t);
+    const e = lt.forNode(t);
     if (!e) return [];
     const n = t.gateways.some((r) => r.incomingEdges.length), s = t.gateways.some((r) => r.outgoingEdges.length);
-    return ot.enabled().filter((r) => !(r.family !== e.family || r.id === e.id || r.id === "start" && n || (r.id === "end" || r.id === "terminate") && s || t instanceof A && t.attachedToTaskId && ![
+    return lt.enabled().filter((r) => !(r.family !== e.family || r.id === e.id || r.id === "start" && n || (r.id === "end" || r.id === "terminate") && s || t instanceof A && t.attachedToTaskId && ![
       "timer",
       "messageCatch",
       "signal",
@@ -10135,13 +10136,13 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   }
   /** Returns transform choices in stable catalog order including the current type. */
   shapeOptions(t) {
-    const e = ot.forNode(t);
+    const e = lt.forNode(t);
     if (!e) return [];
     const n = /* @__PURE__ */ new Set([
       e.id,
       ...this.transformTargets(t).map((s) => s.id)
     ]);
-    return ot.enabled().filter((s) => n.has(s.id));
+    return lt.enabled().filter((s) => n.has(s.id));
   }
   /** Changes a node variant through the shared catalog and emits history state. */
   transform(t, e) {
@@ -10150,19 +10151,19 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
     const n = Gh(this.diagram, t, e);
     if (n)
       return t.selected && this.diagram.getExtension(V).selectNode(n), !0;
-    const s = ot.transform(t, e);
+    const s = lt.transform(t, e);
     return s && t instanceof Z && t.gateways.forEach(
       (r) => r.outgoingEdges.forEach((a) => {
-        a instanceof yt && !a.supportsDefaultFlow && a.setDefault(!1);
+        a instanceof wt && !a.supportsDefaultFlow && a.setDefault(!1);
       })
     ), s;
   }
   /** Returns enabled target elements that form a legal outgoing BPMN connection. */
   connectionTargets(t) {
     if (t instanceof A && t.attachedToTaskId && t.kind === "compensation")
-      return t.gateways.some((n) => n.outgoingEdges.length) ? [] : ot.enabled().filter(({ id: n }) => n === "task");
-    const e = ot.idForNode(t);
-    return e ? ot.enabled().filter((n) => {
+      return t.gateways.some((n) => n.outgoingEdges.length) ? [] : lt.enabled().filter(({ id: n }) => n === "task");
+    const e = lt.idForNode(t);
+    return e ? lt.enabled().filter((n) => {
       const s = n.connectable && this.inferDefinitionKind(e, n.id);
       return !!s && !(t instanceof A && t.isEnd && s === "sequenceFlow");
     }) : [];
@@ -10175,8 +10176,8 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   }
   /** Creates and connects a catalog node at the nearest collision-free position. */
   appendConnected(t, e) {
-    if (!this.connectionTargets(t).some((g) => g.id === e)) return null;
-    const n = De(this.diagram, e), r = t instanceof A && t.attachedToTaskId && t.kind === "compensation" ? new D(null, { id: n, label: this.labels.elements.task, movable: !0, type: O.task, compensation: !0 }) : ot.create(e, n, ["event", "gateway"].includes(_e.find((g) => g.id === e)?.family ?? "") ? "" : this.labels.elements[e]);
+    if (!this.connectionTargets(t).some((p) => p.id === e)) return null;
+    const n = De(this.diagram, e), r = t instanceof A && t.attachedToTaskId && t.kind === "compensation" ? new D(null, { id: n, label: this.labels.elements.task, movable: !0, type: O.task, compensation: !0 }) : lt.create(e, n, ["event", "gateway"].includes(_e.find((p) => p.id === e)?.family ?? "") ? "" : this.labels.elements[e]);
     this.diagram.add(r);
     const a = this.diagram.getExtension(Y).gridSize, l = new f([
       t.box.x + t.box.width + a,
@@ -10198,8 +10199,8 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
       },
       endAnchor: { mode: "automatic" }
     });
-    const p = this.diagram.getExtension(V);
-    return p.clearSelection(), p.selectNode(r), this.diagram.canvas.ensureVisible(r.box, a * 3, !0), r;
+    const g = this.diagram.getExtension(V);
+    return g.clearSelection(), g.selectNode(r), this.diagram.canvas.ensureVisible(r.box, a * 3, !0), r;
   }
   nearestAvailablePosition(t, e) {
     const n = this.diagram.getExtension(Y).gridSize, s = this.diagram.nodes.filter(
@@ -10209,17 +10210,17 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
     for (let l = 0; l <= Wh; l += 1) {
       const c = [];
       for (let u = -l; u <= l; u += 1)
-        for (let p = -l; p <= l; p += 1)
-          Math.max(Math.abs(u), Math.abs(p)) === l && c.push([u, p]);
-      c.sort((u, p) => {
-        const g = u[0] ** 2 + u[1] ** 2, m = p[0] ** 2 + p[1] ** 2;
-        return g !== m ? g - m : this.placementDirectionRank(u) - this.placementDirectionRank(p);
-      }), c.forEach(([u, p]) => {
-        const g = e.copy(!1).sum([u * n, p * n]), m = g.toDimensions(t.box.size);
+        for (let g = -l; g <= l; g += 1)
+          Math.max(Math.abs(u), Math.abs(g)) === l && c.push([u, g]);
+      c.sort((u, g) => {
+        const p = u[0] ** 2 + u[1] ** 2, m = g[0] ** 2 + g[1] ** 2;
+        return p !== m ? p - m : this.placementDirectionRank(u) - this.placementDirectionRank(g);
+      }), c.forEach(([u, g]) => {
+        const p = e.copy(!1).sum([u * n, g * n]), m = p.toDimensions(t.box.size);
         if (!(m.x >= 0 && m.y >= 0 && m.x + m.width <= this.diagram.canvas.size.x && m.y + m.height <= this.diagram.canvas.size.y) || s.some((y) => y.collides(m)))
           return;
-        const x = (u * n) ** 2 + (p * n) ** 2;
-        x < a && (r = g, a = x);
+        const x = (u * n) ** 2 + (g * n) ** 2;
+        x < a && (r = p, a = x);
       });
       const h = (l + 1) * n;
       if (r && h ** 2 > a)
@@ -10356,7 +10357,7 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   /** Returns only edge kinds that preserve all endpoint-specific BPMN constraints. */
   edgeKindOptions(t) {
     const e = t.from.parent, n = t.to.parent;
-    return e instanceof ut || n instanceof ut || e instanceof ht || n instanceof ht ? ["association"] : e instanceof mt || n instanceof mt ? ["messageFlow"] : e instanceof vt || e instanceof at ? ["inputDataAssociation"] : n instanceof vt || n instanceof at ? ["outputDataAssociation"] : Bh;
+    return e instanceof pt || n instanceof pt || e instanceof ut || n instanceof ut ? ["association"] : e instanceof ft || n instanceof ft ? ["messageFlow"] : e instanceof _t || e instanceof at ? ["inputDataAssociation"] : n instanceof _t || n instanceof at ? ["outputDataAssociation"] : Bh;
   }
   /** Updates a BPMN edge kind and refreshes its visual connection convention. */
   changeEdgeKind(t, e) {
@@ -10392,7 +10393,7 @@ const Ye = /* @__PURE__ */ new Set(["task", "event", "gateway"]), Bh = [
   supportsCondition(t) {
     if (t.kind !== "sequenceFlow") return !1;
     const e = t.from.parent;
-    return !(e instanceof Z && (e.type === H.parallel || e.type === H.eventBased));
+    return !(e instanceof Z && (e.type === R.parallel || e.type === R.eventBased));
   }
   /** Toggles the properties inspector and persists its current preference locally. */
   togglePropertiesPanel() {
@@ -10416,7 +10417,7 @@ const ja = class ja extends $e {
   constructor(t) {
     super(t), this.registerExtension(vi), this.registerExtension(ve), this.registerExtension(ie), this.registerExtension(nn), this.registerExtension(le), this.getExtension(le).configureLabels(
       t?.labels ?? {}
-    ), this.registerExtension(Ms), this.registerClass(dt), this.registerClass(D), this.registerClass(A), this.registerClass(Z), this.registerClass(lt), this.registerClass(Re), this.registerClass(mt), this.registerClass(vt), this.registerClass(at), this.registerClass(ht), this.registerClass(ut);
+    ), this.registerExtension(Ms), this.registerClass(ht), this.registerClass(D), this.registerClass(A), this.registerClass(Z), this.registerClass(ct), this.registerClass(Re), this.registerClass(ft), this.registerClass(_t), this.registerClass(at), this.registerClass(ut), this.registerClass(pt);
   }
   /** Exposes the isolated complete labels currently used by this BPMN diagram. */
   get bpmnLabels() {
@@ -10429,7 +10430,7 @@ const ja = class ja extends $e {
 };
 o(ja, "BPMDiagram");
 let Cs = ja;
-const Pa = class Pa extends yt {
+const Pa = class Pa extends wt {
   executionId;
   visited = !1;
   visitCount = 0;
@@ -10586,9 +10587,9 @@ const Ta = class Ta {
   }
 };
 o(Ta, "BPMNNodeExecutionState");
-let pt = Ta;
+let gt = Ta;
 function an(i) {
-  return "execution" in i && i.execution instanceof pt;
+  return "execution" in i && i.execution instanceof gt;
 }
 o(an, "isBPMNExecutionNode");
 const Zh = M(
@@ -10606,14 +10607,14 @@ const Zh = M(
           "data-execution-node-id": e.id,
           style: n.style,
           children: e.execution.markers.map((s) => {
-            const r = s.kind === "error", a = s.kind === "waiting", l = s.kind === "completed", c = `execution-marker-${e.id}-${s.id}`, h = r ? s.message || "Execution failed" : s.message, u = !!h, p = r ? t.executionSettings.errorColor : a ? "#d97706" : l ? "#16a34a" : t.executionSettings.tokenColor;
+            const r = s.kind === "error", a = s.kind === "waiting", l = s.kind === "completed", c = `execution-marker-${e.id}-${s.id}`, h = r ? s.message || "Execution failed" : s.message, u = !!h, g = r ? t.executionSettings.errorColor : a ? "#d97706" : l ? "#16a34a" : t.executionSettings.tokenColor;
             return /* @__PURE__ */ d.jsxs(
               "span",
               {
                 "aria-describedby": u ? c : void 0,
                 "aria-label": s.kind === "token" ? `${s.value ?? 0} active tokens` : r ? "Execution error" : a ? "Waiting" : l ? "Completed" : s.message || s.kind,
                 className: `bpmn-execution__marker bpmn-execution__marker--${s.kind}${u ? " bpmn-execution__marker--has-tooltip" : ""}`,
-                style: { "--execution-marker-color": s.color ?? p },
+                style: { "--execution-marker-color": s.color ?? g },
                 tabIndex: u ? 0 : void 0,
                 title: u ? void 0 : s.kind,
                 children: [
@@ -10637,7 +10638,7 @@ const Zh = M(
       );
     }) });
   }
-), La = class La extends G {
+), La = class La extends H {
   RenderDiagram = Zh;
   /** Initializes the visual execution layer without changing BPMN modeler behavior. */
   init() {
@@ -10645,10 +10646,10 @@ const Zh = M(
 };
 o(La, "BPMNExecutionExtension");
 let As = La;
-const Da = class Da extends mt {
+const Da = class Da extends ft {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution metadata together with the hidden-participant model. */
   serialize() {
@@ -10661,10 +10662,10 @@ const Da = class Da extends mt {
 };
 o(Da, "BPMNExecutionBlackBoxPoolNode");
 let on = Da;
-const za = class za extends vt {
+const za = class za extends _t {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes optional execution metadata beside normal data-store semantics. */
   serialize() {
@@ -10677,10 +10678,10 @@ const za = class za extends vt {
 };
 o(za, "BPMNExecutionDataStoreNode");
 let ln = za;
-const Oa = class Oa extends ht {
+const Oa = class Oa extends ut {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes optional execution metadata beside document-annotation state. */
   serialize() {
@@ -10696,7 +10697,7 @@ let cn = Oa;
 const Fa = class Fa extends at {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes optional execution metadata beside normal data-object semantics. */
   serialize() {
@@ -10712,7 +10713,7 @@ let dn = Fa;
 const $a = class $a extends A {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution data alongside every property owned by the BPMN event. */
   serialize() {
@@ -10728,7 +10729,7 @@ let hn = $a;
 const Ra = class Ra extends Z {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution data alongside every property owned by the BPMN gateway. */
   serialize() {
@@ -10741,10 +10742,10 @@ const Ra = class Ra extends Z {
 };
 o(Ra, "BPMNExecutionGateNode");
 let un = Ra;
-const Ha = class Ha extends lt {
+const Ha = class Ha extends ct {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution metadata together with the complete lane and pool model. */
   serialize() {
@@ -10760,7 +10761,7 @@ let pn = Ha;
 const Ga = class Ga extends D {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution data alongside every property owned by the BPMN task. */
   serialize() {
@@ -10773,10 +10774,10 @@ const Ga = class Ga extends D {
 };
 o(Ga, "BPMNExecutionTaskNode");
 let gn = Ga;
-const Ba = class Ba extends ut {
+const Ba = class Ba extends pt {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes optional execution metadata beside normal text annotation state. */
   serialize() {
@@ -10792,7 +10793,7 @@ let mn = Ba;
 const Va = class Va extends Re {
   execution;
   constructor(t, e) {
-    super(t, e), this.execution = new pt(e.execution);
+    super(t, e), this.execution = new gt(e.execution);
   }
   /** Serializes execution metadata while preserving the unsupported source type. */
   serialize() {
@@ -10807,7 +10808,7 @@ o(Va, "BPMNExecutionUnknownNode");
 let fn = Va;
 function Kh(i) {
   const t = i.id;
-  if (i instanceof Wt || i.constructor !== yt)
+  if (i instanceof Wt || i.constructor !== wt)
     return i;
   Object.setPrototypeOf(i, Wt.prototype);
   const e = i;
@@ -10818,18 +10819,18 @@ const Uh = /* @__PURE__ */ new Map([
   [D, gn.prototype],
   [A, hn.prototype],
   [Z, un.prototype],
-  [lt, pn.prototype],
-  [mt, on.prototype],
-  [vt, ln.prototype],
+  [ct, pn.prototype],
+  [ft, on.prototype],
+  [_t, ln.prototype],
   [at, dn.prototype],
-  [ht, cn.prototype],
-  [ut, mn.prototype],
+  [ut, cn.prototype],
+  [pt, mn.prototype],
   [Re, fn.prototype]
 ]);
 function Xh(i) {
   if ("execution" in i) return i;
   const t = Uh.get(i.constructor);
-  return t && (Object.setPrototypeOf(i, t), i.execution = new pt()), i;
+  return t && (Object.setPrototypeOf(i, t), i.execution = new gt()), i;
 }
 o(Xh, "promoteBPMNExecutionNode");
 const qh = [
@@ -11088,19 +11089,19 @@ const Qh = M(
     let l = 0, c = 0;
     return I(() => {
       s && this.clearExecution(), Object.entries(e).forEach(([h, u]) => {
-        const p = this.getNodeById(h);
-        if (!p || !an(p)) {
+        const g = this.getNodeById(h);
+        if (!g || !an(g)) {
           r.push(h);
           return;
         }
-        p.execution.apply(u), l += 1;
+        g.execution.apply(u), l += 1;
       }), Object.entries(n).forEach(([h, u]) => {
-        const p = this.resolveExecutionEdge(h);
-        if (!p) {
+        const g = this.resolveExecutionEdge(h);
+        if (!g) {
           a.push(h);
           return;
         }
-        p.applyExecution(u), c += 1;
+        g.applyExecution(u), c += 1;
       });
     }), {
       appliedNodes: l,
@@ -11127,14 +11128,14 @@ const Qh = M(
       [D, gn],
       [A, hn],
       [Z, un],
-      [lt, pn],
+      [ct, pn],
       [Re, fn],
-      [mt, on],
-      [vt, ln],
+      [ft, on],
+      [_t, ln],
       [at, dn],
-      [ht, cn],
-      [ut, mn],
-      [yt, Wt]
+      [ut, cn],
+      [pt, mn],
+      [wt, Wt]
     ].forEach(([e, n]) => {
       this.registerClass(n), this.registerClass(n, e.name);
     });
@@ -11633,16 +11634,16 @@ function ou() {
 }
 o(ou, "initialPanelWidth");
 function lu() {
-  const [i, t] = wt(ou);
+  const [i, t] = vt(ou);
   return { panelWidth: i, startResize: /* @__PURE__ */ o((n) => {
     n.preventDefault(), n.stopPropagation();
     const s = n.clientX, r = i;
     let a = i;
     const l = /* @__PURE__ */ o((h) => {
-      const u = Math.min(Xl, window.innerWidth - 28), p = Math.max(u, window.innerWidth - 56);
+      const u = Math.min(Xl, window.innerWidth - 28), g = Math.max(u, window.innerWidth - 56);
       a = Math.max(
         u,
-        Math.min(p, r + s - h.clientX)
+        Math.min(g, r + s - h.clientX)
       ), t(a);
     }, "move"), c = /* @__PURE__ */ o(() => {
       window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", c), window.localStorage.setItem(Ul, String(a));
@@ -11674,14 +11675,14 @@ const cu = M(/* @__PURE__ */ o(function({
   extension: e,
   node: n
 }) {
-  const [s, r] = wt(
+  const [s, r] = vt(
     null
   ), a = /* @__PURE__ */ o((l, c) => {
     if (l.preventDefault(), !s) return;
-    const h = l.currentTarget, u = l.clientY > h.getBoundingClientRect().top + h.clientHeight / 2, p = n.model.attributes.findIndex(
+    const h = l.currentTarget, u = l.clientY > h.getBoundingClientRect().top + h.clientHeight / 2, g = n.model.attributes.findIndex(
       (m) => m.id === c
-    ), g = u ? n.model.attributes[p + 1]?.id ?? null : c;
-    e.moveAttribute(n, s, g), r(null);
+    ), p = u ? n.model.attributes[g + 1]?.id ?? null : c;
+    e.moveAttribute(n, s, p), r(null);
   }, "dropAttribute");
   return /* @__PURE__ */ d.jsxs("div", { className: "mr__attribute_table_scroller", children: [
     /* @__PURE__ */ d.jsxs("table", { className: "mr__attribute_table", children: [
@@ -12168,7 +12169,7 @@ const cu = M(/* @__PURE__ */ o(function({
               }
             )
           ] }),
-          /* @__PURE__ */ d.jsx("datalist", { id: "mr-data-types", children: su.map((p) => /* @__PURE__ */ d.jsx("option", { value: p }, p)) })
+          /* @__PURE__ */ d.jsx("datalist", { id: "mr-data-types", children: su.map((g) => /* @__PURE__ */ d.jsx("option", { value: g }, g)) })
         ]
       }
     );
@@ -12187,7 +12188,7 @@ function Di(i, t = 0) {
   );
 }
 o(Di, "tablePosition");
-const eo = class eo extends G {
+const eo = class eo extends H {
   RenderUI = pu;
   /** Initializes this stateless modeler extension for fixed inspector rendering. */
   init() {
@@ -12317,7 +12318,7 @@ const eo = class eo extends G {
       a.length
     ), c = n.box.middle.x <= s.box.middle.x ? "right" : "left", h = c === "right" ? "left" : "right", u = this.diagram.edges.filter(
       (m) => m instanceof It && m.constraintId === t.constraintId
-    ).sort((m, b) => m.mappingIndex - b.mappingIndex), p = {
+    ).sort((m, b) => m.mappingIndex - b.mappingIndex), g = {
       constraintId: t.constraintId,
       mappingIndex: 0,
       name: e.name ?? t.name,
@@ -12336,11 +12337,11 @@ const eo = class eo extends G {
       const b = r[Math.min(m, r.length - 1)], x = a[Math.min(m, a.length - 1)], y = n.gatewayForAttribute(b, c), w = s.gatewayForAttribute(x, h);
       if (!y || !w) continue;
       const v = u[m] ?? this.diagram.connect(y, w);
-      this.rewireForeignKey(v, y, w), v.updateModel({ ...p, mappingIndex: m }), u[m] = v;
+      this.rewireForeignKey(v, y, w), v.updateModel({ ...g, mappingIndex: m }), u[m] = v;
     }
     u.slice(l).forEach((m) => this.diagram.disconnect(m));
-    const g = this.diagram.getExtension(V);
-    g.selectedEdges.includes(t) && u[0] && (g.clearSelection(), g.selectEdge(u[0]));
+    const p = this.diagram.getExtension(V);
+    p.selectedEdges.includes(t) && u[0] && (p.clearSelection(), p.selectEdge(u[0]));
   }
   /** Changes the routing family used to draw one relational foreign-key connection. */
   updateForeignKeyPath(t, e) {
@@ -12401,10 +12402,10 @@ let ei = eo;
 var ql = Object.defineProperty, gu = /* @__PURE__ */ o((i, t, e) => t in i ? ql(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, "hn"), mu = /* @__PURE__ */ o((i, t) => {
   for (var e in t) ql(i, e, { get: t[e], enumerable: !0 });
 }, "fn"), fu = /* @__PURE__ */ o((i, t, e) => gu(i, t + "", e), "pe"), xu = {};
-mu(xu, { Graph: /* @__PURE__ */ o(() => _t, "Graph"), alg: /* @__PURE__ */ o(() => Rs, "alg"), json: /* @__PURE__ */ o(() => Ql, "json"), version: /* @__PURE__ */ o(() => wu, "version") });
+mu(xu, { Graph: /* @__PURE__ */ o(() => Et, "Graph"), alg: /* @__PURE__ */ o(() => Rs, "alg"), json: /* @__PURE__ */ o(() => Ql, "json"), version: /* @__PURE__ */ o(() => wu, "version") });
 var bu = Object.defineProperty, Jl = /* @__PURE__ */ o((i, t) => {
   for (var e in t) bu(i, e, { get: t[e], enumerable: !0 });
-}, "Le"), Ae, _t = (Ae = class {
+}, "Le"), Ae, Et = (Ae = class {
   constructor(t) {
     this._isDirected = !0, this._isMultigraph = !1, this._isCompound = !1, this._nodes = {}, this._in = {}, this._preds = {}, this._out = {}, this._sucs = {}, this._edgeObjs = {}, this._edgeLabels = {}, this._nodeCount = 0, this._edgeCount = 0, this._defaultNodeLabelFn = () => {
     }, this._defaultEdgeLabelFn = () => {
@@ -12541,8 +12542,8 @@ var bu = Object.defineProperty, Jl = /* @__PURE__ */ o((i, t) => {
     if (u in this._edgeLabels) return h && (this._edgeLabels[u] = c), this;
     if (l !== void 0 && !this._isMultigraph) throw new Error("Cannot set a named edge when isMultigraph = false");
     this.setNode(r), this.setNode(a), this._edgeLabels[u] = h ? c : this._defaultEdgeLabelFn(r, a, l);
-    let p = yu(this._isDirected, r, a, l);
-    return r = p.v, a = p.w, Object.freeze(p), this._edgeObjs[u] = p, nl(this._preds[a], r), nl(this._sucs[r], a), this._in[a][u] = p, this._out[r][u] = p, this._edgeCount++, this;
+    let g = yu(this._isDirected, r, a, l);
+    return r = g.v, a = g.w, Object.freeze(g), this._edgeObjs[u] = g, nl(this._preds[a], r), nl(this._sucs[r], a), this._in[a][u] = g, this._out[r][u] = g, this._edgeCount++, this;
   }
   edge(t, e, n) {
     let s = arguments.length === 1 ? Wn(this._isDirected, t) : Ue(this._isDirected, t, e, n);
@@ -12634,7 +12635,7 @@ function Eu(i) {
 }
 o(Eu, "Ln");
 function ku(i) {
-  let t = new _t(i.options);
+  let t = new Et(i.options);
   return i.value !== void 0 && t.setGraph(i.value), i.nodes.forEach((e) => {
     t.setNode(e.v, e.value), e.parent && t.setParent(e.v, e.parent);
   }), i.edges.forEach((e) => {
@@ -12652,23 +12653,23 @@ function tc(i, t, e, n) {
 }
 o(tc, "we");
 function Mu(i, t, e, n) {
-  let s = {}, r, a = 0, l = i.nodes(), c = /* @__PURE__ */ o(function(p) {
-    let g = e(p);
-    s[p.v].distance + g < s[p.w].distance && (s[p.w] = { distance: s[p.v].distance + g, predecessor: p.v }, r = !0);
+  let s = {}, r, a = 0, l = i.nodes(), c = /* @__PURE__ */ o(function(g) {
+    let p = e(g);
+    s[g.v].distance + p < s[g.w].distance && (s[g.w] = { distance: s[g.v].distance + p, predecessor: g.v }, r = !0);
   }, "d"), h = /* @__PURE__ */ o(function() {
-    l.forEach(function(p) {
-      n(p).forEach(function(g) {
-        let m = g.v === p ? g.v : g.w, b = m === g.v ? g.w : g.v;
+    l.forEach(function(g) {
+      n(g).forEach(function(p) {
+        let m = p.v === g ? p.v : p.w, b = m === p.v ? p.w : p.v;
         c({ v: m, w: b });
       });
     });
   }, "l");
-  l.forEach(function(p) {
-    let g = p === t ? 0 : Number.POSITIVE_INFINITY;
-    s[p] = { distance: g, predecessor: "" };
+  l.forEach(function(g) {
+    let p = g === t ? 0 : Number.POSITIVE_INFINITY;
+    s[g] = { distance: p, predecessor: "" };
   });
   let u = l.length;
-  for (let p = 1; p < u && (r = !1, a++, h(), !!r); p++) ;
+  for (let g = 1; g < u && (r = !1, a++, h(), !!r); g++) ;
   if (a === u - 1 && (r = !1, h(), r)) throw new Error("The graph contains a negative weight cycle");
   return s;
 }
@@ -12746,9 +12747,9 @@ function _n(i, t, e, n) {
 o(_n, "F");
 function Iu(i, t, e, n) {
   let s = {}, r = new ec(), a, l, c = /* @__PURE__ */ o(function(h) {
-    let u = h.v !== a ? h.v : h.w, p = s[u], g = e(h), m = l.distance + g;
-    if (g < 0) throw new Error("dijkstra does not allow negative edge weights. Bad edge: " + h + " Weight: " + g);
-    m < p.distance && (p.distance = m, p.predecessor = a, r.decrease(u, m));
+    let u = h.v !== a ? h.v : h.w, g = s[u], p = e(h), m = l.distance + p;
+    if (p < 0) throw new Error("dijkstra does not allow negative edge weights. Bad edge: " + h + " Weight: " + p);
+    m < g.distance && (g.distance = m, g.predecessor = a, r.decrease(u, m));
   }, "d");
   for (i.nodes().forEach(function(h) {
     let u = h === t ? 0 : Number.POSITIVE_INFINITY;
@@ -12809,8 +12810,8 @@ function Lu(i, t, e) {
     s.forEach(function(l) {
       let c = n[l];
       s.forEach(function(h) {
-        let u = c[r], p = a[h], g = c[h], m = u.distance + p.distance;
-        m < g.distance && (g.distance = m, g.predecessor = p.predecessor);
+        let u = c[r], g = a[h], p = c[h], m = u.distance + g.distance;
+        m < p.distance && (p.distance = m, p.predecessor = g.predecessor);
       });
     });
   }), n;
@@ -12874,12 +12875,12 @@ function Fu(i, t) {
 }
 o(Fu, "Mn");
 function $u(i, t) {
-  let e = new _t(), n = {}, s = new ec(), r;
+  let e = new Et(), n = {}, s = new ec(), r;
   function a(c) {
     let h = c.v === r ? c.w : c.v, u = s.priority(h);
     if (u !== void 0) {
-      let p = t(c);
-      p < u && (n[h] = r, s.decrease(h, p));
+      let g = t(c);
+      g < u && (n[h] = r, s.decrease(h, g));
     }
   }
   if (o(a, "s"), i.nodeCount() === 0) return e;
@@ -12911,8 +12912,8 @@ function Hu(i, t, e, n) {
   for (let a = 0; a < r.length; a++) {
     let l = n(r[a]);
     for (let c = 0; c < l.length; c++) {
-      let h = l[c], u = h.v === r[a] ? h.v : h.w, p = u === h.v ? h.w : h.v;
-      e({ v: u, w: p }) < 0 && (s = !0);
+      let h = l[c], u = h.v === r[a] ? h.v : h.w, g = u === h.v ? h.w : h.v;
+      e({ v: u, w: g }) < 0 && (s = !0);
     }
     if (s) return tc(i, t, e, n);
   }
@@ -12926,7 +12927,7 @@ function Ge(i, t, e, n) {
 }
 o(Ge, "w");
 function Gu(i) {
-  let t = new _t().setGraph(i.graph());
+  let t = new Et().setGraph(i.graph());
   return i.nodes().forEach((e) => t.setNode(e, i.node(e))), i.edges().forEach((e) => {
     let n = t.edge(e.v, e.w) || { weight: 0, minlen: 1 }, s = i.edge(e);
     t.setEdge(e.v, e.w, { weight: n.weight + s.weight, minlen: Math.max(n.minlen, s.minlen) });
@@ -12934,7 +12935,7 @@ function Gu(i) {
 }
 o(Gu, "xe");
 function ac(i) {
-  let t = new _t({ multigraph: i.isMultigraph() }).setGraph(i.graph());
+  let t = new Et({ multigraph: i.isMultigraph() }).setGraph(i.graph());
   return i.nodes().forEach((e) => {
     i.children(e).length || t.setNode(e, i.node(e));
   }), i.edges().forEach((e) => {
@@ -13123,14 +13124,14 @@ function Yn(i, t, e, n, s) {
 }
 o(Yn, "$");
 function np(i, t) {
-  let e = new _t(), n = 0, s = 0;
+  let e = new Et(), n = 0, s = 0;
   i.nodes().forEach((l) => {
     e.setNode(l, { v: l, in: 0, out: 0 });
   }), i.edges().forEach((l) => {
     let c = e.edge(l.v, l.w) || 0, h = t(l), u = c + h;
     e.setEdge(l.v, l.w, u);
-    let p = e.node(l.v), g = e.node(l.w);
-    s = Math.max(s, p.out += h), n = Math.max(n, g.in += h);
+    let g = e.node(l.v), p = e.node(l.w);
+    s = Math.max(s, g.out += h), n = Math.max(n, p.in += h);
   });
   let r = sp(s + n + 3).map(() => new Qu()), a = n + 1;
   return e.nodes().forEach((l) => {
@@ -13189,8 +13190,8 @@ function cp(i, t) {
   let e = t.v, n = i.node(e).rank, s = t.w, r = i.node(s).rank, a = t.name, l = i.edge(t), c = l.labelRank;
   if (r === n + 1) return;
   i.removeEdge(t);
-  let h, u, p;
-  for (p = 0, ++n; n < r; ++p, ++n) l.points = [], u = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: n }, h = Ge(i, "edge", u, "_d"), n === c && (u.width = l.width, u.height = l.height, u.dummy = "edge-label", u.labelpos = l.labelpos), i.setEdge(e, h, { weight: l.weight }, a), p === 0 && i.graph().dummyChains.push(h), e = h;
+  let h, u, g;
+  for (g = 0, ++n; n < r; ++g, ++n) l.points = [], u = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: n }, h = Ge(i, "edge", u, "_d"), n === c && (u.width = l.width, u.height = l.height, u.dummy = "edge-label", u.labelpos = l.labelpos), i.setEdge(e, h, { weight: l.weight }, a), g === 0 && i.graph().dummyChains.push(h), e = h;
   i.setEdge(e, s, { weight: l.weight }, a);
 }
 o(cp, "Xn");
@@ -13219,7 +13220,7 @@ function He(i, t) {
 o(He, "v");
 var cc = hp;
 function hp(i) {
-  let t = new _t({ directed: !1 }), e = i.nodes();
+  let t = new Et({ directed: !1 }), e = i.nodes();
   if (e.length === 0) throw new Error("Graph must have at least one node");
   let n = e[0], s = i.nodeCount();
   t.setNode(n, {});
@@ -13282,10 +13283,10 @@ function dc(i, t, e) {
   return l && l.forEach((c) => {
     let h = c.v === e, u = h ? c.w : c.v;
     if (u !== n) {
-      let p = h === s, g = t.edge(c).weight;
-      if (a += p ? g : -g, wp(i, e, u)) {
+      let g = h === s, p = t.edge(c).weight;
+      if (a += g ? p : -p, wp(i, e, u)) {
         let m = i.edge(e, u).cutvalue;
-        a += p ? -m : m;
+        a += g ? -m : m;
       }
     }
   }), a;
@@ -13421,11 +13422,11 @@ function mc(i, t, e, n, s, r, a) {
     a !== t && i.setEdge(t, a, { weight: 0, minlen: e });
     return;
   }
-  let h = al(i, "_bt"), u = al(i, "_bb"), p = i.node(a);
-  i.setParent(h, a), p.borderTop = h, i.setParent(u, a), p.borderBottom = u, c.forEach((g) => {
+  let h = al(i, "_bt"), u = al(i, "_bb"), g = i.node(a);
+  i.setParent(h, a), g.borderTop = h, i.setParent(u, a), g.borderBottom = u, c.forEach((p) => {
     var m;
-    mc(i, t, e, n, s, r, g);
-    let b = i.node(g), x = b.borderTop ? b.borderTop : g, y = b.borderBottom ? b.borderBottom : g, w = b.borderTop ? n : 2 * n, v = x !== y ? 1 : s - ((m = r[a]) != null ? m : 0) + 1;
+    mc(i, t, e, n, s, r, p);
+    let b = i.node(p), x = b.borderTop ? b.borderTop : p, y = b.borderBottom ? b.borderBottom : p, w = b.borderTop ? n : 2 * n, v = x !== y ? 1 : s - ((m = r[a]) != null ? m : 0) + 1;
     i.setEdge(h, x, { weight: w, minlen: v, nestingEdge: !0 }), i.setEdge(y, u, { weight: w, minlen: v, nestingEdge: !0 });
   }), i.parent(a) || i.setEdge(t, h, { weight: 0, minlen: s + ((l = r[a]) != null ? l : 0) });
 }
@@ -13535,7 +13536,7 @@ o(Rp, "oe");
 function Hp(i, t, e) {
   let n = Xu(e, e.map((h, u) => u)), s = t.flatMap((h) => {
     let u = i.outEdges(h);
-    return u ? u.map((p) => ({ pos: n[p.w], weight: i.edge(p).weight })).sort((p, g) => p.pos - g.pos) : [];
+    return u ? u.map((g) => ({ pos: n[g.w], weight: i.edge(g).weight })).sort((g, p) => g.pos - p.pos) : [];
   }), r = 1;
   for (; r < e.length; ) r <<= 1;
   let a = 2 * r - 1;
@@ -13544,9 +13545,9 @@ function Hp(i, t, e) {
   return s.forEach((h) => {
     let u = h.pos + r;
     l[u] += h.weight;
-    let p = 0;
-    for (; u > 0; ) u % 2 && (p += l[u + 1]), u = u - 1 >> 1, l[u] += h.weight;
-    c += h.weight * p;
+    let g = 0;
+    for (; u > 0; ) u % 2 && (g += l[u + 1]), u = u - 1 >> 1, l[u] += h.weight;
+    c += h.weight * g;
   }), c;
 }
 o(Hp, "mt");
@@ -13603,7 +13604,7 @@ function Wp(i, t) {
 }
 o(Wp, "Lt");
 function Yp(i, t) {
-  let e = Yu(i, (u) => Object.hasOwn(u, "barycenter")), n = e.lhs, s = e.rhs.sort((u, p) => p.i - u.i), r = [], a = 0, l = 0, c = 0;
+  let e = Yu(i, (u) => Object.hasOwn(u, "barycenter")), n = e.lhs, s = e.rhs.sort((u, g) => g.i - u.i), r = [], a = 0, l = 0, c = 0;
   n.sort(Zp(!!t)), c = ul(r, s, c), n.forEach((u) => {
     c += u.vs.length, r.push(u.vs), a += u.barycenter * u.weight, l += u.weight, c = ul(r, s, c);
   });
@@ -13623,26 +13624,26 @@ function Zp(i) {
 o(Zp, "yt");
 function xc(i, t, e, n) {
   let s = i.children(t), r = i.node(t), a = r ? r.borderLeft : void 0, l = r ? r.borderRight : void 0, c = {};
-  a && (s = s.filter((g) => g !== a && g !== l));
+  a && (s = s.filter((p) => p !== a && p !== l));
   let h = Gp(i, s);
-  h.forEach((g) => {
-    if (i.children(g.v).length) {
-      let m = xc(i, g.v, e, n);
-      c[g.v] = m, Object.hasOwn(m, "barycenter") && Up(g, m);
+  h.forEach((p) => {
+    if (i.children(p.v).length) {
+      let m = xc(i, p.v, e, n);
+      c[p.v] = m, Object.hasOwn(m, "barycenter") && Up(p, m);
     }
   });
   let u = Bp(h, e);
   Kp(u, c);
-  let p = Yp(u, n);
+  let g = Yp(u, n);
   if (a && l) {
-    p.vs = [a, p.vs, l].flat(1);
-    let g = i.predecessors(a);
-    if (g && g.length) {
-      let m = i.node(g[0]), b = i.predecessors(l), x = i.node(b[0]);
-      Object.hasOwn(p, "barycenter") || (p.barycenter = 0, p.weight = 0), p.barycenter = (p.barycenter * p.weight + m.order + x.order) / (p.weight + 2), p.weight += 2;
+    g.vs = [a, g.vs, l].flat(1);
+    let p = i.predecessors(a);
+    if (p && p.length) {
+      let m = i.node(p[0]), b = i.predecessors(l), x = i.node(b[0]);
+      Object.hasOwn(g, "barycenter") || (g.barycenter = 0, g.weight = 0), g.barycenter = (g.barycenter * g.weight + m.order + x.order) / (g.weight + 2), g.weight += 2;
     }
   }
-  return p;
+  return g;
 }
 o(xc, "W");
 function Kp(i, t) {
@@ -13657,15 +13658,15 @@ function Up(i, t) {
 o(Up, "Nt");
 function Xp(i, t, e, n) {
   n || (n = i.nodes());
-  let s = qp(i), r = new _t({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((a) => i.node(a));
+  let s = qp(i), r = new Et({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((a) => i.node(a));
   return n.forEach((a) => {
     let l = i.node(a), c = i.parent(a);
     if (l.rank === t || l.minRank <= t && t <= l.maxRank) {
       r.setNode(a), r.setParent(a, c || s);
       let h = i[e](a);
       h && h.forEach((u) => {
-        let p = u.v === a ? u.w : u.v, g = r.edge(p, a), m = g !== void 0 ? g.weight : 0;
-        r.setEdge(p, a, { weight: i.edge(u).weight + m });
+        let g = u.v === a ? u.w : u.v, p = r.edge(g, a), m = p !== void 0 ? p.weight : 0;
+        r.setEdge(g, a, { weight: i.edge(u).weight + m });
       }), Object.hasOwn(l, "minRank") && r.setNode(a, { borderLeft: l.borderLeft[t], borderRight: l.borderRight[t] });
     }
   }), r;
@@ -13701,8 +13702,8 @@ function bc(i, t = {}) {
   let a = Number.POSITIVE_INFINITY, l, c = t.constraints || [];
   for (let h = 0, u = 0; u < 4; ++h, ++u) {
     Qp(h % 2 ? n : s, h % 4 >= 2, c), r = jn(i);
-    let p = Rp(i, r);
-    p < a ? (u = 0, l = Object.assign({}, r), a = p) : p === a && (l = structuredClone(r));
+    let g = Rp(i, r);
+    g < a ? (u = 0, l = Object.assign({}, r), a = g) : g === a && (l = structuredClone(r));
   }
   gl(i, l);
 }
@@ -13721,7 +13722,7 @@ function pl(i, t, e) {
 }
 o(pl, "sn");
 function Qp(i, t, e) {
-  let n = new _t();
+  let n = new Et();
   i.forEach(function(s) {
     e.forEach((l) => n.setEdge(l.left, l.right));
     let r = s.graph().root, a = xc(s, r, n, t);
@@ -13737,15 +13738,15 @@ function tg(i, t) {
   let e = {};
   function n(s, r) {
     let a = 0, l = 0, c = s.length, h = r[r.length - 1];
-    return r.forEach((u, p) => {
-      let g = ig(i, u), m = g ? i.node(g).order : c;
-      (g || u === h) && (r.slice(l, p + 1).forEach((b) => {
+    return r.forEach((u, g) => {
+      let p = ig(i, u), m = p ? i.node(p).order : c;
+      (p || u === h) && (r.slice(l, g + 1).forEach((b) => {
         let x = i.predecessors(b);
         x && x.forEach((y) => {
           let w = i.node(y), v = w.order;
           (v < a || m < v) && !(w.dummy && i.node(b).dummy) && yc(e, y, b);
         });
-      }), l = p + 1, a = m);
+      }), l = g + 1, a = m);
     }), r;
   }
   return o(n, "r"), t.length && t.reduce(n), e;
@@ -13755,13 +13756,13 @@ function eg(i, t) {
   let e = {};
   function n(r, a, l, c, h) {
     Ei(a, l).forEach((u) => {
-      let p = r[u];
-      if (p !== void 0 && i.node(p).dummy) {
-        let g = i.predecessors(p);
-        g && g.forEach((m) => {
+      let g = r[u];
+      if (g !== void 0 && i.node(g).dummy) {
+        let p = i.predecessors(g);
+        p && p.forEach((m) => {
           if (m === void 0) return;
           let b = i.node(m);
-          b.dummy && (b.order < c || b.order > h) && yc(e, m, p);
+          b.dummy && (b.order < c || b.order > h) && yc(e, m, g);
         });
       }
     });
@@ -13769,13 +13770,13 @@ function eg(i, t) {
   o(n, "r");
   function s(r, a) {
     let l = -1, c = -1, h = 0;
-    return a.forEach((u, p) => {
+    return a.forEach((u, g) => {
       if (i.node(u).dummy === "border") {
-        let g = i.predecessors(u);
-        if (g && g.length) {
-          let m = g[0];
+        let p = i.predecessors(u);
+        if (p && p.length) {
+          let m = p[0];
           if (m === void 0) return;
-          c = i.node(m).order, n(a, h, p, l, c), h = p, l = c;
+          c = i.node(m).order, n(a, h, g, l, c), h = g, l = c;
         }
       }
       n(a, h, a.length, c, r.length);
@@ -13820,12 +13821,12 @@ function sg(i, t, e, n) {
     l.forEach((h) => {
       let u = n(h);
       if (u && u.length) {
-        let p = u.sort((m, b) => {
+        let g = u.sort((m, b) => {
           let x = a[m], y = a[b];
           return (x !== void 0 ? x : 0) - (y !== void 0 ? y : 0);
-        }), g = (p.length - 1) / 2;
-        for (let m = Math.floor(g), b = Math.ceil(g); m <= b; ++m) {
-          let x = p[m];
+        }), p = (g.length - 1) / 2;
+        for (let m = Math.floor(p), b = Math.ceil(p); m <= b; ++m) {
+          let x = g[m];
           if (x === void 0) continue;
           let y = a[x];
           if (y !== void 0 && r[h] === h && c < y && !ng(e, h, x)) {
@@ -13871,14 +13872,14 @@ function rg(i, t, e, n, s = !1) {
     x !== Number.POSITIVE_INFINITY && y.borderType !== l && (r[m] = Math.max(r[m] !== void 0 ? r[m] : 0, x));
   }
   o(u, "u");
-  function p(m) {
+  function g(m) {
     return a.predecessors(m) || [];
   }
-  o(p, "c");
-  function g(m) {
+  o(g, "c");
+  function p(m) {
     return a.successors(m) || [];
   }
-  return o(g, "h"), c(h, p), c(u, g), Object.keys(n).forEach((m) => {
+  return o(p, "h"), c(h, g), c(u, p), Object.keys(n).forEach((m) => {
     var b;
     let x = e[m];
     x !== void 0 && (r[m] = (b = r[x]) != null ? b : 0);
@@ -13886,17 +13887,17 @@ function rg(i, t, e, n, s = !1) {
 }
 o(rg, "It");
 function ag(i, t, e, n) {
-  let s = new _t(), r = i.graph(), a = hg(r.nodesep, r.edgesep, n);
+  let s = new Et(), r = i.graph(), a = hg(r.nodesep, r.edgesep, n);
   return t.forEach((l) => {
     let c;
     l.forEach((h) => {
       let u = e[h];
       if (u !== void 0) {
         if (s.setNode(u), c !== void 0) {
-          let p = e[c];
-          if (p !== void 0) {
-            let g = s.edge(p, u);
-            s.setEdge(p, u, Math.max(a(i, h, c), g || 0));
+          let g = e[c];
+          if (g !== void 0) {
+            let p = s.edge(g, u);
+            s.setEdge(g, u, Math.max(a(i, h, c), p || 0));
           }
         }
         c = h;
@@ -13924,7 +13925,7 @@ function lg(i, t) {
       let l = r + a, c = i[l];
       if (!c || c === t) return;
       let h = Object.values(c), u = n - zt(Math.min, h);
-      a !== "l" && (u = s - zt(Math.max, h)), u && (i[l] = Pn(c, (p) => p + u));
+      a !== "l" && (u = s - zt(Math.max, h)), u && (i[l] = Pn(c, (g) => g + u));
     });
   });
 }
@@ -13994,8 +13995,8 @@ function gg(i) {
   t.forEach((a) => {
     let l = a.reduce((c, h) => {
       var u;
-      let p = (u = i.node(h).height) != null ? u : 0;
-      return c > p ? c : p;
+      let g = (u = i.node(h).height) != null ? u : 0;
+      return c > g ? c : g;
     }, 0);
     a.forEach((c) => {
       let h = i.node(c);
@@ -14028,7 +14029,7 @@ function xg(i, t) {
 o(xg, "At");
 var bg = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], yg = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, wg = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], vg = ["width", "height", "rank"], ml = { width: 0, height: 0 }, _g = ["minlen", "weight", "width", "height", "labeloffset"], Eg = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, kg = ["labelpos"];
 function Sg(i) {
-  let t = new _t({ multigraph: !0, compound: !0 }), e = Xn(i.graph());
+  let t = new Et({ multigraph: !0, compound: !0 }), e = Xn(i.graph());
   return t.setGraph(Object.assign({}, yg, Un(e, bg), kn(e, wg))), i.nodes().forEach((n) => {
     let s = Xn(i.node(n)), r = Un(s, vg);
     Object.keys(ml).forEach((l) => {
@@ -14081,8 +14082,8 @@ o(Ig, "Jt");
 function jg(i) {
   let t = Number.POSITIVE_INFINITY, e = 0, n = Number.POSITIVE_INFINITY, s = 0, r = i.graph(), a = r.marginx || 0, l = r.marginy || 0;
   function c(h) {
-    let u = h.x, p = h.y, g = h.width, m = h.height;
-    t = Math.min(t, u - g / 2), e = Math.max(e, u + g / 2), n = Math.min(n, p - m / 2), s = Math.max(s, p + m / 2);
+    let u = h.x, g = h.y, p = h.width, m = h.height;
+    t = Math.min(t, u - p / 2), e = Math.max(e, u + p / 2), n = Math.min(n, g - m / 2), s = Math.max(s, g + m / 2);
   }
   o(c, "d"), i.nodes().forEach((h) => c(i.node(h))), i.edges().forEach((h) => {
     let u = i.edge(h);
@@ -14092,8 +14093,8 @@ function jg(i) {
     u.x -= t, u.y -= n;
   }), i.edges().forEach((h) => {
     let u = i.edge(h);
-    u.points.forEach((p) => {
-      p.x -= t, p.y -= n;
+    u.points.forEach((g) => {
+      g.x -= t, g.y -= n;
     }), Object.hasOwn(u, "x") && (u.x -= t), Object.hasOwn(u, "y") && (u.y -= n);
   }), r.width = e - t + a, r.height = s - n + l;
 }
@@ -14226,7 +14227,7 @@ o(Gg, "reroute");
 function Bg(i) {
   const t = Fg(i);
   if (t.length === 0) return !1;
-  const e = $g(i), n = i.getExtension(Y)?.gridSize ?? 50, s = new _t({ multigraph: !0 }).setGraph({
+  const e = $g(i), n = i.getExtension(Y)?.gridSize ?? 50, s = new Et({ multigraph: !0 }).setGraph({
     rankdir: "LR",
     ranker: "network-simplex",
     rankalign: "center",
@@ -14248,16 +14249,16 @@ function Bg(i) {
     r.add(c.constraintId);
     const h = c.from.parent, u = c.to.parent;
     if (h === u) return;
-    const p = c.labels[0];
+    const g = c.labels[0];
     s.setEdge(
       u.id,
       h.id,
       {
-        height: p?.size.height ?? 0,
+        height: g?.size.height ?? 0,
         labelpos: "c",
         minlen: 1,
         weight: 2,
-        width: p?.size.width ?? 0
+        width: g?.size.width ?? 0
       },
       c.constraintId
     );
@@ -14267,12 +14268,12 @@ function Bg(i) {
     if (c.mappingIndex !== 0 || !c.labels[0]) return;
     const h = c.from.parent, u = c.to.parent;
     if (h === u) return;
-    const p = s.edge(
+    const g = s.edge(
       u.id,
       h.id,
       c.constraintId
     );
-    p?.x !== void 0 && p.y !== void 0 && p.width !== void 0 && p.height !== void 0 && a.set(c.constraintId, p);
+    g?.x !== void 0 && g.y !== void 0 && g.width !== void 0 && g.height !== void 0 && a.set(c.constraintId, g);
   });
   let l = !1;
   return t.forEach((c) => {
@@ -14321,7 +14322,7 @@ const io = class io extends $e {
   /** Connects a dependent table to a referenced table with foreign-key metadata. */
   connectForeignKey(t, e, n = {}) {
     const s = n.sourceAttributeIds?.length ? [...n.sourceAttributeIds] : [
-      t.model.attributes.find((p) => !p.primaryKey)?.id ?? t.model.attributes[0]?.id
+      t.model.attributes.find((g) => !g.primaryKey)?.id ?? t.model.attributes[0]?.id
     ].filter(Boolean), r = n.targetAttributeIds?.length ? [...n.targetAttributeIds] : Vg(e);
     if (!s.length || !r.length)
       throw new Error("Foreign keys require source and referenced attributes.");
@@ -14330,15 +14331,15 @@ const io = class io extends $e {
       r.length
     ), h = [];
     let u = n.constraintId;
-    for (let p = 0; p < c; p += 1) {
-      const g = fl(s, p), m = fl(r, p), b = t.gatewayForAttribute(g, a), x = e.gatewayForAttribute(m, l);
+    for (let g = 0; g < c; g += 1) {
+      const p = fl(s, g), m = fl(r, g), b = t.gatewayForAttribute(p, a), x = e.gatewayForAttribute(m, l);
       if (!b || !x)
         throw new Error("Unable to resolve a foreign-key attribute gateway.");
       const y = this.connect(b, x);
       u ??= y.constraintId, y.updateModel({
         ...n,
         constraintId: u,
-        mappingIndex: p,
+        mappingIndex: g,
         sourceAttributeIds: s,
         targetAttributeIds: r
       }), h.push(y);
@@ -14439,12 +14440,12 @@ function Ug(i) {
   );
   return Array.from(
     { length: bl + 1 },
-    (u, p) => Kg(
+    (u, g) => Kg(
       e,
       c,
       h,
       n,
-      p / bl
+      g / bl
     )
   );
 }
@@ -14494,8 +14495,8 @@ function tm(i, t, e = Zg, n = Yg) {
         1,
         ((t.x - k.x) * P + (t.y - k.y) * L) / N
       )
-    ), R = k.x + P * T, J = k.y + L * T, X = (t.x - R) ** 2 + (t.y - J) ** 2;
-    X >= r || (r = X, a = [R, J], l = [P, L]);
+    ), G = k.x + P * T, J = k.y + L * T, X = (t.x - G) ** 2 + (t.y - J) ** 2;
+    X >= r || (r = X, a = [G, J], l = [P, L]);
   }
   const c = Math.max(i.diagram?.canvas.scale ?? 1, 1e-3), h = n / c;
   if (!a || !l)
@@ -14504,9 +14505,9 @@ function tm(i, t, e = Zg, n = Yg) {
       -h - e.height
     ]);
   const u = Math.hypot(l[0], l[1]);
-  let p = -l[1] / u, g = l[0] / u;
-  (g > 1e-6 || Math.abs(g) <= 1e-6 && p < 0) && (p *= -1, g *= -1);
-  const m = new f(a), b = [p, g], x = [-p, -g], y = [b, x].map((v) => ({
+  let g = -l[1] / u, p = l[0] / u;
+  (p > 1e-6 || Math.abs(p) <= 1e-6 && g < 0) && (g *= -1, p *= -1);
+  const m = new f(a), b = [g, p], x = [-g, -p], y = [b, x].map((v) => ({
     normal: v,
     position: Xg(m, v, e, h)
   })), w = qg(i);
@@ -14554,8 +14555,8 @@ function em(i, t, e) {
     return "M " + i.map((b) => `${b.x} ${b.y}`).join(" L ");
   if (r === "straight")
     return `M ${n.x} ${n.y} L ${s.x} ${s.y}`;
-  const a = n.distance(s), l = Math.max(40, Math.min(160, a / 2)), c = vl(t?.from.orientation), h = vl(t?.to.orientation), u = n.x + c[0] * l, p = n.y + c[1] * l, g = s.x + h[0] * l, m = s.y + h[1] * l;
-  return `M ${n.x} ${n.y} C ${u} ${p}, ${g} ${m}, ${s.x} ${s.y}`;
+  const a = n.distance(s), l = Math.max(40, Math.min(160, a / 2)), c = vl(t?.from.orientation), h = vl(t?.to.orientation), u = n.x + c[0] * l, g = n.y + c[1] * l, p = s.x + h[0] * l, m = s.y + h[1] * l;
+  return `M ${n.x} ${n.y} C ${u} ${g}, ${p} ${m}, ${s.x} ${s.y}`;
 }
 o(em, "buildEdgePath");
 const im = {};
@@ -14937,8 +14938,8 @@ const ki = M(
     pathType: c,
     endStroke: h = e,
     startStroke: u = e,
-    onMidpointMouseDown: p,
-    onEndpointMouseDown: g,
+    onMidpointMouseDown: g,
+    onEndpointMouseDown: p,
     className: m,
     draggable: b,
     selected: x
@@ -14975,11 +14976,11 @@ const ki = M(
         onDoubleClick: /* @__PURE__ */ o((T) => {
           if (!i?.diagram || !i.diagram.rules.allowEdition) return;
           T.stopPropagation();
-          const R = i.diagram.canvas.inverseFit(
+          const G = i.diagram.canvas.inverseFit(
             new f(T.nativeEvent)
-          ), J = i.createLabel(R);
+          ), J = i.createLabel(G);
           J.setPosition(
-            tm(i, R, J.size)
+            tm(i, G, J.size)
           );
         }, "onDoubleClick"),
         children: [
@@ -15039,14 +15040,14 @@ const ki = M(
               }, "onClickCapture")
             }
           ),
-          ts.instance.showDragHints && t.map((T, R) => /* @__PURE__ */ d.jsx(Ns, { coordinates: T, size: 15, stroke: hm(T) }, R)),
+          ts.instance.showDragHints && t.map((T, G) => /* @__PURE__ */ d.jsx(Ns, { coordinates: T, size: 15, stroke: hm(T) }, G)),
           L && /* @__PURE__ */ d.jsx(
             dm,
             {
               edge: i,
               points: t,
-              onMouseDown: /* @__PURE__ */ o((T, R) => {
-                p?.(T, R);
+              onMouseDown: /* @__PURE__ */ o((T, G) => {
+                g?.(T, G);
               }, "onMouseDown")
             }
           ),
@@ -15061,7 +15062,7 @@ const ki = M(
                   T.button === 0 && (Xe(i, {
                     type: "endpoint",
                     endpoint: "from"
-                  }), g?.("from", T));
+                  }), p?.("from", T));
                 }, "onMouseDownCapture"),
                 children: [
                   /* @__PURE__ */ d.jsx(
@@ -15095,7 +15096,7 @@ const ki = M(
                   T.button === 0 && (Xe(i, {
                     type: "endpoint",
                     endpoint: "to"
-                  }), g?.("to", T));
+                  }), p?.("to", T));
                 }, "onMouseDownCapture"),
                 children: [
                   /* @__PURE__ */ d.jsx(
@@ -15184,8 +15185,8 @@ const ki = M(
     labelColor: c,
     labelFontSize: h,
     labelFontFamily: u = "sans-serif",
-    labelOffset: p,
-    "data-id": g,
+    labelOffset: g,
+    "data-id": p,
     ...m
   }, b) => {
     const x = nt.use();
@@ -15193,7 +15194,7 @@ const ki = M(
       "g",
       {
         ...m,
-        "data-id": g,
+        "data-id": p,
         className: `${r || ""} ${n ? "selected" : ""} base_shape`,
         transform: e,
         onClick: s,
@@ -15237,17 +15238,17 @@ const ki = M(
               strokeStyle: L = "solid",
               animated: N = !1,
               animationDuration: T = 1,
-              nonScalingStroke: R = !0,
+              nonScalingStroke: G = !0,
               roundedBorders: J = a,
               arrow: X
             } = y;
-            let Et;
+            let ot;
             switch (L) {
               case "dashed":
-                Et = "10 5";
+                ot = "10 5";
                 break;
               case "dotted":
-                Et = "2 6";
+                ot = "2 6";
                 break;
             }
             const $t = N ? /* @__PURE__ */ d.jsx(
@@ -15255,7 +15256,7 @@ const ki = M(
               {
                 attributeName: "stroke-dashoffset",
                 from: "0",
-                to: Et ? `-${Et.split(" ").reduce((Tn, _c) => +Tn + +_c, 0)}` : "-15",
+                to: ot ? `-${ot.split(" ").reduce((Tn, _c) => +Tn + +_c, 0)}` : "-15",
                 dur: `${T}s`,
                 repeatCount: "indefinite"
               }
@@ -15267,10 +15268,10 @@ const ki = M(
                 fill: k,
                 stroke: C,
                 strokeWidth: P,
-                strokeDasharray: Et,
+                strokeDasharray: ot,
                 strokeLinecap: J ? "round" : "butt",
                 strokeLinejoin: J ? "round" : "miter",
-                vectorEffect: R ? "non-scaling-stroke" : void 0,
+                vectorEffect: G ? "non-scaling-stroke" : void 0,
                 markerStart: X?.position === "start" || X?.position === "both" ? Ci : void 0,
                 markerEnd: !X || X.position === "end" || X.position === "both" ? Ci : void 0,
                 children: $t
@@ -15281,8 +15282,8 @@ const ki = M(
           l && /* @__PURE__ */ d.jsx(
             "text",
             {
-              x: p?.x ?? 0,
-              y: p?.y ?? 0,
+              x: g?.x ?? 0,
+              y: g?.y ?? 0,
               textAnchor: "middle",
               dominantBaseline: "middle",
               fontFamily: u,
@@ -15381,78 +15382,81 @@ const El = Ml(
       t.constructor.name
     ) : null;
   });
-}), wm = M(
+});
+function wm(i, t, e) {
+  Si(() => {
+    const n = t.current, s = e.current;
+    if (!n || !s) return;
+    const r = /* @__PURE__ */ o(() => {
+      const l = s.getBoundingClientRect(), c = { height: Math.max(1, l.height), width: Math.max(1, l.width) };
+      n instanceof HTMLTextAreaElement && (n.style.width = `calc(${Math.ceil(c.width) + 2}px * var(--diagram-canvas-scale, 1))`, n.style.height = `calc(${Math.ceil(c.height) + 2}px * var(--diagram-canvas-scale, 1))`), (Math.abs(c.width - i.size.width) > 0.1 || Math.abs(c.height - i.size.height) > 0.1) && i.setSize(c);
+    }, "update");
+    r();
+    const a = typeof ResizeObserver > "u" ? null : new ResizeObserver(r);
+    return a?.observe(s), () => a?.disconnect();
+  }, [i, i.draft, i.isEditing, i.text, t, e]);
+}
+o(wm, "useEdgeLabelMeasurement");
+const vm = M(
   ({ edge: i, label: t }) => {
     const e = q(null), n = q(null), s = q(null), r = {
       "--edge-label-x": `${t.position.x}px`,
       "--edge-label-y": `${t.position.y}px`,
       "--edge-label-text-align": t.alignment
     }, a = i.diagram?.rules.allowEdition !== !1;
-    if (Si(() => {
-      const u = e.current;
-      if (!u) return;
-      if (u instanceof HTMLTextAreaElement && n.current) {
-        const b = n.current.getBoundingClientRect();
-        u.style.width = `${Math.ceil(b.width) + 2}px`, u.style.height = `${Math.ceil(b.height) + 2}px`;
-      }
-      const p = Math.max(i.diagram?.canvas.scale ?? 1, 1e-3), g = u.getBoundingClientRect(), m = {
-        height: Math.max(1, g.height / p),
-        width: Math.max(1, g.width / p)
-      };
-      (Math.abs(m.width - t.size.width) > 0.1 || Math.abs(m.height - t.size.height) > 0.1) && t.setSize(m);
-    }, [
-      i.diagram?.canvas.scale,
-      t.draft,
-      t.isEditing,
-      t.text
-    ]), !a)
-      return /* @__PURE__ */ d.jsx(
-        "span",
-        {
-          className: "edge-screen-label",
-          "data-edge-id": i.id,
-          "data-edge-label-id": t.id,
-          ref: e,
-          style: r,
-          children: t.text
-        }
-      );
-    const l = /* @__PURE__ */ o(() => {
-      const u = s.current;
-      u && u.autopanTimer !== null && (clearInterval(u.autopanTimer), u.autopanTimer = null);
-    }, "clearDragAutopan"), c = /* @__PURE__ */ o(() => {
-      const u = s.current;
-      if (!u?.moved || !i.diagram) return;
-      u.autopan.displace(u.latestPointer);
-      const g = i.diagram.canvas.inverseFit(u.latestPointer).substract(u.startMouse), m = u.startPosition.copy().sum(g), b = i.diagram.getExtension(Gt)?.align(i, t, m) ?? m;
+    wm(t, e, n);
+    const l = /* @__PURE__ */ d.jsx("span", { "aria-hidden": "true", className: "edge-screen-label edge-label-measure", ref: n, children: t.isEditing ? t.draft || "M" : t.text });
+    if (!a)
+      return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+        l,
+        /* @__PURE__ */ d.jsx(
+          "span",
+          {
+            className: "edge-screen-label",
+            "data-edge-id": i.id,
+            "data-edge-label-id": t.id,
+            ref: e,
+            style: r,
+            children: t.text
+          }
+        )
+      ] });
+    const c = /* @__PURE__ */ o(() => {
+      const g = s.current;
+      g && g.autopanTimer !== null && (clearInterval(g.autopanTimer), g.autopanTimer = null);
+    }, "clearDragAutopan"), h = /* @__PURE__ */ o(() => {
+      const g = s.current;
+      if (!g?.moved || !i.diagram) return;
+      g.autopan.displace(g.latestPointer);
+      const m = i.diagram.canvas.inverseFit(g.latestPointer).substract(g.startMouse), b = g.startPosition.copy().sum(m), x = i.diagram.getExtension(Gt)?.align(i, t, b) ?? b;
       t.setPosition(
-        i.diagram.getExtension(yi)?.constrain(u.startPosition, b, m) ?? b
+        i.diagram.getExtension(yi)?.constrain(g.startPosition, x, b) ?? x
       );
-    }, "updateDraggedLabel"), h = /* @__PURE__ */ o((u) => {
-      if (u.button !== 0 || !i.diagram) return;
-      u.preventDefault(), u.stopPropagation(), u.nativeEvent.stopImmediatePropagation();
-      const p = i.diagram, g = p.getExtension(Gt), m = new At(p), b = new f(u.nativeEvent), x = p.canvas.inverseFit(b), y = t.position.copy();
-      let w = b, v = !1, k = null;
-      const C = /* @__PURE__ */ o(() => {
-        if (!v) return;
-        m.displace(w);
-        const R = p.canvas.inverseFit(w).substract(x), J = y.copy().sum(R), X = g?.align(i, t, J) ?? J;
+    }, "updateDraggedLabel"), u = /* @__PURE__ */ o((g) => {
+      if (g.button !== 0 || !i.diagram) return;
+      g.preventDefault(), g.stopPropagation(), g.nativeEvent.stopImmediatePropagation();
+      const p = i.diagram, m = p.getExtension(Gt), b = new At(p), x = new f(g.nativeEvent), y = p.canvas.inverseFit(x), w = t.position.copy();
+      let v = x, k = !1, C = null;
+      const P = /* @__PURE__ */ o(() => {
+        if (!k) return;
+        b.displace(v);
+        const J = p.canvas.inverseFit(v).substract(y), X = w.copy().sum(J), ot = m?.align(i, t, X) ?? X;
         t.setPosition(
-          p.getExtension(yi)?.constrain(y, X, J) ?? X
+          p.getExtension(yi)?.constrain(w, ot, X) ?? ot
         );
-      }, "update"), P = /* @__PURE__ */ o((R) => {
-        w = new f(R), !(!v && w.copy().substract(b).norm < 5) && (v = !0, k === null && (k = setInterval(C, 30)), C());
-      }, "move"), L = /* @__PURE__ */ o(() => {
-        k !== null && clearInterval(k), document.removeEventListener("pointermove", P), document.removeEventListener("pointerup", N), document.removeEventListener("pointercancel", T), g?.clear();
-      }, "cleanup"), N = /* @__PURE__ */ o(() => {
-        L(), v && t.commitPosition();
-      }, "finish"), T = /* @__PURE__ */ o(() => {
-        L(), t.setPosition(y);
+      }, "update"), L = /* @__PURE__ */ o((J) => {
+        v = new f(J), !(!k && v.copy().substract(x).norm < 5) && (k = !0, C === null && (C = setInterval(P, 30)), P());
+      }, "move"), N = /* @__PURE__ */ o(() => {
+        C !== null && clearInterval(C), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", T), document.removeEventListener("pointercancel", G), m?.clear();
+      }, "cleanup"), T = /* @__PURE__ */ o(() => {
+        N(), k && t.commitPosition();
+      }, "finish"), G = /* @__PURE__ */ o(() => {
+        N(), t.setPosition(w);
       }, "cancel");
-      g?.clear(), document.addEventListener("pointermove", P, { passive: !1 }), document.addEventListener("pointerup", N, { once: !0 }), document.addEventListener("pointercancel", T, { once: !0 });
+      m?.clear(), document.addEventListener("pointermove", L, { passive: !1 }), document.addEventListener("pointerup", T, { once: !0 }), document.addEventListener("pointercancel", G, { once: !0 });
     }, "startEditingDrag");
     if (t.isEditing) {
-      const u = /* @__PURE__ */ o(() => t.confirmEdit(), "confirmEdit");
+      const g = /* @__PURE__ */ o(() => t.confirmEdit(), "confirmEdit");
       return /* @__PURE__ */ d.jsxs(
         "div",
         {
@@ -15462,22 +15466,14 @@ const El = Ml(
           onPointerDown: /* @__PURE__ */ o((p) => p.stopPropagation(), "onPointerDown"),
           style: r,
           children: [
-            /* @__PURE__ */ d.jsx(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "edge-label-editor__measure",
-                ref: n,
-                children: t.draft || "M"
-              }
-            ),
+            l,
             /* @__PURE__ */ d.jsx(
               "textarea",
               {
                 "aria-label": "Edge label",
                 autoFocus: !0,
                 className: "edge-screen-label edge-screen-label--editing",
-                onBlur: u,
+                onBlur: g,
                 onChange: /* @__PURE__ */ o((p) => t.setDraft(p.target.value), "onChange"),
                 onClick: /* @__PURE__ */ o((p) => p.stopPropagation(), "onClick"),
                 onDoubleClick: /* @__PURE__ */ o((p) => p.stopPropagation(), "onDoubleClick"),
@@ -15489,7 +15485,7 @@ const El = Ml(
                       p.stopPropagation();
                       return;
                     }
-                    p.preventDefault(), u();
+                    p.preventDefault(), g();
                   } else p.key === "Escape" && (p.preventDefault(), t.cancelEdit());
                   p.stopPropagation();
                 }, "onKeyDown"),
@@ -15504,7 +15500,7 @@ const El = Ml(
                 "button",
                 {
                   "aria-label": "Move label",
-                  onPointerDown: h,
+                  onPointerDown: u,
                   title: "Move label",
                   type: "button",
                   children: /* @__PURE__ */ d.jsx(Hd, {})
@@ -15573,47 +15569,50 @@ const El = Ml(
         }
       );
     }
-    return /* @__PURE__ */ d.jsx(
-      "span",
-      {
-        className: "edge-screen-label",
-        "data-edge-id": i.id,
-        "data-edge-label-id": t.id,
-        ref: e,
-        style: r,
-        onPointerDown: /* @__PURE__ */ o((u) => {
-          u.button !== 0 || !i.diagram || (u.preventDefault(), u.stopPropagation(), u.currentTarget.setPointerCapture(u.pointerId), s.current = {
-            autopan: new At(i.diagram),
-            autopanTimer: null,
-            latestPointer: new f(u.nativeEvent),
-            pointerId: u.pointerId,
-            startMouse: i.diagram.canvas.inverseFit(
-              new f(u.nativeEvent)
-            ),
-            startMouseScreen: new f(u.nativeEvent),
-            startPosition: t.position.copy(),
-            moved: !1
-          }, i.diagram?.getExtension(Gt)?.clear());
-        }, "onPointerDown"),
-        onPointerMove: /* @__PURE__ */ o((u) => {
-          const p = s.current;
-          !p || p.pointerId !== u.pointerId || !i.diagram || (p.latestPointer = new f(u.nativeEvent), p.latestPointer.copy().substract(p.startMouseScreen).norm < 5 && !p.moved) || (p.moved = !0, p.autopanTimer === null && (p.autopanTimer = setInterval(c, 30)), c());
-        }, "onPointerMove"),
-        onPointerUp: /* @__PURE__ */ o((u) => {
-          const p = s.current;
-          !p || p.pointerId !== u.pointerId || (u.stopPropagation(), l(), u.currentTarget.hasPointerCapture(u.pointerId) && u.currentTarget.releasePointerCapture(u.pointerId), p.moved && t.position.copy(!1).substract(p.startPosition).norm > 1e-3 && t.commitPosition(), p.moved || t.beginEdit(), i.diagram?.getExtension(Gt)?.clear(), s.current = null);
-        }, "onPointerUp"),
-        onPointerCancel: /* @__PURE__ */ o((u) => {
-          const p = s.current;
-          !p || p.pointerId !== u.pointerId || (l(), t.setPosition(p.startPosition), i.diagram?.getExtension(Gt)?.clear(), s.current = null);
-        }, "onPointerCancel"),
-        children: t.text
-      }
-    );
+    return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      l,
+      /* @__PURE__ */ d.jsx(
+        "span",
+        {
+          className: "edge-screen-label",
+          "data-edge-id": i.id,
+          "data-edge-label-id": t.id,
+          ref: e,
+          style: r,
+          onPointerDown: /* @__PURE__ */ o((g) => {
+            g.button !== 0 || !i.diagram || (g.preventDefault(), g.stopPropagation(), g.currentTarget.setPointerCapture(g.pointerId), s.current = {
+              autopan: new At(i.diagram),
+              autopanTimer: null,
+              latestPointer: new f(g.nativeEvent),
+              pointerId: g.pointerId,
+              startMouse: i.diagram.canvas.inverseFit(
+                new f(g.nativeEvent)
+              ),
+              startMouseScreen: new f(g.nativeEvent),
+              startPosition: t.position.copy(),
+              moved: !1
+            }, i.diagram?.getExtension(Gt)?.clear());
+          }, "onPointerDown"),
+          onPointerMove: /* @__PURE__ */ o((g) => {
+            const p = s.current;
+            !p || p.pointerId !== g.pointerId || !i.diagram || (p.latestPointer = new f(g.nativeEvent), p.latestPointer.copy().substract(p.startMouseScreen).norm < 5 && !p.moved) || (p.moved = !0, p.autopanTimer === null && (p.autopanTimer = setInterval(h, 30)), h());
+          }, "onPointerMove"),
+          onPointerUp: /* @__PURE__ */ o((g) => {
+            const p = s.current;
+            !p || p.pointerId !== g.pointerId || (g.stopPropagation(), c(), g.currentTarget.hasPointerCapture(g.pointerId) && g.currentTarget.releasePointerCapture(g.pointerId), p.moved && t.position.copy(!1).substract(p.startPosition).norm > 1e-3 && t.commitPosition(), p.moved || t.beginEdit(), i.diagram?.getExtension(Gt)?.clear(), s.current = null);
+          }, "onPointerUp"),
+          onPointerCancel: /* @__PURE__ */ o((g) => {
+            const p = s.current;
+            !p || p.pointerId !== g.pointerId || (c(), t.setPosition(p.startPosition), i.diagram?.getExtension(Gt)?.clear(), s.current = null);
+          }, "onPointerCancel"),
+          children: t.text
+        }
+      )
+    ] });
   }
-), vm = M(
-  ({ edge: i }) => i.labels.map((t) => /* @__PURE__ */ d.jsx(wm, { edge: i, label: t }, t.id))
-), _m = M(({ node: i }) => {
+), _m = M(
+  ({ edge: i }) => i.labels.map((t) => /* @__PURE__ */ d.jsx(vm, { edge: i, label: t }, t.id))
+), Em = M(({ node: i }) => {
   const t = i.RenderScreen;
   return t ? /* @__PURE__ */ d.jsx(
     t,
@@ -15623,14 +15622,14 @@ const El = Ml(
       scale: i.diagram?.canvas.scale ?? 1
     }
   ) : null;
-}), Em = M(() => {
+}), km = M(() => {
   const i = nt.use();
   return /* @__PURE__ */ d.jsxs("div", { className: "screen_renderers", children: [
-    i.nodes.map((t) => /* @__PURE__ */ d.jsx(_m, { node: t }, t.id)),
-    i.edges.map((t) => /* @__PURE__ */ d.jsx(vm, { edge: t }, t.id)),
+    i.nodes.map((t) => /* @__PURE__ */ d.jsx(Em, { node: t }, t.id)),
+    i.edges.map((t) => /* @__PURE__ */ d.jsx(_m, { edge: t }, t.id)),
     /* @__PURE__ */ d.jsx(ym, {})
   ] });
-}), km = M(({ gateway: i }) => {
+}), Sm = M(({ gateway: i }) => {
   const e = nt.use().getExtension(Oe);
   return /* @__PURE__ */ d.jsx(
     Ee,
@@ -15660,7 +15659,7 @@ const El = Ml(
     },
     i.id
   );
-}), Sm = M(({ node: i }) => {
+}), Mm = M(({ node: i }) => {
   const e = nt.use().getExtension(Oe);
   return /* @__PURE__ */ d.jsx(
     "path",
@@ -15684,10 +15683,10 @@ const El = Ml(
       }, "onMouseOut")
     }
   );
-}), Mm = M(({ node: i }) => {
+}), Cm = M(({ node: i }) => {
   const t = i.RenderOverlay;
   return t ? /* @__PURE__ */ d.jsx(t, { node: i, box: i.box }) : null;
-}), Cm = M(() => {
+}), Am = M(() => {
   const i = nt.use();
   return /* @__PURE__ */ d.jsx(
     "div",
@@ -15696,10 +15695,10 @@ const El = Ml(
         width: `${i.canvas.size.x}px`,
         height: `${i.canvas.size.y}px`
       },
-      children: i.nodes.map((t) => /* @__PURE__ */ d.jsx(Mm, { node: t }, t.id))
+      children: i.nodes.map((t) => /* @__PURE__ */ d.jsx(Cm, { node: t }, t.id))
     }
   );
-}), Am = M(({ node: i }) => i.parent ? /* @__PURE__ */ d.jsx(d.Fragment, { children: !i.RenderOverlay && /* @__PURE__ */ d.jsx(
+}), Im = M(({ node: i }) => i.parent ? /* @__PURE__ */ d.jsx(d.Fragment, { children: !i.RenderOverlay && /* @__PURE__ */ d.jsx(
   Ee,
   {
     paths: [
@@ -15751,15 +15750,15 @@ const El = Ml(
       }, "onEndpointMouseDown")
     }
   )
-), Im = xe(
+), jm = xe(
   M(() => {
     const i = nt.use(), t = i.getExtension(V), e = t?.selectedNodes ?? [], n = t?.selectedEdges ?? [], s = i.rules.allowEdition, r = e.length + n.length > 1, a = [
       ...i.nodes.filter((c) => !e.includes(c)),
       ...e
     ], l = r || !s ? [] : a.filter((c) => c.hovered || c.selected).flatMap((c) => c.gateways);
     return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-      a.map((c) => /* @__PURE__ */ d.jsx(Am, { node: c }, c.id)),
-      s && a.filter((c) => c.edgesAsGateways).map((c) => /* @__PURE__ */ d.jsx(Sm, { node: c }, `edge-gateway-${c.id}`)),
+      a.map((c) => /* @__PURE__ */ d.jsx(Im, { node: c }, c.id)),
+      s && a.filter((c) => c.edgesAsGateways).map((c) => /* @__PURE__ */ d.jsx(Mm, { node: c }, `edge-gateway-${c.id}`)),
       i.edges.filter((c) => !n.includes(c)).map((c) => /* @__PURE__ */ d.jsx(
         kl,
         {
@@ -15770,7 +15769,7 @@ const El = Ml(
         c.id
       )),
       l.map((c) => /* @__PURE__ */ d.jsx(
-        km,
+        Sm,
         {
           gateway: c
         },
@@ -15788,24 +15787,24 @@ const El = Ml(
     ] });
   })
 );
-function jm() {
+function Pm() {
   return [
-    /* @__PURE__ */ d.jsx(Im, {}, "ScalableShapes"),
-    /* @__PURE__ */ d.jsx(Cm, {}, "RenderNodeOverlays")
+    /* @__PURE__ */ d.jsx(jm, {}, "ScalableShapes"),
+    /* @__PURE__ */ d.jsx(Am, {}, "RenderNodeOverlays")
   ];
 }
-o(jm, "shapes");
-function Pm(i) {
+o(Pm, "shapes");
+function Nm(i) {
   if (!(i instanceof Element)) return null;
   const t = i.closest("[data-gateway-parent]");
   return t ? t.getAttribute("data-gateway-parent") : i.closest("[data-id]")?.getAttribute("data-id") ?? null;
 }
-o(Pm, "hoverOwnerId");
-const Nm = M(({ children: i }) => {
+o(Nm, "hoverOwnerId");
+const Tm = M(({ children: i }) => {
   const t = nt.use(), e = t.getExtension(Y);
   t.canvas.setGridSize(e?.gridSize ?? 50);
   const n = [], s = [], r = [];
-  return Pc.forEach([...bm(i), ...jm()], (a) => {
+  return Pc.forEach([...bm(i), ...Pm()], (a) => {
     a.type.__scalable ? n.push(a) : a.type.__scalableBack ? r.push(a) : s.push(a);
   }), /* @__PURE__ */ d.jsxs(
     "div",
@@ -15813,7 +15812,7 @@ const Nm = M(({ children: i }) => {
       className: `canvas__frame ${t.showGrid ? "canvas__frame--grid" : ""}`,
       onPointerLeave: /* @__PURE__ */ o(() => t.clearNodeHover(), "onPointerLeave"),
       onPointerMove: /* @__PURE__ */ o((a) => {
-        const l = t.getNodeById(Pm(a.target) ?? "");
+        const l = t.getNodeById(Nm(a.target) ?? "");
         l ? l.setHovered(!0) : t.clearNodeHover();
       }, "onPointerMove"),
       children: [
@@ -15822,16 +15821,16 @@ const Nm = M(({ children: i }) => {
           s.length && /* @__PURE__ */ d.jsx("div", { className: "scalable_components", children: s }),
           n.length && /* @__PURE__ */ d.jsx(El, { className: "foreground", children: n })
         ] }),
-        /* @__PURE__ */ d.jsx(Em, {})
+        /* @__PURE__ */ d.jsx(km, {})
       ]
     }
   );
 });
-function Tm({ children: i, className: t, ...e }) {
+function Lm({ children: i, className: t, ...e }) {
   return /* @__PURE__ */ d.jsx("div", { ...e, className: ["stage", t].filter(Boolean).join(" "), children: i });
 }
-o(Tm, "Stage");
-const Lm = xe(
+o(Lm, "Stage");
+const Dm = xe(
   M(() => {
     const i = nt.use(), t = i.getExtension(te), e = i.getExtension(Gt), n = i.getExtension(mi), s = [
       ...t?.proposals ?? [],
@@ -15880,7 +15879,7 @@ const Lm = xe(
       })
     ] });
   })
-), Dm = xe(
+), zm = xe(
   M(() => {
     const t = nt.use().getExtension(Fl);
     return t?.enabled ? /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
@@ -15905,8 +15904,8 @@ const Lm = xe(
       )
     ] }) : null;
   })
-), St = 8, qn = 2, zm = 120;
-function Om(i, t) {
+), St = 8, qn = 2, Om = 120;
+function Fm(i, t) {
   const e = Math.max(
     St,
     Math.min(i.x, window.innerWidth - t.width - St)
@@ -15916,40 +15915,40 @@ function Om(i, t) {
   );
   return { x: e, y: n };
 }
-o(Om, "clampPosition");
-function Fm({
+o(Fm, "clampPosition");
+function $m({
   item: i,
   onAction: t
 }) {
-  const e = !!i.submenu?.length, n = q(null), s = q(null), r = q(null), [a, l] = wt(!1), [c, h] = wt(!1), [u, p] = wt({
+  const e = !!i.submenu?.length, n = q(null), s = q(null), r = q(null), [a, l] = vt(!1), [c, h] = vt(!1), [u, g] = vt({
     left: 0,
     top: -4,
     openToLeft: !1
-  }), g = Cl(() => {
+  }), p = Cl(() => {
     if (!n.current || !s.current)
       return;
     const v = n.current.getBoundingClientRect(), k = s.current.getBoundingClientRect();
     let C = v.width - qn, P = !1;
     v.right - qn + k.width > window.innerWidth - St && (C = -k.width + qn, P = !0), v.left + C < St && (C = St - v.left, P = !1);
     let L = -4, N = v.top + L;
-    N + k.height > window.innerHeight - St && (L -= N + k.height - (window.innerHeight - St), N = v.top + L), N < St && (L += St - N), p({ left: C, top: L, openToLeft: P }), h(!0);
+    N + k.height > window.innerHeight - St && (L -= N + k.height - (window.innerHeight - St), N = v.top + L), N < St && (L += St - N), g({ left: C, top: L, openToLeft: P }), h(!0);
   }, []);
   qt(() => {
     a || h(!1);
   }, [a]), qt(() => () => {
     r.current !== null && window.clearTimeout(r.current);
   }, []), Si(() => {
-    a && g();
-  }, [a, g]), qt(() => {
+    a && p();
+  }, [a, p]), qt(() => {
     if (!a)
       return;
     const v = /* @__PURE__ */ o(() => {
-      g();
+      p();
     }, "handleResize");
     return window.addEventListener("resize", v), () => {
       window.removeEventListener("resize", v);
     };
-  }, [a, g]);
+  }, [a, p]);
   const m = /* @__PURE__ */ o(() => {
     r.current !== null && (window.clearTimeout(r.current), r.current = null);
   }, "clearCloseTimeout"), b = /* @__PURE__ */ o(() => {
@@ -15959,7 +15958,7 @@ function Fm({
   }, "closeSubmenu"), y = /* @__PURE__ */ o(() => {
     e && (m(), r.current = window.setTimeout(() => {
       l(!1), r.current = null;
-    }, zm));
+    }, Om));
   }, "scheduleCloseSubmenu"), w = /* @__PURE__ */ o((v) => {
     const k = v.relatedTarget;
     (!k || !v.currentTarget.contains(k)) && x();
@@ -16012,13 +16011,13 @@ function Fm({
     }
   );
 }
-o(Fm, "MenuItem");
+o($m, "MenuItem");
 function vc({
   items: i,
   onAction: t
 }) {
   return /* @__PURE__ */ d.jsx("ul", { className: "diagram__context_menu_list", children: i.map((e, n) => /* @__PURE__ */ d.jsx(
-    Fm,
+    $m,
     {
       item: e,
       onAction: t
@@ -16027,14 +16026,14 @@ function vc({
   )) });
 }
 o(vc, "MenuItems");
-const $m = M(({ menu: i }) => {
-  const t = q(null), [e, n] = wt(i.position);
+const Rm = M(({ menu: i }) => {
+  const t = q(null), [e, n] = vt(i.position);
   return qt(() => {
     i.opened && n(i.position);
   }, [i.openVersion, i.opened, i.position]), Si(() => {
     if (!i.opened || !t.current)
       return;
-    const { width: s, height: r } = t.current.getBoundingClientRect(), { x: a, y: l } = Om(i.position, { width: s, height: r });
+    const { width: s, height: r } = t.current.getBoundingClientRect(), { x: a, y: l } = Fm(i.position, { width: s, height: r });
     (a !== e.x || l !== e.y) && n({ x: a, y: l });
   }, [i.openVersion, i.opened, i.position, e.x, e.y]), qt(() => {
     if (!i.opened)
@@ -16091,7 +16090,7 @@ const $m = M(({ menu: i }) => {
   _opened = !1;
   _position = { x: 0, y: 0 };
   _openVersion = 0;
-  Component = /* @__PURE__ */ o(() => /* @__PURE__ */ d.jsx($m, { menu: this }), "Component");
+  Component = /* @__PURE__ */ o(() => /* @__PURE__ */ d.jsx(Rm, { menu: this }), "Component");
   constructor() {
     ne(
       this,
@@ -16143,10 +16142,10 @@ o(no, "ContextMenuStore");
 let Ls = no;
 const Jn = new Ls(), Ze = /* @__PURE__ */ o(() => {
 }, "noop");
-function Rm() {
+function Hm() {
   return typeof navigator < "u" && !!navigator.clipboard?.writeText && !!navigator.clipboard?.readText;
 }
-o(Rm, "hasClipboardSupport");
+o(Hm, "hasClipboardSupport");
 function Sl(i) {
   return () => {
     i().catch(() => {
@@ -16154,10 +16153,10 @@ function Sl(i) {
   };
 }
 o(Sl, "runAsync");
-function Hm(i, t, e) {
+function Gm(i, t, e) {
   const n = i.getExtension(V), s = t.closest(".diagram__node")?.dataset.id, r = t.closest(".edge")?.dataset.id, a = s ? i.getNodeById(s) : void 0, l = r ? i.getEdgeById(r) : void 0;
   a && !a.selected ? (n.clearSelection(), n.selectNode(a)) : l && !l.state.selected && (n.clearSelection(), n.selectEdge(l));
-  const c = n.selectedNodes, h = n.selectedEdges, u = c.length + h.length > 0, p = i.rules.allowEdition, g = Rm(), m = g && c.length > 0, b = /* @__PURE__ */ o(() => {
+  const c = n.selectedNodes, h = n.selectedEdges, u = c.length + h.length > 0, g = i.rules.allowEdition, p = Hm(), m = p && c.length > 0, b = /* @__PURE__ */ o(() => {
     n.selectedNodes.forEach((v) => {
       i.delete(v);
     }), n.selectedEdges.forEach((v) => {
@@ -16174,7 +16173,7 @@ function Hm(i, t, e) {
           i.canvas.centerOnPoint(a.box.middle);
         }, "onClick")
       },
-      ...p ? [
+      ...g ? [
         {
           label: "Delete node",
           onClick: /* @__PURE__ */ o(() => {
@@ -16184,7 +16183,7 @@ function Hm(i, t, e) {
         }
       ] : []
     ]
-  }) : l && p && x.push({
+  }) : l && g && x.push({
     label: "Edge",
     onClick: Ze,
     submenu: [
@@ -16196,7 +16195,7 @@ function Hm(i, t, e) {
         danger: !0
       }
     ]
-  }), u && p && x.push({
+  }), u && g && x.push({
     label: "Delete selection",
     onClick: b,
     danger: !0
@@ -16229,13 +16228,13 @@ function Hm(i, t, e) {
       disabled: !m
     }
   ];
-  p && y.push({
+  g && y.push({
     label: "Paste",
     onClick: Sl(async () => {
       const v = await navigator.clipboard.readText();
       v.trim().length && i.paste(v);
     }),
-    disabled: !g
+    disabled: !p
   }), x.push({
     label: "Selection",
     onClick: Ze,
@@ -16279,8 +16278,8 @@ function Hm(i, t, e) {
     ]
   }), x;
 }
-o(Hm, "buildDiagramContextMenu");
-const Gm = M(() => {
+o(Gm, "buildDiagramContextMenu");
+const Bm = M(() => {
   const i = nt.use();
   return /* @__PURE__ */ d.jsx("div", { className: "diagram__extension_ui", children: i.extensions.map((t) => {
     const e = t.RenderUI;
@@ -16293,7 +16292,7 @@ const Gm = M(() => {
       t.constructor.name
     ) : null;
   }) });
-}), Km = M(
+}), Um = M(
   ({ diagram: i, leftPanel: t, toolbar: e }) => {
     const n = /* @__PURE__ */ o((s) => {
       const r = s.target;
@@ -16303,7 +16302,7 @@ const Gm = M(() => {
           return;
         }
         s.preventDefault(), Jn.open(
-          Hm(i, r, {
+          Gm(i, r, {
             x: s.clientX,
             y: s.clientY
           }),
@@ -16315,28 +16314,28 @@ const Gm = M(() => {
       }
     }, "handleContextMenu");
     return /* @__PURE__ */ d.jsxs(i.Context, { children: [
-      /* @__PURE__ */ d.jsxs(Tm, { onContextMenu: n, children: [
+      /* @__PURE__ */ d.jsxs(Lm, { onContextMenu: n, children: [
         t,
-        /* @__PURE__ */ d.jsxs(Nm, { children: [
+        /* @__PURE__ */ d.jsxs(Tm, { children: [
           /* @__PURE__ */ d.jsx(xm, {}),
           /* @__PURE__ */ d.jsx(um, {}),
           /* @__PURE__ */ d.jsx(pm, {}),
-          /* @__PURE__ */ d.jsx(Lm, {}),
+          /* @__PURE__ */ d.jsx(Dm, {}),
           /* @__PURE__ */ d.jsx(fm, {}),
-          /* @__PURE__ */ d.jsx(Dm, {})
+          /* @__PURE__ */ d.jsx(zm, {})
         ] }),
-        /* @__PURE__ */ d.jsx(Gm, {})
+        /* @__PURE__ */ d.jsx(Bm, {})
       ] }),
       /* @__PURE__ */ d.jsx(Jn.Component, {}),
       e
     ] });
   }
 );
-function Um(i) {
+function Xm(i) {
   i.currentTarget.contains(i.target) && (i.stopPropagation(), i.nativeEvent?.stopImmediatePropagation?.());
 }
-o(Um, "stopDiagramControlEvent");
-function Xm(i, t = "button,input,select,textarea,[role='menu'],[data-diagram-control],.toolbar,.ui-toolbar,.mr__properties_panel,.shared-modal") {
+o(Xm, "stopDiagramControlEvent");
+function qm(i, t = "button,input,select,textarea,[role='menu'],[data-diagram-control],.toolbar,.ui-toolbar,.mr__properties_panel,.shared-modal") {
   const e = q(null), n = q(null), s = Cl(() => {
     const r = n.current;
     n.current = null, r && e.current?.hasPointerCapture(r.id) && e.current.releasePointerCapture(r.id), e.current?.classList.remove("diagram-pointer-dragging");
@@ -16372,15 +16371,15 @@ function Xm(i, t = "button,input,select,textarea,[role='menu'],[data-diagram-con
     }
   };
 }
-o(Xm, "useDiagramPointerCapture");
-function qm(i, t) {
+o(qm, "useDiagramPointerCapture");
+function Jm(i, t) {
   const e = /* @__PURE__ */ o(() => i.querySelectorAll(".diagram-attribute-edge,.diagram-attribute-related").forEach((a) => a.classList.remove("diagram-attribute-edge", "diagram-attribute-related")), "clear"), n = /* @__PURE__ */ o((a) => a instanceof Element ? a.closest("[data-attribute-id]") : null, "row"), s = /* @__PURE__ */ o((a) => {
     const l = n(a.target);
     if (!l || !i.contains(l)) return;
     e();
-    const c = t.edges.filter((g) => g instanceof It && (g.sourceAttributeIds.includes(l.dataset.attributeId) || g.targetAttributeIds.includes(l.dataset.attributeId))), h = new Set(c.map((g) => g.id)), u = new Set(c.flatMap((g) => [g.from?.parent?.id, g.to?.parent?.id])), p = l.closest("[data-id]")?.getAttribute("data-id");
-    i.querySelectorAll("[data-id]").forEach((g) => {
-      h.has(g.dataset.id) && g.classList.add("diagram-attribute-edge"), u.has(g.dataset.id) && g.dataset.id !== p && g.classList.add("diagram-attribute-related");
+    const c = t.edges.filter((p) => p instanceof It && (p.sourceAttributeIds.includes(l.dataset.attributeId) || p.targetAttributeIds.includes(l.dataset.attributeId))), h = new Set(c.map((p) => p.id)), u = new Set(c.flatMap((p) => [p.from?.parent?.id, p.to?.parent?.id])), g = l.closest("[data-id]")?.getAttribute("data-id");
+    i.querySelectorAll("[data-id]").forEach((p) => {
+      h.has(p.dataset.id) && p.classList.add("diagram-attribute-edge"), u.has(p.dataset.id) && p.dataset.id !== g && p.classList.add("diagram-attribute-related");
     });
   }, "over"), r = /* @__PURE__ */ o((a) => {
     n(a.target) !== n(a.relatedTarget) && e();
@@ -16389,9 +16388,9 @@ function qm(i, t) {
     e(), i.removeEventListener("pointerover", s), i.removeEventListener("pointerout", r);
   };
 }
-o(qm, "bindAttributeRelationshipHover");
+o(Jm, "bindAttributeRelationshipHover");
 const zi = /* @__PURE__ */ new WeakMap();
-function Jm(i, t, e = {}) {
+function Qm(i, t, e = {}) {
   const n = i.canvas.frameDimensions;
   if (n.width <= 0 || n.height <= 0) return !1;
   zi.get(i)?.();
@@ -16409,12 +16408,12 @@ function Jm(i, t, e = {}) {
   }, "dismiss");
   return a?.addEventListener("mousedown", h, !0), l = i.canvas.onDetach(c), e.attributeId && a && requestAnimationFrame(() => {
     if (zi.get(i) !== c) return;
-    i.canvas.element?.querySelectorAll("[data-attribute-id]").forEach((p) => {
-      p.dataset.attributeId === e.attributeId && p.classList.add("diagram-reference-attribute");
+    i.canvas.element?.querySelectorAll("[data-attribute-id]").forEach((g) => {
+      g.dataset.attributeId === e.attributeId && g.classList.add("diagram-reference-attribute");
     });
   }), zi.set(i, c), !0;
 }
-o(Jm, "revealDiagramNode");
+o(Qm, "revealDiagramNode");
 export {
   wo as AgentDiagram,
   Cs as BPMDiagram,
@@ -16431,21 +16430,83 @@ export {
   gn as BPMNExecutionTaskNode,
   mn as BPMNExecutionTextAnnotationNode,
   fn as BPMNExecutionUnknownNode,
-  pt as BPMNNodeExecutionState,
+  gt as BPMNNodeExecutionState,
   Ft as BPMN_LABELS,
+  hd as Canvas,
   Ko as CommunicationDiagram,
   f as Coordinates,
+  ms as Creator,
+  li as DCanvasEvent,
+  st as DChangeEvent,
+  Ri as DClickEvent,
+  Gi as DDeleteEdgeEvent,
+  Te as DDeleteNodeEvent,
+  ss as DDisplaceEvent,
+  Hi as DDoubleClickEvent,
+  Zi as DDragEdgeSegmentEvent,
+  Qt as DDragEvent,
+  jt as DDragNodeEvent,
+  Vi as DEdgeDragStartEvent,
+  Wi as DEdgeEndpointDragStartEvent,
+  we as DEdgeLabelChangeEvent,
+  Bi as DEdgeSelectionEvent,
+  $i as DEvent,
+  he as DKeyDownEvent,
+  ns as DKeyPressEvent,
+  oi as DKeyUpEvent,
+  ai as DKeyboardEvent,
+  Zt as DMouseDownEvent,
+  Yt as DMouseEvent,
+  Kt as DMouseMoveEvent,
+  dt as DMouseUpEvent,
+  Mt as DNodeChangeTypeEvent,
+  as as DNodeConnectionIntentEvent,
+  pi as DNodeSelectionEvent,
+  hi as DNodesConnectActionEvent,
+  di as DNodesConnectionEvent,
+  rs as DResetGraphEvent,
+  ci as DScaleEvent,
+  ui as DSelectionEvent,
+  Ne as DUIEvent,
+  is as DWheelEvent,
   nt as Diagram,
-  Km as DiagramEditor,
+  Um as DiagramEditor,
+  H as DiagramExtension,
+  S as Dimensions,
+  mi as DistancesBalancer,
+  fs as Dragger,
+  ee as Edge,
+  qe as EdgeLabel,
+  W as EdgePoint,
+  Yi as EdgePointPositionProposal,
+  Oe as EdgesDragger,
+  $e as EditableDiagram,
+  me as Element,
+  Lt as Gateway,
+  Y as GridSnap,
+  fi as History,
+  gs as Hotkeys,
+  Gt as LabelsAligner,
   xl as MRDiagram,
   It as MRForeignKeyEdge,
+  ei as MRModelerExtension,
   Jt as MRTableNode,
+  xi as Measurer,
+  Mi as Node,
+  gi as NodePositionProposal,
+  te as NodesAligner,
+  Fe as NodesConnector,
+  xs as NodesResizer,
+  Fl as PathFindingRenderer,
+  V as Selector,
+  ws as StraightDrag,
+  yi as StraightLabelsDrag,
   ts as ToolsStates,
-  qm as bindAttributeRelationshipHover,
+  Jm as bindAttributeRelationshipHover,
   Ao as configureBPMNLabels,
   et as customRendererProps,
-  Jm as revealDiagramNode,
-  Um as stopDiagramControlEvent,
-  Xm as useDiagramPointerCapture
+  Qm as revealDiagramNode,
+  Xm as stopDiagramControlEvent,
+  qm as useDiagramPointerCapture
 };
 //# sourceMappingURL=index.es.js.map