@cardenelabs/cdl 0.123.0 → 0.124.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as EdgeRole, f as EdgeHead, g as EdgeHeadFill, h as EdgeRouting, i as CdlState, j as CdlInputOption, k as CdlEventTarget, l as CdlLang, m as CdlTextMetrics, n as Computed, o as CdlDerivedValue, p as CdlScrollTrigger, L as LaidDiagram, q as CdlDiagramViewProps, r as LaidEdge, s as LaidNode, t as CdlEdge, B as BBox, R as RowMark, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey, u as TreeNodePayload } from './render-CVczwfRb.cjs';
-export { v as CdlDiagramView, w as CdlEventBinding, x as CdlEventKind, y as CdlFormula, z as CdlPhase, A as ChartPieForm, D as ChartSlopeForm, F as EDGE_HEADS, G as EDGE_HEAD_DEFAULT, H as EDGE_HEAD_FILLS, I as EDGE_HEAD_FILL_DEFAULT, K as EDGE_REVEALS, M as EDGE_REVEAL_DEFAULT, O as EDGE_STYLES, P as EdgeReveal, U as InteractiveHandlerMap, V as InteractiveSignalsAccessor, W as LaidLane, X as NODE_KINDS, Y as RELATION_FOCUSES, Z as RELATION_FOCUS_DEFAULT, _ as RelationFocus, $ as ScrollProgressHandle, a0 as TONES, a1 as computeEventBindingKey, a2 as computeFormulaKey, a3 as computeInputSignalKey, a4 as computeScrollTriggerKey, a5 as computed, a6 as createInteractiveSignalsAccessor, a7 as createScrollProgressHandle, a8 as createScrollProgressSignals, a9 as hasInteractivePrimitives, aa as resolveLang, ab as sequenceBoardMetrics, ac as sequenceStepId, ad as signal } from './render-CVczwfRb.cjs';
+import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as EdgeRole, f as EdgeHead, g as EdgeHeadFill, h as EdgeRouting, i as CdlState, j as CdlInputOption, k as CdlEventTarget, l as CdlLang, m as CdlTextMetrics, n as Computed, o as CdlDerivedValue, p as CdlScrollTrigger, L as LaidDiagram, q as CdlDiagramViewProps, r as LaidEdge, s as LaidNode, t as CdlEdge, B as BBox, R as RowMark, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey, u as TreeNodePayload } from './render-U6omSNH2.cjs';
+export { v as CdlDiagramView, w as CdlEventBinding, x as CdlEventKind, y as CdlFormula, z as CdlPhase, A as ChartPieForm, D as ChartSlopeForm, F as EDGE_HEADS, G as EDGE_HEAD_DEFAULT, H as EDGE_HEAD_FILLS, I as EDGE_HEAD_FILL_DEFAULT, K as EDGE_REVEALS, M as EDGE_REVEAL_DEFAULT, O as EDGE_STYLES, P as EdgeReveal, U as InteractiveHandlerMap, V as InteractiveSignalsAccessor, W as LaidLane, X as NODE_KINDS, Y as RELATION_FOCUSES, Z as RELATION_FOCUS_DEFAULT, _ as RelationFocus, $ as ScrollProgressHandle, a0 as TONES, a1 as computeEventBindingKey, a2 as computeFormulaKey, a3 as computeInputSignalKey, a4 as computeScrollTriggerKey, a5 as computed, a6 as createInteractiveSignalsAccessor, a7 as createScrollProgressHandle, a8 as createScrollProgressSignals, a9 as hasInteractivePrimitives, aa as resolveLang, ab as sequenceBoardMetrics, ac as sequenceStepId, ad as signal } from './render-U6omSNH2.cjs';
 import { JSX } from 'react';
 
 declare function effect(fn: () => void | (() => void)): () => void;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as EdgeRole, f as EdgeHead, g as EdgeHeadFill, h as EdgeRouting, i as CdlState, j as CdlInputOption, k as CdlEventTarget, l as CdlLang, m as CdlTextMetrics, n as Computed, o as CdlDerivedValue, p as CdlScrollTrigger, L as LaidDiagram, q as CdlDiagramViewProps, r as LaidEdge, s as LaidNode, t as CdlEdge, B as BBox, R as RowMark, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey, u as TreeNodePayload } from './render-CVczwfRb.js';
-export { v as CdlDiagramView, w as CdlEventBinding, x as CdlEventKind, y as CdlFormula, z as CdlPhase, A as ChartPieForm, D as ChartSlopeForm, F as EDGE_HEADS, G as EDGE_HEAD_DEFAULT, H as EDGE_HEAD_FILLS, I as EDGE_HEAD_FILL_DEFAULT, K as EDGE_REVEALS, M as EDGE_REVEAL_DEFAULT, O as EDGE_STYLES, P as EdgeReveal, U as InteractiveHandlerMap, V as InteractiveSignalsAccessor, W as LaidLane, X as NODE_KINDS, Y as RELATION_FOCUSES, Z as RELATION_FOCUS_DEFAULT, _ as RelationFocus, $ as ScrollProgressHandle, a0 as TONES, a1 as computeEventBindingKey, a2 as computeFormulaKey, a3 as computeInputSignalKey, a4 as computeScrollTriggerKey, a5 as computed, a6 as createInteractiveSignalsAccessor, a7 as createScrollProgressHandle, a8 as createScrollProgressSignals, a9 as hasInteractivePrimitives, aa as resolveLang, ab as sequenceBoardMetrics, ac as sequenceStepId, ad as signal } from './render-CVczwfRb.js';
+import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as EdgeRole, f as EdgeHead, g as EdgeHeadFill, h as EdgeRouting, i as CdlState, j as CdlInputOption, k as CdlEventTarget, l as CdlLang, m as CdlTextMetrics, n as Computed, o as CdlDerivedValue, p as CdlScrollTrigger, L as LaidDiagram, q as CdlDiagramViewProps, r as LaidEdge, s as LaidNode, t as CdlEdge, B as BBox, R as RowMark, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey, u as TreeNodePayload } from './render-U6omSNH2.js';
+export { v as CdlDiagramView, w as CdlEventBinding, x as CdlEventKind, y as CdlFormula, z as CdlPhase, A as ChartPieForm, D as ChartSlopeForm, F as EDGE_HEADS, G as EDGE_HEAD_DEFAULT, H as EDGE_HEAD_FILLS, I as EDGE_HEAD_FILL_DEFAULT, K as EDGE_REVEALS, M as EDGE_REVEAL_DEFAULT, O as EDGE_STYLES, P as EdgeReveal, U as InteractiveHandlerMap, V as InteractiveSignalsAccessor, W as LaidLane, X as NODE_KINDS, Y as RELATION_FOCUSES, Z as RELATION_FOCUS_DEFAULT, _ as RelationFocus, $ as ScrollProgressHandle, a0 as TONES, a1 as computeEventBindingKey, a2 as computeFormulaKey, a3 as computeInputSignalKey, a4 as computeScrollTriggerKey, a5 as computed, a6 as createInteractiveSignalsAccessor, a7 as createScrollProgressHandle, a8 as createScrollProgressSignals, a9 as hasInteractivePrimitives, aa as resolveLang, ab as sequenceBoardMetrics, ac as sequenceStepId, ad as signal } from './render-U6omSNH2.js';
 import { JSX } from 'react';
 
 declare function effect(fn: () => void | (() => void)): () => void;

package/dist/index.js

@@ -20512,6 +20512,55 @@ function bowSharedStraightPaths(edges, nodes, skipIds, textMetrics = "proportion
 function nodeRect(n) {
   return { x: n.cx - n.w / 2, y: n.cy - n.h / 2, w: n.w, h: n.h };
 }
+function countPathObstacleCrossings(d, obstacles) {
+  const segments = flattenPathSegments(extractPathSegments(d));
+  return obstacles.filter((obstacle) => segmentsCrossRect(segments, nodeRect(obstacle))).length;
+}
+function makeBackDetourCandidate(A, B, from, to, obstacles, detourY, side) {
+  const lowIsA = A.y >= B.y;
+  const low = lowIsA ? A : B;
+  const lowBendY = low.y - VERTICAL_DETOUR_EXIT;
+  const bandTop = Math.min(detourY, lowBendY);
+  const bandBottom = Math.max(detourY, lowBendY);
+  const bandObstacles = obstacles.map(nodeRect).filter((rect) => rect.y + rect.h >= bandTop && rect.y <= bandBottom);
+  let columnX = detourColumnFor([from, to], side);
+  while (true) {
+    const blockers = bandObstacles.filter(
+      (rect) => rect.x - VERTICAL_DETOUR_GAP < columnX && columnX < rect.x + rect.w + VERTICAL_DETOUR_GAP
+    );
+    if (blockers.length === 0) break;
+    columnX = side === "left" ? Math.min(...blockers.map((rect) => rect.x - VERTICAL_DETOUR_GAP)) : Math.max(...blockers.map((rect) => rect.x + rect.w + VERTICAL_DETOUR_GAP));
+  }
+  const bendAY = lowIsA ? lowBendY : detourY;
+  const bendBY = lowIsA ? detourY : lowBendY;
+  const vertices = [
+    A,
+    { x: A.x, y: bendAY },
+    { x: columnX, y: bendAY },
+    { x: columnX, y: bendBY },
+    { x: B.x, y: bendBY },
+    B
+  ];
+  const d = verticesToPath(vertices);
+  const high = lowIsA ? B : A;
+  return {
+    d,
+    labelX: (high.x + columnX) / 2,
+    crossings: countPathObstacleCrossings(d, obstacles),
+    length: vertices.slice(1).reduce((sum, vertex, index) => {
+      const previous = vertices[index];
+      return sum + Math.hypot(vertex.x - previous.x, vertex.y - previous.y);
+    }, 0)
+  };
+}
+function chooseBackDetourCandidate(A, B, from, to, obstacles, detourY) {
+  const left = makeBackDetourCandidate(A, B, from, to, obstacles, detourY, "left");
+  const right = makeBackDetourCandidate(A, B, from, to, obstacles, detourY, "right");
+  if (left.crossings !== right.crossings) return left.crossings < right.crossings ? left : right;
+  if (Math.abs(left.length - right.length) >= 0.5) return left.length < right.length ? left : right;
+  const preferred = Math.abs(A.x - B.x) < 0.5 ? "right" : A.x < B.x ? "left" : "right";
+  return preferred === "left" ? left : right;
+}
 function rectGap(a, b) {
   const dx = Math.max(0, a.x - (b.x + b.w), b.x - (a.x + a.w));
   const dy = Math.max(0, a.y - (b.y + b.h), b.y - (a.y + a.h));
@@ -20962,7 +21011,7 @@ function routePath(from, to, fromSide, toSide, obstacles = [], detourSide, _from
     const detourY = Math.min(A.y, B.y) - 100;
     const corner = 14;
     const xDir = B.x > A.x ? 1 : -1;
-    return {
+    const existing = {
       d: `M ${A.x} ${A.y}
         L ${A.x} ${detourY + corner}
         Q ${A.x} ${detourY}, ${A.x + xDir * corner} ${detourY}
@@ -20976,6 +21025,16 @@ function routePath(from, to, fromSide, toSide, obstacles = [], detourSide, _from
       labelY: detourY - labelInit,
       labelAnchor: "middle"
     };
+    const existingCrossings = countPathObstacleCrossings(existing.d, obstacles);
+    if (existingCrossings === 0) return existing;
+    const candidate = chooseBackDetourCandidate(A, B, from, to, obstacles, detourY);
+    if (candidate.crossings >= existingCrossings) return existing;
+    return {
+      d: candidate.d,
+      labelX: candidate.labelX,
+      labelY: detourY - labelInit,
+      labelAnchor: "middle"
+    };
   }
   const midX = fromSide === "left" || fromSide === "right" ? B.x : A.x;
   const midY = fromSide === "top" || fromSide === "bottom" ? B.y : A.y;