From 2117e71b510e45023967b5f9ad2d2115d59e2083 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knsv@sveido.com>
Date: Tue, 25 Jun 2024 16:32:14 +0200
Subject: [PATCH] #5237 Support for config nodespace and rankspace

---
 .../rendering-util/layout-algorithms/dagre/index.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/mermaid/src/rendering-util/layout-algorithms/dagre/index.js b/packages/mermaid/src/rendering-util/layout-algorithms/dagre/index.js
index 95a44ab5b..c5855849b 100644
--- a/packages/mermaid/src/rendering-util/layout-algorithms/dagre/index.js
+++ b/packages/mermaid/src/rendering-util/layout-algorithms/dagre/index.js
@@ -78,7 +78,7 @@ const recursiveRender = async (_elem, graph, diagramType, id, parentCluster, sit
         const { ranksep, nodesep } = graph.graph();
         node.graph.setGraph({
           ...node.graph.graph(),
-          ranksep: 75,
+          ranksep: ranksep + 25,
           nodesep,
         });
 
@@ -324,14 +324,21 @@ const recursiveRender = async (_elem, graph, diagramType, id, parentCluster, sit
  */
 export const render = async (data4Layout, svg, element) => {
   // Create the input mermaid.graph
+  // console.log('XYZ data4Layout', data4Layout);
   const graph = new graphlib.Graph({
     multigraph: true,
     compound: true,
   })
     .setGraph({
       rankdir: data4Layout.direction,
-      nodesep: data4Layout.nodeSpacing,
-      ranksep: data4Layout.rankSpacing,
+      nodesep:
+        data4Layout.config?.nodeSpacing ||
+        data4Layout.config?.flowchart?.nodeSpacing ||
+        data4Layout.nodeSpacing,
+      ranksep:
+        data4Layout.config?.rankSpacing ||
+        data4Layout.config?.flowchart?.rankSpacing ||
+        data4Layout.rankSpacing,
       marginx: 8,
       marginy: 8,
     })