@html-graph/html-graph 8.18.1 → 8.19.1

package/dist/html-graph.min.js

@@ -1,22 +1,22 @@
-var st = Object.defineProperty;
-var it = (r, e, t) => e in r ? st(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var i = (r, e, t) => it(r, typeof e != "symbol" ? e + "" : e, t);
+var nt = Object.defineProperty;
+var at = (r, e, t) => e in r ? nt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var i = (r, e, t) => at(r, typeof e != "symbol" ? e + "" : e, t);
 var I = /* @__PURE__ */ ((r) => (r.Line = "line", r.NodeCycle = "node-cycle", r.PortCycle = "port-cycle", r))(I || {});
-const nt = () => {
+const ht = () => {
   const r = document.createElement("div");
   return r.style.width = "100%", r.style.height = "100%", r.style.position = "relative", r.style.overflow = "hidden", r;
-}, at = () => {
+}, dt = () => {
   const r = document.createElement("div");
   return r.style.position = "absolute", r.style.top = "0", r.style.left = "0", r.style.width = "0", r.style.height = "0", r;
-}, ht = (r) => {
+}, ct = (r) => {
   r.style.position = "absolute", r.style.top = "0", r.style.left = "0", r.style.visibility = "hidden";
-}, dt = (r) => {
+}, lt = (r) => {
   r.style.removeProperty("position"), r.style.removeProperty("top"), r.style.removeProperty("left"), r.style.removeProperty("visibility"), r.style.removeProperty("transform");
 };
-class Re {
+class Ve {
   constructor(e, t, o) {
-    i(this, "host", nt());
-    i(this, "container", at());
+    i(this, "host", ht());
+    i(this, "container", dt());
     i(this, "edgeIdToElementMap", /* @__PURE__ */ new Map());
     i(this, "attachedNodeIds", /* @__PURE__ */ new Set());
     i(this, "applyTransform", () => {
@@ -27,11 +27,11 @@ class Re {
   }
   attachNode(e) {
     const t = this.graphStore.getNode(e);
-    ht(t.element), this.attachedNodeIds.add(e), this.container.appendChild(t.element), this.updateNodePosition(e), this.updateNodePriority(e), t.element.style.visibility = "visible";
+    ct(t.element), this.attachedNodeIds.add(e), this.container.appendChild(t.element), this.updateNodePosition(e), this.updateNodePriority(e), t.element.style.visibility = "visible";
   }
   detachNode(e) {
     const t = this.graphStore.getNode(e);
-    dt(t.element), this.container.removeChild(t.element), this.attachedNodeIds.delete(e);
+    lt(t.element), this.container.removeChild(t.element), this.attachedNodeIds.delete(e);
   }
   attachEdge(e) {
     const t = this.graphStore.getEdge(e).payload.shape.svg;
@@ -93,7 +93,7 @@ class Re {
     };
   }
 }
-class ct {
+class ut {
   constructor(e) {
     i(this, "xFrom", 1 / 0);
     i(this, "yFrom", 1 / 0);
@@ -113,7 +113,7 @@ class ct {
     return h <= this.xTo && d >= this.xFrom && c <= this.yTo && l >= this.yFrom;
   }
 }
-class lt {
+class gt {
   constructor(e, t, o, s) {
     i(this, "attachedNodes", /* @__PURE__ */ new Set());
     i(this, "attachedEdges", /* @__PURE__ */ new Set());
@@ -137,7 +137,7 @@ class lt {
         this.handleAttachEdge(a);
       });
     });
-    this.htmlView = e, this.graphStore = t, this.trigger = o, this.params = s, this.renderingBox = new ct(this.graphStore), this.trigger.subscribe(this.updateViewport);
+    this.htmlView = e, this.graphStore = t, this.trigger = o, this.params = s, this.renderingBox = new ut(this.graphStore), this.trigger.subscribe(this.updateViewport);
   }
   attachNode(e) {
     this.renderingBox.hasNode(e) && this.handleAttachNode(e);
@@ -191,7 +191,7 @@ class lt {
     this.htmlView.detachEdge(e), this.attachedEdges.delete(e);
   }
 }
-class ut {
+class pt {
   constructor(e, t) {
     i(this, "deferredNodes", /* @__PURE__ */ new Set());
     i(this, "deferredEdges", /* @__PURE__ */ new Set());
@@ -265,7 +265,7 @@ const C = () => {
   const r = new q();
   return [r, r];
 };
-class Le {
+class Ie {
   constructor(e, t, o, s) {
     i(this, "beforeDestroyEmitter");
     i(this, "destroyed", !1);
@@ -318,7 +318,7 @@ class Le {
     this.destroyed || (this.destroyed = !0, this.beforeDestroyEmitter.emit(), this.graphController.destroy(), this.viewportController.destroy());
   }
 }
-class gt {
+class wt {
   constructor() {
     i(this, "singleToMultiMap", /* @__PURE__ */ new Map());
     i(this, "multiToSingleMap", /* @__PURE__ */ new Map());
@@ -387,7 +387,7 @@ const S = Object.freeze({
   removeNonexistentEdge: (r) => `Failed to remove edge with ID ${JSON.stringify(r)} because it does not exist`,
   accessEdgesForNonexistentPort: (r) => `Failed to access edges for port with ID ${JSON.stringify(r)} because the port does not exist`
 });
-class Ve {
+class Fe {
   constructor() {
     i(this, "nodes", /* @__PURE__ */ new Map());
     i(this, "ports", /* @__PURE__ */ new Map());
@@ -396,7 +396,7 @@ class Ve {
     i(this, "portIncomingEdges", /* @__PURE__ */ new Map());
     i(this, "portOutgoingEdges", /* @__PURE__ */ new Map());
     i(this, "portCycleEdges", /* @__PURE__ */ new Map());
-    i(this, "elementPorts", new gt());
+    i(this, "elementPorts", new wt());
     i(this, "edgesElementsMap", /* @__PURE__ */ new Map());
     i(this, "afterNodeAddedEmitter");
     i(this, "onAfterNodeAdded");
@@ -694,7 +694,7 @@ const me = (r) => ({
   x: r.scale * e.x + r.x,
   y: r.scale * e.y + r.y
 });
-class pt {
+class ft {
   constructor(e) {
     i(this, "viewportMatrix", Ee);
     i(this, "contentMatrix", Ee);
@@ -776,16 +776,16 @@ class ee {
     this.canvas.updateNode(t);
   }
 }
-const wt = (r, e, t) => {
+const yt = (r, e, t) => {
   const { x: o, y: s, width: n, height: a } = r.getBoundingClientRect();
   return e >= o && e <= o + n && t >= s && t <= s + a;
-}, ft = (r, e, t) => e >= 0 && e <= r.innerWidth && t >= 0 && t <= r.innerHeight;
-class yt {
+}, vt = (r, e, t) => e >= 0 && e <= r.innerWidth && t >= 0 && t <= r.innerHeight;
+class mt {
   constructor(e, t) {
     this.element = e, this.win = t;
   }
   verify(e, t) {
-    return wt(this.element, e, t) && ft(this.win, e, t);
+    return yt(this.element, e, t) && vt(this.win, e, t);
   }
 }
 const H = (r, e) => {
@@ -805,7 +805,7 @@ const H = (r, e) => {
       }
     ]
   };
-}, vt = (r, e) => {
+}, Et = (r, e) => {
   let t = e;
   for (; t !== null; ) {
     const o = r.findPortIdsByElement(t)[0] ?? null;
@@ -824,21 +824,21 @@ const H = (r, e) => {
     status: "notFound"
   };
 };
-function* Ie(r, e) {
+function* Ue(r, e) {
   const t = r.elementsFromPoint(e.x, e.y);
   for (const o of t) {
     if (o.shadowRoot !== null) {
-      const s = Ie(o.shadowRoot, e);
+      const s = Ue(o.shadowRoot, e);
       for (const n of s)
         yield n;
     }
     yield o;
   }
 }
-const Fe = (r, e) => {
-  const t = Ie(document, e);
+const $e = (r, e) => {
+  const t = Ue(document, e);
   for (const o of t) {
-    const s = vt(r, o);
+    const s = Et(r, o);
     if (s.status === "portFound")
       return s.portId;
     if (s.status === "nodeEncountered")
@@ -847,13 +847,13 @@ const Fe = (r, e) => {
   return null;
 };
 var M = /* @__PURE__ */ ((r) => (r.StaticNodeId = "static", r.DraggingNodeId = "dragging", r.EdgeId = "edge", r))(M || {});
-const Ue = (r, e) => ({
+const Be = (r, e) => ({
   x: r / 2,
   y: e / 2
 }), m = (r, e, t) => ({
   x: e.x * r.x - e.y * r.y + ((1 - e.x) * t.x + e.y * t.y),
   y: e.y * r.x + e.x * r.y + ((1 - e.x) * t.y - e.y * t.x)
-}), $e = (r, e, t) => {
+}), Oe = (r, e, t) => {
   const o = {
     x: r.x + r.width / 2,
     y: r.y + r.height / 2
@@ -870,7 +870,7 @@ const Ue = (r, e) => ({
     to: { x: s.x - n, y: s.y - a }
   };
 };
-class mt {
+class xt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -903,7 +903,7 @@ class mt {
     this.path = `${E}${y}${x}`;
   }
 }
-class Et {
+class At {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -970,16 +970,16 @@ class Et {
 }
 const te = Object.freeze({
   edgeColor: "--edge-color"
-}), Be = (r) => {
+}), We = (r) => {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return e.style.pointerEvents = "none", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.overflow = "visible", e.style.setProperty(te.edgeColor, r), e;
-}, Oe = (r) => {
+}, ze = (r) => {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("stroke", `var(${te.edgeColor})`), e.setAttribute("stroke-width", `${r}`), e.setAttribute("fill", "none"), e;
 }, X = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return r.setAttribute("fill", `var(${te.edgeColor})`), r;
-}, We = (r, e) => {
+}, ke = (r, e) => {
   r.style.transform = `translate(${e.x}px, ${e.y}px)`, r.style.width = `${e.width}px`, r.style.height = `${e.height}px`;
 }, V = (r, e) => {
   const t = [];
@@ -1000,7 +1000,7 @@ const te = Object.freeze({
     });
   }
   return t.join(" ");
-}, xt = (r, e) => {
+}, St = (r, e) => {
   const t = r.linePoint, o = e.linePoint, s = o.x - t.x >= 0, n = r.dirX >= 0, a = e.dirX >= 0;
   if (n === a) {
     const u = n === s, g = (t.x + o.x) / 2, p = (t.y + o.y) / 2, w = { x: g, y: p };
@@ -1038,7 +1038,7 @@ const te = Object.freeze({
     midpoint: { x: l.x, y: c }
   };
 };
-class At {
+class bt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1060,14 +1060,14 @@ class At {
       { x: t.x + p, y: t.y },
       s,
       t
-    ), f = m({ x: o.x - p, y: o.y }, n, o), y = xt(
+    ), f = m({ x: o.x - p, y: o.y }, n, o), y = St(
       { arrowPoint: u, linePoint: w, dirX: s.x },
       { arrowPoint: g, linePoint: f, dirX: n.x }
     );
     this.path = V(y.points, d), this.midpoint = y.midpoint;
   }
 }
-class St {
+class Pt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1118,7 +1118,7 @@ class St {
     );
   }
 }
-class bt {
+class Nt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1160,7 +1160,7 @@ class bt {
     return m(n, t, o);
   }
 }
-const Pt = (r, e) => {
+const Ct = (r, e) => {
   const t = r.linePoint, o = e.linePoint, s = o.y - t.y >= 0, n = r.dirY >= 0, a = e.dirY >= 0;
   if (n === a) {
     const u = n === s, g = (t.x + o.x) / 2, p = (t.y + o.y) / 2, w = { x: g, y: p };
@@ -1198,7 +1198,7 @@ const Pt = (r, e) => {
     midpoint: { x: c, y: l.y }
   };
 };
-class Nt {
+class Tt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1220,7 +1220,7 @@ class Nt {
       { x: t.x + p, y: t.y },
       d,
       t
-    ), f = m({ x: o.x - p, y: o.y }, c, o), y = Pt(
+    ), f = m({ x: o.x - p, y: o.y }, c, o), y = Ct(
       { arrowPoint: u, linePoint: w, dirY: d.y },
       { arrowPoint: g, linePoint: f, dirY: c.y }
     );
@@ -1244,7 +1244,7 @@ class re {
     this.path = `${h ? "" : g}${V(u, e.roundness)}`, this.midpoint = { x: (u[3].x + u[4].x) / 2, y: (u[3].y + u[4].y) / 2 };
   }
 }
-class Ct {
+class Mt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1262,7 +1262,7 @@ class Ct {
     this.path = `${h ? "" : E}${y}`, this.midpoint = f[3];
   }
 }
-class Tt {
+class Dt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1307,11 +1307,11 @@ class Tt {
     };
   }
 }
-const Mt = (r, e, t) => {
+const Rt = (r, e, t) => {
   const o = Math.max(r.y, e.y), s = Math.min(r.y, e.y);
   return (t >= 0 ? o : s) + t;
 };
-class Dt {
+class Lt {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1345,7 +1345,7 @@ class Dt {
       { x: a.x - w, y: a.y },
       d,
       a
-    ), E = Mt(f, y, u);
+    ), E = Rt(f, y, u);
     this.midpoint = {
       x: (f.x + y.x) / 2,
       y: E
@@ -1362,11 +1362,11 @@ class Dt {
     );
   }
 }
-const Rt = (r, e, t) => {
+const Vt = (r, e, t) => {
   const o = Math.max(r.x, e.x), s = Math.min(r.x, e.x);
   return (t >= 0 ? o : s) + t;
 };
-class Lt {
+class It {
   constructor(e) {
     i(this, "path");
     i(this, "midpoint");
@@ -1400,7 +1400,7 @@ class Lt {
       { x: d.x - w, y: d.y },
       a,
       d
-    ), E = Rt(f, y, l);
+    ), E = Vt(f, y, l);
     this.midpoint = {
       x: E,
       y: (f.y + y.y) / 2
@@ -1453,15 +1453,15 @@ class G {
     i(this, "onAfterRender");
     i(this, "afterRenderEmitter");
     i(this, "arrowRenderer");
-    this.params = e, [this.afterRenderEmitter, this.onAfterRender] = C(), this.arrowRenderer = this.params.arrowRenderer, this.svg = Be(e.color), this.svg.appendChild(this.group), this.line = Oe(e.width), this.group.appendChild(this.line), e.hasSourceArrow && (this.sourceArrow = X(), this.group.appendChild(this.sourceArrow)), e.hasTargetArrow && (this.targetArrow = X(), this.group.appendChild(this.targetArrow));
+    this.params = e, [this.afterRenderEmitter, this.onAfterRender] = C(), this.arrowRenderer = this.params.arrowRenderer, this.svg = We(e.color), this.svg.appendChild(this.group), this.line = ze(e.width), this.group.appendChild(this.line), e.hasSourceArrow && (this.sourceArrow = X(), this.group.appendChild(this.sourceArrow)), e.hasTargetArrow && (this.targetArrow = X(), this.group.appendChild(this.targetArrow));
   }
   render(e) {
-    const { x: t, y: o, width: s, height: n, from: a, to: h } = $e(
+    const { x: t, y: o, width: s, height: n, from: a, to: h } = Oe(
       e.from,
       e.to,
       this.params.padding
     );
-    We(this.svg, { x: t, y: o, width: s, height: n });
+    ke(this.svg, { x: t, y: o, width: s, height: n });
     const d = Ae(e.from.direction), c = Ae(e.to.direction);
     let l = { x: -c.x, y: -c.y }, u;
     e.category === I.PortCycle ? (u = this.params.createCyclePath, l = d) : e.category === I.NodeCycle ? u = this.params.createDetourPath : u = this.params.createLinePath;
@@ -1485,7 +1485,7 @@ class G {
     });
   }
 }
-const Vt = (r) => (e) => {
+const Ft = (r) => (e) => {
   const o = [
     { x: 0, y: 0 },
     { x: e.arrowLength, y: r.radius },
@@ -1497,7 +1497,7 @@ const Vt = (r) => (e) => {
     y: h.y + e.shift.y
   })), s = `M ${o[0].x} ${o[0].y}`, n = `L ${o[1].x} ${o[1].y}`, a = `L ${o[2].x} ${o[2].y}`;
   return `${s} ${n} ${a} Z`;
-}, It = (r) => (e) => {
+}, Ut = (r) => (e) => {
   const t = r.radius, o = e.arrowLength, s = (o * o + 2 * o * t) / (2 * t), n = s + t, a = o + t - t * (o + t) / n, h = t * s / n, c = [
     { x: 0, y: 0 },
     { x: a, y: -h },
@@ -1509,7 +1509,7 @@ const Vt = (r) => (e) => {
     y: w.y + e.shift.y
   })), l = `M ${c[0].x} ${c[0].y}`, u = `A ${s} ${s} 0 0 0 ${c[1].x} ${c[1].y}`, g = `A ${t} ${t} 0 0 0 ${c[2].x} ${c[2].y}`, p = `A ${s} ${s} 0 0 0 ${c[0].x} ${c[0].y}`;
   return `${l} ${u} ${g} ${p}`;
-}, Ft = (r) => (e) => {
+}, $t = (r) => (e) => {
   const t = r.smallRadius, o = r.radius, s = m(
     {
       x: e.arrowLength,
@@ -1535,22 +1535,22 @@ const Vt = (r) => (e) => {
     return r;
   switch (r.type) {
     case "triangle":
-      return Vt({
+      return Ft({
         radius: r.radius ?? v.polygonArrowRadius
       });
     case "arc":
-      return It({
+      return Ut({
         radius: r.radius ?? v.circleArrowRadius
       });
     default:
-      return Ft({
+      return $t({
         smallRadius: r.smallRadius ?? v.wedgeArrowSmallRadius,
         angle: r.angle ?? v.wedgeArrowAngle,
         radius: r.radius ?? v.wedgeArrowRadius
       });
   }
 }, O = 50;
-class Ut {
+class Bt {
   constructor(e) {
     i(this, "svg");
     i(this, "group");
@@ -1567,7 +1567,7 @@ class Ut {
     i(this, "hasSourceArrow");
     i(this, "hasTargetArrow");
     i(this, "pathShape");
-    i(this, "createCyclePath", (e, t, o) => new Ct({
+    i(this, "createCyclePath", (e, t, o) => new Mt({
       origin: e,
       dir: o,
       radius: this.portCycleRadius,
@@ -1575,7 +1575,7 @@ class Ut {
       arrowLength: this.arrowLength,
       hasArrow: this.hasSourceArrow || this.hasTargetArrow
     }));
-    i(this, "createDetourPath", (e, t, o, s) => new Et({
+    i(this, "createDetourPath", (e, t, o, s) => new At({
       from: e,
       to: t,
       fromDir: o,
@@ -1587,7 +1587,7 @@ class Ut {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    i(this, "createLinePath", (e, t, o, s) => new mt({
+    i(this, "createLinePath", (e, t, o, s) => new xt({
       from: e,
       to: t,
       fromDir: o,
@@ -1615,7 +1615,7 @@ class Ut {
   }
 }
 const Se = (r) => Math.cos(r) > 0 ? 0 : Math.PI;
-class $t {
+class Ot {
   constructor(e) {
     i(this, "svg");
     i(this, "group");
@@ -1640,7 +1640,7 @@ class $t {
       roundness: this.roundness,
       hasArrow: this.hasSourceArrow || this.hasTargetArrow
     }));
-    i(this, "createDetourPath", (e, t, o, s) => new Dt({
+    i(this, "createDetourPath", (e, t, o, s) => new Lt({
       from: e,
       to: t,
       fromDir: o,
@@ -1652,7 +1652,7 @@ class $t {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    i(this, "createLinePath", (e, t, o, s) => new At({
+    i(this, "createLinePath", (e, t, o, s) => new bt({
       from: e,
       to: t,
       fromDir: o,
@@ -1697,7 +1697,7 @@ class $t {
     });
   }
 }
-class Bt {
+class Wt {
   constructor(e) {
     i(this, "svg");
     i(this, "group");
@@ -1723,7 +1723,7 @@ class Bt {
       roundness: this.roundness,
       hasArrow: this.hasSourceArrow || this.hasTargetArrow
     }));
-    i(this, "createDetourPath", (e, t, o, s) => new St({
+    i(this, "createDetourPath", (e, t, o, s) => new Pt({
       from: e,
       to: t,
       fromDir: o,
@@ -1736,7 +1736,7 @@ class Bt {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    i(this, "createLinePath", (e, t, o, s) => new bt({
+    i(this, "createLinePath", (e, t, o, s) => new Nt({
       from: e,
       to: t,
       fromDir: o,
@@ -1771,7 +1771,7 @@ class Bt {
   }
 }
 const be = Math.PI / 2, Pe = (r) => Math.sin(r) > 0 ? be : -be;
-class Ot {
+class zt {
   constructor(e) {
     i(this, "svg");
     i(this, "group");
@@ -1796,7 +1796,7 @@ class Ot {
       roundness: this.roundness,
       hasArrow: this.hasSourceArrow || this.hasTargetArrow
     }));
-    i(this, "createDetourPath", (e, t, o, s) => new Lt({
+    i(this, "createDetourPath", (e, t, o, s) => new It({
       from: e,
       to: t,
       fromDir: o,
@@ -1808,7 +1808,7 @@ class Ot {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    i(this, "createLinePath", (e, t, o, s) => new Nt({
+    i(this, "createLinePath", (e, t, o, s) => new Tt({
       from: e,
       to: t,
       fromDir: o,
@@ -1853,7 +1853,7 @@ class Ot {
     });
   }
 }
-class ze {
+class He {
   constructor(e) {
     i(this, "svg");
     i(this, "group", document.createElementNS(
@@ -1871,16 +1871,16 @@ class ze {
     i(this, "onAfterRender");
     i(this, "afterRenderEmitter");
     i(this, "arrowRenderer");
-    [this.afterRenderEmitter, this.onAfterRender] = C(), this.color = (e == null ? void 0 : e.color) ?? v.color, this.width = (e == null ? void 0 : e.width) ?? v.width, this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? v.arrowLength, this.arrowRenderer = B((e == null ? void 0 : e.arrowRenderer) ?? {}), this.sourceOffset = (e == null ? void 0 : e.sourceOffset) ?? v.preOffset, this.targetOffset = (e == null ? void 0 : e.targetOffset) ?? v.preOffset, this.svg = Be(this.color), this.svg.appendChild(this.group), this.line = Oe(this.width), this.group.appendChild(this.line), e != null && e.hasSourceArrow && (this.sourceArrow = X(), this.group.appendChild(this.sourceArrow)), e != null && e.hasTargetArrow && (this.targetArrow = X(), this.group.appendChild(this.targetArrow));
+    [this.afterRenderEmitter, this.onAfterRender] = C(), this.color = (e == null ? void 0 : e.color) ?? v.color, this.width = (e == null ? void 0 : e.width) ?? v.width, this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? v.arrowLength, this.arrowRenderer = B((e == null ? void 0 : e.arrowRenderer) ?? {}), this.sourceOffset = (e == null ? void 0 : e.sourceOffset) ?? v.preOffset, this.targetOffset = (e == null ? void 0 : e.targetOffset) ?? v.preOffset, this.svg = We(this.color), this.svg.appendChild(this.group), this.line = ze(this.width), this.group.appendChild(this.line), e != null && e.hasSourceArrow && (this.sourceArrow = X(), this.group.appendChild(this.sourceArrow)), e != null && e.hasTargetArrow && (this.targetArrow = X(), this.group.appendChild(this.targetArrow));
   }
   render(e) {
-    const { x: t, y: o, width: s, height: n, from: a, to: h } = $e(
+    const { x: t, y: o, width: s, height: n, from: a, to: h } = Oe(
       e.from,
       e.to,
       O
     );
-    We(this.svg, { x: t, y: o, width: s, height: n });
-    const d = new Tt({
+    ke(this.svg, { x: t, y: o, width: s, height: n });
+    const d = new Dt({
       from: a,
       to: h,
       sourceOffset: this.sourceOffset,
@@ -1901,8 +1901,8 @@ class ze {
       };
       if (this.sourceArrow) {
         const p = {
-          x: g.x * this.sourceOffset,
-          y: g.y * this.sourceOffset
+          x: g.x * this.sourceOffset + a.x,
+          y: g.y * this.sourceOffset + a.y
         };
         c = this.arrowRenderer({
           direction: g,
@@ -1932,22 +1932,22 @@ class ze {
     });
   }
 }
-const Wt = () => {
+const kt = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return r.style.pointerEvents = "auto", r.style.cursor = "pointer", r;
-}, zt = (r) => {
+}, Ht = (r) => {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("stroke", "transparent"), e.setAttribute("stroke-width", `${r}`), e.setAttribute("fill", "none"), e.setAttribute("stroke-linecap", "round"), e;
 }, Ne = (r) => {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("stroke-linejoin", "round"), e.setAttribute("stroke-width", `${r}`), e.setAttribute("fill", "transparent"), e.setAttribute("stroke", "transparent"), e;
 };
-class kt extends Error {
+class Yt extends Error {
   constructor(e) {
     super(e), this.name = "InteractiveEdgeError";
   }
 }
-class ke {
+class Ye {
   constructor(e, t) {
     i(this, "svg");
     i(this, "group");
@@ -1957,20 +1957,20 @@ class ke {
     // TODO: make private
     /**
      * @deprecated
-     * do use shape.svg instead
+     * use shape.svg instead
      */
-    i(this, "handle", Wt());
+    i(this, "handle", kt());
     i(this, "onAfterRender");
     i(this, "interactiveLine");
     i(this, "interactiveSourceArrow", null);
     i(this, "interactiveTargetArrow", null);
-    if (this.baseEdge = e, e instanceof ke)
-      throw new kt(
+    if (this.baseEdge = e, e instanceof Ye)
+      throw new Yt(
         "interactive edge can be configured only once"
       );
     this.svg = this.baseEdge.svg, this.group = this.baseEdge.group, this.line = this.baseEdge.line, this.sourceArrow = this.baseEdge.sourceArrow, this.targetArrow = this.baseEdge.targetArrow, this.onAfterRender = this.baseEdge.onAfterRender;
     const o = (t == null ? void 0 : t.distance) ?? v.interactiveWidth;
-    this.interactiveLine = zt(o), this.handle.appendChild(this.interactiveLine), this.sourceArrow && (this.interactiveSourceArrow = Ne(o), this.handle.appendChild(this.interactiveSourceArrow)), this.targetArrow && (this.interactiveTargetArrow = Ne(o), this.handle.appendChild(this.interactiveTargetArrow)), this.group.appendChild(this.handle), this.baseEdge.onAfterRender.subscribe((s) => {
+    this.interactiveLine = Ht(o), this.handle.appendChild(this.interactiveLine), this.sourceArrow && (this.interactiveSourceArrow = Ne(o), this.handle.appendChild(this.interactiveSourceArrow)), this.targetArrow && (this.interactiveTargetArrow = Ne(o), this.handle.appendChild(this.interactiveTargetArrow)), this.group.appendChild(this.handle), this.baseEdge.onAfterRender.subscribe((s) => {
       this.interactiveLine.setAttribute("d", s.edgePath.path), this.interactiveSourceArrow && this.interactiveSourceArrow.setAttribute("d", s.sourceArrowPath), this.interactiveTargetArrow && this.interactiveTargetArrow.setAttribute("d", s.targetArrowPath);
     });
   }
@@ -1995,7 +1995,7 @@ class Zr {
     this.baseShape.render(e);
   }
 }
-class He {
+class Xe {
   constructor(e) {
     i(this, "onAfterNodeAdded");
     i(this, "onAfterNodeUpdated");
@@ -2110,7 +2110,7 @@ class K {
     this.counter = 0;
   }
 }
-class Ye {
+class Ge {
   constructor(e, t, o) {
     i(this, "nodeIdGenerator", new K(
       (e) => this.graphStore.hasNode(e)
@@ -2241,18 +2241,18 @@ class Ye {
     ), this.graphStore.onBeforeEdgeRemoved.unsubscribe(this.onBeforeEdgeRemoved), this.graphStore.onBeforeClear.unsubscribe(this.onBeforeClear), this.htmlView.destroy();
   }
 }
-const Ht = (r) => {
+const Xt = (r) => {
   setTimeout(() => {
     r();
   });
-}, Yt = (r) => {
+}, Ce = (r) => {
   queueMicrotask(() => {
     r();
   });
 }, oe = (r) => {
   r();
 };
-class Xe {
+class je {
   constructor(e) {
     i(this, "onBeforeUpdated");
     i(this, "onAfterUpdated");
@@ -2275,7 +2275,7 @@ class Xe {
     return this.viewportStore.createViewportCoords(e);
   }
 }
-const Xt = (r, e) => Symbol.iterator in r ? {
+const Gt = (r, e) => Symbol.iterator in r ? {
   minContentScale: e.focus.minContentScale,
   nodes: r,
   contentPadding: e.focus.contentPadding,
@@ -2285,16 +2285,16 @@ const Xt = (r, e) => Symbol.iterator in r ? {
   nodes: r.nodes ?? [],
   contentPadding: r.contentPadding ?? r.contentOffset ?? e.focus.contentPadding,
   animationDuration: r.animationDuration ?? e.focus.animationDuration
-}, Ge = (r, e, t) => ({
+}, Je = (r, e, t) => ({
   scale: r.scale,
   x: r.x + r.scale * e,
   y: r.y + r.scale * t
-}), je = (r, e, t, o) => ({
+}), Ke = (r, e, t, o) => ({
   scale: r.scale * e,
   x: r.scale * (1 - e) * t + r.x,
   y: r.scale * (1 - e) * o + r.y
 });
-class Je {
+class Qe {
   constructor(e, t, o, s) {
     this.graphStore = e, this.viewportStore = t, this.params = o, this.win = s;
   }
@@ -2306,11 +2306,11 @@ class Je {
   }
   center(e, t) {
     const { width: o, height: s } = this.viewportStore.getDimensions(), n = { x: o / 2, y: s / 2 }, a = this.viewportStore.getViewportMatrix(), h = this.viewportStore.createViewportCoords(e), d = h.x - n.x, c = h.y - n.y;
-    let l = Ge(a, d, c);
+    let l = Je(a, d, c);
     const u = t == null ? void 0 : t.contentScale;
     if (u !== void 0) {
       const p = 1 / u;
-      l = je(
+      l = Ke(
         l,
         p / a.scale,
         n.x,
@@ -2321,7 +2321,7 @@ class Je {
     g > 0 ? this.animateNavigation(a, l, g) : this.viewportStore.patchViewportMatrix(l);
   }
   focus(e) {
-    const t = Xt(e ?? {}, this.params);
+    const t = Gt(e ?? {}, this.params);
     this.params.focus.schedule(() => {
       this.navigate(t);
     });
@@ -2370,20 +2370,20 @@ class Je {
     this.win.requestAnimationFrame(a);
   }
 }
-const Ke = (r, e, t) => {
-  const o = new Ve(), s = new He(o), n = new Xe(e), a = new Re(o, e, r), h = {
+const Ze = (r, e, t) => {
+  const o = new Fe(), s = new Xe(o), n = new je(e), a = new Ve(o, e, r), h = {
     nodes: {
-      centerFn: Ue,
+      centerFn: Be,
       priorityFn: () => 0
     },
     edges: {
-      shapeFactory: () => new ze(),
+      shapeFactory: () => new He(),
       priorityFn: () => 0
     },
     ports: {
       direction: 0
     }
-  }, d = new Ye(
+  }, d = new Ge(
     o,
     a,
     h
@@ -2394,13 +2394,13 @@ const Ke = (r, e, t) => {
       schedule: oe,
       animationDuration: 0
     }
-  }, l = new Je(
+  }, l = new Qe(
     o,
     e,
     c,
     t
   );
-  return new Le(s, n, d, l);
+  return new Ie(s, n, d, l);
 };
 class j {
   constructor(e, t, o, s) {
@@ -2502,7 +2502,7 @@ class j {
     this.window.removeEventListener("touchmove", this.onWindowTouchMove), this.window.removeEventListener("touchend", this.onWindowTouchFinish), this.window.removeEventListener("touchcancel", this.onWindowTouchFinish);
   }
 }
-class Gt {
+class jt {
   constructor() {
     i(this, "field", "_htmlGraphTags");
   }
@@ -2610,7 +2610,7 @@ const ne = (r, e) => ({
   from: r.isDirect ? r.staticPortId : e,
   to: r.isDirect ? e : r.staticPortId
 });
-class jt {
+class Te {
   constructor(e, t) {
     this.graph = e, this.connectionAllowedVerifier = t;
   }
@@ -2947,7 +2947,7 @@ class J {
     );
   }
   moveViewport(e, t) {
-    const o = this.viewport.getViewportMatrix(), s = Ge(o, e, t), { width: n, height: a } = this.viewport.getDimensions(), h = this.params.transformPreprocessor({
+    const o = this.viewport.getViewportMatrix(), s = Je(o, e, t), { width: n, height: a } = this.viewport.getDimensions(), h = this.params.transformPreprocessor({
       prevTransform: o,
       nextTransform: s,
       canvasWidth: n,
@@ -2956,7 +2956,7 @@ class J {
     this.performTransform(h);
   }
   scaleViewport(e, t, o) {
-    const s = this.canvas.viewport.getViewportMatrix(), n = je(s, e, t, o), { width: a, height: h } = this.viewport.getDimensions(), d = this.params.transformPreprocessor({
+    const s = this.canvas.viewport.getViewportMatrix(), n = Ke(s, e, t, o), { width: a, height: h } = this.viewport.getDimensions(), d = this.params.transformPreprocessor({
       prevTransform: s,
       nextTransform: n,
       canvasWidth: a,
@@ -3141,7 +3141,7 @@ class ce {
     i(this, "onEdgeCreated", (e) => {
       this.params.onAfterEdgeCreated(e);
     });
-    this.canvas = e, this.overlayLayer = t, this.viewportStore = o, this.window = s, this.pointInsideVerifier = n, this.params = a, this.overlayCanvas = Ke(
+    this.canvas = e, this.overlayLayer = t, this.viewportStore = o, this.window = s, this.pointInsideVerifier = n, this.params = a, this.overlayCanvas = Ze(
       this.overlayLayer,
       this.viewportStore,
       this.window
@@ -3217,7 +3217,7 @@ class ce {
     this.edgeInProgress = null, this.overlayCanvas.clear();
   }
   tryCreateConnection(e) {
-    const t = Fe(this.canvas.graph, e);
+    const t = $e(this.canvas.graph, e);
     if (t === null) {
       this.params.onEdgeCreationInterrupted(this.edgeInProgress);
       return;
@@ -3253,7 +3253,7 @@ class le {
     i(this, "onEdgeReattached", (e) => {
       this.params.onAfterEdgeReattached(e);
     });
-    this.canvas = e, this.overlayLayer = t, this.viewportStore = o, this.window = s, this.pointInsideVerifier = n, this.params = a, this.overlayCanvas = Ke(
+    this.canvas = e, this.overlayLayer = t, this.viewportStore = o, this.window = s, this.pointInsideVerifier = n, this.params = a, this.overlayCanvas = Ze(
       this.overlayLayer,
       this.viewportStore,
       this.window
@@ -3359,7 +3359,7 @@ class le {
     }).updatePort(M.DraggingNodeId, { direction: n });
   }
   tryCreateConnection(e) {
-    const t = Fe(this.canvas.graph, e);
+    const t = $e(this.canvas.graph, e);
     if (this.overlayCanvas.removeEdge(M.EdgeId), t === null) {
       const c = this.draggingEdgePayload;
       this.params.onEdgeReattachInterrupted({
@@ -3644,7 +3644,7 @@ const rr = () => {
 }, Q = () => {
   const r = document.createElement("div");
   return r.style.position = "absolute", r.style.inset = "0", r;
-}, Ce = () => {
+}, Me = () => {
   const r = Q();
   return r.style.pointerEvents = "none", r;
 };
@@ -3652,8 +3652,8 @@ class or {
   constructor(e) {
     i(this, "background", Q());
     i(this, "main", Q());
-    i(this, "overlayConnectablePorts", Ce());
-    i(this, "overlayDraggableEdges", Ce());
+    i(this, "overlayConnectablePorts", Me());
+    i(this, "overlayDraggableEdges", Me());
     i(this, "host", rr());
     this.element = e, this.element.appendChild(this.host), this.host.appendChild(this.background), this.host.appendChild(this.main), this.host.appendChild(this.overlayConnectablePorts), this.host.appendChild(this.overlayDraggableEdges);
   }
@@ -3680,7 +3680,10 @@ const b = Object.freeze({
   mouseUpEventVerifier: (r) => r.button === 0,
   movementThreshold: 10
 }), P = () => {
-}, Qe = (r, e, t) => r === "closest-connectable-port" ? new jt(
+}, _e = (r, e, t) => r === "closest-connectable-port" ? new Te(
+  e,
+  t
+) : r === "nearest-connectable-port" ? new Te(
   e,
   t
 ) : new Jt(r), ve = (r) => {
@@ -3688,7 +3691,7 @@ const b = Object.freeze({
     return r;
   switch (r.type) {
     case "straight":
-      return () => new Bt({
+      return () => new Wt({
         color: r.color,
         width: r.width,
         arrowLength: r.arrowLength,
@@ -3702,7 +3705,7 @@ const b = Object.freeze({
         detourDirection: r.detourDirection
       });
     case "horizontal":
-      return () => new $t({
+      return () => new Ot({
         color: r.color,
         width: r.width,
         arrowLength: r.arrowLength,
@@ -3715,7 +3718,7 @@ const b = Object.freeze({
         detourDistance: r.detourDistance
       });
     case "vertical":
-      return () => new Ot({
+      return () => new zt({
         color: r.color,
         width: r.width,
         arrowLength: r.arrowLength,
@@ -3728,7 +3731,7 @@ const b = Object.freeze({
         detourDistance: r.detourDistance
       });
     case "direct":
-      return () => new ze({
+      return () => new He({
         color: r.color,
         width: r.width,
         arrowLength: r.arrowLength,
@@ -3739,7 +3742,7 @@ const b = Object.freeze({
         targetOffset: r.targetOffset
       });
     default:
-      return () => new Ut({
+      return () => new Bt({
         color: r.color,
         width: r.width,
         arrowLength: r.arrowLength,
@@ -3807,7 +3810,7 @@ const b = Object.freeze({
     canvasHeight: e.canvasHeight
   }),
   e.nextTransform
-), Te = (r) => {
+), De = (r) => {
   if (typeof r == "function")
     return r;
   switch (r.type) {
@@ -3824,15 +3827,15 @@ const b = Object.freeze({
         maxY: r.maxY ?? 1 / 0
       });
   }
-}, Me = (r) => {
+}, Re = (r) => {
   var g, p, w, f, y, E, x, N, T, D, F, U;
   const e = (g = r == null ? void 0 : r.scale) == null ? void 0 : g.mouseWheelSensitivity, t = e !== void 0 ? e : 1.2, o = r == null ? void 0 : r.transformPreprocessor;
   let s;
   o !== void 0 ? Array.isArray(o) ? s = ar(
     o.map(
-      (R) => Te(R)
+      (R) => De(R)
     )
-  ) : s = Te(o) : s = (R) => R.nextTransform;
+  ) : s = De(o) : s = (R) => R.nextTransform;
   const n = ((p = r == null ? void 0 : r.shift) == null ? void 0 : p.cursor) !== void 0 ? r.shift.cursor : "grab", a = (w = r == null ? void 0 : r.shift) == null ? void 0 : w.mouseDownEventVerifier, h = a !== void 0 ? a : (R) => R.button === 0, d = (f = r == null ? void 0 : r.shift) == null ? void 0 : f.mouseUpEventVerifier, c = d !== void 0 ? d : (R) => R.button === 0, l = (y = r == null ? void 0 : r.scale) == null ? void 0 : y.mouseWheelEventVerifier, u = l !== void 0 ? l : () => !0;
   return {
     wheelSensitivity: t,
@@ -3877,7 +3880,7 @@ const b = Object.freeze({
   return {
     connectionTypeResolver: r.connectionTypeResolver ?? $.connectionTypeResolver,
     connectionAllowedVerifier: o,
-    draggingPortDirectionResolver: Qe(
+    draggingPortDirectionResolver: _e(
       r.dragPortDirection,
       t,
       o
@@ -3912,7 +3915,7 @@ const b = Object.freeze({
     onAfterEdgeReattached: ((s = r.events) == null ? void 0 : s.onAfterEdgeReattached) ?? P,
     onEdgeReattachInterrupted: ((n = r.events) == null ? void 0 : n.onEdgeReattachInterrupted) ?? P,
     onEdgeReattachPrevented: ((a = r.events) == null ? void 0 : a.onEdgeReattachPrevented) ?? P,
-    draggingPortDirectionResolver: Qe(
+    draggingPortDirectionResolver: _e(
       r.dragPortDirection,
       e,
       o
@@ -3934,7 +3937,7 @@ class wr extends Error {
     i(this, "name", "CanvasBuilderError");
   }
 }
-class Ze {
+class qe {
   constructor(e, t, o) {
     i(this, "dt");
     i(this, "nodeMass");
@@ -3972,7 +3975,7 @@ class Ze {
     });
   }
 }
-class _e {
+class et {
   constructor(e) {
     i(this, "PI2", 2 * Math.PI);
     this.rand = e;
@@ -3991,7 +3994,7 @@ class _e {
     return { ex: h, ey: d, d: a };
   }
 }
-const qe = (r) => {
+const tt = (r) => {
   if (r.distance === 0)
     return r.maxForce;
   const e = r.coefficient * (r.sourceCharge * r.targetCharge / (r.distance * r.distance));
@@ -4012,7 +4015,7 @@ class fr {
         const d = o[h], c = e.get(a), l = e.get(d), u = this.distanceVectorGenerator.create(
           c,
           l
-        ), g = qe({
+        ), g = tt({
           coefficient: 1,
           sourceCharge: this.nodeCharge,
           targetCharge: this.nodeCharge,
@@ -4326,7 +4329,7 @@ class mr {
     const t = this.distanceVectorGenerator.create(
       e.sourceCoords,
       e.targetCoords
-    ), o = qe({
+    ), o = tt({
       coefficient: this.nodeForceCoefficient,
       sourceCharge: e.sourceCharge,
       targetCharge: e.targetCharge,
@@ -4361,7 +4364,7 @@ class mr {
     }
   }
 }
-const et = (r) => r.theta !== 0 ? new mr({
+const rt = (r) => r.theta !== 0 ? new mr({
   nodeCharge: r.nodeCharge,
   nodeForceCoefficient: r.nodeForceCoefficient,
   distanceVectorGenerator: r.distanceVectorGenerator,
@@ -4375,7 +4378,7 @@ const et = (r) => r.theta !== 0 ? new mr({
   distanceVectorGenerator: r.distanceVectorGenerator,
   maxForce: r.maxForce
 });
-class tt {
+class ot {
   constructor(e) {
     i(this, "rand");
     i(this, "sparsity");
@@ -4409,7 +4412,7 @@ class Er {
     i(this, "edgeEquilibriumLength");
     i(this, "edgeStiffness");
     i(this, "convergenceVelocity");
-    this.maxIterations = e.maxIterations, this.dtSec = e.dtSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.convergenceVelocity = e.convergenceVelocity, this.distanceVectorGenerator = new _e(e.rand), this.nodeForcesApplicationStrategy = et({
+    this.maxIterations = e.maxIterations, this.dtSec = e.dtSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.convergenceVelocity = e.convergenceVelocity, this.distanceVectorGenerator = new et(e.rand), this.nodeForcesApplicationStrategy = rt({
       distanceVectorGenerator: this.distanceVectorGenerator,
       nodeCharge: e.nodeCharge,
       maxForce: e.maxForce,
@@ -4417,7 +4420,7 @@ class Er {
       theta: e.barnesHutTheta,
       areaRadiusThreshold: e.barnesHutAreaRadiusThreshold,
       nodeMass: e.nodeMass
-    }), this.fillerLayoutAlgorithm = new tt({
+    }), this.fillerLayoutAlgorithm = new ot({
       rand: e.rand,
       sparsity: e.edgeEquilibriumLength
     });
@@ -4427,7 +4430,7 @@ class Er {
       graph: t,
       viewport: o
     });
-    for (let n = 0; n < this.maxIterations && !(new Ze(
+    for (let n = 0; n < this.maxIterations && !(new qe(
       t,
       s,
       {
@@ -4617,7 +4620,7 @@ class Tr {
     i(this, "edgeEquilibriumLength");
     i(this, "edgeStiffness");
     i(this, "fillerLayoutAlgorithm");
-    this.convergenceVelocity = e.convergenceVelocity, this.maxTimeDeltaSec = e.maxTimeDeltaSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.distanceVectorGenerator = new _e(e.rand), this.nodeForcesApplicationStrategy = et({
+    this.convergenceVelocity = e.convergenceVelocity, this.maxTimeDeltaSec = e.maxTimeDeltaSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.distanceVectorGenerator = new et(e.rand), this.nodeForcesApplicationStrategy = rt({
       distanceVectorGenerator: this.distanceVectorGenerator,
       nodeCharge: e.nodeCharge,
       maxForce: e.maxForce,
@@ -4625,7 +4628,7 @@ class Tr {
       theta: e.barnesHutTheta,
       areaRadiusThreshold: e.barnesHutAreaRadiusThreshold,
       nodeMass: e.nodeMass
-    }), this.fillerLayoutAlgorithm = new tt({
+    }), this.fillerLayoutAlgorithm = new ot({
       rand: e.rand,
       sparsity: e.edgeEquilibriumLength
     });
@@ -4635,7 +4638,7 @@ class Tr {
       graph: t,
       viewport: o
     });
-    return new Ze(
+    return new qe(
       t,
       n,
       {
@@ -4652,12 +4655,12 @@ class Tr {
     }) ? /* @__PURE__ */ new Map() : n;
   }
 }
-const rt = (r) => {
+const st = (r) => {
   let e = 1779033703, t = 3144134277, o = 1013904242, s = 2773480762;
   for (let n = 0, a; n < r.length; n++)
     a = r.charCodeAt(n), e = t ^ Math.imul(e ^ a, 597399067), t = o ^ Math.imul(t ^ a, 2869860233), o = s ^ Math.imul(o ^ a, 951274213), s = e ^ Math.imul(s ^ a, 2716044179);
   return e = Math.imul(o ^ e >>> 18, 597399067), t = Math.imul(s ^ t >>> 22, 2869860233), o = Math.imul(e ^ o >>> 17, 951274213), s = Math.imul(t ^ s >>> 19, 2716044179), e ^= t ^ o ^ s, t ^= e, o ^= e, s ^= e, [e >>> 0, t >>> 0, o >>> 0, s >>> 0];
-}, ot = (r, e, t, o) => function() {
+}, it = (r, e, t, o) => function() {
   r |= 0, e |= 0, t |= 0, o |= 0;
   const s = (r + e | 0) + o | 0;
   return o = o + 1 | 0, r = e ^ e >>> 9, e = t + (t << 3) | 0, t = t << 21 | t >>> 11, t = t + s | 0, (s >>> 0) / 4294967296;
@@ -4667,7 +4670,7 @@ const rt = (r) => {
     case "custom":
       return r.instance;
     default: {
-      const o = rt((r == null ? void 0 : r.seed) ?? b.seed), s = ot(o[0], o[1], o[2], o[3]);
+      const o = st((r == null ? void 0 : r.seed) ?? b.seed), s = it(o[0], o[1], o[2], o[3]);
       return new Tr({
         rand: s,
         maxTimeDeltaSec: (r == null ? void 0 : r.maxTimeDeltaSec) ?? b.maxTimeDeltaSec,
@@ -4675,6 +4678,7 @@ const rt = (r) => {
         nodeMass: (r == null ? void 0 : r.nodeMass) ?? b.nodeMass,
         edgeEquilibriumLength: (r == null ? void 0 : r.edgeEquilibriumLength) ?? b.edgeEquilibriumLength,
         edgeStiffness: (r == null ? void 0 : r.edgeStiffness) ?? b.edgeStiffness,
+        // TODO: rename no `minVelocity`
         convergenceVelocity: (r == null ? void 0 : r.convergenceVelocity) ?? b.convergenceVelocity,
         maxForce: (r == null ? void 0 : r.maxForce) ?? b.maxForce,
         nodeForceCoefficient: (r == null ? void 0 : r.nodeForceCoefficient) ?? b.nodeForceCoefficient,
@@ -4696,12 +4700,15 @@ const rt = (r) => {
 }, Lr = (r) => r instanceof q ? {
   type: "trigger",
   trigger: r
+} : r === "topologyChangeMicrotask" ? {
+  type: "topologyChangeSchedule",
+  schedule: Ce
 } : (r == null ? void 0 : r.type) === "topologyChangeMacrotask" ? {
   type: "topologyChangeSchedule",
-  schedule: Ht
+  schedule: Xt
 } : {
   type: "topologyChangeSchedule",
-  schedule: Yt
+  schedule: Ce
 }, Z = Object.freeze({
   staticNodeResolver: () => !1,
   hierarchicalLayout: {
@@ -4866,7 +4873,7 @@ const Fr = (r) => {
         )
       });
     default: {
-      const o = rt((r == null ? void 0 : r.seed) ?? b.seed), s = ot(o[0], o[1], o[2], o[3]);
+      const o = st((r == null ? void 0 : r.seed) ?? b.seed), s = it(o[0], o[1], o[2], o[3]);
       return new Er({
         dtSec: (r == null ? void 0 : r.dtSec) ?? b.dtSec,
         maxIterations: (r == null ? void 0 : r.maxIterations) ?? b.maxIterations,
@@ -4911,11 +4918,11 @@ const Fr = (r) => {
 }, zr = (r, e) => ({
   ...r,
   staticNodeResolver: (t) => r.staticNodeResolver(t) || e.has(t)
-}), _ = (r) => () => r, De = _(0), kr = () => {
+}), _ = (r) => () => r, Le = _(0), kr = () => {
   let r = 0;
   return () => r++;
 }, Hr = (r, e) => {
-  let t = De, o = De;
+  let t = Le, o = Le;
   const s = kr();
   return r === "incremental" && (t = s), e === "incremental" && (o = s), typeof r == "number" && (t = _(r)), typeof e == "number" && (o = _(e)), typeof r == "function" && (t = r), typeof e == "function" && (o = e), {
     nodesPriorityFn: t,
@@ -4929,7 +4936,7 @@ const Fr = (r) => {
   );
   return {
     nodes: {
-      centerFn: ((s = r.nodes) == null ? void 0 : s.centerFn) ?? Ue,
+      centerFn: ((s = r.nodes) == null ? void 0 : s.centerFn) ?? Be,
       priorityFn: e.nodesPriorityFn
     },
     ports: {
@@ -4994,8 +5001,8 @@ class _r {
     i(this, "window", window);
     i(this, "animationStaticNodes", /* @__PURE__ */ new Set());
     i(this, "pointInsideVerifier");
-    i(this, "eventTagger", new Gt());
-    this.element = e, this.pointInsideVerifier = new yt(e, this.window);
+    i(this, "eventTagger", new jt());
+    this.element = e, this.pointInsideVerifier = new mt(e, this.window);
   }
   setDefaults(e) {
     return this.canvasDefaults = e, this;
@@ -5042,13 +5049,13 @@ class _r {
         "Failed to build Canvas because CanvasBuilder is a single-use object"
       );
     this.used = !0;
-    const e = new pt(this.element), t = new Ve(), o = new or(this.element), s = this.createHtmlView(
+    const e = new ft(this.element), t = new Fe(), o = new or(this.element), s = this.createHtmlView(
       o.main,
       t,
       e
     ), n = Yr(
       this.canvasDefaults
-    ), a = new Ye(
+    ), a = new Ge(
       t,
       s,
       n
@@ -5056,12 +5063,12 @@ class _r {
       canvasDefaults: this.canvasDefaults,
       hasLayout: this.hasLayout,
       layoutParams: h
-    }), c = new Je(
+    }), c = new Qe(
       t,
       e,
       d,
       this.window
-    ), l = new Xe(e), u = new He(t), g = new Le(
+    ), l = new je(e), u = new Xe(t), g = new Ie(
       u,
       l,
       a,
@@ -5154,7 +5161,7 @@ class _r {
       g,
       o.main,
       this.window,
-      Me(this.transformConfig),
+      Re(this.transformConfig),
       this.boxRenderingTrigger,
       this.pointInsideVerifier,
       gr(this.virtualScrollConfig)
@@ -5163,7 +5170,7 @@ class _r {
       o.main,
       this.window,
       this.pointInsideVerifier,
-      Me(this.transformConfig)
+      Re(this.transformConfig)
     ), this.hasLayout && qt.configure(g, h), this.hasAnimatedLayout) {
       let p = Rr(this.animatedLayoutConfig);
       this.hasDraggableNodes && (Wr(
@@ -5179,27 +5186,27 @@ class _r {
     }), g;
   }
   createHtmlView(e, t, o) {
-    let s = new Re(t, o, e);
-    return this.virtualScrollConfig !== void 0 && (s = new lt(
+    let s = new Ve(t, o, e);
+    return this.virtualScrollConfig !== void 0 && (s = new gt(
       s,
       t,
       this.boxRenderingTrigger,
       pr(this.virtualScrollConfig)
-    )), s = new ut(s, t), s;
+    )), s = new pt(s, t), s;
   }
 }
 export {
-  Ut as BezierEdgeShape,
+  Bt as BezierEdgeShape,
   _r as CanvasBuilder,
   wr as CanvasBuilderError,
   A as CanvasError,
   I as ConnectionCategory,
-  ze as DirectEdgeShape,
+  He as DirectEdgeShape,
   q as EventSubject,
-  $t as HorizontalEdgeShape,
-  kt as InteractiveEdgeError,
-  ke as InteractiveEdgeShape,
+  Ot as HorizontalEdgeShape,
+  Yt as InteractiveEdgeError,
+  Ye as InteractiveEdgeShape,
   Zr as MidpointEdgeShape,
-  Bt as StraightEdgeShape,
-  Ot as VerticalEdgeShape
+  Wt as StraightEdgeShape,
+  zt as VerticalEdgeShape
 };