@cardenelabs/cdl 0.40.7 → 0.40.8

package/CHANGELOG.md

@@ -5,6 +5,61 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.40.8] - 2026-09-08
+
+### Changed
+
+- **折れ線グラフの目盛りと軸の名前を役割名で拾えるようにした** (#755)
+
+  軸を持つ図は棒と折れ線の 2 つで、折れ線だけ縦軸の目盛りと横軸の名前に役割名が無かった。
+
+  | 字 | 棒グラフ | 折れ線グラフ (直す前) | 折れ線グラフ (直した後) |
+  |---|---|---|---|
+  | 縦軸の目盛りの数字 | `chart-bar-tick` | なし | `chart-line-tick` |
+  | 値札 | `chart-bar-value` | `chart-line-value` | `chart-line-value` |
+  | 横軸の名前 | `chart-bar-label` | なし | `chart-line-label` |
+
+  役割名が無いと字を位置か中身で拾うことになり、**図の見た目を変えていないのに検査が落ちる**。
+  位置で拾う形は余白を動かすと壊れ、中身で拾う形は同じ数が 2 か所に出ると壊れる
+  (実測で 4 件のはずが 5 件になった)。
+
+  描いたものは役割名が増えた以外 1 文字も変わらない。 円グラフと凡例を持つ図は
+  字の役割が別 (名前 / 割合 / 中央の合計) で同じ 3 つ組では表せないため、対象にしていない。
+
+- **折れ線グラフだけ値札が軸の名前より小さかったのを揃えた** (#753)
+
+  軸を持つ図は棒と折れ線の 2 つで、この 2 つだけ大きさの順が逆だった。
+
+  | 図 | 値札 | 軸の名前 |
+  |---|---|---|
+  | 棒グラフ | `12` | `11` |
+  | 折れ線グラフ (直す前) | `11` | `12` |
+  | 折れ線グラフ (直した後) | `12` | `11` |
+
+  棒を直した `#747` より前は棒も `11` / `12` で折れ線と同じだった = 逆転させたのは `#747` で、
+  片方だけ直して残りを置いていった形になっていた。
+
+  **凡例を持つ図 (半円ゲージ / 同心の弧 / 100 個の印 / 内訳の帯) は逆の順のまま**。
+  凡例では名前が行を見分ける鍵で、数値はそれに添える数になる。 軸の図では値札が印の上に
+  載る数そのもので、軸の名前は目盛りの側にある = 役割が違うので順も違ってよい。
+
+  大きさに名前を付け (`値札の級` / `軸の名前の級`)、2 図で揃っていることを検査が実物から
+  読んで確かめる。
+
+- **目盛りの刻みの計算が 2 箇所にあったのを 1 つに寄せた** (#751)
+
+  `1 / 2 / 2.5 / 5` に 10 の累乗を掛けた中から刻みを選ぶ計算が、折れ線と棒の両方にあった。
+  折れ線が先にあり、棒を直した `#747` で同じ計算を書き足していた。
+
+  `packages/cdl/src/kinds/axis-ticks.ts` に 1 つだけ置き、両方がそこから読む。
+  引数は「範囲」 と「目盛りの本数の目安」 で、折れ線は `最大 - 最小`、
+  棒は床が必ず 0 なので `最大` を渡す。
+
+  **天井と床の決め方は寄せない** = 折れ線は床も動かし、棒は床が必ず 0 で規則が違う。
+  目盛りの数字の書き方も図ごとに残す (折れ線は `toLocaleString`、棒は桁で丸めた数)。
+
+  出る目盛りは寄せる前と 1 つも変わらない。 描画にも記法にも影響しない。
+
 ## [0.40.7] - 2026-09-08
 
 ### Changed
@@ -1932,7 +1987,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.40.7...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.40.8...HEAD
+[0.40.8]: https://github.com/cardene777/cdl/compare/v0.40.7...v0.40.8
 [0.40.7]: https://github.com/cardene777/cdl/compare/v0.40.6...v0.40.7
 [0.40.6]: https://github.com/cardene777/cdl/compare/v0.40.5...v0.40.6
 [0.40.5]: https://github.com/cardene777/cdl/compare/v0.40.4...v0.40.5

package/dist/index.cjs

@@ -22422,6 +22422,19 @@ function StateDiffCard({
     }
   );
 }
+
+// src/kinds/axis-ticks.ts
+function \u76EE\u76DB\u308A\u306E\u523B\u307F(\u7BC4\u56F2, \u76EE\u5B89\u306E\u672C\u6570) {
+  if (!(\u7BC4\u56F2 > 0) || false) return 0;
+  const \u7C97\u3044 = \u7BC4\u56F2 / \u76EE\u5B89\u306E\u672C\u6570;
+  const \u6841 = 10 ** Math.floor(Math.log10(\u7C97\u3044));
+  const \u6B63\u898F = \u7C97\u3044 / \u6841;
+  const \u5019\u88DC = \u6B63\u898F <= 1 ? 1 : \u6B63\u898F <= 2 ? 2 : \u6B63\u898F <= 2.5 ? 2.5 : \u6B63\u898F <= 5 ? 5 : 10;
+  return \u5019\u88DC * \u6841;
+}
+var \u76EE\u76DB\u308A\u306E\u76EE\u5B89 = 4;
+var \u5024\u672D\u306E\u7D1A = 12;
+var \u8EF8\u306E\u540D\u524D\u306E\u7D1A = 11;
 var \u6570\u3092\u66F8\u304F = (value) => value.toLocaleString("en-US", { maximumFractionDigits: 12 });
 function \u6298\u308C\u7DDA\u306E\u76EE\u76DB(values) {
   let rawMin = values.length > 0 ? Math.min(...values) : 0;
@@ -22431,11 +22444,7 @@ function \u6298\u308C\u7DDA\u306E\u76EE\u76DB(values) {
     rawMin -= room;
     rawMax += room;
   }
-  const roughStep = (rawMax - rawMin) / 4;
-  const power = 10 ** Math.floor(Math.log10(roughStep));
-  const fraction = roughStep / power;
-  const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10;
-  const step = niceFraction * power;
+  const step = \u76EE\u76DB\u308A\u306E\u523B\u307F(rawMax - rawMin, \u76EE\u76DB\u308A\u306E\u76EE\u5B89);
   const min = Math.floor(rawMin / step) * step;
   const max = Math.ceil(rawMax / step) * step;
   const tickCount = Math.round((max - min) / step);
@@ -22542,6 +22551,7 @@ function ChartLineNode({
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
+          "data-cdl-role": "chart-line-tick",
           x: PAD_LEFT2 - 8,
           y: t.y + 4,
           fontSize: 11,
@@ -22619,7 +22629,7 @@ function ChartLineNode({
             "data-cdl-role": "chart-line-value",
             x: cx,
             y: labelY,
-            fontSize: 11,
+            fontSize: \u5024\u672D\u306E\u7D1A,
             fontWeight: 600,
             textAnchor: "middle",
             fill: "var(--cdl-text, #1a1f2a)",
@@ -22677,9 +22687,10 @@ function ChartLineNode({
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
+            "data-cdl-role": "chart-line-label",
             x: cx,
             y: PAD_TOP2 + canvasH + 20,
-            fontSize: 12,
+            fontSize: \u8EF8\u306E\u540D\u524D\u306E\u7D1A,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
             children: d.label
@@ -25897,19 +25908,13 @@ function \u53CE\u3081\u308B\u7D1A2(\u540D\u524D\u305F\u3061, \u5E45, \u4E0A\u965
   while (\u7D1A > \u4E0B\u9650 && Math.max(...\u540D\u524D\u305F\u3061.map((n) => textWidth(n, \u7D1A))) > \u5E45) \u7D1A -= 1;
   return \u7D1A;
 }
-function \u76EE\u76DB\u308A\u306E\u523B\u307F(\u6700\u5927, \u76EE\u5B89\u306E\u672C\u6570) {
-  if (!(\u6700\u5927 > 0) || false) return 0;
-  const \u7C97\u3044 = \u6700\u5927 / \u76EE\u5B89\u306E\u672C\u6570;
-  const \u6841 = 10 ** Math.floor(Math.log10(\u7C97\u3044));
-  const \u6B63\u898F = \u7C97\u3044 / \u6841;
-  const \u5019\u88DC = \u6B63\u898F <= 1 ? 1 : \u6B63\u898F <= 2 ? 2 : \u6B63\u898F <= 2.5 ? 2.5 : \u6B63\u898F <= 5 ? 5 : 10;
-  return \u5019\u88DC * \u6841;
-}
 function \u5C0F\u6570\u306E\u6841(n) {
   const [\u4EEE\u6570, \u6307\u6570] = n.toExponential().split("e");
   const \u5C0F\u6570\u90E8 = (\u4EEE\u6570 ?? "").split(".")[1]?.length ?? 0;
   return Math.min(20, Math.max(0, \u5C0F\u6570\u90E8 - Number(\u6307\u6570)));
 }
+var \u5024\u672D\u306E\u7D1A2 = 12;
+var \u8EF8\u306E\u540D\u524D\u306E\u7D1A2 = 11;
 var \u6841\u3067\u4E38\u3081\u308B = (v, \u6841) => Number(v.toFixed(\u6841));
 function ChartBarNode({
   node,
@@ -25928,9 +25933,9 @@ function ChartBarNode({
   const canvasW = node.w - PAD_LEFT2 - PAD_RIGHT2;
   const canvasH = node.h - PAD_TOP2 - PAD_BOTTOM2;
   const vMax = data.length > 0 ? Math.max(...data.map((d) => d.value)) : 1;
-  const \u76EE\u76DB\u308A\u306E\u76EE\u5B89 = 4;
+  const \u76EE\u76DB\u308A\u306E\u76EE\u5B892 = 4;
   const \u5929\u4E95\u306E\u3082\u3068 = vMax > 0 ? vMax : 1;
-  const \u523B\u307F = \u76EE\u76DB\u308A\u306E\u523B\u307F(\u5929\u4E95\u306E\u3082\u3068, \u76EE\u76DB\u308A\u306E\u76EE\u5B89);
+  const \u523B\u307F = \u76EE\u76DB\u308A\u306E\u523B\u307F(\u5929\u4E95\u306E\u3082\u3068, \u76EE\u76DB\u308A\u306E\u76EE\u5B892);
   const \u523B\u307F\u306E\u6841 = \u5C0F\u6570\u306E\u6841(\u523B\u307F);
   const \u5929\u4E95 = \u6841\u3067\u4E38\u3081\u308B(Math.ceil(\u5929\u4E95\u306E\u3082\u3068 / \u523B\u307F - 1e-9) * \u523B\u307F, \u523B\u307F\u306E\u6841);
   const \u68D2\u3068\u9699\u9593\u306E\u6BD4 = 2.2;
@@ -26030,7 +26035,7 @@ function ChartBarNode({
             "data-cdl-role": "chart-bar-value",
             x: bx + barW / 2,
             y: \u898B\u3048\u3066\u3044\u308B\u982D - 8,
-            fontSize: 12,
+            fontSize: \u5024\u672D\u306E\u7D1A2,
             fontWeight: 600,
             textAnchor: "middle",
             fill: "var(--cdl-text, #1a1f2a)",
@@ -26043,7 +26048,7 @@ function ChartBarNode({
             "data-cdl-role": "chart-bar-label",
             x: bx + barW / 2,
             y: PAD_TOP2 + canvasH + 18,
-            fontSize: 11,
+            fontSize: \u8EF8\u306E\u540D\u524D\u306E\u7D1A2,
             textAnchor: "middle",
             fill: "var(--cdl-text-dim, #5a6270)",
             children: d.label