fix: some demo elk plugin imports

mermaid-js · Nov 10, 2024 · 56f7bfb · 56f7bfb
1 parent c8ce416
commit 56f7bfb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/demos/dev/example.html b/demos/dev/example.html
@@ -39,8 +39,8 @@
 
     <script type="module">
       import mermaid from '/mermaid.esm.mjs';
-      import flowchartELK from '/mermaid-flowchart-elk.esm.mjs';
-      await mermaid.registerExternalDiagrams([flowchartELK]);
+      import layouts from '/mermaid-layout-elk.esm.mjs';
+      mermaid.registerLayoutLoaders(layouts);
       async function render(str) {
         const { svg } = await mermaid.render('dynamic', str);
         document.getElementById('dynamicDiagram').innerHTML = svg;

diff --git a/demos/flowchart-elk.html b/demos/flowchart-elk.html
@@ -25,8 +25,8 @@ <h1>Flowchart ELK</h1>
 
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
-      import flowchartELK from './mermaid-flowchart-elk.esm.mjs';
-      await mermaid.registerExternalDiagrams([flowchartELK]);
+      import layouts from './mermaid-layout-elk.esm.mjs';
+      mermaid.registerLayoutLoaders(layouts);
       mermaid.initialize({
         logLevel: 3,
       });

diff --git a/demos/index.html b/demos/index.html
@@ -40,6 +40,9 @@ <h2><a href="./er.html">Entity Relation diagram</a></h2>
       <li>
         <h2><a href="./flowchart.html">Flow charts</a></h2>
       </li>
+      <li>
+        <h2><a href="./flowchart-elk.html">Flow charts ELK</a></h2>
+      </li>
       <li>
         <h2><a href="./gantt.html">Gantt</a></h2>
       </li>