@cardenelabs/cdl 0.33.0 → 0.34.0

package/CHANGELOG.md

@@ -5,6 +5,21 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.34.0] - 2026-09-07
+
+### Changed
+
+- **傾き図の名札の役割を値と名前で分けた** (#693)
+
+  `chart-slope-label` を `chart-slope-value` (軸の脇に置く値) と `chart-slope-name`
+  (その外に置く系列の名前) の 2 つにした。 古い役割は残していない。
+
+  1 つにまとめていると、使う側が値だけに字体を当てられず、寸法を記録する側も級 14 と
+  級 9-13 の 2 つを 1 行に潰してしまう。 他の図表 (`chart-stat` / `chart-stacked-bar`) も
+  字を役割で分けている。
+
+  `chart-slope` は `0.33.0` で入ったばかりで、この役割で selector を書いている消費側は無い。
+
 ## [0.33.0] - 2026-09-07
 
 ### Added
@@ -1648,7 +1663,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.33.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.34.0...HEAD
+[0.34.0]: https://github.com/cardene777/cdl/compare/v0.33.0...v0.34.0
 [0.33.0]: https://github.com/cardene777/cdl/compare/v0.32.0...v0.33.0
 [0.32.0]: https://github.com/cardene777/cdl/compare/v0.31.1...v0.32.0
 [0.31.1]: https://github.com/cardene777/cdl/compare/v0.31.0...v0.31.1

package/README.md

@@ -293,6 +293,9 @@ phase 切替に連動して `status: idle` → `status: running` のように描
 
 段の `draw` にこの node を載せると、線が左の軸から右の軸へ伸びる。
 
+名札の字は値と名前で role が分かれる (`chart-slope-value` / `chart-slope-name`)。
+値だけに字体を当てられるようにするため。
+
 ## 円グラフの見せ方
 
 `chart-pie` は `chartPieForm` で見せ方を選ぶ。 欄を書かない図は `ring` と同じ。
@@ -336,9 +339,13 @@ cdl は形だけを描き、 色や影は持たない (geometry only、 style
 
 明暗の切替は consumer 側の仕組み (`html` の class 等) で行う = cdl は明暗の概念を持たない。
 
-**`CdlRole` 型は実装にある role の全部ではない**。 実装には 32 種の role があり、
-型に載っているのは 12 種。 残り 20 種 (`chart-line` / `tree-edge` / `funnel-stage` /
-`edge-glow` 等) は型を持たないが、 属性は付くので selector は書ける。
+**`CdlRole` 型は実装にある role の全部ではない**。 型に載っているのは共通の描画で使う
+ものだけで、 種別ごとの role (`chart-line` / `tree-edge` / `funnel-stage` / `edge-glow` 等)
+は型を持たないが、 属性は付くので selector は書ける。
+
+**件数は書かない**。 role は種別を足すたびに増えるため、 数を書くと必ずずれる
+(実際に 32 種と書いてあった時点の実物は 85 種だった)。 一覧が要る時は source を
+`data-cdl-role=` で検索する。
 
 型の内外は「共通か kind 固有か」 では分かれていない (共通の描画で使う `edge-glow` が型の外に
 あり、 枝分かれ図でしか使わない `mind-edge` も型の外にある)。 **型に載っているかどうかは

package/dist/index.cjs

@@ -25680,7 +25680,7 @@ function ChartSlopeNode({
           /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
-              "data-cdl-role": "chart-slope-label",
+              "data-cdl-role": "chart-slope-value",
               x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067,
               y: \u5DE6y + 5,
               textAnchor: "end",
@@ -25693,7 +25693,7 @@ function ChartSlopeNode({
           /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
-              "data-cdl-role": "chart-slope-label",
+              "data-cdl-role": "chart-slope-name",
               x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067 - \u5DE6\u5024\u5E45 - \u5024\u304B\u3089\u540D\u524D\u307E\u3067,
               y: \u5DE6y + 5,
               textAnchor: "end",
@@ -25705,7 +25705,7 @@ function ChartSlopeNode({
         ] }) : /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
-            "data-cdl-role": "chart-slope-label",
+            "data-cdl-role": "chart-slope-name",
             x: \u5DE6\u8EF8x - \u8EF8\u304B\u3089\u5024\u307E\u3067,
             y: \u53F3y + 5,
             textAnchor: "end",
@@ -25718,7 +25718,7 @@ function ChartSlopeNode({
           /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
-              "data-cdl-role": "chart-slope-label",
+              "data-cdl-role": "chart-slope-value",
               x: \u53F3\u8EF8x + \u8EF8\u304B\u3089\u5024\u307E\u3067,
               y: \u53F3y + 5,
               fontSize: \u5024\u306E\u7D1A,
@@ -25730,7 +25730,7 @@ function ChartSlopeNode({
           \u524D\u3042\u308A && /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
-              "data-cdl-role": "chart-slope-label",
+              "data-cdl-role": "chart-slope-name",
               x: \u53F3\u8EF8x + \u8EF8\u304B\u3089\u5024\u307E\u3067 + \u53F3\u5024\u5E45 + \u5024\u304B\u3089\u540D\u524D\u307E\u3067,
               y: \u53F3y + 5,
               fontSize: \u540D\u524D\u306E\u7D1A,