@html-graph/html-graph 8.20.0 → 8.21.0

package/README.md

@@ -36,4 +36,8 @@ const canvas = new CanvasBuilder(element)
   .build();
 ```
 
-Visit the <a target="_blank" href="https://html-graph.github.io">DOCUMENTATION</a> for examples and API reference.
+## Links
+
+- <a target="_blank" href="https://html-graph.github.io">Documentation</a>
+- <a target="_blank" href="https://github.com/html-graph/html-graph/blob/master/CONTRIBUTING.md">Contributing</a>
+- <a target="_blank" href="https://github.com/html-graph/html-graph/blob/master/DEVELOPMENT.md">Development</a>

package/dist/html-graph.d.ts

@@ -854,7 +854,7 @@ export declare interface Point {
 
 export declare type PortElement = HTMLElement | SVGElement;
 
-export declare type PortOffset = number | PortOffsetFn;
+export declare type PortOffset = number | PortOffsetFn | "box";
 
 export declare type PortOffsetFn = (params: PortOffsetFnParams) => number;
 

package/dist/html-graph.js

@@ -2494,10 +2494,24 @@ class VerticalEdgeShape {
     });
   }
 }
+const boxPortOffsetFn = (params) => {
+  const { direction, radius } = params;
+  const { x, y } = direction;
+  const { horizontal, vertical } = radius;
+  const tg = y / x;
+  const horX = Math.abs(vertical / tg);
+  const vertY = Math.abs(horizontal * tg);
+  const minX = Math.min(horizontal, horX);
+  const minY = Math.min(vertical, vertY);
+  return Math.sqrt(minX * minX + minY * minY);
+};
 const resolvePortOffsetFn = (offset) => {
   if (typeof offset === "number") {
     return () => offset;
   }
+  if (offset === "box") {
+    return boxPortOffsetFn;
+  }
   return offset;
 };
 const defaultPortOffset = edgeConstants.portOffset;
@@ -2651,17 +2665,6 @@ class DirectEdgeShape {
     });
   }
 }
-const boxPortOffsetFn = (params) => {
-  const { direction, radius } = params;
-  const { x, y } = direction;
-  const { horizontal, vertical } = radius;
-  const tg = y / x;
-  const horX = Math.abs(vertical / tg);
-  const vertY = Math.abs(horizontal * tg);
-  const minX = Math.min(horizontal, horX);
-  const minY = Math.min(vertical, vertY);
-  return Math.sqrt(minX * minX + minY * minY);
-};
 const createEdgeGroup = () => {
   const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
   group.style.pointerEvents = "auto";