@cardenelabs/cdl 0.120.0 → 0.121.0

package/CHANGELOG.md

@@ -5,6 +5,44 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.121.0] - 2026-10-02
+
+### Fixed
+
+- **線の端に添える数が、縮めて出すと箱の中の字より一段小さく見えた** (#994)
+
+  大きさを札の下の行 (`EDGE_LABEL_TEXT.sub.fontSize`) から引いていた。
+  札は箱と箱の間に置くので縮めても読めるが、端の字は線の脇で単独に立つので同じ大きさでは負ける。
+  見本帳はクラス図を 0.42 倍で出しており、19 は画面で 8 画素、箱の中の字は 11 画素だった。
+
+  端の字の大きさを札から切り離して 26 にした。
+  画面では 11 画素になり、箱の中の字と並ぶ。
+
+  あわせて **余白を字の大きさに連れて広げない形に戻した**。
+  [#989](https://github.com/cardene777/cdl/issues/989) は字の箱の高さの半分から導いていたので、
+  字を 26 に上げると余白まで 16 に広がり、印の大きさは変わらないのに字だけが線から遠ざかった。
+  実機で見た言葉は「間伸びしてる」 で、図も縦に伸びていた。
+  この余白が避ける相手は印で、印は字に連れて変わらないため、避ける幅も動かさない。
+
+  | 何を | 前 | 後 |
+  |---|---|---|
+  | 端の字の大きさ | 19 (札の下の行と同じ) | 26 (独立) |
+  | 印と字の余白 | 12 (箱の半分から導く) | 12 (据え置き) |
+  | 線の脇へ離す | 19 | 19 |
+  | 端から線に沿って戻る | 26 | 26 |
+
+  線に沿って戻る距離は変えていないので、箱の間隔は字の箱が高くなった分 (23 から 31) だけ伸びる。
+
+- **走る丸を太らせると端の印に食い込んだ** (#994)
+
+  通り道を縮める幅を **芯の半径** で測っていた。
+  使う側は紙の色の縁を回して玉を線から浮かせるので、実際の外側は芯より太い
+  (見本帳は 3.5 の縁を足しており、外側は芯 + 1.75 になる)。
+  縁は CSS で足されるため描く側からは見えない。
+
+  芯を 11 から 12 に上げ、縮める幅の基準を **玉の一番外の縁** (芯 + 縁の見込み 2) に変えた。
+  これより太い縁を足すと印に入るので、見込みの値は描く側が持つ。
+
 ## [0.120.0] - 2026-10-02
 
 ### Fixed
@@ -4778,7 +4816,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.120.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.121.0...HEAD
+[0.121.0]: https://github.com/cardene777/cdl/compare/v0.120.0...v0.121.0
 [0.120.0]: https://github.com/cardene777/cdl/compare/v0.119.0...v0.120.0
 [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

package/dist/index.cjs

@@ -21594,9 +21594,9 @@ function recomputeContainedLanes(lanes, nodes) {
 }
 
 // src/layout/head-label.ts
-var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = EDGE_LABEL_TEXT.sub.fontSize;
+var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = 26;
 var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
-var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = Math.round(\u7BB1\u306E\u9AD8\u3055 / 2);
+var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 12;
 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;
@@ -24126,7 +24126,7 @@ function CdlEdgeView({
   const isPassThrough = isDotted && Boolean(edge.dThrough);
   const lineDotsD = isDotted ? shrinkPathEnd(edge.d, 12) : edge.d;
   const glowPathId = `cdl-edge-${edge.id}`;
-  const \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u82AF;
+  const \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u8D70\u308B\u4E38\u306E\u5916\u5074;
   const glowPathD = shrinkPathStart(shrinkPathEnd(edge.d, \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B), \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "g",
@@ -24234,7 +24234,9 @@ function SolidEdgePath({
     }
   );
 }
-var \u8D70\u308B\u4E38\u306E\u534A\u5F84 = { \u5916: 28, \u4E2D: 18, \u82AF: 11 };
+var \u8D70\u308B\u4E38\u306E\u534A\u5F84 = { \u5916: 28, \u4E2D: 18, \u82AF: 12 };
+var \u8D70\u308B\u4E38\u306E\u7E01\u306E\u898B\u8FBC\u307F = 2;
+var \u8D70\u308B\u4E38\u306E\u5916\u5074 = \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u82AF + \u8D70\u308B\u4E38\u306E\u7E01\u306E\u898B\u8FBC\u307F;
 function EdgeGlowCircles({ color, edgeId }) {
   const ref = `#cdl-edge-${edgeId}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-particle": edgeId, "data-cdl-particle-path-ref": ref, children: [