@cardenelabs/cdl 0.17.1 → 0.18.0

package/dist/react.d.cts

@@ -1,2 +1,2 @@
 import 'react';
-export { p as CdlDiagramView, l as CdlDiagramViewProps } from './render-Dc5Pdf7e.cjs';
+export { p as CdlDiagramView, l as CdlDiagramViewProps } from './render-Czv0tUon.cjs';

package/dist/react.d.ts

@@ -1,2 +1,2 @@
 import 'react';
-export { p as CdlDiagramView, l as CdlDiagramViewProps } from './render-Dc5Pdf7e.js';
+export { p as CdlDiagramView, l as CdlDiagramViewProps } from './render-Czv0tUon.js';

package/dist/react.js

@@ -4035,6 +4035,8 @@ function layout(diag) {
     states: diag.states,
     phases: diag.phases,
     ...diag.derived ? { derived: diag.derived } : {},
+    // 矢印をいつ出すか (#582)。 描き手が読む欄なので、そのまま持ち越す
+    ...diag.edgeReveal ? { edgeReveal: diag.edgeReveal } : {},
     bboxes,
     collisions,
     nearCollisions,
@@ -4192,6 +4194,7 @@ var EDGE_HEADS = [
 ];
 var EDGE_HEAD_FILL_DEFAULT = "solid";
 var EDGE_HEAD_FILLS = ["solid", "hollow"];
+var EDGE_REVEAL_DEFAULT = "phase";
 
 // src/formula/evaluator.ts
 function evaluate(ast, ctxOrResolver) {
@@ -14195,6 +14198,19 @@ function CdlStage({
   svgRef
 }) {
   const activeSet = new Set(currentPhase?.activate ?? []);
+  const \u51FA\u756A\u306E\u6765\u305F\u77E2\u5370 = useMemo(() => {
+    if ((laid.edgeReveal ?? EDGE_REVEAL_DEFAULT) === "all") return () => true;
+    const \u521D\u51FA = /* @__PURE__ */ new Map();
+    laid.phases.forEach((p, i) => {
+      for (const id of p.activate ?? []) if (!\u521D\u51FA.has(id)) \u521D\u51FA.set(id, i);
+    });
+    const \u4ECA = currentPhase === void 0 ? -1 : laid.phases.findIndex((p) => p.id === currentPhase.id);
+    return (edgeId) => {
+      const first = \u521D\u51FA.get(edgeId);
+      if (first === void 0) return true;
+      return \u4ECA < 0 || \u4ECA >= first;
+    };
+  }, [laid.phases, currentPhase]);
   const drawSet = new Set(currentPhase?.draw ?? []);
   const \u63CF\u304F\u9032\u307F = \u63CF\u304F\u9032\u307F\u306B\u76F4\u3059(progress, currentPhase?.drawRatio);
   const { lifelineStarts, uniformFooterTop } = useMemo(() => {
@@ -14354,7 +14370,7 @@ function CdlStage({
             },
             lane.id
           )),
-          laid.edges.map((edge) => /* @__PURE__ */ jsx(CdlEdgeView, { edge, active: activeSet.has(edge.id), progress, stateValues }, edge.id)),
+          laid.edges.filter((edge) => \u51FA\u756A\u306E\u6765\u305F\u77E2\u5370(edge.id)).map((edge) => /* @__PURE__ */ jsx(CdlEdgeView, { edge, active: activeSet.has(edge.id), progress, stateValues }, edge.id)),
           laid.nodes.map((node) => {
             const \u63CF\u304F = drawSet.has(node.id);
             const view = /* @__PURE__ */ jsx(
@@ -14370,8 +14386,8 @@ function CdlStage({
             );
             return /* @__PURE__ */ jsx("g", { children: view }, node.id);
           }),
-          laid.edges.filter((edge) => Boolean(edge.dThrough)).map((edge) => /* @__PURE__ */ jsx(CdlEdgeGlowView, { edge, active: activeSet.has(edge.id) }, `glow-${edge.id}`)),
-          laid.edges.map((edge) => /* @__PURE__ */ jsx(
+          laid.edges.filter((edge) => Boolean(edge.dThrough) && \u51FA\u756A\u306E\u6765\u305F\u77E2\u5370(edge.id)).map((edge) => /* @__PURE__ */ jsx(CdlEdgeGlowView, { edge, active: activeSet.has(edge.id) }, `glow-${edge.id}`)),
+          laid.edges.filter((edge) => \u51FA\u756A\u306E\u6765\u305F\u77E2\u5370(edge.id)).map((edge) => /* @__PURE__ */ jsx(
             CdlEdgeLabelView,
             {
               edge,