@cardenelabs/cdl 0.63.0 → 0.64.0

package/CHANGELOG.md

@@ -5,6 +5,25 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.64.0] - 2026-09-14
+
+### Fixed
+
+- **札に書いた色の出どころ (`colorSource`) の状態で札の色を引くようにした** (#861)
+
+  札 (`badge`) の型は `colorSource` を持ち「別 signal で色を切替可能」 と書いていたが、札を描く部品は 1 度も
+  読まず、色は札の字 (`source` の値) でしか引いていなかった。 `colorSource` を書くと、その状態の値で `map` を
+  引いた色で塗る。 札の字は今どおり `source` の値を描く。
+
+  | 書き方 | 色を引く鍵 |
+  |---|---|
+  | `colorSource` を書かない | `source` の値 (変更前と同じ) |
+  | `colorSource` を書き、その状態がある | `colorSource` の状態の値 |
+  | `colorSource` を書き、その状態が無い | 引かない (色を付けない)。 `source` の値に戻すと書き間違いが効いているように見える |
+
+  読み出しの型 (`CdlReadout`) の 107 種の欄を、描く部品 (`ReadoutWidget`) が読むかを構文木で突き合わせる
+  検査を足した。 読まない欄は `colorSource` の 1 つだけだった。
+
 ## [0.63.0] - 2026-09-13
 
 ### Changed
@@ -2678,7 +2697,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.63.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.64.0...HEAD
+[0.64.0]: https://github.com/cardene777/cdl/compare/v0.63.0...v0.64.0
 [0.63.0]: https://github.com/cardene777/cdl/compare/v0.62.0...v0.63.0
 [0.62.0]: https://github.com/cardene777/cdl/compare/v0.61.0...v0.62.0
 [0.61.0]: https://github.com/cardene777/cdl/compare/v0.60.0...v0.61.0

package/dist/index.cjs

@@ -2697,16 +2697,12 @@ function ReadoutWidget({
           colors: readout.colors ?? ["#e0e6ef", "#2d6a8f"]
         }
       );
-    case "badge":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        BadgeReadout,
-        {
-          id: readout.id,
-          label,
-          value: typeof rawValue === "string" ? rawValue : String(rawValue ?? ""),
-          map: readout.map
-        }
-      );
+    case "badge": {
+      const value = typeof rawValue === "string" ? rawValue : String(rawValue ?? "");
+      const colorRaw = readout.colorSource === void 0 ? void 0 : stateOverrides[readout.colorSource];
+      const colorKey = readout.colorSource === void 0 ? value : colorRaw === void 0 ? void 0 : String(colorRaw);
+      return /* @__PURE__ */ jsxRuntime.jsx(BadgeReadout, { id: readout.id, label, value, colorKey, map: readout.map });
+    }
     case "status-dot":
       return /* @__PURE__ */ jsxRuntime.jsx(
         StatusDotReadout,
@@ -4428,9 +4424,10 @@ function BadgeReadout({
   id,
   label,
   value,
+  colorKey,
   map
 }) {
-  const entry = map?.find((m) => m.value === value);
+  const entry = colorKey === void 0 ? void 0 : map?.find((m) => m.value === colorKey);
   const color = entry?.color;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-badge", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),