@cardenelabs/cdl 0.117.0 → 0.119.0

package/CHANGELOG.md

@@ -5,6 +5,87 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.119.0] - 2026-10-01
+
+### Fixed
+
+- **線の端に添える数が、同じ端の印に貼り付いて読めた** (#984)
+
+  クラス図の多重度 (`1` / `1..*`) が、集約とコンポジションの菱の印と同じ高さに並び、
+  2 つが 1 つの塊として読めていた。
+
+  置き場所は端から線に沿って 22 戻り、線の脇へ 8 離した所に決まる。
+  22 は印の長さの最大 14 に余白 8 を足した値で、**線に沿う向きだけ** を見ていた。
+  印は直角の向きにも広がり、菱と三角は線の芯から 7 ある。
+  線の脇へ 8 しか離さないので、印の縁と字の箱の間は 1 しか空かなかった。
+
+  | 向き | 印の広がり | 字までの距離 | 空き |
+  |---|---|---|---|
+  | 線に沿う | 14 | 22 | 8 |
+  | 直角 (前) | 7 | 8 | 1 |
+  | 直角 (後) | 7 | 15 | 8 |
+
+  線の脇へ離す距離を、印の張り出し (印の縦の半分) に余白を足した値から導くようにした。
+  余白は線に沿う向きが使っているものと同じ値なので、2 つの向きで空き方が揃う。
+
+  線に沿って戻る距離 (22) は変えていない。
+  この値は箱と箱の間隔を決める計算 (`端の字に要る線の長さ`) に入っており、
+  変えると図の高さが動く。
+
+  印の大きさ (14 / 10) は `EDGE_HEAD_MARKER_SIZE` に出し、marker を定義する側と
+  字を置く側の両方が引くようにした。
+  片方に数を直に書くと、印を大きくした時に字だけが元の位置に残る。
+
+  置き場所の検査も直した。
+  箱と札と他の端の字とは突き合わせていたが、**自分の端の印とは突き合わせていなかった**。
+  2 つの箱の隙間では見えない = 字は端から線に沿って戻した所に置くので、軸ごとの離れ方の
+  大きいほう (線に沿う向きの値) が返り、直角の向きが 1 まで詰まっても同じ数字が出る。
+  詰まる側の軸だけを見る検査を足し、字を直す前の位置へ寄せ直す植え込み対照を添えた。
+
+
+## [0.118.0] - 2026-10-01
+
+### Fixed
+
+- **呼び名を書いた箱の下の余白が、上の 2 倍空いていた** (#974)
+
+  `storage` の箱に呼び名 (`subtitle`) を書くと、字が上に貼り付いて箱が下に間延びしていた。
+
+  | 書き方 | 箱の高さ | 上の余白 | 下の余白 |
+  |---|---|---|---|
+  | 名前だけ | 79 | 揃う | 揃う |
+  | 小見出し + 名前 | 115 | 揃う | 揃う |
+  | 名前 + 説明 | 125 | 17 | 39 |
+  | 小見出し + 名前 + 説明 | 161 | 21 | 39 |
+
+  許容は 7 なので、呼び名を書いた 2 通りだけが外れていた。
+
+  高さを決める側が、呼び名の分として **行の群を下げる幅** (`SUBTITLE_ROW_SHIFT` = 46) を
+  そのまま足していた。 46 は行を持つ箱で行の塊を何 world 下げるかの値で、
+  **行を持たない箱には下げる相手が居ない**。
+
+  足すべきなのは字の塊の下端が下がる分になる。
+  下端は題の字形の底から呼び名の字形の底へ移るので、baseline の差に字形の深さの差を足す。
+
+  ```
+  呼び名で伸びる量 = (呼び名の baseline 118 - 題の baseline 86)
+                   + (呼び名の級 20 - 題の級 34) × 字形の深さの割合 0.4
+                 = 26
+  ```
+
+  呼び名の方が字が小さいぶん深さは浅いので、差は引き算になる。
+
+  | 書き方 | 直す前 | 直した後 |
+  |---|---|---|
+  | 名前 + 説明 | 125 | 105 |
+  | 小見出し + 名前 + 説明 | 161 | 141 |
+
+  **行を持つ箱は触っていない**。 そちらの 46 は行の塊を下げる分として正しく、
+  描く側の下げ幅と対になっている。
+
+  呼び名の baseline と級は `layout/spec.ts` に移した。
+  描く側と高さを出す側が同じ値を読む形にしないと、片方だけ動いて箱の下が空く。
+
 ## [0.117.0] - 2026-10-01
 
 ### Fixed
@@ -4646,7 +4727,9 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.117.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.119.0...HEAD
+[0.119.0]: https://github.com/cardene777/cdl/compare/v0.118.0...v0.119.0
+[0.118.0]: https://github.com/cardene777/cdl/compare/v0.117.0...v0.118.0
 [0.117.0]: https://github.com/cardene777/cdl/compare/v0.116.0...v0.117.0
 [0.116.0]: https://github.com/cardene777/cdl/compare/v0.115.0...v0.116.0
 [0.115.0]: https://github.com/cardene777/cdl/compare/v0.114.0...v0.115.0

package/dist/index.cjs

@@ -12589,11 +12589,16 @@ var ROW_FONT_GENERIC = 21;
 var STORAGE_TITLE_BASELINE = 86;
 var STORAGE_TITLE_FONT = 34;
 var SUBTITLE_ROW_SHIFT = 46;
+var STORAGE_SUBTITLE_BASELINE = 118;
+var STORAGE_SUBTITLE_FONT = 20;
 var STORAGE_ROW_DIVIDER_Y = Math.round(
   (STORAGE_TITLE_BASELINE + (ROW_TOP_STORAGE - ROW_FONT_STORAGE * GLYPH_CAP_RATIO)) / 2
 );
 var ROW_GLYPH_DEPTH_RATIO = 0.4;
 var TITLE_ROW_MIN_GAP = GENERIC_TITLE_FONT * ROW_GLYPH_DEPTH_RATIO + ROW_FONT_GENERIC * GLYPH_CAP_RATIO;
+var \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF = Math.round(
+  STORAGE_SUBTITLE_BASELINE - STORAGE_TITLE_BASELINE + (STORAGE_SUBTITLE_FONT - STORAGE_TITLE_FONT) * ROW_GLYPH_DEPTH_RATIO
+);
 function rowGlyphDepth(kind) {
   if (!rendersRows(kind)) return null;
   const font = kind === "storage" ? ROW_FONT_STORAGE : ROW_FONT_GENERIC;
@@ -14688,6 +14693,7 @@ var EDGE_HEADS = [
 ];
 var EDGE_HEAD_FILL_DEFAULT = "solid";
 var EDGE_HEAD_FILLS = ["solid", "hollow"];
+var EDGE_HEAD_MARKER_SIZE = { \u65E2\u5B9A: 14, \u5C0F: 10 };
 var EDGE_REVEALS = ["phase", "all"];
 var RELATION_FOCUSES = ["off", "hover"];
 var RELATION_FOCUS_DEFAULT = "off";
@@ -21562,8 +21568,10 @@ function recomputeContainedLanes(lanes, nodes) {
 }
 
 // src/layout/head-label.ts
-var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = 22;
-var \u7AEF\u306E\u5B57\u3068\u7DDA\u306E\u9699\u9593 = 8;
+var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 8;
+var \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A / 2;
+var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
+var \u7AEF\u306E\u5B57\u3068\u7DDA\u306E\u9699\u9593 = \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
 var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = EDGE_LABEL_TEXT.sub.fontSize;
 var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
 var BASELINE_RATIO = 0.8;
@@ -21649,7 +21657,9 @@ function autoStorageHeight(n, defaultH) {
   const \u5370\u3042\u308A = n.rowMarks !== void 0;
   const \u547C\u3073\u540D\u306E\u5206 = n.subtitle ? SUBTITLE_ROW_SHIFT : 0;
   const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
-  if (!n.rows || n.rows.length === 0) return 115 + \u547C\u3073\u540D\u306E\u5206 - \u7E70\u308A\u4E0A\u3052;
+  if (!n.rows || n.rows.length === 0) {
+    return 115 + (n.subtitle ? \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF : 0) - \u7E70\u308A\u4E0A\u3052;
+  }
   const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
   if (\u5370\u3042\u308A) {
     const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
@@ -24926,9 +24936,9 @@ var ROW_GLYPH_HALF = 7;
 var ROW_GLYPH_CX = ROW_PAD_X_PX + ROW_GLYPH_HALF + 1;
 var ROW_GLYPH_LEAD = 40;
 var ROW_TYPE_FONT = 22;
-var SUBTITLE_BASELINE = 118;
+var SUBTITLE_BASELINE = STORAGE_SUBTITLE_BASELINE;
 var STRIPE_MIN_ROWS = 2;
-var SUBTITLE_FONT = 20;
+var SUBTITLE_FONT = STORAGE_SUBTITLE_FONT;
 var UNDERLINE_DROP = 7;
 function RowGlyph({ mark, x, y, color }) {
   const \u534A = ROW_GLYPH_HALF;
@@ -33269,8 +33279,8 @@ function CdlStage({
     }
     return Object.entries(TONE).flatMap(
       ([tone, color]) => [
-        [false, 14],
-        [true, 10]
+        [false, EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A],
+        [true, EDGE_HEAD_MARKER_SIZE.\u5C0F]
       ].flatMap(
         ([small, size]) => EDGE_HEADS.flatMap(
           (head) => EDGE_HEAD_FILLS.map((fill) => {