@jarenjs/mermaid 0.46.5 → 0.49.2

package/src/render/index.js

@@ -12,8 +12,10 @@ import { MermaidParseError } from '../errors.js';
 import { layoutFlowchart } from '../layout/flowchart.js';
 import { layoutState } from '../layout/state.js';
 import { layoutSequence } from '../layout/sequence.js';
+import { layoutGantt } from '../layout/gantt.js';
 import { renderFlowchart } from './flowchart.js';
 import { renderSequence } from './sequence.js';
+import { renderGantt } from './gantt.js';
 import { renderPie, renderStructured, renderPlaceholder, structuredSections } from './misc.js';
 import { errorVnode } from './error.js';
 
@@ -28,6 +30,7 @@ export function layoutDiagram(doc) {
     case 'flowchart': return layoutFlowchart(doc.ast);
     case 'state': return layoutState(doc.ast);
     case 'sequence': return layoutSequence(doc.ast);
+    case 'gantt': return layoutGantt(doc.ast);
     default: return null;
   }
 }
@@ -62,9 +65,10 @@ export function diagramToVnode(docOrSource, options = {}) {
         return renderSequence(layoutSequence(doc.ast), theme, hash);
       case 'pie':
         return renderPie(doc.ast, theme, hash);
+      case 'gantt':
+        return renderGantt(layoutGantt(doc.ast, options), theme, hash);
       case 'class':
-      case 'er':
-      case 'gantt': {
+      case 'er': {
         const { title, sections } = structuredSections(doc.diagram, doc.ast);
         return renderStructured(title, sections, theme, hash);
       }

package/src/render/misc.js

@@ -3,7 +3,7 @@
  * @file Renderers for the first-class types beyond flowchart and
  * sequence, and an honest placeholder for the deferred secondary
  * types. Pie is
- * a real chart; class/ER/state/gantt render as structured panels — a
+ * a real chart; class and ER render as structured panels — a
  * readable, geometry-light view that renders without error and so counts
  * honestly in the coverage scorecard. Secondary types (mindmap,
  * gitGraph, journey, timeline) render a labeled "not yet laid out"
@@ -120,16 +120,8 @@ export function structuredSections(diagram, ast) {
     }
     return { title: 'Entity–relationship', sections };
   }
-  // state diagrams left this path for the graph layout; a stray call
-  // must fail loudly rather than quietly resurrect the old panel
-  if (diagram !== 'gantt') {
-    throw new Error(`structuredSections: '${diagram}' is not a structured-panel type`);
-  }
-  return {
-    title: 'Gantt' + (ast.meta.title ? ': ' + ast.meta.title : ''),
-    sections: ast.sections.map((s) => ({
-      heading: s.name ?? 'tasks',
-      rows: s.tasks.map((tk) => `${tk.name} — ${tk.info}`),
-    })),
-  };
+  // state diagrams left this path for the graph layout, and gantt left
+  // it for the real timeline (`layout/gantt.js`); a stray call must fail
+  // loudly rather than quietly resurrect the old panel
+  throw new Error(`structuredSections: '${diagram}' is not a structured-panel type`);
 }

package/styles/mermaid.css

@@ -82,6 +82,27 @@
 .mermaid .mm-note rect { fill: var(--mm-note-fill); stroke: var(--mm-note-stroke); }
 .mermaid .mm-note text { fill: var(--mm-note-text); }
 
+/* Gantt reuses the vocabulary rather than adding a second one: a bar is a
+   node, a done bar an activation, a critical bar a note, the grid a cluster
+   edge. A status class is therefore both the theme hook and the hit-test
+   handle a host reads off `data-id`. */
+.mermaid.mm-gantt .mm-gantt-band { fill: var(--mm-cluster-fill); }
+.mermaid.mm-gantt .mm-gantt-excluded { fill: var(--mm-activation-fill); }
+.mermaid.mm-gantt .mm-gantt-grid { stroke: var(--mm-cluster-stroke); }
+.mermaid.mm-gantt .mm-gantt-axis { stroke: var(--mm-line-color); }
+.mermaid.mm-gantt .mm-gantt-link { stroke: var(--mm-line-color); }
+.mermaid.mm-gantt .mm-gantt-tick,
+.mermaid.mm-gantt .mm-gantt-label,
+.mermaid.mm-gantt .mm-gantt-section,
+.mermaid.mm-gantt .mm-gantt-title { fill: var(--mm-node-text); }
+.mermaid.mm-gantt .mm-gantt-shape { fill: var(--mm-node-fill); stroke: var(--mm-node-stroke); }
+.mermaid.mm-gantt .mm-gantt-done .mm-gantt-shape {
+  fill: var(--mm-activation-fill); stroke: var(--mm-activation-stroke);
+}
+.mermaid.mm-gantt .mm-gantt-crit .mm-gantt-shape {
+  fill: var(--mm-note-fill); stroke: var(--mm-note-stroke);
+}
+
 .mermaid.mm-error { font-family: monospace; }
 .mermaid .mm-error-box { fill: var(--mm-err-fill); stroke: var(--mm-err-stroke); }
 .mermaid .mm-error-title { fill: var(--mm-err-title); }