Minor Changes

• #6187 7809b5a Thanks @ashishjain0512! - Flowchart new syntax for node metadata bugs

  • Incorrect label mapping for nodes when using &
  • Syntax error when } with trailing spaces before new line

• #6136 ec0d9c3 Thanks @knsv! - Adding support for animation of flowchart edges

• #6373 05bdf0e Thanks @ashishjain0512! - Upgrade Requirement and ER diagram to use the common renderer flow

  • Added support for directions
  • Added support for hand drawn look

• #6371 4d25cab Thanks @knsv! - The arrowhead color should match the color of the edge. Creates a unique clone of the arrow marker with the appropriate color.

Patch Changes

• #6064 2a91849 Thanks @NicolasNewman! - fix: architecture diagrams no longer grow to extreme heights due to conflicting alignments

• #6198 963efa6 Thanks @ferozmht! - Fixes for consistent edge id creation & handling edge cases for animate edge feature

• #6196 127bac1 Thanks @knsv! - Fix for issue #6195 - allowing @ signs inside node labels

• #6212 90bbf90 Thanks @saurabhg772244! - fix: mermaidAPI.getDiagramFromText() now returns a new different db for each class diagram

• #6218 232e60c Thanks @saurabhg772244! - fix: revert state db to resolve getData returning empty nodes and edges

• #6250 9cad3c7 Thanks @saurabhg772244! - mermaidAPI.getDiagramFromText() now returns a new db instance on each call for state diagrams

• #6293 cfd84e5 Thanks @saurabhg772244! - Added versioning to StateDB and updated tests and diagrams to use it.

• #6161 6cc31b7 Thanks @saurabhg772244! - fix: mermaidAPI.getDiagramFromText() now returns a new different db for each flowchart

• #6272 ffa7804 Thanks @saurabhg772244! - fix: mermaidAPI.getDiagramFromText() now returns a new different db for each sequence diagram. Added unique IDs for messages.

• #6205 32a68d4 Thanks @saurabhg772244! - fix: Gantt, Sankey and User Journey diagram are now able to pick font-family from mermaid config.

• #6295 da6361f Thanks @omkarht! - fix: getDirection and setDirection in stateDb refactored to return and set actual direction

• #6185 3e32332 Thanks @saurabhg772244! - mermaidAPI.getDiagramFromText() now returns a new different db for each state diagram

Patch Changes

• #6059 01b5079 Thanks @knsv! - fix: Kanban diagrams will not render when adding a number as ticket id or assigned for a task

• #6038 1388662 Thanks @knsv! - fix: Intersection calculations for tilted cylinder/DAS when using handdrawn look. Some random seeds could cause the calculations to break.

• #6079 fe3cffb Thanks @aloisklink! - Bump dompurify to ^3.2.1. This removes the need for @types/dompurify.

Patch Changes

• #6090 654097c Thanks @knsv! - fix: Updated offset calculations for diamond shape when handling intersections

Patch Changes

• #6081 68f41f6 Thanks @knsv! - fix: Elk rendering of Diamond shape intersections

• Updated dependencies [01b5079, 1388662, fe3cffb]:

  • mermaid@11.4.1

Minor Changes

• #5999 742ad7c Thanks @knsv! - Adding Kanban board, a new diagram type

• #5880 bdf145f Thanks @yari-dewalt! - Class diagram changes:

  • Updates the class diagram to the new unified way of rendering.
  • Includes a new "classBox" shape to be used in diagrams
  • Other updates such as:
    • the option to hide the empty members box in class diagrams,
    • support for handDrawn look,
    • the introduction of the classDef statement into class diagrams,
    • support for styling the default class,
    • support lollipop interfaces.
  • Includes fixes / additions for #5562 #3139 and #4037

Patch Changes

• #5937 17b7831 Thanks @saurabhg772244! - fix: Jagged edge fix for icon shape

• #5933 72d60d2 Thanks @remcohaszing! - Add missing TypeScript dependencies

• #5937 17b7831 Thanks @saurabhg772244! - fix: Icon color fix for colored icons.

• #6002 5fabd41 Thanks @aloisklink! - fix: error mermaid.parse on an invalid shape, so that it matches the errors thrown by mermaid.render

Updates the bundled version of dependencies in the following files:

• dist/mermaid.min.js
• dist/mermaid.js
• dist/mermaid.esm.mjs
• dist/mermaid.esm.min.mjs

If you are not using these files (e.g. you are using the default NPM export of mermaid, e.g. import mermaid from 'mermaid', or you are using dist/mermaid.core.mjs), this release is identical to v10.9.2.

This is to avoid potential security issues in KaTeX and DOMPurify, see:

• GHSA-mmhx-hmjr-r674
• GHSA-64fm-8hw2-v72w
• GHSA-cvr6-37gx-v8wc
• GHSA-f98w-7cxr-ff2h
• GHSA-3wc5-fcw2-2329

These dependencies have already been updated in v11.0.0.

Changelog

Chore

• Updates the bundled version of KaTeX to 0.16.11 (2bedd0e)
• Updates the bundled version of DOMPurify to 3.1.6 (92a07ff)

Full Changelog: v10.9.2...v10.9.3

Minor Changes

• #5825 9e3aa70 Thanks @knsv, @ashishjain0512, @omkarht, @saurabhg772244, @aloisklink, @sidharthv96 ! - New Flowchart Shapes (with new syntax)

Patch Changes

• #5849 6c5b7ce Thanks @ReneLombard! - Fixed an issue when the mermaid classdiagram crashes when adding a . to the namespace.
  Forexample

  classDiagram
    namespace Company.Project.Module {
      class GenericClass~T~ {
        +addItem(item: T)
        +getItem() T
      }
    }

• #5914 de2c05c Thanks @aloisklink! - Ban DOMPurify v3.1.7 as a dependency

Patch Changes

• #5825 233e36c Thanks @ashishjain0512! - chore: Update render options

• Updated dependencies [6c5b7ce, 9e3aa70, de2c05c]:

  • mermaid@11.3.0

This release back-ports #5914 to the v10 release line to fix #5904 (an incompatibility between mermaid and DOMPurify v3.1.7)

Patch Changes

• #5914 402abdf [10] fix: ban version v3.1.7 of DOMPurify

Full Changelog: v10.9.1...v10.9.2

Patch Changes

• #5856 bfd8c63 Thanks @knsv! - Fix for issue with calculation of label width when using in firefox