@cardenelabs/cdl 0.71.0 → 0.72.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardenelabs/cdl",
-  "version": "0.71.0",
+  "version": "0.72.0",
   "description": "CDL (Chainome Diagram Language). Mermaid-like declarative DSL that compiles to animated SVG diagrams. Built for blockchain / Solidity flows, generic enough for sequence / flow / state / ER / topology diagrams.",
   "license": "MIT",
   "author": "cardene777",

package/src/presets.ts

@@ -2417,12 +2417,20 @@ export function flowchart(preset: FlowchartPreset): FlowchartBuilder {
       // 他 label (通常の process 遷移名) は default (34 world 離す) で読みやすさ優先。
       const label = e.label ?? "";
       const isConditionLabel = /^(true|false|yes|no|はい|いいえ)$/i.test(label.trim());
+      /*
+       * **縦に積む図では重ねない** (#880)。 重ねる形は線が長い時に効く = 横に並べた図の
+       * 分岐は縦列をまたぐので線が長く、道筋の上に字を置いても箱に掛からない。
+       *
+       * 縦 1 本に積むと分岐の線が上下に隣り合う箱の間の短い縦線になり、そこへ重ねた字が
+       * 行き先の箱に乗る (実測 = `承認` と `はい` の隙間が 1.0px、必要な 32px に届かない)。
+       * 重ねなければ engine が段の間隔を字の分だけ広げる (`requiredStackGapForEdgeLabels`)。
+       */
       b.edge(e.from, e.to, {
         id: edgeId,
         label,
         tone: e.tone ?? tone,
         style: "solid",
-        overlay: isConditionLabel,
+        overlay: isConditionLabel && !縦に積む,
       });
       phaseActivate.push(edgeId);
       return api;