@cardenelabs/cdl 0.39.0 → 0.40.0

package/CHANGELOG.md

@@ -5,6 +5,27 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.40.0] - 2026-09-07
+
+### Added
+
+- **100 個の印も段の `draw` で 1 個ずつ埋まるようにした** (#719)
+
+  `chart-waffle` は上の行から左詰めで印を配る図なので、埋まる順もそのまま読む向きになる。
+
+  **切り抜きでは表せない**。 弧の 3 種 (#715) は切り抜きで隠したが、この図に当てると
+  升の途中が斜めや半分で切れる = 1 個 = 1% の印が半分だけ出て、数えられない図になる。
+
+  代わりに **塗りだけを変える**。 印は 100 個とも最初から描き、進みまで届いていない印を
+  持ち主のいない印と同じ地の色にする。 升の位置と大きさ、`data-cdl-waffle-owner` の
+  持ち主の欄はどちらも進みで変わらない。
+
+  左の一覧 (名前と印の数) は最初から全部出す。 この図は「数えて確かめられる」 ことが
+  存在理由で、一覧はその答え合わせの表になる。
+
+  これで図表で動きを持たないのは 指標 (`chart-stat`) と 四象限 (`quadrant-matrix`) の
+  2 つになった。 どちらも長さも順序も持たないため対象外のまま。
+
 ## [0.39.0] - 2026-09-07
 
 ### Added
@@ -1760,7 +1781,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.39.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.40.0...HEAD
+[0.40.0]: https://github.com/cardene777/cdl/compare/v0.39.0...v0.40.0
 [0.39.0]: https://github.com/cardene777/cdl/compare/v0.38.0...v0.39.0
 [0.38.0]: https://github.com/cardene777/cdl/compare/v0.37.0...v0.38.0
 [0.37.0]: https://github.com/cardene777/cdl/compare/v0.36.0...v0.37.0

package/SPEC.md

@@ -149,6 +149,7 @@ phase でも線を引き直すことになる。
 | `chart-gauge` | 9 時 | 弧が上を通って 3 時へ伸びる | 合計と内訳は最初から出る |
 | `chart-radial` | 12 時 | 各輪が時計回りに開く | 軌道と一覧は最初から出る |
 | `chart-stacked-bar` | 左端 | 帯が右へ伸びる | 区画の字はその区画が広がった時 |
+| `chart-waffle` | 左上 | 印が読む向きに 1 個ずつ埋まる | 一覧は最初から出る |
 
 対応種別の一覧は `validate.ts` の `DRAW_KINDS` が持ち、 知らせの文面もそこから組み立てる。
 

package/dist/index.cjs

@@ -20811,7 +20811,8 @@ var DRAW_KINDS = /* @__PURE__ */ new Set([
   "funnel-stages",
   "chart-gauge",
   "chart-radial",
-  "chart-stacked-bar"
+  "chart-stacked-bar",
+  "chart-waffle"
 ]);
 var KINDS = new Set(NODE_KINDS);
 var ENG_BANNED = /\b(FUNCTION|STORAGE|EVENT LOG|BALANCES MAPPING|READ|WRITE|EMIT|CALL)\b/;
@@ -25262,7 +25263,9 @@ function \u5370\u306E\u5272\u4ED8(\u5024) {
 function ChartWaffleNode({
   node,
   active,
-  stateValues = {}
+  stateValues = {},
+  drawing = false,
+  progress = 1
 }) {
   const x0 = node.cx - node.w / 2;
   const y0 = node.cy - node.h / 2;
@@ -25291,6 +25294,7 @@ function ChartWaffleNode({
   \u914D\u5206.forEach((n, idx) => {
     for (let k = 0; k < n; k++) \u6301\u3061\u4E3B.push(idx);
   });
+  const \u57CB\u307E\u3063\u305F = Math.round(\u9032\u307F\u3092\u7573\u3080(drawing, progress) * WAFFLE_TOTAL);
   const \u4E00\u89A7\u306E\u59CB\u307E\u308A = PAD + (\u4F7F\u3048\u308B\u9AD8\u3055 - \u884C\u306E\u9AD8\u3055 * data.length) / 2 + \u884C\u306E\u9AD8\u3055 / 2;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -25311,6 +25315,7 @@ function ChartWaffleNode({
       const \u884C = Math.floor(k / WAFFLE_COLS);
       const \u5217 = k % WAFFLE_COLS;
       const owner = \u6301\u3061\u4E3B[k];
+      const \u57CB\u307E\u3063\u3066\u3044\u308B = owner !== void 0 && k < \u57CB\u307E\u3063\u305F;
       return /* @__PURE__ */ jsxRuntime.jsx(
         "rect",
         {
@@ -25321,8 +25326,8 @@ function ChartWaffleNode({
           width: \u5370,
           height: \u5370,
           rx: 2,
-          fill: owner === void 0 ? "var(--cdl-divider, #d4d4d8)" : \u5370\u306E\u82722(data[owner].tone, owner),
-          fillOpacity: owner === void 0 ? 0.35 : 1
+          fill: \u57CB\u307E\u3063\u3066\u3044\u308B ? \u5370\u306E\u82722(data[owner].tone, owner) : "var(--cdl-divider, #d4d4d8)",
+          fillOpacity: \u57CB\u307E\u3063\u3066\u3044\u308B ? 1 : 0.35
         },
         `cell-${k}`
       );
@@ -30470,7 +30475,16 @@ function CdlNodeView({
           }
         );
       case "chart-waffle":
-        return /* @__PURE__ */ jsxRuntime.jsx(ChartWaffleNode, { node: resolvedNode, active, stateValues });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          ChartWaffleNode,
+          {
+            node: resolvedNode,
+            active,
+            stateValues,
+            drawing,
+            progress
+          }
+        );
       case "chart-stat":
         return /* @__PURE__ */ jsxRuntime.jsx(ChartStatNode, { node: resolvedNode, active, stateValues });
       case "chart-radial":