@html-graph/html-graph 8.20.0 → 8.21.0

package/dist/html-graph.min.js

@@ -1808,7 +1808,10 @@ class kt {
     });
   }
 }
-const Ne = (r) => typeof r == "number" ? () => r : r, Ce = v.portOffset;
+const Ht = (r) => {
+  const { direction: e, radius: t } = r, { x: o, y: s } = e, { horizontal: n, vertical: a } = t, h = s / o, d = Math.abs(a / h), c = Math.abs(n * h), u = Math.min(n, d), l = Math.min(a, c);
+  return Math.sqrt(u * u + l * l);
+}, Ne = (r) => typeof r == "number" ? () => r : r === "box" ? Ht : r, Ce = v.portOffset;
 class Xe {
   constructor(e) {
     i(this, "svg");
@@ -1916,20 +1919,17 @@ class Xe {
     });
   }
 }
-const _r = (r) => {
-  const { direction: e, radius: t } = r, { x: o, y: s } = e, { horizontal: n, vertical: a } = t, h = s / o, d = Math.abs(a / h), c = Math.abs(n * h), u = Math.min(n, d), l = Math.min(a, c);
-  return Math.sqrt(u * u + l * l);
-}, Ht = () => {
+const Yt = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return r.style.pointerEvents = "auto", r.style.cursor = "pointer", r;
-}, Yt = (r) => {
+}, Xt = (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;
 }, Te = (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 Xt extends Error {
+class Gt extends Error {
   constructor(e) {
     super(e), this.name = "InteractiveEdgeError";
   }
@@ -1946,18 +1946,18 @@ class Ge {
      * @deprecated
      * use shape.svg instead
      */
-    i(this, "handle", Ht());
+    i(this, "handle", Yt());
     i(this, "onAfterRender");
     i(this, "interactiveLine");
     i(this, "interactiveSourceArrow", null);
     i(this, "interactiveTargetArrow", null);
     if (this.baseEdge = e, e instanceof Ge)
-      throw new Xt(
+      throw new Gt(
         "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 = Yt(o), this.handle.appendChild(this.interactiveLine), this.sourceArrow && (this.interactiveSourceArrow = Te(o), this.handle.appendChild(this.interactiveSourceArrow)), this.targetArrow && (this.interactiveTargetArrow = Te(o), this.handle.appendChild(this.interactiveTargetArrow)), this.group.appendChild(this.handle), this.baseEdge.onAfterRender.subscribe((s) => {
+    this.interactiveLine = Xt(o), this.handle.appendChild(this.interactiveLine), this.sourceArrow && (this.interactiveSourceArrow = Te(o), this.handle.appendChild(this.interactiveSourceArrow)), this.targetArrow && (this.interactiveTargetArrow = Te(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);
     });
   }
@@ -2228,7 +2228,7 @@ class Je {
     ), this.graphStore.onBeforeEdgeRemoved.unsubscribe(this.onBeforeEdgeRemoved), this.graphStore.onBeforeClear.unsubscribe(this.onBeforeClear), this.htmlView.destroy();
   }
 }
-const Gt = (r) => {
+const jt = (r) => {
   setTimeout(() => {
     r();
   });
@@ -2262,7 +2262,7 @@ class Ke {
     return this.viewportStore.createViewportCoords(e);
   }
 }
-const jt = (r, e) => Symbol.iterator in r ? {
+const Jt = (r, e) => Symbol.iterator in r ? {
   minContentScale: e.focus.minContentScale,
   nodes: r,
   contentPadding: e.focus.contentPadding,
@@ -2308,7 +2308,7 @@ class _e {
     g > 0 ? this.animateNavigation(a, u, g) : this.viewportStore.patchViewportMatrix(u);
   }
   focus(e) {
-    const t = jt(e ?? {}, this.params);
+    const t = Jt(e ?? {}, this.params);
     this.params.focus.schedule(() => {
       this.navigate(t);
     });
@@ -2489,7 +2489,7 @@ class j {
     this.window.removeEventListener("touchmove", this.onWindowTouchMove), this.window.removeEventListener("touchend", this.onWindowTouchFinish), this.window.removeEventListener("touchcancel", this.onWindowTouchFinish);
   }
 }
-class Jt {
+class Kt {
   constructor() {
     i(this, "field", "_htmlGraphTags");
   }
@@ -2616,7 +2616,7 @@ class De {
     }), t;
   }
 }
-class Kt {
+class Qt {
   constructor(e) {
     this.direction = e;
   }
@@ -3069,13 +3069,13 @@ class he {
     });
   }
 }
-const Qt = () => {
+const Zt = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return r.style.position = "absolute", r.style.inset = "0", r;
-}, Zt = () => {
+}, _t = () => {
   const r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   return r.setAttribute("fill", "url(#pattern)"), r;
-}, _t = () => {
+}, qt = () => {
   const r = document.createElementNS(
     "http://www.w3.org/2000/svg",
     "pattern"
@@ -3084,9 +3084,9 @@ const Qt = () => {
 };
 class de {
   constructor(e, t, o) {
-    i(this, "svg", Qt());
-    i(this, "patternRenderingRectangle", Zt());
-    i(this, "pattern", _t());
+    i(this, "svg", Zt());
+    i(this, "patternRenderingRectangle", _t());
+    i(this, "pattern", qt());
     i(this, "patternContent");
     i(this, "tileWidth");
     i(this, "tileHeight");
@@ -3422,7 +3422,7 @@ class ge {
     this.applyScheduled || (this.applyScheduled = !0, this.defererFn(this.apply));
   }
 }
-class qt {
+class er {
   constructor(e, t, o) {
     this.canvas = e, this.layoutAlgorithm = t, this.params = o;
   }
@@ -3436,9 +3436,9 @@ class qt {
     }), this.params.onAfterApplied();
   }
 }
-class er {
+class tr {
   static configure(e, t) {
-    const o = t.applyOn, s = new qt(e, t.algorithm, {
+    const o = t.applyOn, s = new er(e, t.algorithm, {
       staticNodeResolver: t.staticNodeResolver,
       onBeforeApplied: t.onBeforeApplied,
       onAfterApplied: t.onAfterApplied
@@ -3462,7 +3462,7 @@ class er {
     }
   }
 }
-class tr {
+class rr {
   constructor(e, t) {
     i(this, "previousTimeStamp");
     i(this, "step", (e) => {
@@ -3477,7 +3477,7 @@ class tr {
     this.win = e, this.callback = t, this.win.requestAnimationFrame(this.step);
   }
 }
-class rr {
+class or {
   constructor(e, t, o) {
     this.canvas = e, this.layoutAlgorithm = t, this.params = o;
   }
@@ -3498,11 +3498,11 @@ class pe {
     i(this, "step", (e) => {
       this.applier.apply(e);
     });
-    this.win = o, this.applier = new rr(e, t.algorithm, {
+    this.win = o, this.applier = new or(e, t.algorithm, {
       staticNodeResolver: t.staticNodeResolver,
       onBeforeApplied: t.onBeforeApplied,
       onAfterApplied: t.onAfterApplied
-    }), new tr(this.win, this.step);
+    }), new rr(this.win, this.step);
   }
   static configure(e, t, o) {
     new pe(e, t, o);
@@ -3625,7 +3625,7 @@ class fe {
     );
   }
 }
-const or = () => {
+const sr = () => {
   const r = document.createElement("div");
   return r.style.width = "100%", r.style.height = "100%", r.style.position = "relative", r;
 }, Q = () => {
@@ -3635,13 +3635,13 @@ const or = () => {
   const r = Q();
   return r.style.pointerEvents = "none", r;
 };
-class sr {
+class ir {
   constructor(e) {
     i(this, "background", Q());
     i(this, "main", Q());
     i(this, "overlayConnectablePorts", Re());
     i(this, "overlayDraggableEdges", Re());
-    i(this, "host", or());
+    i(this, "host", sr());
     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() {
@@ -3673,7 +3673,7 @@ const P = Object.freeze({
 ) : r === "nearest-connectable-port" ? new De(
   e,
   t
-) : new Kt(r), ve = (r) => {
+) : new Qt(r), ve = (r) => {
   if (typeof r == "function")
     return r;
   switch (r.type) {
@@ -3743,7 +3743,7 @@ const P = Object.freeze({
         detourDirection: r.detourDirection
       });
   }
-}, ir = (r) => {
+}, nr = (r) => {
   var u, l, g, p, w, y;
   const e = r.nodeDragVerifier ?? (() => !0), t = r.moveOnTop !== !1, o = r.moveEdgesOnTop !== !1 && t, s = (u = r.mouse) == null ? void 0 : u.dragCursor, n = s !== void 0 ? s : "grab", a = (l = r.mouse) == null ? void 0 : l.mouseDownEventVerifier, h = a !== void 0 ? a : (f) => f.button === 0, d = (g = r.mouse) == null ? void 0 : g.mouseUpEventVerifier, c = d !== void 0 ? d : (f) => f.button === 0;
   return {
@@ -3758,7 +3758,7 @@ const P = Object.freeze({
     nodeDragVerifier: e,
     onNodeDragFinished: ((y = r.events) == null ? void 0 : y.onNodeDragFinished) ?? N
   };
-}, nr = (r) => {
+}, ar = (r) => {
   const e = r.minX !== null ? r.minX : -1 / 0, t = r.maxX !== null ? r.maxX : 1 / 0, o = r.minY !== null ? r.minY : -1 / 0, s = r.maxY !== null ? r.maxY : 1 / 0;
   return (n) => {
     let a = n.nextTransform.x, h = n.nextTransform.y;
@@ -3768,7 +3768,7 @@ const P = Object.freeze({
     const u = n.canvasHeight * n.prevTransform.scale, l = s - u;
     return h > l && h > n.prevTransform.y && (h = Math.max(n.prevTransform.y, l)), { scale: n.nextTransform.scale, x: a, y: h };
   };
-}, ar = (r) => {
+}, hr = (r) => {
   const e = r.maxContentScale, t = r.minContentScale, o = e !== null ? 1 / e : 0, s = t !== null ? 1 / t : 1 / 0;
   return (n) => {
     const a = n.prevTransform, h = n.nextTransform;
@@ -3789,7 +3789,7 @@ const P = Object.freeze({
       y: u
     };
   };
-}, hr = (r) => (e) => r.reduce(
+}, dr = (r) => (e) => r.reduce(
   (t, o) => o({
     prevTransform: e.prevTransform,
     nextTransform: t,
@@ -3802,12 +3802,12 @@ const P = Object.freeze({
     return r;
   switch (r.type) {
     case "scale-limit":
-      return ar({
+      return hr({
         minContentScale: r.minContentScale ?? 0,
         maxContentScale: r.maxContentScale ?? 1 / 0
       });
     case "shift-limit":
-      return nr({
+      return ar({
         minX: r.minX ?? -1 / 0,
         maxX: r.maxX ?? 1 / 0,
         minY: r.minY ?? -1 / 0,
@@ -3818,7 +3818,7 @@ const P = Object.freeze({
   var g, p, w, y, f, m, E, A, T, M, L, V;
   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 = hr(
+  o !== void 0 ? Array.isArray(o) ? s = dr(
     o.map(
       (D) => Le(D)
     )
@@ -3839,17 +3839,17 @@ const P = Object.freeze({
     onResizeTransformStarted: ((L = r == null ? void 0 : r.events) == null ? void 0 : L.onResizeTransformStarted) ?? N,
     onResizeTransformFinished: ((V = r == null ? void 0 : r.events) == null ? void 0 : V.onResizeTransformFinished) ?? N
   };
-}, dr = (r, e) => {
+}, cr = (r, e) => {
   const t = document.createElementNS(
     "http://www.w3.org/2000/svg",
     "circle"
   );
   return t.setAttribute("cx", "0"), t.setAttribute("cy", "0"), t.setAttribute("r", `${r}`), t.setAttribute("fill", `${e}`), t;
-}, cr = (r) => r instanceof SVGElement ? r : dr(
+}, lr = (r) => r instanceof SVGElement ? r : cr(
   (r == null ? void 0 : r.radius) ?? 1.5,
   (r == null ? void 0 : r.color) ?? "#d8d8d8"
-), lr = (r) => {
-  const e = r.tileDimensions, t = (e == null ? void 0 : e.width) ?? 25, o = (e == null ? void 0 : e.height) ?? 25, s = cr(r.renderer ?? {});
+), ur = (r) => {
+  const e = r.tileDimensions, t = (e == null ? void 0 : e.width) ?? 25, o = (e == null ? void 0 : e.height) ?? 25, s = lr(r.renderer ?? {});
   return {
     tileWidth: t,
     tileHeight: o,
@@ -3861,7 +3861,7 @@ const P = Object.freeze({
   connectionPreprocessor: (r) => r,
   connectionAllowedVerifier: () => !0,
   mouseEventVerifier: (r) => r.button === 0
-}), ur = (r, e, t) => {
+}), gr = (r, e, t) => {
   var s, n, a;
   const o = r.connectionAllowedVerifier ?? $.connectionAllowedVerifier;
   return {
@@ -3886,7 +3886,7 @@ const P = Object.freeze({
   // TODO: remove ctrl key
   mouseDownEventVerifier: (r) => r.button === 0 && r.ctrlKey,
   mouseUpEventVerifier: (r) => r.button === 0
-}), gr = (r, e) => {
+}), pr = (r, e) => {
   var s, n, a;
   const t = (h) => {
     const d = e.getPortAdjacentEdgeIds(h);
@@ -3908,17 +3908,17 @@ const P = Object.freeze({
       o
     )
   };
-}, pr = (r) => ({
+}, wr = (r) => ({
   nodeVerticalRadius: r.nodeContainingRadius.vertical,
   nodeHorizontalRadius: r.nodeContainingRadius.horizontal
-}), wr = (r) => {
+}), yr = (r) => {
   var e, t;
   return {
     onAfterNodeDetached: ((e = r == null ? void 0 : r.events) == null ? void 0 : e.onAfterNodeDetached) ?? N,
     onBeforeNodeAttached: ((t = r == null ? void 0 : r.events) == null ? void 0 : t.onBeforeNodeAttached) ?? N
   };
 };
-class yr extends Error {
+class fr extends Error {
   constructor() {
     super(...arguments);
     i(this, "name", "CanvasBuilderError");
@@ -3987,7 +3987,7 @@ const ot = (r) => {
   const e = r.coefficient * (r.sourceCharge * r.targetCharge / (r.distance * r.distance));
   return Math.min(e, r.maxForce);
 };
-class fr {
+class vr {
   constructor(e) {
     i(this, "nodeCharge");
     i(this, "distanceVectorGenerator");
@@ -4014,7 +4014,7 @@ class fr {
     }
   }
 }
-const vr = (r) => {
+const mr = (r) => {
   if (r.size === 0)
     return {
       centerX: 0,
@@ -4032,7 +4032,7 @@ const vr = (r) => {
     radius: h / 2
   };
 };
-class mr {
+class xr {
   constructor(e) {
     i(this, "root");
     i(this, "leaves", /* @__PURE__ */ new Map());
@@ -4189,7 +4189,7 @@ class mr {
     }), { x: t / e.size, y: o / e.size };
   }
 }
-class xr {
+class Er {
   constructor(e) {
     i(this, "areaRadiusThreshold");
     i(this, "nodeMass");
@@ -4201,7 +4201,7 @@ class xr {
     this.areaRadiusThreshold = e.areaRadiusThreshold, this.nodeMass = e.nodeMass, this.nodeCharge = e.nodeCharge, this.theta = e.theta, this.distanceVectorGenerator = e.distanceVectorGenerator, this.nodeForceCoefficient = e.nodeForceCoefficient, this.maxForce = e.maxForce;
   }
   apply(e, t) {
-    const o = vr(e), s = new mr({
+    const o = mr(e), s = new xr({
       box: o,
       coords: e,
       areaRadiusThreshold: this.areaRadiusThreshold,
@@ -4351,7 +4351,7 @@ class xr {
     }
   }
 }
-const st = (r) => r.theta !== 0 ? new xr({
+const st = (r) => r.theta !== 0 ? new Er({
   nodeCharge: r.nodeCharge,
   nodeForceCoefficient: r.nodeForceCoefficient,
   distanceVectorGenerator: r.distanceVectorGenerator,
@@ -4359,7 +4359,7 @@ const st = (r) => r.theta !== 0 ? new xr({
   theta: r.theta,
   nodeMass: r.nodeMass,
   areaRadiusThreshold: r.areaRadiusThreshold
-}) : new fr({
+}) : new vr({
   nodeCharge: r.nodeCharge,
   nodeForceCoefficient: r.nodeForceCoefficient,
   distanceVectorGenerator: r.distanceVectorGenerator,
@@ -4388,7 +4388,7 @@ class it {
     }), s;
   }
 }
-class Er {
+class Ar {
   constructor(e) {
     i(this, "distanceVectorGenerator");
     i(this, "nodeForcesApplicationStrategy");
@@ -4433,7 +4433,7 @@ class Er {
     return s;
   }
 }
-class Ar {
+class Sr {
   constructor(e, t) {
     i(this, "forest", /* @__PURE__ */ new Set());
     i(this, "remainingNodeIds");
@@ -4474,7 +4474,7 @@ class Ar {
     }
   }
 }
-class Sr {
+class br {
   constructor(e) {
     this.params = e;
   }
@@ -4515,12 +4515,12 @@ class Sr {
     return o - 2 * this.params.spaceAroundRadius;
   }
 }
-class br {
+class Pr {
   constructor(e, t) {
     i(this, "offsets", /* @__PURE__ */ new Map());
     i(this, "treeSpans", /* @__PURE__ */ new Map());
     this.tree = e;
-    const o = t.spaceAroundRadius, s = new Sr({
+    const o = t.spaceAroundRadius, s = new br({
       spaceAroundRadius: o
     });
     [...this.tree.sequence].reverse().forEach((n) => {
@@ -4542,19 +4542,19 @@ class br {
     return this.offsets;
   }
 }
-class Pr {
+class Nr {
   constructor(e) {
     this.params = e;
   }
   calculateCoordinates(e) {
-    const t = /* @__PURE__ */ new Map(), s = new Ar(
+    const t = /* @__PURE__ */ new Map(), s = new Sr(
       e.graph,
       this.params.nextLayerNodesResolver
     ).generate();
     let n = 0;
     return s.forEach((a) => {
       t.set(a.root.nodeId, { x: n, y: 0 });
-      const d = new br(a, {
+      const d = new Pr(a, {
         spaceAroundRadius: this.params.layerSpace / 2
       }).generate();
       let c = [a.root];
@@ -4575,7 +4575,7 @@ class Pr {
     }), t;
   }
 }
-const Nr = (r) => {
+const Cr = (r) => {
   const { graph: e, currentNodeId: t } = r, o = e.getNodeOutgoingEdgeIds(t).map((n) => {
     const a = e.getEdge(n);
     return e.getPort(a.to).nodeId;
@@ -4584,20 +4584,20 @@ const Nr = (r) => {
     return e.getPort(a.from).nodeId;
   });
   return /* @__PURE__ */ new Set([...o, ...s]);
-}, Cr = (r) => {
+}, Tr = (r) => {
   const { graph: e, currentNodeId: t } = r, o = e.getNodeOutgoingEdgeIds(t).map((s) => {
     const n = e.getEdge(s);
     return e.getPort(n.to).nodeId;
   });
   return new Set(o);
-}, Tr = (r) => {
+}, Mr = (r) => {
   const { graph: e, currentNodeId: t } = r, o = e.getNodeIncomingEdgeIds(t).map((s) => {
     const n = e.getEdge(s);
     return e.getPort(n.from).nodeId;
   });
   return new Set(o);
 };
-class Mr {
+class Dr {
   constructor(e) {
     i(this, "distanceVectorGenerator");
     i(this, "nodeForcesApplicationStrategy");
@@ -4651,14 +4651,14 @@ const nt = (r) => {
   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;
-}, Dr = (r) => {
+}, Rr = (r) => {
   var e, t;
   switch (r == null ? void 0 : r.type) {
     case "custom":
       return r.instance;
     default: {
       const o = nt((r == null ? void 0 : r.seed) ?? P.seed), s = at(o[0], o[1], o[2], o[3]);
-      return new Mr({
+      return new Dr({
         rand: s,
         maxTimeDeltaSec: (r == null ? void 0 : r.maxTimeDeltaSec) ?? P.maxTimeDeltaSec,
         nodeCharge: (r == null ? void 0 : r.nodeCharge) ?? P.nodeCharge,
@@ -4674,17 +4674,17 @@ const nt = (r) => {
       });
     }
   }
-}, Rr = {
+}, Lr = {
   staticNodeResolver: () => !1
-}, Lr = (r) => {
+}, Vr = (r) => {
   var t, o;
   return {
-    algorithm: Dr((r == null ? void 0 : r.algorithm) ?? {}),
-    staticNodeResolver: (r == null ? void 0 : r.staticNodeResolver) ?? Rr.staticNodeResolver,
+    algorithm: Rr((r == null ? void 0 : r.algorithm) ?? {}),
+    staticNodeResolver: (r == null ? void 0 : r.staticNodeResolver) ?? Lr.staticNodeResolver,
     onBeforeApplied: ((t = r == null ? void 0 : r.events) == null ? void 0 : t.onBeforeApplied) ?? N,
     onAfterApplied: ((o = r == null ? void 0 : r.events) == null ? void 0 : o.onAfterApplied) ?? N
   };
-}, Vr = (r) => r instanceof q ? {
+}, Ir = (r) => r instanceof q ? {
   type: "trigger",
   trigger: r
 } : r === "topologyChangeMicrotask" ? {
@@ -4692,7 +4692,7 @@ const nt = (r) => {
   schedule: Me
 } : (r == null ? void 0 : r.type) === "topologyChangeMacrotask" ? {
   type: "topologyChangeSchedule",
-  schedule: Gt
+  schedule: jt
 } : {
   type: "topologyChangeSchedule",
   schedule: Me
@@ -4709,7 +4709,7 @@ const nt = (r) => {
   d: r.d * e.a + r.e * e.d,
   e: r.d * e.b + r.e * e.e,
   f: r.d * e.c + r.e * e.f + r.f
-}), Ir = (r) => {
+}), Fr = (r) => {
   const { a: e, b: t, c: o, d: s, e: n, f: a } = r, h = e * n - t * s;
   return {
     a: n / h,
@@ -4720,7 +4720,7 @@ const nt = (r) => {
     f: (o * s - e * a) / h
   };
 };
-class Fr {
+class Ur {
   resolve(e) {
     if ("shift" in e)
       return this.createShiftBaseMatrix(e.shift);
@@ -4764,7 +4764,7 @@ class Fr {
     const o = k(
       t,
       e
-    ), s = Ir(t);
+    ), s = Fr(t);
     return k(o, s);
   }
   createShiftBaseMatrix(e) {
@@ -4809,7 +4809,7 @@ class Fr {
     };
   }
 }
-const Ur = (r) => {
+const $r = (r) => {
   if (r === void 0)
     return (s) => s;
   if (typeof r == "function")
@@ -4823,7 +4823,7 @@ const Ur = (r) => {
     e: 1,
     f: 0
   };
-  const o = new Fr();
+  const o = new Ur();
   return e.forEach((s) => {
     const n = o.resolve(s);
     t = k(t, n);
@@ -4834,34 +4834,34 @@ const Ur = (r) => {
       y: t.d * n + t.e * a + t.f
     };
   };
-}, $r = (r) => {
+}, Br = (r) => {
   if (typeof r == "function")
     return r;
   switch (r) {
     case "outgoing":
-      return Cr;
-    case "incoming":
       return Tr;
+    case "incoming":
+      return Mr;
     default:
-      return Nr;
+      return Cr;
   }
-}, Br = (r) => {
+}, Or = (r) => {
   var e, t;
   switch (r == null ? void 0 : r.type) {
     case "custom":
       return r.instance;
     case "hierarchical":
-      return new Pr({
+      return new Nr({
         layerWidth: r.layerWidth ?? Z.hierarchicalLayout.layerWidth,
         layerSpace: r.layerSpace ?? Z.hierarchicalLayout.layerSpace,
-        transform: Ur(r.transform),
-        nextLayerNodesResolver: $r(
+        transform: $r(r.transform),
+        nextLayerNodesResolver: Br(
           r.nextLayerNodesResolver
         )
       });
     default: {
       const o = nt((r == null ? void 0 : r.seed) ?? P.seed), s = at(o[0], o[1], o[2], o[3]);
-      return new Er({
+      return new Ar({
         dtSec: (r == null ? void 0 : r.dtSec) ?? P.dtSec,
         maxIterations: (r == null ? void 0 : r.maxIterations) ?? P.maxIterations,
         rand: s,
@@ -4877,16 +4877,16 @@ const Ur = (r) => {
       });
     }
   }
-}, Or = (r) => {
+}, Wr = (r) => {
   var e, t;
   return {
-    algorithm: Br(r.algorithm),
-    applyOn: Vr(r.applyOn),
+    algorithm: Or(r.algorithm),
+    applyOn: Ir(r.applyOn),
     staticNodeResolver: r.staticNodeResolver ?? Z.staticNodeResolver,
     onBeforeApplied: ((e = r.events) == null ? void 0 : e.onBeforeApplied) ?? N,
     onAfterApplied: ((t = r.events) == null ? void 0 : t.onAfterApplied) ?? N
   };
-}, Wr = (r, e) => ({
+}, zr = (r, e) => ({
   ...r,
   onNodeDragStarted: (t) => {
     e.add(t), r.onNodeDragStarted(t);
@@ -4894,7 +4894,7 @@ const Ur = (r) => {
   onNodeDragFinished: (t) => {
     e.delete(t), r.onNodeDragFinished(t);
   }
-}), zr = (r, e) => {
+}), kr = (r, e) => {
   r.graph.onBeforeNodeRemoved.subscribe((t) => {
     e.delete(t);
   }), r.graph.onBeforeClear.subscribe(() => {
@@ -4902,22 +4902,22 @@ const Ur = (r) => {
   }), r.onBeforeDestroy.subscribe(() => {
     e.clear();
   });
-}, kr = (r, e) => ({
+}, Hr = (r, e) => ({
   ...r,
   staticNodeResolver: (t) => r.staticNodeResolver(t) || e.has(t)
-}), _ = (r) => () => r, Ie = _(0), Hr = () => {
+}), _ = (r) => () => r, Ie = _(0), Yr = () => {
   let r = 0;
   return () => r++;
-}, Yr = (r, e) => {
+}, Xr = (r, e) => {
   let t = Ie, o = Ie;
-  const s = Hr();
+  const s = Yr();
   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,
     edgesPriorityFn: o
   };
-}, Xr = (r) => {
+}, Gr = (r) => {
   var t, o, s, n, a;
-  const e = Yr(
+  const e = Xr(
     (t = r.nodes) == null ? void 0 : t.priority,
     (o = r.edges) == null ? void 0 : o.priority
   );
@@ -4934,9 +4934,9 @@ const Ur = (r) => {
       priorityFn: e.edgesPriorityFn
     }
   };
-}, Gr = (r) => r.applyOn.type === "topologyChangeSchedule" ? r.applyOn.schedule : oe, jr = (r) => {
+}, jr = (r) => r.applyOn.type === "topologyChangeSchedule" ? r.applyOn.schedule : oe, Jr = (r) => {
   var o, s, n, a;
-  const { canvasDefaults: e } = r, t = r.hasLayout ? Gr(r.layoutParams) : oe;
+  const { canvasDefaults: e } = r, t = r.hasLayout ? jr(r.layoutParams) : oe;
   return {
     focus: {
       contentPadding: ((o = e.focus) == null ? void 0 : o.contentPadding) ?? ((s = e.focus) == null ? void 0 : s.contentOffset) ?? 100,
@@ -4945,17 +4945,17 @@ const Ur = (r) => {
       animationDuration: ((a = e.focus) == null ? void 0 : a.animationDuration) ?? 0
     }
   };
-}, Jr = (r) => ({
+}, Kr = (r) => ({
   onNodeSelected: r.onNodeSelected,
   mouseDownEventVerifier: r.mouseDownEventVerifier ?? I.mouseDownEventVerifier,
   mouseUpEventVerifier: r.mouseUpEventVerifier ?? I.mouseUpEventVerifier,
   movementThreshold: r.movementThreshold ?? I.movementThreshold
-}), Kr = (r) => ({
+}), Qr = (r) => ({
   onCanvasSelected: r.onCanvasSelected,
   mouseDownEventVerifier: r.mouseDownEventVerifier ?? I.mouseDownEventVerifier,
   mouseUpEventVerifier: r.mouseUpEventVerifier ?? I.mouseUpEventVerifier,
   movementThreshold: r.movementThreshold ?? I.movementThreshold
-}), Qr = (r) => ({
+}), Zr = (r) => ({
   onEdgeSelected: r.onEdgeSelected,
   mouseDownEventVerifier: r.mouseDownEventVerifier ?? I.mouseDownEventVerifier,
   mouseUpEventVerifier: r.mouseUpEventVerifier ?? I.mouseUpEventVerifier,
@@ -4988,7 +4988,7 @@ class eo {
     i(this, "window", window);
     i(this, "animationStaticNodes", /* @__PURE__ */ new Set());
     i(this, "pointInsideVerifier");
-    i(this, "eventTagger", new Jt());
+    i(this, "eventTagger", new Kt());
     this.element = e, this.pointInsideVerifier = new Et(e, this.window);
   }
   setDefaults(e) {
@@ -5032,21 +5032,21 @@ class eo {
   }
   build() {
     if (this.used)
-      throw new yr(
+      throw new fr(
         "Failed to build Canvas because CanvasBuilder is a single-use object"
       );
     this.used = !0;
-    const e = new vt(this.element), t = new $e(), o = new sr(this.element), s = this.createHtmlView(
+    const e = new vt(this.element), t = new $e(), o = new ir(this.element), s = this.createHtmlView(
       o.main,
       t,
       e
-    ), n = Xr(
+    ), n = Gr(
       this.canvasDefaults
     ), a = new Je(
       t,
       s,
       n
-    ), h = Or(this.layoutConfig), d = jr({
+    ), h = Wr(this.layoutConfig), d = Jr({
       canvasDefaults: this.canvasDefaults,
       hasLayout: this.hasLayout,
       layoutParams: h
@@ -5063,10 +5063,10 @@ class eo {
     );
     if (this.hasBackground && de.configure(
       g,
-      lr(this.backgroundConfig),
+      ur(this.backgroundConfig),
       o.background
     ), this.hasNodeResizeReactiveEdges && ee.configure(g), this.userSelectableEdgesConfig !== void 0) {
-      const p = Qr(
+      const p = Zr(
         this.userSelectableEdgesConfig
       );
       ye.configure(
@@ -5078,7 +5078,7 @@ class eo {
       );
     }
     if (this.userSelectableNodesConfig !== void 0) {
-      const p = Jr(
+      const p = Kr(
         this.userSelectableNodesConfig
       );
       we.configure(
@@ -5090,7 +5090,7 @@ class eo {
       );
     }
     if (this.userSelectableCanvasConfig !== void 0) {
-      const p = Kr(
+      const p = Qr(
         this.userSelectableCanvasConfig
       );
       fe.configure(
@@ -5103,8 +5103,8 @@ class eo {
       );
     }
     if (this.hasDraggableNodes) {
-      let p = ir(this.dragConfig);
-      this.hasAnimatedLayout && (p = Wr(
+      let p = nr(this.dragConfig);
+      this.hasAnimatedLayout && (p = zr(
         p,
         this.animationStaticNodes
       )), ae.configure(
@@ -5116,7 +5116,7 @@ class eo {
       );
     }
     if (this.hasUserConnectablePorts) {
-      const p = ur(
+      const p = gr(
         this.connectablePortsConfig,
         n.edges.shapeFactory,
         g.graph
@@ -5131,7 +5131,7 @@ class eo {
       );
     }
     if (this.hasUserDraggableEdges) {
-      const p = gr(
+      const p = pr(
         this.draggableEdgesConfig,
         g.graph
       );
@@ -5151,19 +5151,19 @@ class eo {
       Ve(this.transformConfig),
       this.boxRenderingTrigger,
       this.pointInsideVerifier,
-      pr(this.virtualScrollConfig)
+      wr(this.virtualScrollConfig)
     ) : this.hasTransformableViewport && J.configure(
       g,
       o.main,
       this.window,
       this.pointInsideVerifier,
       Ve(this.transformConfig)
-    ), this.hasLayout && er.configure(g, h), this.hasAnimatedLayout) {
-      let p = Lr(this.animatedLayoutConfig);
-      this.hasDraggableNodes && (zr(
+    ), this.hasLayout && tr.configure(g, h), this.hasAnimatedLayout) {
+      let p = Vr(this.animatedLayoutConfig);
+      this.hasDraggableNodes && (kr(
         g,
         this.animationStaticNodes
-      ), p = kr(
+      ), p = Hr(
         p,
         this.animationStaticNodes
       )), pe.configure(g, p, this.window);
@@ -5178,23 +5178,23 @@ class eo {
       s,
       t,
       this.boxRenderingTrigger,
-      wr(this.virtualScrollConfig)
+      yr(this.virtualScrollConfig)
     )), s = new yt(s, t), s;
   }
 }
 export {
   Ot as BezierEdgeShape,
   eo as CanvasBuilder,
-  yr as CanvasBuilderError,
+  fr as CanvasBuilderError,
   S as CanvasError,
   U as ConnectionCategory,
   Xe as DirectEdgeShape,
   q as EventSubject,
   Wt as HorizontalEdgeShape,
-  Xt as InteractiveEdgeError,
+  Gt as InteractiveEdgeError,
   Ge as InteractiveEdgeShape,
   qr as MidpointEdgeShape,
   zt as StraightEdgeShape,
   kt as VerticalEdgeShape,
-  _r as boxPortOffsetFn
+  Ht as boxPortOffsetFn
 };