@graphlearning/graphl-flow 0.2.0 → 0.3.0

package/dist/routing.d.ts

@@ -23,6 +23,8 @@ export interface Routed {
         side: 'on' | 'before' | 'after';
         seg: 'h' | 'v';
     };
+    /** How many edges hold a slot in this edge's channel (0: none). The layout widens the gap for them. */
+    slots: number;
 }
 /** An edge ends this far OUTSIDE its node, so the arrowhead never touches the border. */
 export declare const ANCHOR_OUTSET = 4;
@@ -30,6 +32,17 @@ export declare const ANCHOR_OUTSET = 4;
 export declare const PORT_INSET = 12;
 /** Two ports closer than this on one face make the whole face spread evenly. */
 export declare const PORT_MIN_GAP = 14;
+/** The arrowhead's length (its marker is 10 user units): a slot keeps at least this run to each anchor. */
+export declare const HEAD_LEN = 10;
+/** Between two slots in one channel. */
+export declare const SLOT_GAP = 8;
+/**
+ * The gap a channel needs for `n` slots: a full head's run at each end, outside each anchor, and
+ * SLOT_GAP between neighbours. One slot needs 28 — inside EDGE_GAP — so only a SHARED channel grows.
+ * Without it, three arrows fanning into one node through a 32px gap left a 4px last run, which the
+ * 6px head trim reversed: the arrowhead pointed back into the gap (0.2, edge-fan-in).
+ */
+export declare const slotRoom: (n: number) => number;
 /**
  * `sides[i]` names the two SIBLINGS edge i runs between — the children of its lowest common
  * ancestor that contain each end. The faces are chosen from THEIR boxes, not the nodes': two nested

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphlearning/graphl-flow",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Declarative diagram engine — authors describe groups, items and edges; the browser lays them out and the engine draws the edges.",
   "license": "UNLICENSED",
   "repository": {