elk renderer dont work in mermaid 11.0.2 version

[zszen]

Description

%%{init: {'theme': 'neutral' ,'flowchart': {'defaultRenderer': 'elk' }}}%%

elk renderer dont work in mermaid 11.0.2 version. But ok when back to 10.x

Steps to reproduce

using elk renderer in 11.0.2

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version: 11.0.2
• Browser and Version: [Firefox]

Suggested Solutions

No response

Additional Context

No response

[knsv]

@zszen Thanks for reporting.

We have updated the syntax for selecting layout algorithms are select from the code. The new syntax would be like this:

---
  config:
    layout: elk
---

The old way should still work though, we will add a fix for this in the next mermaid release.

[zszen]

@zszen Thanks for reporting.

We have updated the syntax for selecting layout algorithms are select from the code. The new syntax would be like this:

---
  config:
    layout: elk
---

The old way should still work though, we will add a fix for this in the next mermaid release.

in v11 version mermaid not contain elk layout, and I can't easy find out the js...

[nbrugger-tgm]

ELK layout is still broken in 11.* versions

[TimJJTing]

For those who use 11.* versions and cannot use ELK layout, check if you have the engine loaded and registered since the engine is not included by default. This is somehow not very well documented.

With bundlers

import mermaid from 'mermaid';
import elkLayouts from '@mermaid-js/layout-elk';
// load and register the engine
mermaid.registerLayoutLoaders(elkLayouts);
// ...
// mermaid.initialize(config);

or with CDN

<script type="module">
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
  import elkLayouts from 'https://cdn.jsdelivr.net/npm/@mermaid-js/layout-elk@0/dist/mermaid-layout-elk.esm.min.mjs';
  // load and register the engine
  mermaid.registerLayoutLoaders(elkLayouts);
  // ...
  // mermaid.initialize(config);
</script>

See https://www.jsdelivr.com/package/npm/@mermaid-js/layout-elk

[pbreheny]

@TimJJTing: Not only is it not well documented, the existing documentation is incorrect 🤦 : #6273