@cardenelabs/cdl 0.39.0 → 0.40.0

package/dist/react.d.cts

@@ -1,2 +1,2 @@
 import 'react';
-export { q as CdlDiagramView, m as CdlDiagramViewProps } from './render-B1ArenZ7.cjs';
+export { q as CdlDiagramView, m as CdlDiagramViewProps } from './render-UGswDfAh.cjs';

package/dist/react.d.ts

@@ -1,2 +1,2 @@
 import 'react';
-export { q as CdlDiagramView, m as CdlDiagramViewProps } from './render-B1ArenZ7.js';
+export { q as CdlDiagramView, m as CdlDiagramViewProps } from './render-UGswDfAh.js';

package/dist/react.js

@@ -9527,7 +9527,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/;
@@ -12761,7 +12762,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;
@@ -12790,6 +12793,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__ */ jsxs("g", { transform: `translate(${x0} ${y0})`, children: [
     /* @__PURE__ */ jsx(
@@ -12810,6 +12814,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__ */ jsx(
         "rect",
         {
@@ -12820,8 +12825,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}`
       );
@@ -17969,7 +17974,16 @@ function CdlNodeView({
           }
         );
       case "chart-waffle":
-        return /* @__PURE__ */ jsx(ChartWaffleNode, { node: resolvedNode, active, stateValues });
+        return /* @__PURE__ */ jsx(
+          ChartWaffleNode,
+          {
+            node: resolvedNode,
+            active,
+            stateValues,
+            drawing,
+            progress
+          }
+        );
       case "chart-stat":
         return /* @__PURE__ */ jsx(ChartStatNode, { node: resolvedNode, active, stateValues });
       case "chart-radial":