@html-graph/html-graph 7.9.0 → 8.0.0

package/dist/html-graph.js

@@ -259,7 +259,7 @@ class j {
     });
   }
 }
-const E = () => {
+const x = () => {
   const r = new j();
   return [r, r];
 };
@@ -279,7 +279,7 @@ class X {
     this.counter = 0;
   }
 }
-class b extends Error {
+class A extends Error {
   constructor() {
     super(...arguments);
     i(this, "name", "CanvasError");
@@ -300,8 +300,8 @@ class ve {
       this.htmlView.attachNode(e);
     });
     i(this, "onAfterNodeUpdated", (e) => {
-      this.htmlView.updateNodePosition(e), this.graphStore.getNodeAdjacentEdgeIds(e).forEach((s) => {
-        this.htmlView.renderEdge(s);
+      this.htmlView.updateNodePosition(e), this.graphStore.getNodeAdjacentEdgeIds(e).forEach((t) => {
+        this.htmlView.renderEdge(t);
       });
     });
     i(this, "onAfterNodePriorityUpdated", (e) => {
@@ -313,8 +313,8 @@ class ve {
       }), this.htmlView.detachNode(e);
     });
     i(this, "onAfterPortUpdated", (e) => {
-      this.graphStore.getPortAdjacentEdgeIds(e).forEach((s) => {
-        this.htmlView.renderEdge(s);
+      this.graphStore.getPortAdjacentEdgeIds(e).forEach((t) => {
+        this.htmlView.renderEdge(t);
       });
     });
     i(this, "onBeforePortUnmarked", (e) => {
@@ -352,7 +352,7 @@ class ve {
       this.onAfterEdgeShapeUpdated
     ), this.graphStore.onAfterEdgeUpdated.subscribe(this.onAfterEdgeUpdated), this.graphStore.onAfterEdgePriorityUpdated.subscribe(
       this.onAfterEdgePriorityUpdated
-    ), this.graphStore.onBeforeEdgeRemoved.subscribe(this.onBeforeEdgeRemoved), this.graphStore.onBeforeClear.subscribe(this.onBeforeClear), [this.onBeforeDestroyEmitter, this.onBeforeDestroy] = E();
+    ), this.graphStore.onBeforeEdgeRemoved.subscribe(this.onBeforeEdgeRemoved), this.graphStore.onBeforeClear.subscribe(this.onBeforeClear), [this.onBeforeDestroyEmitter, this.onBeforeDestroy] = x();
   }
   /**
    * adds new node
@@ -360,9 +360,9 @@ class ve {
   addNode(e) {
     const t = this.nodeIdGenerator.create(e.id);
     if (this.graphStore.hasNode(t))
-      throw new b("failed to add node with existing id");
+      throw new A("failed to add node with existing id");
     if (this.graphStore.findNodeIdByElement(e.element) !== void 0)
-      throw new b(
+      throw new A(
         "failed to add node with html element already in use by another node"
       );
     if (this.graphStore.addNode({
@@ -387,7 +387,7 @@ class ve {
    */
   updateNode(e, t) {
     if (!this.graphStore.hasNode(e))
-      throw new b("failed to update nonexistent node");
+      throw new A("failed to update nonexistent node");
     return this.graphStore.updateNode(e, t ?? {}), this;
   }
   /**
@@ -397,7 +397,7 @@ class ve {
    */
   removeNode(e) {
     if (!this.graphStore.hasNode(e))
-      throw new b("failed to remove nonexistent node");
+      throw new A("failed to remove nonexistent node");
     return this.graphStore.removeNode(e), this;
   }
   /**
@@ -406,9 +406,9 @@ class ve {
   markPort(e) {
     const t = this.portIdGenerator.create(e.id);
     if (this.graphStore.hasPort(t))
-      throw new b("failed to add port with existing id");
+      throw new A("failed to add port with existing id");
     if (!this.graphStore.hasNode(e.nodeId))
-      throw new b("failed to mark port for nonexistent node");
+      throw new A("failed to mark port for nonexistent node");
     return this.graphStore.addPort({
       id: t,
       element: e.element,
@@ -421,7 +421,7 @@ class ve {
    */
   updatePort(e, t) {
     if (!this.graphStore.hasPort(e))
-      throw new b("failed to update nonexistent port");
+      throw new A("failed to update nonexistent port");
     return this.graphStore.updatePort(e, t ?? {}), this;
   }
   /**
@@ -430,7 +430,7 @@ class ve {
    */
   unmarkPort(e) {
     if (!this.graphStore.hasPort(e))
-      throw new b("failed to unmark nonexistent port");
+      throw new A("failed to unmark nonexistent port");
     return this.graphStore.removePort(e), this;
   }
   /**
@@ -439,11 +439,11 @@ class ve {
   addEdge(e) {
     const t = this.edgeIdGenerator.create(e.id);
     if (this.graphStore.hasEdge(t))
-      throw new b("failed to add edge with existing id");
+      throw new A("failed to add edge with existing id");
     if (!this.graphStore.hasPort(e.from))
-      throw new b("failed to add edge from nonexistent port");
+      throw new A("failed to add edge from nonexistent port");
     if (!this.graphStore.hasPort(e.to))
-      throw new b("failed to add edge to nonexistent port");
+      throw new A("failed to add edge to nonexistent port");
     return this.graphStore.addEdge({
       id: t,
       from: e.from,
@@ -457,7 +457,7 @@ class ve {
    */
   updateEdge(e, t) {
     if (!this.graphStore.hasEdge(e))
-      throw new b("failed to update nonexistent edge");
+      throw new A("failed to update nonexistent edge");
     return this.graphStore.updateEdge(e, t ?? {}), this;
   }
   /**
@@ -465,7 +465,7 @@ class ve {
    */
   removeEdge(e) {
     if (!this.graphStore.hasEdge(e))
-      throw new b("failed to remove nonexistent edge");
+      throw new A("failed to remove nonexistent edge");
     return this.graphStore.removeEdge(e), this;
   }
   /**
@@ -577,17 +577,16 @@ class Ae {
     i(this, "onBeforeEdgeRemoved");
     i(this, "beforeClearEmitter");
     i(this, "onBeforeClear");
-    [this.afterNodeAddedEmitter, this.onAfterNodeAdded] = E(), [this.afterNodeUpdatedEmitter, this.onAfterNodeUpdated] = E(), [this.afterNodePriorityUpdatedEmitter, this.onAfterNodePriorityUpdated] = E(), [this.beforeNodeRemovedEmitter, this.onBeforeNodeRemoved] = E(), [this.afterPortAddedEmitter, this.onAfterPortAdded] = E(), [this.afterPortUpdatedEmitter, this.onAfterPortUpdated] = E(), [this.beforePortRemovedEmitter, this.onBeforePortRemoved] = E(), [this.afterEdgeAddedEmitter, this.onAfterEdgeAdded] = E(), [this.afterEdgeShapeUpdatedEmitter, this.onAfterEdgeShapeUpdated] = E(), [this.afterEdgeUpdatedEmitter, this.onAfterEdgeUpdated] = E(), [this.afterEdgePriorityUpdatedEmitter, this.onAfterEdgePriorityUpdated] = E(), [this.beforeEdgeRemovedEmitter, this.onBeforeEdgeRemoved] = E(), [this.beforeClearEmitter, this.onBeforeClear] = E();
+    [this.afterNodeAddedEmitter, this.onAfterNodeAdded] = x(), [this.afterNodeUpdatedEmitter, this.onAfterNodeUpdated] = x(), [this.afterNodePriorityUpdatedEmitter, this.onAfterNodePriorityUpdated] = x(), [this.beforeNodeRemovedEmitter, this.onBeforeNodeRemoved] = x(), [this.afterPortAddedEmitter, this.onAfterPortAdded] = x(), [this.afterPortUpdatedEmitter, this.onAfterPortUpdated] = x(), [this.beforePortRemovedEmitter, this.onBeforePortRemoved] = x(), [this.afterEdgeAddedEmitter, this.onAfterEdgeAdded] = x(), [this.afterEdgeShapeUpdatedEmitter, this.onAfterEdgeShapeUpdated] = x(), [this.afterEdgeUpdatedEmitter, this.onAfterEdgeUpdated] = x(), [this.afterEdgePriorityUpdatedEmitter, this.onAfterEdgePriorityUpdated] = x(), [this.beforeEdgeRemovedEmitter, this.onBeforeEdgeRemoved] = x(), [this.beforeClearEmitter, this.onBeforeClear] = x();
   }
   hasNode(e) {
     return this.nodes.has(e);
   }
-  /**
-   * TODO: v8
-   * throw error when node does not exist
-   */
   getNode(e) {
-    return this.nodes.get(e);
+    const t = this.nodes.get(e);
+    if (t === void 0)
+      throw new A("failed to access nonexistent node");
+    return t;
   }
   addNode(e) {
     const t = /* @__PURE__ */ new Map(), s = {
@@ -609,7 +608,7 @@ class Ae {
     return this.nodesElementsMap.get(e);
   }
   updateNode(e, t) {
-    const s = this.nodes.get(e).payload;
+    const { payload: s } = this.nodes.get(e);
     s.x = t.x ?? s.x, s.y = t.y ?? s.y, s.centerFn = t.centerFn ?? s.centerFn, t.priority !== void 0 && (s.priority = t.priority, this.afterNodePriorityUpdatedEmitter.emit(e)), this.afterNodeUpdatedEmitter.emit(e);
   }
   removeNode(e) {
@@ -620,12 +619,11 @@ class Ae {
   hasPort(e) {
     return this.ports.has(e);
   }
-  /**
-   * TODO: v8
-   * throw error when port does not exist
-   */
   getPort(e) {
-    return this.ports.get(e);
+    const t = this.ports.get(e);
+    if (t === void 0)
+      throw new A("failed to access nonexistent port");
+    return t;
   }
   addPort(e) {
     this.ports.set(e.id, {
@@ -648,8 +646,9 @@ class Ae {
   }
   getNodePortIds(e) {
     const t = this.nodes.get(e);
-    if (t !== void 0)
-      return Array.from(t.ports.keys());
+    if (t === void 0)
+      throw new A("failed to access port ids of nonexistent node");
+    return Array.from(t.ports.keys());
   }
   removePort(e) {
     const t = this.ports.get(e).nodeId;
@@ -658,12 +657,11 @@ class Ae {
   hasEdge(e) {
     return this.edges.has(e);
   }
-  /**
-   * TODO: v8
-   * throw error when edge does not exist
-   */
   getEdge(e) {
-    return this.edges.get(e);
+    const t = this.edges.get(e);
+    if (t === void 0)
+      throw new A("failed to access nonexistent edge");
+    return t;
   }
   addEdge(e) {
     this.addEdgeInternal(e), this.afterEdgeAddedEmitter.emit(e.id);
@@ -692,13 +690,22 @@ class Ae {
     this.beforeClearEmitter.emit(), this.portIncomingEdges.clear(), this.portOutcomingEdges.clear(), this.portCycleEdges.clear(), this.elementPorts.clear(), this.nodesElementsMap.clear(), this.edges.clear(), this.ports.clear(), this.nodes.clear();
   }
   getPortIncomingEdgeIds(e) {
-    return Array.from(this.portIncomingEdges.get(e));
+    const t = this.portIncomingEdges.get(e);
+    if (t === void 0)
+      throw new A("failed to access edges for nonexistent port");
+    return Array.from(t);
   }
   getPortOutgoingEdgeIds(e) {
-    return Array.from(this.portOutcomingEdges.get(e));
+    const t = this.portOutcomingEdges.get(e);
+    if (t === void 0)
+      throw new A("failed to access edges for nonexistent port");
+    return Array.from(t);
   }
   getPortCycleEdgeIds(e) {
-    return Array.from(this.portCycleEdges.get(e));
+    const t = this.portCycleEdges.get(e);
+    if (t === void 0)
+      throw new A("failed to access edges for nonexistent port");
+    return Array.from(t);
   }
   getPortAdjacentEdgeIds(e) {
     return [
@@ -708,7 +715,7 @@ class Ae {
     ];
   }
   getNodeIncomingEdgeIds(e) {
-    const t = Array.from(this.nodes.get(e).ports.keys()), s = [];
+    const t = Array.from(this.getNode(e).ports.keys()), s = [];
     return t.forEach((o) => {
       this.getPortIncomingEdgeIds(o).filter((n) => {
         const a = this.getEdge(n);
@@ -719,7 +726,7 @@ class Ae {
     }), s;
   }
   getNodeOutgoingEdgeIds(e) {
-    const t = Array.from(this.nodes.get(e).ports.keys()), s = [];
+    const t = Array.from(this.getNode(e).ports.keys()), s = [];
     return t.forEach((o) => {
       this.getPortOutgoingEdgeIds(o).filter((n) => {
         const a = this.getEdge(n);
@@ -730,7 +737,7 @@ class Ae {
     }), s;
   }
   getNodeCycleEdgeIds(e) {
-    const t = Array.from(this.nodes.get(e).ports.keys()), s = [];
+    const t = Array.from(this.getNode(e).ports.keys()), s = [];
     return t.forEach((o) => {
       this.getPortCycleEdgeIds(o).forEach((n) => {
         s.push(n);
@@ -743,7 +750,7 @@ class Ae {
     }), s;
   }
   getNodeAdjacentEdgeIds(e) {
-    const t = Array.from(this.nodes.get(e).ports.keys()), s = [];
+    const t = Array.from(this.getNode(e).ports.keys()), s = [];
     return t.forEach((o) => {
       this.getPortIncomingEdgeIds(o).forEach((n) => {
         s.push(n);
@@ -794,7 +801,7 @@ class Qe {
     i(this, "observer", new ResizeObserver(() => {
       this.afterResizeEmitter.emit();
     }));
-    this.host = e, [this.afterUpdateEmitter, this.onAfterUpdated] = E(), [this.beforeUpdateEmitter, this.onBeforeUpdated] = E(), [this.afterResizeEmitter, this.onAfterResize] = E(), this.observer.observe(this.host);
+    this.host = e, [this.afterUpdateEmitter, this.onAfterUpdated] = x(), [this.beforeUpdateEmitter, this.onBeforeUpdated] = x(), [this.afterResizeEmitter, this.onAfterResize] = x(), this.observer.observe(this.host);
   }
   getViewportMatrix() {
     return this.viewportMatrix;
@@ -889,7 +896,7 @@ const Ze = (r, e, t) => {
         status: "portFound",
         portId: s
       };
-    if (r.findNodeIdByElement(t) !== null)
+    if (r.findNodeIdByElement(t) !== void 0)
       return {
         status: "nodeEncountered"
       };
@@ -921,7 +928,7 @@ const xe = (r, e) => {
   }
   return null;
 };
-var C = /* @__PURE__ */ ((r) => (r.StaticNodeId = "static", r.DraggingNodeId = "dragging", r.EdgeId = "edge", r))(C || {});
+var T = /* @__PURE__ */ ((r) => (r.StaticNodeId = "static", r.DraggingNodeId = "dragging", r.EdgeId = "edge", r))(T || {});
 const Se = (r, e) => ({
   x: r / 2,
   y: e / 2
@@ -1009,24 +1016,24 @@ class tt {
     }, w = {
       x: (g.x + u.x) / 2,
       y: (g.y + u.y) / 2
-    }, y = {
+    }, f = {
       x: c.x + this.params.curvature * this.params.sourceDirection.x,
       y: c.y + this.params.curvature * this.params.sourceDirection.y
-    }, A = {
+    }, E = {
       x: l.x - this.params.curvature * this.params.targetDirection.x,
       y: l.y - this.params.curvature * this.params.targetDirection.y
-    }, x = {
+    }, S = {
       x: c.x + h,
       y: c.y + d
-    }, S = {
+    }, b = {
       x: l.x + h,
       y: l.y + d
     };
     this.path = [
       `M ${t.x} ${t.y}`,
       `L ${c.x} ${c.y}`,
-      `C ${y.x} ${y.y} ${x.x} ${x.y} ${w.x} ${w.y}`,
-      `C ${S.x} ${S.y} ${A.x} ${A.y} ${l.x} ${l.y}`,
+      `C ${f.x} ${f.y} ${S.x} ${S.y} ${w.x} ${w.y}`,
+      `C ${b.x} ${b.y} ${E.x} ${E.y} ${l.x} ${l.y}`,
       `L ${s.x} ${s.y}`
     ].join(" "), this.midpoint = W(w, e.flipX, e.flipY, e.to);
   }
@@ -1036,13 +1043,13 @@ const K = Object.freeze({
 }), Pe = (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(K.edgeColor, r), e;
-}, Ce = (r) => {
+}, Te = (r) => {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("stroke", `var(${K.edgeColor})`), e.setAttribute("stroke-width", `${r}`), e.setAttribute("fill", "none"), e;
 }, B = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return r.setAttribute("fill", `var(${K.edgeColor})`), r;
-}, Te = () => {
+}, Ce = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return r.style.transformOrigin = "50% 50%", r;
 }, Ne = (r, e) => {
@@ -1054,14 +1061,14 @@ const K = Object.freeze({
     let o = 0, n = 0, a = 0;
     r.forEach((h, d) => {
       let c = 0, g = 0, l = 0;
-      const u = d > 0, w = d < s, y = u && w;
+      const u = d > 0, w = d < s, f = u && w;
       if (u && (c = -o, g = -n, l = a), w) {
         const V = r[d + 1];
         o = V.x - h.x, n = V.y - h.y, a = Math.sqrt(o * o + n * n);
       }
-      const x = a !== 0 ? Math.min((y ? e : 0) / a, d < s - 1 ? 0.5 : 1) : 0, S = y ? { x: h.x + o * x, y: h.y + n * x } : h, P = l !== 0 ? Math.min((y ? e : 0) / l, d > 1 ? 0.5 : 1) : 0, R = y ? { x: h.x + c * P, y: h.y + g * P } : h;
-      d > 0 && t.push(`L ${R.x} ${R.y}`), y && t.push(
-        `C ${h.x} ${h.y} ${h.x} ${h.y} ${S.x} ${S.y}`
+      const S = a !== 0 ? Math.min((f ? e : 0) / a, d < s - 1 ? 0.5 : 1) : 0, b = f ? { x: h.x + o * S, y: h.y + n * S } : h, P = l !== 0 ? Math.min((f ? e : 0) / l, d > 1 ? 0.5 : 1) : 0, R = f ? { x: h.x + c * P, y: h.y + g * P } : h;
+      d > 0 && t.push(`L ${R.x} ${R.y}`), f && t.push(
+        `C ${h.x} ${h.y} ${h.x} ${h.y} ${b.x} ${b.y}`
       );
     });
   }
@@ -1099,9 +1106,9 @@ class rt {
     }, u = { x: l.x, y: g }, w = {
       x: this.params.flipX > 0 ? this.params.to.x - c : this.params.to.x + n,
       y: d.y
-    }, y = { x: w.x, y: g };
+    }, f = { x: w.x, y: g };
     this.path = D(
-      [s, h, l, u, y, w, d, o],
+      [s, h, l, u, f, w, d, o],
       this.params.roundness
     );
   }
@@ -1199,9 +1206,9 @@ class it {
     }, u = { x: g, y: l.y }, w = {
       x: d.x,
       y: this.params.flipY > 0 ? this.params.to.y - c : this.params.to.y + n
-    }, y = { x: g, y: w.y };
+    }, f = { x: g, y: w.y };
     this.path = D(
-      [s, h, l, u, y, w, d, o],
+      [s, h, l, u, f, w, d, o],
       this.params.roundness
     );
   }
@@ -1237,7 +1244,7 @@ class nt {
       { x: c, y: -n },
       { x: d, y: 0 }
     ].map(
-      (y) => m(y, this.params.sourceDirection, p)
+      (f) => m(f, this.params.sourceDirection, p)
     ), u = [
       `M ${l[0].x} ${l[0].y}`,
       `A ${t} ${t} 0 0 1 ${l[1].x} ${l[1].y}`,
@@ -1365,7 +1372,7 @@ class dt {
     );
   }
 }
-const f = Object.freeze({
+const y = Object.freeze({
   color: "#777777",
   width: 1,
   arrowLength: 20,
@@ -1391,14 +1398,14 @@ const f = Object.freeze({
 class k {
   constructor(e) {
     i(this, "svg");
-    i(this, "group", Te());
+    i(this, "group", Ce());
     i(this, "line");
     i(this, "sourceArrow", null);
     i(this, "targetArrow", null);
     i(this, "onAfterRender");
     i(this, "afterRenderEmitter");
     i(this, "arrowRenderer");
-    this.params = e, [this.afterRenderEmitter, this.onAfterRender] = E(), this.arrowRenderer = this.params.arrowRenderer, this.svg = Pe(e.color), this.svg.appendChild(this.group), this.line = Ce(e.width), this.group.appendChild(this.line), e.hasSourceArrow && (this.sourceArrow = B(), this.group.appendChild(this.sourceArrow)), e.hasTargetArrow && (this.targetArrow = B(), this.group.appendChild(this.targetArrow));
+    this.params = e, [this.afterRenderEmitter, this.onAfterRender] = x(), this.arrowRenderer = this.params.arrowRenderer, this.svg = Pe(e.color), this.svg.appendChild(this.group), this.line = Te(e.width), this.group.appendChild(this.line), e.hasSourceArrow && (this.sourceArrow = B(), this.group.appendChild(this.sourceArrow)), e.hasTargetArrow && (this.targetArrow = B(), this.group.appendChild(this.targetArrow));
   }
   render(e) {
     const { x: t, y: s, width: o, height: n, flipX: a, flipY: h } = be(
@@ -1428,21 +1435,21 @@ class k {
       h
     );
     this.line.setAttribute("d", w.path);
-    let y = null;
-    this.sourceArrow && (y = this.arrowRenderer({
+    let f = null;
+    this.sourceArrow && (f = this.arrowRenderer({
       direction: d,
       shift: p,
       arrowLength: this.params.arrowLength
-    }), this.sourceArrow.setAttribute("d", y));
-    let A = null;
-    this.targetArrow && (A = this.arrowRenderer({
+    }), this.sourceArrow.setAttribute("d", f));
+    let E = null;
+    this.targetArrow && (E = this.arrowRenderer({
       direction: l,
       shift: g,
       arrowLength: this.params.arrowLength
-    }), this.targetArrow.setAttribute("d", A)), this.afterRenderEmitter.emit({
+    }), this.targetArrow.setAttribute("d", E)), this.afterRenderEmitter.emit({
       edgePath: w,
-      sourceArrowPath: y,
-      targetArrowPath: A
+      sourceArrowPath: f,
+      targetArrowPath: E
     });
   }
 }
@@ -1460,10 +1467,10 @@ const ct = (r) => (e) => {
   return `${o} ${n} ${a} Z`;
 }, lt = (r) => (e) => {
   const t = r.radius, s = e.arrowLength, o = (s * s + 2 * s * t) / (2 * t), n = o + t, a = s + t - t * (s + t) / n, h = t * o / n, c = [p, { x: a, y: -h }, { x: a, y: h }].map(
-    (y) => m(y, e.direction, p)
-  ).map((y) => ({
-    x: y.x + e.shift.x,
-    y: y.y + e.shift.y
+    (f) => m(f, e.direction, p)
+  ).map((f) => ({
+    x: f.x + e.shift.x,
+    y: f.y + e.shift.y
   })), g = `M ${c[0].x} ${c[0].y}`, l = `A ${o} ${o} 0 0 0 ${c[1].x} ${c[1].y}`, u = `A ${t} ${t} 0 0 0 ${c[2].x} ${c[2].y}`, w = `A ${o} ${o} 0 0 0 ${c[0].x} ${c[0].y}`;
   return `${g} ${l} ${u} ${w}`;
 }, gt = (r) => (e) => {
@@ -1493,17 +1500,17 @@ const ct = (r) => (e) => {
   switch (r.type) {
     case "triangle":
       return ct({
-        radius: r.radius ?? f.polygonArrowRadius
+        radius: r.radius ?? y.polygonArrowRadius
       });
     case "arc":
       return lt({
-        radius: r.radius ?? f.circleArrowRadius
+        radius: r.radius ?? y.circleArrowRadius
       });
     default:
       return gt({
-        smallRadius: r.smallRadius ?? f.wedgeArrowSmallRadius,
-        angle: r.angle ?? f.wedgeArrowAngle,
-        radius: r.radius ?? f.wedgeArrowRadius
+        smallRadius: r.smallRadius ?? y.wedgeArrowSmallRadius,
+        angle: r.angle ?? y.wedgeArrowAngle,
+        radius: r.radius ?? y.wedgeArrowRadius
       });
   }
 };
@@ -1554,9 +1561,9 @@ class ut {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? f.arrowLength, this.curvature = (e == null ? void 0 : e.curvature) ?? f.curvature, this.portCycleRadius = (e == null ? void 0 : e.cycleRadius) ?? f.cycleRadius, this.portCycleSmallRadius = (e == null ? void 0 : e.smallCycleRadius) ?? f.smallCycleRadius, this.detourDirection = (e == null ? void 0 : e.detourDirection) ?? f.detourDirection, this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? f.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? f.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? f.hasTargetArrow, this.pathShape = new k({
-      color: (e == null ? void 0 : e.color) ?? f.color,
-      width: (e == null ? void 0 : e.width) ?? f.width,
+    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? y.arrowLength, this.curvature = (e == null ? void 0 : e.curvature) ?? y.curvature, this.portCycleRadius = (e == null ? void 0 : e.cycleRadius) ?? y.cycleRadius, this.portCycleSmallRadius = (e == null ? void 0 : e.smallCycleRadius) ?? y.smallCycleRadius, this.detourDirection = (e == null ? void 0 : e.detourDirection) ?? y.detourDirection, this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? y.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? y.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? y.hasTargetArrow, this.pathShape = new k({
+      color: (e == null ? void 0 : e.color) ?? y.color,
+      width: (e == null ? void 0 : e.width) ?? y.width,
       arrowRenderer: F((e == null ? void 0 : e.arrowRenderer) ?? {}),
       arrowLength: this.arrowLength,
       hasSourceArrow: this.hasSourceArrow,
@@ -1619,15 +1626,15 @@ class pt {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? f.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? f.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? f.cycleSquareSide;
-    const t = (e == null ? void 0 : e.roundness) ?? f.roundness;
+    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? y.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? y.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? y.cycleSquareSide;
+    const t = (e == null ? void 0 : e.roundness) ?? y.roundness;
     this.roundness = Math.min(
       t,
       this.arrowOffset,
       this.cycleSquareSide / 2
-    ), this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? f.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? f.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? f.hasTargetArrow, this.pathShape = new k({
-      color: (e == null ? void 0 : e.color) ?? f.color,
-      width: (e == null ? void 0 : e.width) ?? f.width,
+    ), this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? y.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? y.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? y.hasTargetArrow, this.pathShape = new k({
+      color: (e == null ? void 0 : e.color) ?? y.color,
+      width: (e == null ? void 0 : e.width) ?? y.width,
       arrowRenderer: F((e == null ? void 0 : e.arrowRenderer) ?? {}),
       arrowLength: this.arrowLength,
       hasSourceArrow: this.hasSourceArrow,
@@ -1691,15 +1698,15 @@ class wt {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? f.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? f.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? f.cycleSquareSide;
-    const t = (e == null ? void 0 : e.roundness) ?? f.roundness;
+    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? y.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? y.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? y.cycleSquareSide;
+    const t = (e == null ? void 0 : e.roundness) ?? y.roundness;
     this.roundness = Math.min(
       t,
       this.arrowOffset,
       this.cycleSquareSide / 2
-    ), this.detourDirection = (e == null ? void 0 : e.detourDirection) ?? f.detourDirection, this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? f.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? f.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? f.hasTargetArrow, this.pathShape = new k({
-      color: (e == null ? void 0 : e.color) ?? f.color,
-      width: (e == null ? void 0 : e.width) ?? f.width,
+    ), this.detourDirection = (e == null ? void 0 : e.detourDirection) ?? y.detourDirection, this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? y.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? y.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? y.hasTargetArrow, this.pathShape = new k({
+      color: (e == null ? void 0 : e.color) ?? y.color,
+      width: (e == null ? void 0 : e.width) ?? y.width,
       arrowRenderer: F((e == null ? void 0 : e.arrowRenderer) ?? {}),
       arrowLength: this.arrowLength,
       hasSourceArrow: this.hasSourceArrow,
@@ -1762,15 +1769,15 @@ class ft {
       hasSourceArrow: this.hasSourceArrow,
       hasTargetArrow: this.hasTargetArrow
     }));
-    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? f.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? f.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? f.cycleSquareSide;
-    const t = (e == null ? void 0 : e.roundness) ?? f.roundness;
+    this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? y.arrowLength, this.arrowOffset = (e == null ? void 0 : e.arrowOffset) ?? y.arrowOffset, this.cycleSquareSide = (e == null ? void 0 : e.cycleSquareSide) ?? y.cycleSquareSide;
+    const t = (e == null ? void 0 : e.roundness) ?? y.roundness;
     this.roundness = Math.min(
       t,
       this.arrowOffset,
       this.cycleSquareSide / 2
-    ), this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? f.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? f.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? f.hasTargetArrow, this.pathShape = new k({
-      color: (e == null ? void 0 : e.color) ?? f.color,
-      width: (e == null ? void 0 : e.width) ?? f.width,
+    ), this.detourDistance = (e == null ? void 0 : e.detourDistance) ?? y.detourDistance, this.hasSourceArrow = (e == null ? void 0 : e.hasSourceArrow) ?? y.hasSourceArrow, this.hasTargetArrow = (e == null ? void 0 : e.hasTargetArrow) ?? y.hasTargetArrow, this.pathShape = new k({
+      color: (e == null ? void 0 : e.color) ?? y.color,
+      width: (e == null ? void 0 : e.width) ?? y.width,
       arrowRenderer: F((e == null ? void 0 : e.arrowRenderer) ?? {}),
       arrowLength: this.arrowLength,
       hasSourceArrow: this.hasSourceArrow,
@@ -1787,7 +1794,7 @@ class ft {
 class De {
   constructor(e) {
     i(this, "svg");
-    i(this, "group", Te());
+    i(this, "group", Ce());
     i(this, "line");
     i(this, "sourceArrow", null);
     i(this, "targetArrow", null);
@@ -1799,7 +1806,7 @@ class De {
     i(this, "onAfterRender");
     i(this, "afterRenderEmitter");
     i(this, "arrowRenderer");
-    [this.afterRenderEmitter, this.onAfterRender] = E(), this.color = (e == null ? void 0 : e.color) ?? f.color, this.width = (e == null ? void 0 : e.width) ?? f.width, this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? f.arrowLength, this.arrowRenderer = F((e == null ? void 0 : e.arrowRenderer) ?? {}), this.sourceOffset = (e == null ? void 0 : e.sourceOffset) ?? f.preOffset, this.targetOffset = (e == null ? void 0 : e.targetOffset) ?? f.preOffset, this.svg = Pe(this.color), this.svg.appendChild(this.group), this.line = Ce(this.width), this.group.appendChild(this.line), e != null && e.hasSourceArrow && (this.sourceArrow = B(), this.group.appendChild(this.sourceArrow)), e != null && e.hasTargetArrow && (this.targetArrow = B(), this.group.appendChild(this.targetArrow));
+    [this.afterRenderEmitter, this.onAfterRender] = x(), this.color = (e == null ? void 0 : e.color) ?? y.color, this.width = (e == null ? void 0 : e.width) ?? y.width, this.arrowLength = (e == null ? void 0 : e.arrowLength) ?? y.arrowLength, this.arrowRenderer = F((e == null ? void 0 : e.arrowRenderer) ?? {}), this.sourceOffset = (e == null ? void 0 : e.sourceOffset) ?? y.preOffset, this.targetOffset = (e == null ? void 0 : e.targetOffset) ?? y.preOffset, this.svg = Pe(this.color), this.svg.appendChild(this.group), this.line = Te(this.width), this.group.appendChild(this.line), e != null && e.hasSourceArrow && (this.sourceArrow = B(), this.group.appendChild(this.sourceArrow)), e != null && e.hasTargetArrow && (this.targetArrow = B(), this.group.appendChild(this.targetArrow));
   }
   render(e) {
     const { x: t, y: s, width: o, height: n, flipX: a, flipY: h } = be(
@@ -1826,26 +1833,26 @@ class De {
         y: d.y / u
       };
       if (this.sourceArrow) {
-        const y = {
+        const f = {
           x: w.x * this.sourceOffset,
           y: w.y * this.sourceOffset
         };
         g = this.arrowRenderer({
           direction: w,
-          shift: y,
+          shift: f,
           arrowLength: this.arrowLength
         }), this.sourceArrow.setAttribute("d", g);
       }
       if (this.targetArrow) {
-        const y = {
+        const f = {
           x: w.x * this.targetOffset,
           y: w.y * this.targetOffset
         };
         l = this.arrowRenderer({
           direction: { x: -w.x, y: -w.y },
           shift: {
-            x: d.x - y.x,
-            y: d.y - y.y
+            x: d.x - f.x,
+            y: d.y - f.y
           },
           arrowLength: this.arrowLength
         }), this.targetArrow.setAttribute("d", l);
@@ -1890,7 +1897,7 @@ class Me {
         "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 s = (t == null ? void 0 : t.distance) ?? f.interactiveWidth;
+    const s = (t == null ? void 0 : t.distance) ?? y.interactiveWidth;
     this.interactiveLine = mt(s), this.handle.appendChild(this.interactiveLine), this.sourceArrow && (this.interactiveSourceArrow = ue(s), this.handle.appendChild(this.interactiveSourceArrow)), this.targetArrow && (this.interactiveTargetArrow = ue(s), this.handle.appendChild(this.interactiveTargetArrow)), this.group.appendChild(this.handle), this.baseEdge.onAfterRender.subscribe((o) => {
       this.interactiveLine.setAttribute("d", o.edgePath.path), this.interactiveSourceArrow && this.interactiveSourceArrow.setAttribute("d", o.sourceArrowPath), this.interactiveTargetArrow && this.interactiveTargetArrow.setAttribute("d", o.targetArrowPath);
     });
@@ -1937,10 +1944,7 @@ class Le {
     return this.graphStore.hasNode(e);
   }
   getNode(e) {
-    const t = this.graphStore.getNode(e);
-    if (t === void 0)
-      return null;
-    const s = t.payload;
+    const t = this.graphStore.getNode(e), { payload: s } = t;
     return {
       element: t.element,
       x: s.x,
@@ -1950,14 +1954,7 @@ class Le {
     };
   }
   findNodeIdByElement(e) {
-    return this.graphStore.findNodeIdByElement(e) ?? null;
-  }
-  /**
-   * @deprecated
-   * use findNodeIdByElement instead
-   */
-  getElementNodeId(e) {
-    return this.graphStore.findNodeIdByElement(e) ?? null;
+    return this.graphStore.findNodeIdByElement(e);
   }
   getAllNodeIds() {
     return this.graphStore.getAllNodeIds();
@@ -1967,7 +1964,7 @@ class Le {
   }
   getPort(e) {
     const t = this.graphStore.getPort(e);
-    return t === void 0 ? null : {
+    return {
       element: t.element,
       direction: t.payload.direction,
       nodeId: t.nodeId
@@ -1977,14 +1974,7 @@ class Le {
     return this.graphStore.getAllPortIds();
   }
   getNodePortIds(e) {
-    return this.graphStore.getNodePortIds(e) ?? null;
-  }
-  /**
-   * @deprecated
-   * use findPortIdsByElement instead
-   */
-  getElementPortIds(e) {
-    return this.graphStore.findPortIdsByElement(e);
+    return this.graphStore.getNodePortIds(e);
   }
   findPortIdsByElement(e) {
     return this.graphStore.findPortIdsByElement(e);
@@ -1996,10 +1986,7 @@ class Le {
     return this.graphStore.hasEdge(e);
   }
   getEdge(e) {
-    const t = this.graphStore.getEdge(e);
-    if (t === void 0)
-      return null;
-    const s = t.payload;
+    const t = this.graphStore.getEdge(e), { payload: s } = t;
     return {
       from: t.from,
       to: t.to,
@@ -2008,28 +1995,28 @@ class Le {
     };
   }
   getPortIncomingEdgeIds(e) {
-    return this.graphStore.hasPort(e) ? this.graphStore.getPortIncomingEdgeIds(e) : null;
+    return this.graphStore.getPortIncomingEdgeIds(e);
   }
   getPortOutgoingEdgeIds(e) {
-    return this.graphStore.hasPort(e) ? this.graphStore.getPortOutgoingEdgeIds(e) : null;
+    return this.graphStore.getPortOutgoingEdgeIds(e);
   }
   getPortCycleEdgeIds(e) {
-    return this.graphStore.hasPort(e) ? this.graphStore.getPortCycleEdgeIds(e) : null;
+    return this.graphStore.getPortCycleEdgeIds(e);
   }
   getPortAdjacentEdgeIds(e) {
-    return this.graphStore.hasPort(e) ? this.graphStore.getPortAdjacentEdgeIds(e) : null;
+    return this.graphStore.getPortAdjacentEdgeIds(e);
   }
   getNodeIncomingEdgeIds(e) {
-    return this.graphStore.hasNode(e) ? this.graphStore.getNodeIncomingEdgeIds(e) : null;
+    return this.graphStore.getNodeIncomingEdgeIds(e);
   }
   getNodeOutgoingEdgeIds(e) {
-    return this.graphStore.hasNode(e) ? this.graphStore.getNodeOutgoingEdgeIds(e) : null;
+    return this.graphStore.getNodeOutgoingEdgeIds(e);
   }
   getNodeCycleEdgeIds(e) {
-    return this.graphStore.hasNode(e) ? this.graphStore.getNodeCycleEdgeIds(e) : null;
+    return this.graphStore.getNodeCycleEdgeIds(e);
   }
   getNodeAdjacentEdgeIds(e) {
-    return this.graphStore.hasNode(e) ? this.graphStore.getNodeAdjacentEdgeIds(e) : null;
+    return this.graphStore.getNodeAdjacentEdgeIds(e);
   }
 }
 class Re {
@@ -2082,16 +2069,16 @@ class z {
   constructor(e, t, s, o) {
     i(this, "onAfterPortMarked", (e) => {
       const t = this.canvas.graph.getPort(e);
-      this.canvas.graph.getElementPortIds(t.element).length === 1 && this.hookPortEvents(t.element);
+      this.canvas.graph.findPortIdsByElement(t.element).length === 1 && this.hookPortEvents(t.element);
     });
     i(this, "onBeforePortUnmarked", (e) => {
       const t = this.canvas.graph.getPort(e);
-      this.canvas.graph.getElementPortIds(t.element).length === 1 && this.unhookPortEvents(t.element);
+      this.canvas.graph.findPortIdsByElement(t.element).length === 1 && this.unhookPortEvents(t.element);
     });
     i(this, "onPortMouseDown", (e) => {
       if (!this.params.mouseDownEventVerifier(e))
         return;
-      const t = e.currentTarget, s = this.canvas.graph.getElementPortIds(t)[0];
+      const t = e.currentTarget, s = this.canvas.graph.findPortIdsByElement(t)[0];
       this.params.onPortPointerDown(s, {
         x: e.clientX,
         y: e.clientY
@@ -2119,7 +2106,7 @@ class z {
     i(this, "onPortTouchStart", (e) => {
       if (e.touches.length !== 1)
         return;
-      const t = e.touches[0], s = e.currentTarget, o = this.canvas.graph.getElementPortIds(s)[0];
+      const t = e.touches[0], s = e.currentTarget, o = this.canvas.graph.findPortIdsByElement(s)[0];
       this.params.onPortPointerDown(o, {
         x: t.clientX,
         y: t.clientY
@@ -2309,15 +2296,15 @@ class Z {
     new Z(e, t, s, o);
   }
   moveNode(e, t) {
-    if (this.graph.getNode(e.nodeId) === null)
+    if (!this.graph.hasNode(e.nodeId))
       return;
-    const o = this.calculateContentPoint(t), n = {
-      x: o.x - e.dx,
-      y: o.y - e.dy
-    }, a = this.adjustNodeCoords(n);
+    const s = this.calculateContentPoint(t), o = {
+      x: s.x - e.dx,
+      y: s.y - e.dy
+    }, n = this.adjustNodeCoords(o);
     this.canvas.updateNode(e.nodeId, {
-      x: a.x,
-      y: a.y
+      x: n.x,
+      y: n.y
     }), this.params.onNodeDrag(e.nodeId);
   }
   moveNodeOnTop(e) {
@@ -2332,15 +2319,15 @@ class Z {
     }
   }
   cancelMouseDrag() {
-    this.grabbedNode !== null && this.graph.getNode(this.grabbedNode.nodeId) !== null && this.params.onNodeDragFinished(this.grabbedNode.nodeId), this.grabbedNode = null, $(this.element, null), this.removeMouseDragListeners();
+    this.grabbedNode !== null && this.graph.hasNode(this.grabbedNode.nodeId) && this.params.onNodeDragFinished(this.grabbedNode.nodeId), this.grabbedNode = null, $(this.element, null), this.removeMouseDragListeners();
   }
   removeMouseDragListeners() {
     this.window.removeEventListener("mouseup", this.onWindowMouseUp), this.window.removeEventListener("mousemove", this.onWindowMouseMove);
   }
   cancelTouchDrag() {
-    if (this.grabbedNode !== null) {
+    if (this.grabbedNode !== null && this.graph.hasNode(this.grabbedNode.nodeId)) {
       const e = this.graph.getNode(this.grabbedNode.nodeId);
-      e !== null && this.params.onNodeDragFinished({
+      this.params.onNodeDragFinished({
         nodeId: this.grabbedNode.nodeId,
         element: e.element,
         x: e.x,
@@ -2732,20 +2719,20 @@ class ee {
       x: t.x - d.x,
       y: t.y - d.y
     }), l = {
-      overlayNodeId: C.StaticNodeId,
+      overlayNodeId: T.StaticNodeId,
       portCoords: c,
       portDirection: o.direction
     }, u = {
-      overlayNodeId: C.DraggingNodeId,
+      overlayNodeId: T.DraggingNodeId,
       portCoords: g,
       portDirection: this.params.dragPortDirection
     };
     this.isTargetDragging = s === "direct";
-    const [w, y] = this.isTargetDragging ? [l, u] : [u, l];
-    this.overlayCanvas.addNode(U(w)), this.overlayCanvas.addNode(U(y)), this.overlayCanvas.addEdge({
+    const [w, f] = this.isTargetDragging ? [l, u] : [u, l];
+    this.overlayCanvas.addNode(U(w)), this.overlayCanvas.addNode(U(f)), this.overlayCanvas.addEdge({
       from: w.overlayNodeId,
-      to: y.overlayNodeId,
-      shape: this.params.edgeShapeFactory(C.EdgeId)
+      to: f.overlayNodeId,
+      shape: this.params.edgeShapeFactory(T.EdgeId)
     });
   }
   resetDragState() {
@@ -2768,7 +2755,7 @@ class ee {
       x: e.x - t.x,
       y: e.y - t.y
     });
-    this.overlayCanvas.updateNode(C.DraggingNodeId, {
+    this.overlayCanvas.updateNode(T.DraggingNodeId, {
       x: s.x,
       y: s.y
     });
@@ -2817,12 +2804,9 @@ class te {
   }
   tryStartEdgeDragging(e, t) {
     const s = this.params.draggingEdgeResolver(e);
-    if (s === null)
+    if (s === null || !this.canvas.graph.hasEdge(s))
       return !1;
-    const o = this.canvas.graph.getEdge(s);
-    if (o === null)
-      return !1;
-    const n = e === o.from, a = e === o.to, h = n ? o.to : o.from;
+    const o = this.canvas.graph.getEdge(s), n = e === o.from, a = e === o.to, h = n ? o.to : o.from;
     this.staticPortId = h, this.isTargetDragging = a;
     const d = this.canvas.graph.getPort(e), c = this.canvas.graph.getPort(h), g = c.element.getBoundingClientRect(), l = {
       x: g.x + g.width / 2,
@@ -2830,7 +2814,7 @@ class te {
     }, u = this.overlayLayer.getBoundingClientRect(), w = this.canvas.viewport.createContentCoords({
       x: l.x - u.x,
       y: l.y - u.y
-    }), y = this.canvas.viewport.createContentCoords({
+    }), f = this.canvas.viewport.createContentCoords({
       x: t.x - u.x,
       y: t.y - u.y
     });
@@ -2841,21 +2825,21 @@ class te {
       shape: o.shape,
       priority: o.priority
     }, this.canvas.removeEdge(s);
-    const A = {
-      overlayNodeId: C.StaticNodeId,
+    const E = {
+      overlayNodeId: T.StaticNodeId,
       portCoords: w,
       portDirection: c.direction
-    }, x = {
-      overlayNodeId: C.DraggingNodeId,
-      portCoords: y,
+    }, S = {
+      overlayNodeId: T.DraggingNodeId,
+      portCoords: f,
       portDirection: d.direction
-    }, [S, T] = this.isTargetDragging ? [A, x] : [x, A];
-    this.overlayCanvas.addNode(U(S)), this.overlayCanvas.addNode(U(T));
-    const P = this.params.draggingEdgeShapeFactory !== null ? this.params.draggingEdgeShapeFactory(C.EdgeId) : o.shape;
+    }, [b, C] = this.isTargetDragging ? [E, S] : [S, E];
+    this.overlayCanvas.addNode(U(b)), this.overlayCanvas.addNode(U(C));
+    const P = this.params.draggingEdgeShapeFactory !== null ? this.params.draggingEdgeShapeFactory(T.EdgeId) : o.shape;
     return this.overlayCanvas.addEdge({
-      id: C.EdgeId,
-      from: S.overlayNodeId,
-      to: T.overlayNodeId,
+      id: T.EdgeId,
+      from: b.overlayNodeId,
+      to: C.overlayNodeId,
       shape: P
     }), !0;
   }
@@ -2867,14 +2851,14 @@ class te {
       x: e.x - t.x,
       y: e.y - t.y
     }, o = this.canvas.viewport.createContentCoords(s);
-    this.overlayCanvas.updateNode(C.DraggingNodeId, {
+    this.overlayCanvas.updateNode(T.DraggingNodeId, {
       x: o.x,
       y: o.y
     });
   }
   tryCreateConnection(e) {
     const t = xe(this.canvas.graph, e);
-    if (this.overlayCanvas.removeEdge(C.EdgeId), t === null) {
+    if (this.overlayCanvas.removeEdge(T.EdgeId), t === null) {
       const d = this.draggingEdgePayload;
       this.params.onEdgeReattachInterrupted({
         id: d.id,
@@ -2920,10 +2904,10 @@ class re {
     );
   }
   applyLayout() {
-    this.layoutAlgorithm.calculateCoordinates(
-      this.canvas.graph,
-      this.canvas.viewport
-    ).forEach((t, s) => {
+    this.layoutAlgorithm.calculateCoordinates({
+      graph: this.canvas.graph,
+      viewport: this.canvas.viewport
+    }).forEach((t, s) => {
       this.canvas.updateNode(s, t);
     });
   }
@@ -2932,10 +2916,10 @@ class O {
   constructor(e, t, s) {
     i(this, "applyScheduled", !1);
     i(this, "apply", () => {
-      this.applyScheduled = !1, this.layoutAlgorithm.calculateCoordinates(
-        this.canvas.graph,
-        this.canvas.viewport
-      ).forEach((t, s) => {
+      this.applyScheduled = !1, this.layoutAlgorithm.calculateCoordinates({
+        graph: this.canvas.graph,
+        viewport: this.canvas.viewport
+      }).forEach((t, s) => {
         this.canvas.updateNode(s, t);
       });
     });
@@ -2999,7 +2983,7 @@ class Pt {
     }
   }
 }
-class Ct {
+class Tt {
   constructor(e, t) {
     i(this, "previousTimeStamp");
     i(this, "step", (e) => {
@@ -3017,21 +3001,21 @@ class Ct {
 class se {
   constructor(e, t, s, o) {
     i(this, "step", (e) => {
-      this.algorithm.calculateNextCoordinates(
-        this.canvas.graph,
-        e,
-        this.canvas.viewport
-      ).forEach((s, o) => {
+      this.algorithm.calculateNextCoordinates({
+        graph: this.canvas.graph,
+        dt: e,
+        viewport: this.canvas.viewport
+      }).forEach((s, o) => {
         this.staticNodes.has(o) || this.canvas.updateNode(o, { x: s.x, y: s.y });
       });
     });
-    this.canvas = e, this.algorithm = t, this.staticNodes = s, this.win = o, new Ct(this.win, this.step);
+    this.canvas = e, this.algorithm = t, this.staticNodes = s, this.win = o, new Tt(this.win, this.step);
   }
   static configure(e, t, s, o) {
     new se(e, t, s, o);
   }
 }
-const Tt = () => {
+const Ct = () => {
   const r = document.createElement("div");
   return r.style.width = "100%", r.style.height = "100%", r.style.position = "relative", r;
 }, Y = () => {
@@ -3047,7 +3031,7 @@ class Nt {
     i(this, "main", Y());
     i(this, "overlayConnectablePorts", pe());
     i(this, "overlayDraggableEdges", pe());
-    i(this, "host", Tt());
+    i(this, "host", Ct());
     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);
   }
   destroy() {
@@ -3154,11 +3138,11 @@ const G = (r) => () => r, we = G(0), Dt = () => {
     }
   };
 }, Rt = (r) => {
-  var w, y, A, x, S, T;
+  var w, f, E, S, b, C;
   const e = ((w = r.events) == null ? void 0 : w.onNodeDragStarted) ?? (() => {
-  }), t = ((y = r.events) == null ? void 0 : y.onNodeDrag) ?? (() => {
-  }), s = r.nodeDragVerifier ?? (() => !0), o = ((A = r.events) == null ? void 0 : A.onNodeDragFinished) ?? (() => {
-  }), n = r.moveOnTop !== !1, a = r.moveEdgesOnTop !== !1 && n, h = (x = r.mouse) == null ? void 0 : x.dragCursor, d = h !== void 0 ? h : "grab", c = (S = r.mouse) == null ? void 0 : S.mouseDownEventVerifier, g = c !== void 0 ? c : (P) => P.button === 0, l = (T = r.mouse) == null ? void 0 : T.mouseUpEventVerifier, u = l !== void 0 ? l : (P) => P.button === 0;
+  }), t = ((f = r.events) == null ? void 0 : f.onNodeDrag) ?? (() => {
+  }), s = r.nodeDragVerifier ?? (() => !0), o = ((E = r.events) == null ? void 0 : E.onNodeDragFinished) ?? (() => {
+  }), n = r.moveOnTop !== !1, a = r.moveEdgesOnTop !== !1 && n, h = (S = r.mouse) == null ? void 0 : S.dragCursor, d = h !== void 0 ? h : "grab", c = (b = r.mouse) == null ? void 0 : b.mouseDownEventVerifier, g = c !== void 0 ? c : (P) => P.button === 0, l = (C = r.mouse) == null ? void 0 : C.mouseUpEventVerifier, u = l !== void 0 ? l : (P) => P.button === 0;
   return {
     moveOnTop: n,
     moveEdgesOnTop: a,
@@ -3228,17 +3212,17 @@ const G = (r) => () => r, we = G(0), Dt = () => {
       });
   }
 }, ye = (r) => {
-  var y, A, x, S, T, P, R, V, ie, ne, ae, he;
-  const e = (y = r == null ? void 0 : r.scale) == null ? void 0 : y.mouseWheelSensitivity, t = e !== void 0 ? e : 1.2, s = r == null ? void 0 : r.transformPreprocessor;
+  var f, E, S, b, C, P, R, V, ie, ne, ae, he;
+  const e = (f = r == null ? void 0 : r.scale) == null ? void 0 : f.mouseWheelSensitivity, t = e !== void 0 ? e : 1.2, s = r == null ? void 0 : r.transformPreprocessor;
   let o;
   s !== void 0 ? Array.isArray(s) ? o = It(
     s.map(
       (N) => fe(N)
     )
   ) : o = fe(s) : o = (N) => N.nextTransform;
-  const n = ((A = r == null ? void 0 : r.shift) == null ? void 0 : A.cursor) !== void 0 ? r.shift.cursor : "grab", a = ((x = r == null ? void 0 : r.events) == null ? void 0 : x.onBeforeTransformChange) ?? (() => {
-  }), h = ((S = r == null ? void 0 : r.events) == null ? void 0 : S.onTransformChange) ?? (() => {
-  }), d = (T = r == null ? void 0 : r.shift) == null ? void 0 : T.mouseDownEventVerifier, c = d !== void 0 ? d : (N) => N.button === 0, g = (P = r == null ? void 0 : r.shift) == null ? void 0 : P.mouseUpEventVerifier, l = g !== void 0 ? g : (N) => N.button === 0, u = (R = r == null ? void 0 : r.scale) == null ? void 0 : R.mouseWheelEventVerifier, w = u !== void 0 ? u : () => !0;
+  const n = ((E = r == null ? void 0 : r.shift) == null ? void 0 : E.cursor) !== void 0 ? r.shift.cursor : "grab", a = ((S = r == null ? void 0 : r.events) == null ? void 0 : S.onBeforeTransformChange) ?? (() => {
+  }), h = ((b = r == null ? void 0 : r.events) == null ? void 0 : b.onTransformChange) ?? (() => {
+  }), d = (C = r == null ? void 0 : r.shift) == null ? void 0 : C.mouseDownEventVerifier, c = d !== void 0 ? d : (N) => N.button === 0, g = (P = r == null ? void 0 : r.shift) == null ? void 0 : P.mouseUpEventVerifier, l = g !== void 0 ? g : (N) => N.button === 0, u = (R = r == null ? void 0 : r.scale) == null ? void 0 : R.mouseWheelEventVerifier, w = u !== void 0 ? u : () => !0;
   return {
     wheelSensitivity: t,
     onTransformStarted: ((V = r == null ? void 0 : r.events) == null ? void 0 : V.onTransformStarted) ?? (() => {
@@ -3340,30 +3324,30 @@ class Fe {
     this.graph = e, this.currentCoords = t, this.dt = s.dtSec, this.nodeMass = s.nodeMass, this.edgeEquilibriumLength = s.edgeEquilibriumLength, this.edgeStiffness = s.edgeStiffness, this.distanceVectorGenerator = s.distanceVectorGenerator, this.nodeForcesApplicationStrategy = s.nodeForcesApplicationStrategy;
   }
   apply() {
-    let e = 0, t = 0;
-    const s = /* @__PURE__ */ new Map();
-    return this.graph.getAllNodeIds().forEach((n) => {
-      s.set(n, { x: 0, y: 0 });
-    }), this.nodeForcesApplicationStrategy.apply(this.currentCoords, s), this.applyEdgeForces(s), this.currentCoords.forEach((n, a) => {
-      const h = s.get(a), d = {
-        x: h.x / this.nodeMass * this.dt,
-        y: h.y / this.nodeMass * this.dt
+    let e = 0;
+    const t = /* @__PURE__ */ new Map();
+    return this.graph.getAllNodeIds().forEach((o) => {
+      t.set(o, { x: 0, y: 0 });
+    }), this.nodeForcesApplicationStrategy.apply(this.currentCoords, t), this.applyEdgeForces(t), this.currentCoords.forEach((o, n) => {
+      const a = t.get(n), h = {
+        x: a.x / this.nodeMass * this.dt,
+        y: a.y / this.nodeMass * this.dt
       };
-      t = Math.max(
-        t,
-        Math.sqrt(d.x * d.x + d.y * d.y)
+      e = Math.max(
+        e,
+        Math.sqrt(h.x * h.x + h.y * h.y)
       );
-      const c = d.x * this.dt, g = d.y * this.dt;
-      n.x += c, n.y += g, e = Math.max(e, Math.sqrt(c * c + g * g));
-    }), [e, t];
+      const d = h.x * this.dt, c = h.y * this.dt;
+      o.x += d, o.y += c;
+    }), e;
   }
   applyEdgeForces(e) {
     this.graph.getAllEdgeIds().forEach((t) => {
       const s = this.graph.getEdge(t), o = this.graph.getPort(s.from), n = this.graph.getPort(s.to), a = this.currentCoords.get(o.nodeId), h = this.currentCoords.get(n.nodeId), d = this.distanceVectorGenerator.create(
         a,
         h
-      ), g = (d.d - this.edgeEquilibriumLength) * this.edgeStiffness, l = d.ex * g, u = d.ey * g, w = e.get(o.nodeId), y = e.get(n.nodeId);
-      w.x += l, w.y += u, y.x -= l, y.y -= u;
+      ), g = (d.d - this.edgeEquilibriumLength) * this.edgeStiffness, l = d.ex * g, u = d.ey * g, w = e.get(o.nodeId), f = e.get(n.nodeId);
+      w.x += l, w.y += u, f.x -= l, f.y -= u;
     });
   }
 }
@@ -3394,11 +3378,10 @@ const $e = (r) => {
 };
 class Xt {
   constructor(e) {
-    i(this, "effectiveDistance");
     i(this, "nodeCharge");
     i(this, "distanceVectorGenerator");
     i(this, "maxForce");
-    this.effectiveDistance = e.effectiveDistance, this.nodeCharge = e.nodeCharge, this.distanceVectorGenerator = e.distanceVectorGenerator, this.maxForce = e.maxForce;
+    this.nodeCharge = e.nodeCharge, this.distanceVectorGenerator = e.distanceVectorGenerator, this.maxForce = e.maxForce;
   }
   apply(e, t) {
     const s = Array.from(t.keys()), o = s.length;
@@ -3408,17 +3391,14 @@ class Xt {
         const d = s[h], c = e.get(a), g = e.get(d), l = this.distanceVectorGenerator.create(
           c,
           g
-        );
-        if (l.d > this.effectiveDistance)
-          continue;
-        const u = $e({
+        ), u = $e({
           coefficient: 1,
           sourceCharge: this.nodeCharge,
           targetCharge: this.nodeCharge,
           distance: l.d,
           maxForce: this.maxForce
-        }), w = u * l.ex, y = u * l.ey, A = t.get(a), x = t.get(d);
-        A.x -= w, A.y -= y, x.x += w, x.y += y;
+        }), w = u * l.ex, f = u * l.ey, E = t.get(a), S = t.get(d);
+        E.x -= w, E.y -= f, S.x += w, S.y += f;
       }
     }
   }
@@ -3496,8 +3476,8 @@ class Gt {
     this.sortedParentNodes.push(e);
     const n = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), c = o / 2;
     e.nodeIds.forEach((u) => {
-      const { x: w, y } = this.coords.get(u);
-      w < t ? y < s ? d.add(u) : h.add(u) : y < s ? a.add(u) : n.add(u), e.nodeIds.delete(u);
+      const { x: w, y: f } = this.coords.get(u);
+      w < t ? f < s ? d.add(u) : h.add(u) : f < s ? a.add(u) : n.add(u), e.nodeIds.delete(u);
     });
     const g = {
       parent: e,
@@ -3772,7 +3752,6 @@ const Ue = (r) => r.theta !== 0 ? new jt({
   nodeCharge: r.nodeCharge,
   nodeForceCoefficient: r.nodeForceCoefficient,
   distanceVectorGenerator: r.distanceVectorGenerator,
-  effectiveDistance: r.effectiveDistance,
   maxForce: r.maxForce
 });
 class Be {
@@ -3781,18 +3760,18 @@ class Be {
     i(this, "sparsity");
     this.rand = e.rand, this.sparsity = e.sparsity;
   }
-  calculateCoordinates(e, t) {
-    const s = /* @__PURE__ */ new Map(), o = e.getAllNodeIds(), n = Math.sqrt(o.length) * this.sparsity, { width: a, height: h } = t.getDimensions(), d = { x: a / 2, y: h / 2 }, c = t.createContentCoords(d), g = n / 2, l = {
-      x: c.x - g,
-      y: c.y - g
+  calculateCoordinates(e) {
+    const { graph: t, viewport: s } = e, o = /* @__PURE__ */ new Map(), n = t.getAllNodeIds(), a = Math.sqrt(n.length) * this.sparsity, { width: h, height: d } = s.getDimensions(), c = { x: h / 2, y: d / 2 }, g = s.createContentCoords(c), l = a / 2, u = {
+      x: g.x - l,
+      y: g.y - l
     };
-    return o.forEach((u) => {
-      const w = e.getNode(u);
-      s.set(u, {
-        x: w.x ?? l.x + n * this.rand(),
-        y: w.y ?? l.y + n * this.rand()
+    return n.forEach((w) => {
+      const f = t.getNode(w);
+      o.set(w, {
+        x: f.x ?? u.x + a * this.rand(),
+        y: f.y ?? u.y + a * this.rand()
       });
-    }), s;
+    }), o;
   }
 }
 class qt {
@@ -3805,12 +3784,10 @@ class qt {
     i(this, "nodeMass");
     i(this, "edgeEquilibriumLength");
     i(this, "edgeStiffness");
-    i(this, "convergenceDelta");
     i(this, "convergenceVelocity");
-    this.maxIterations = e.maxIterations, this.dtSec = e.dtSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.convergenceDelta = e.convergenceDelta, this.convergenceVelocity = e.convergenceVelocity, this.distanceVectorGenerator = new Ie(e.rand), this.nodeForcesApplicationStrategy = Ue({
+    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 Ie(e.rand), this.nodeForcesApplicationStrategy = Ue({
       distanceVectorGenerator: this.distanceVectorGenerator,
       nodeCharge: e.nodeCharge,
-      effectiveDistance: e.effectiveDistance,
       maxForce: e.maxForce,
       nodeForceCoefficient: e.nodeForceCoefficient,
       theta: e.barnesHutTheta,
@@ -3821,45 +3798,40 @@ class qt {
       sparsity: e.edgeEquilibriumLength
     });
   }
-  calculateCoordinates(e, t) {
-    const s = this.fillerLayoutAlgorithm.calculateCoordinates(
-      e,
-      t
-    );
-    for (let o = 0; o < this.maxIterations; o++) {
-      const n = new Fe(
-        e,
-        s,
-        {
-          distanceVectorGenerator: this.distanceVectorGenerator,
-          nodeForcesApplicationStrategy: this.nodeForcesApplicationStrategy,
-          dtSec: this.dtSec,
-          nodeMass: this.nodeMass,
-          edgeEquilibriumLength: this.edgeEquilibriumLength,
-          edgeStiffness: this.edgeStiffness
-        }
-      ), [a, h] = n.apply();
-      if (a < this.convergenceDelta || h < this.convergenceVelocity)
-        break;
-    }
-    return s;
+  calculateCoordinates(e) {
+    const { graph: t, viewport: s } = e, o = this.fillerLayoutAlgorithm.calculateCoordinates({
+      graph: t,
+      viewport: s
+    });
+    for (let n = 0; n < this.maxIterations && !(new Fe(
+      t,
+      o,
+      {
+        distanceVectorGenerator: this.distanceVectorGenerator,
+        nodeForcesApplicationStrategy: this.nodeForcesApplicationStrategy,
+        dtSec: this.dtSec,
+        nodeMass: this.nodeMass,
+        edgeEquilibriumLength: this.edgeEquilibriumLength,
+        edgeStiffness: this.edgeStiffness
+      }
+    ).apply() < this.convergenceVelocity); n++)
+      ;
+    return o;
   }
 }
 class Kt {
   constructor(e) {
     i(this, "distanceVectorGenerator");
     i(this, "nodeForcesApplicationStrategy");
-    i(this, "convergenceDelta");
     i(this, "convergenceVelocity");
     i(this, "maxTimeDeltaSec");
     i(this, "nodeMass");
     i(this, "edgeEquilibriumLength");
     i(this, "edgeStiffness");
     i(this, "fillerLayoutAlgorithm");
-    this.convergenceDelta = e.convergenceDelta, this.convergenceVelocity = e.convergenceVelocity, this.maxTimeDeltaSec = e.maxTimeDeltaSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.distanceVectorGenerator = new Ie(e.rand), this.nodeForcesApplicationStrategy = Ue({
+    this.convergenceVelocity = e.convergenceVelocity, this.maxTimeDeltaSec = e.maxTimeDeltaSec, this.nodeMass = e.nodeMass, this.edgeEquilibriumLength = e.edgeEquilibriumLength, this.edgeStiffness = e.edgeStiffness, this.distanceVectorGenerator = new Ie(e.rand), this.nodeForcesApplicationStrategy = Ue({
       distanceVectorGenerator: this.distanceVectorGenerator,
       nodeCharge: e.nodeCharge,
-      effectiveDistance: e.effectiveDistance,
       maxForce: e.maxForce,
       nodeForceCoefficient: e.nodeForceCoefficient,
       theta: e.barnesHutTheta,
@@ -3870,26 +3842,26 @@ class Kt {
       sparsity: e.edgeEquilibriumLength
     });
   }
-  calculateNextCoordinates(e, t, s) {
-    const o = this.fillerLayoutAlgorithm.calculateCoordinates(
-      e,
-      s
-    ), n = new Fe(
-      e,
-      o,
+  calculateNextCoordinates(e) {
+    const { graph: t, viewport: s, dt: o } = e, n = this.fillerLayoutAlgorithm.calculateCoordinates({
+      graph: t,
+      viewport: s
+    });
+    return new Fe(
+      t,
+      n,
       {
         distanceVectorGenerator: this.distanceVectorGenerator,
         nodeForcesApplicationStrategy: this.nodeForcesApplicationStrategy,
-        dtSec: Math.min(t, this.maxTimeDeltaSec),
+        dtSec: Math.min(o, this.maxTimeDeltaSec),
         nodeMass: this.nodeMass,
         edgeEquilibriumLength: this.edgeEquilibriumLength,
         edgeStiffness: this.edgeStiffness
       }
-    ), [a, h] = n.apply();
-    return (a < this.convergenceDelta || h < this.convergenceVelocity) && !e.getAllNodeIds().some((c) => {
-      const g = e.getNode(c);
+    ).apply() < this.convergenceVelocity && !t.getAllNodeIds().some((c) => {
+      const g = t.getNode(c);
       return g.x === null || g.y === null;
-    }) ? /* @__PURE__ */ new Map() : o;
+    }) ? /* @__PURE__ */ new Map() : n;
   }
 }
 const Oe = (r) => {
@@ -3908,10 +3880,8 @@ const Oe = (r) => {
   nodeMass: 1,
   edgeEquilibriumLength: 300,
   edgeStiffness: 1e3,
-  effectiveDistance: 1e3,
   dtSec: 0.01,
   maxIterations: 1e3,
-  convergenceDelta: 0,
   convergenceVelocity: 10,
   maxForce: 1e7,
   nodeForceCoefficient: 1,
@@ -3930,9 +3900,7 @@ const Oe = (r) => {
         nodeCharge: (o == null ? void 0 : o.nodeCharge) ?? v.nodeCharge,
         nodeMass: (o == null ? void 0 : o.nodeMass) ?? v.nodeMass,
         edgeEquilibriumLength: (o == null ? void 0 : o.edgeEquilibriumLength) ?? v.edgeEquilibriumLength,
-        effectiveDistance: v.effectiveDistance,
         edgeStiffness: (o == null ? void 0 : o.edgeStiffness) ?? v.edgeStiffness,
-        convergenceDelta: (o == null ? void 0 : o.convergenceDelta) ?? v.convergenceDelta,
         convergenceVelocity: (o == null ? void 0 : o.convergenceVelocity) ?? v.convergenceVelocity,
         maxForce: (o == null ? void 0 : o.maxForce) ?? v.maxForce,
         nodeForceCoefficient: (o == null ? void 0 : o.nodeForceCoefficient) ?? v.nodeForceCoefficient,
@@ -3946,8 +3914,6 @@ const Oe = (r) => {
   trigger: r
 } : (r == null ? void 0 : r.type) === "topologyChangeMacrotask" ? {
   type: "topologyChangeMacrotask"
-} : (r == null ? void 0 : r.type) === "topologyChangeTimeout" ? {
-  type: "topologyChangeMacrotask"
 } : {
   type: "topologyChangeMicrotask"
 }, Jt = (r) => {
@@ -3965,8 +3931,6 @@ const Oe = (r) => {
         nodeMass: (r == null ? void 0 : r.nodeMass) ?? v.nodeMass,
         edgeEquilibriumLength: (r == null ? void 0 : r.edgeEquilibriumLength) ?? v.edgeEquilibriumLength,
         edgeStiffness: (r == null ? void 0 : r.edgeStiffness) ?? v.edgeStiffness,
-        effectiveDistance: (r == null ? void 0 : r.effectiveDistance) ?? v.effectiveDistance,
-        convergenceDelta: (r == null ? void 0 : r.convergenceDelta) ?? v.convergenceDelta,
         convergenceVelocity: (r == null ? void 0 : r.convergenceVelocity) ?? v.convergenceVelocity,
         maxForce: (r == null ? void 0 : r.maxForce) ?? v.maxForce,
         nodeForceCoefficient: (r == null ? void 0 : r.nodeForceCoefficient) ?? v.nodeForceCoefficient,
@@ -4188,7 +4152,7 @@ export {
   ut as BezierEdgeShape,
   or as CanvasBuilder,
   Ht as CanvasBuilderError,
-  b as CanvasError,
+  A as CanvasError,
   M as ConnectionCategory,
   De as DirectEdgeShape,
   j as EventSubject,