# Mermaid changelog

> Renders flowcharts, sequence diagrams and Gantt charts from plain text.

- Vendor: Mermaid
- Category: Developer Tools
- Official site: https://mermaid.js.org
- Tracked by: What's New (https://whatsnew.fyi/product/mermaid)
- Harvested from: GitHub (mermaid-js/mermaid)
- Entries below: 25 (newest first)

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

Reuse: the summaries, labels and curation here are © What's New. Quote freely with attribution and a link back; wholesale republication of the corpus is not permitted — terms: https://whatsnew.fyi/terms. The vendors' own release notes remain their publishers'.

## Releases

### 11.16.1

- Date: 2026-08-04
- Version: 11.16.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.16.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.16.1

- **fixed** — Handle CSS sibling combinators in compileCSS
- **security** — Increase protections against prototype pollution
- **fixed** — Use Maps and Sets to store groups and services in architecture diagrams, rendering services in the order they are defined and supporting more service IDs
- **deprecated** — Deprecate the mermaidAPI.setConfig() function as it has no observable effect
- **fixed** — Support zero-width x-axis ranges in xychart
- **fixed** — Limit number of ticks to 32 in radar charts

###### Patch Changes

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`12d472c`](https://github.com/mermaid-js/mermaid/commit/12d472c9ed43f94814b110da8d7a9ae6dd5266ed) Thanks [@aloisklink](https://github.com/aloisklink)! - fix: handle CSS sibling combinators in compileCSS

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`2cd6dcf`](https://github.com/mermaid-js/mermaid/commit/2cd6dcf735533b323507e3e889ffdea870540b43) Thanks [@aloisklink](https://github.com/aloisklink)! - fix: increase protections against prototype pollution

    User-controlled input already has protections against prototype pollution.

    Fixes: GHSA-c4c3-pg64-4m4v

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`99af3fc`](https://github.com/mermaid-js/mermaid/commit/99af3fc35ef0a9a9c8c6314521344d67523ddccf) Thanks [@aloisklink](https://github.com/aloisklink)! - fix(architecture): use `Map`s and `Set`s to store groups/services

    Services are now rendered in the order they are defined and more service IDs
    are now supported.

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`2cd6dcf`](https://github.com/mermaid-js/mermaid/commit/2cd6dcf735533b323507e3e889ffdea870540b43) Thanks [@aloisklink](https://github.com/aloisklink)! - deprecate: Deprecate the `mermaidAPI.setConfig()` function

    Calling this function has no observable effect, as the next time a
    `render()` or `parse()` is called, the `currentConfig` is cleared.

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`630aa7e`](https://github.com/mermaid-js/mermaid/commit/630aa7e5dd417e1f56bff2a1ce8df2c5ad08d289) Thanks [@aloisklink](https://github.com/aloisklink)! - fix(xychart): support zero-width x-axis ranges

-   [#8022](https://github.com/mermaid-js/mermaid/pull/8022) [`59b22fa`](https://github.com/mermaid-js/mermaid/commit/59b22fad2b3bb04f87a476c84a8a2b24679e607e) Thanks [@aloisklink](https://github.com/aloisklink)! - fix(radar): limit number of ticks to 32

    Setting a ticks value higher than this would only show 32 ticks.

### 11.16.0

- Date: 2026-06-25
- Version: 11.16.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.16.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.16.0

- **added** — Add Cynefin framework as a new diagram type (beta) available as cynefin-beta for categorizing problems into five complexity domains
- **added** — Add box-drawing character input support for treeView diagrams
- **added** — Add per-point text labels for xychart line plots
- **added** — Extend treeView-beta diagram with features for representing file/directory structures
- **added** — Support optional ER attribute types with a ? suffix
- **added** — Support multiple excludes/includes lines in gantt diagrams to allow splitting long exclusion lists into commented groups
- **added** — Add align row|column directive to architecture-beta diagrams to declare horizontal or vertical alignment of services explicitly
- **added** — Enhance pie charts to enable donut chart mode, set legend position, and highlight slices
- **added** — Add support for Railroad Diagrams (Syntax Diagrams) with four input syntaxes: IR (railroad-beta), EBNF (railroad-ebnf-beta), ABNF (railroad-abnf-beta), and PEG (railroad-peg-beta)
- **added** — Enable rotate label on X-axis for xychart
- **added** — Add swimlane as a standalone diagram type with a dedicated layered orthogonal layout algorithm
- **fixed** — Add architecture.seed config option to make architecture diagrams render deterministically
- **fixed** — Tolerate leading horizontal whitespace before YAML frontmatter delimiters
- **fixed** — Prevent crash when flowchart node shape is undefined
- **fixed** — Support styling and callbacks for generic classes in class diagrams
- **fixed** — Render gantt vertical markers without affecting row layout or chart height
- **fixed** — Allow special characters (e.g. dots) in ER diagram attribute names and types by escaping them with backticks
- **fixed** — Respect per-subgraph direction keyword in Dagre layout for flowcharts

###### Minor Changes

-   [#7535](https://github.com/mermaid-js/mermaid/pull/7535) [`ea1c48f`](https://github.com/mermaid-js/mermaid/commit/ea1c48f53fce5d025388d386c90da8743ee25b13) Thanks [@ragelink](https://github.com/ragelink)! - feat(cynefin): Adds the Cynefin framework as a new diagram type (beta) to Mermaid (available as `cynefin-beta`). The Cynefin framework, created by Dave Snowden, is a decision-making framework that categorizes problems into five complexity domains, widely used in agile, incident management, strategy, and organizational design.

-   [#7721](https://github.com/mermaid-js/mermaid/pull/7721) [`f45cc2c`](https://github.com/mermaid-js/mermaid/commit/f45cc2cc5683b90990e374a463b7bcad0fd68a38) Thanks [@notionparallax](https://github.com/notionparallax)! - feat(treeView): add box-drawing character input support for treeView diagrams

-   [#7550](https://github.com/mermaid-js/mermaid/pull/7550) [`f1f4d45`](https://github.com/mermaid-js/mermaid/commit/f1f4d45ee0513b64a2bd280087d31656f9d2c786) Thanks [@DominicBurkart](https://github.com/DominicBurkart)! - feat(xychart): add per-point text labels for xychart line plots

-   [#7527](https://github.com/mermaid-js/mermaid/pull/7527) [`b4d0442`](https://github.com/mermaid-js/mermaid/commit/b4d0442dd1628acb3f71681519e7f47fc8bacf55) Thanks [@notionparallax](https://github.com/notionparallax)! - feat(treeView): Extends the existing treeView-beta diagram with features useful for representing file/directory structures.

-   [#7793](https://github.com/mermaid-js/mermaid/pull/7793) [`a6f097d`](https://github.com/mermaid-js/mermaid/commit/a6f097d580d459dfc3ade3e21030037341f79940) Thanks [@SSDWGG](https://github.com/SSDWGG)! - feat(er): support optional ER attribute types with a `?` suffix

-   [#7772](https://github.com/mermaid-js/mermaid/pull/7772) [`37f2e36`](https://github.com/mermaid-js/mermaid/commit/37f2e36fa017698b66093ac5518396523a7a3241) Thanks [@devareddy05](https://github.com/devareddy05)! - feat(gantt): support multiple `excludes` / `includes` lines so long exclusion lists can be split into commented groups (#6270)

-   [#7708](https://github.com/mermaid-js/mermaid/pull/7708) [`4e63e9d`](https://github.com/mermaid-js/mermaid/commit/4e63e9d338b6476df283afd4a002072945bc4563) Thanks [@txmxthy](https://github.com/txmxthy)! - feat(architecture): add `align row|column {ids…}` directive to architecture-beta diagrams so authors can declare horizontal or vertical alignment of services explicitly.

-   [#7760](https://github.com/mermaid-js/mermaid/pull/7760) [`05223be`](https://github.com/mermaid-js/mermaid/commit/05223bee47a424be3ba7805e753b96861d342765) Thanks [@ngdaniels](https://github.com/ngdaniels)! - feat(pie): Enhance Pie Chart - Enable donut chart, Set legend position, and highlight slice

-   [#7251](https://github.com/mermaid-js/mermaid/pull/7251) [`216e4e9`](https://github.com/mermaid-js/mermaid/commit/216e4e9a61afceae885b00854f79e17373ccad31) Thanks [@ydah](https://github.com/ydah)! - feat(railroad): Add support for Railroad Diagrams (Syntax Diagrams) with four input syntaxes: IR (railroad-beta), EBNF (railroad-ebnf-beta), ABNF (railroad-abnf-beta), and PEG (railroad-peg-beta).

-   [#7774](https://github.com/mermaid-js/mermaid/pull/7774) [`e5c75e6`](https://github.com/mermaid-js/mermaid/commit/e5c75e6b797f84f8f652d8771eb1ce6161dd8f89) Thanks [@ngdaniels](https://github.com/ngdaniels)! - feat(xychart): enable rotate label on X-axis

-   [#7791](https://github.com/mermaid-js/mermaid/pull/7791) [`974fa7b`](https://github.com/mermaid-js/mermaid/commit/974fa7b7e791b442ad5f7862f1cbecd53d982485) Thanks [@knsv-bot](https://github.com/knsv-bot)! - feat(swimlane): add swimlane as a standalone diagram type with a dedicated layered orthogonal layout algorithm

###### Patch Changes

-   [#7744](https://github.com/mermaid-js/mermaid/pull/7744) [`633c261`](https://github.com/mermaid-js/mermaid/commit/633c261dadbaa20ee0cf9a0299e2269abe4ca573) Thanks [@ashishjain0512](https:/

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.16.0]_

### 11.15.0

- Date: 2026-05-11
- Version: 11.15.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.15.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.15.0

- **added** — Add support for decimal start and increment values in the autonumber directive for sequence diagrams
- **added** — Add datastore shape to flowcharts, denoted by a rectangle with only top and bottom borders, usable with A@{ shape: datastore, label: "Datastore" }
- **added** — Add Event Modeling diagram type
- **added** — Expose four fcose layout knobs for architecture-beta diagrams (nodeSeparation, idealEdgeLengthMultiplier, edgeElasticity, numIter) to tune layout density and spread
- **added** — Add nested namespace support for class diagrams via dot notation and syntactic nesting
- **added** — Add outlined label style, configurable nodeWidth/nodePadding, and custom node colors to sankey diagrams
- **fixed** — Prevent unbalanced CSS styles in classDefs
- **fixed** — Create CSS styles using the CSSOM to remove invalid CSS and normalize CSS formatting
- **fixed** — Make end note in stateDiagram only close a note when used on a new line
- **fixed** — Add iteration limit for excludes field in gantt diagrams
- **fixed** — Disallow some CSS at-rules in custom CSS
- **fixed** — Fix unnecessary sanitization of text in wardley diagrams
- **fixed** — Prevent self-referential class multiplicity labels from being rendered multiple times
- **fixed** — Add background box behind alt/else section title labels in sequence diagrams
- **fixed** — Prevent column widths from shrinking when mixing different column spans in block diagrams
- **fixed** — Correct messageAlign label position for right-to-left arrows in sequence diagrams
- **fixed** — Allow hyphens in unquoted component names in wardley diagrams

###### Minor Changes

-   [#7174](https://github.com/mermaid-js/mermaid/pull/7174) [`0aca217`](https://github.com/mermaid-js/mermaid/commit/0aca21739c0d1fcaaa206e04a6cd574ebc415483) Thanks [@milesspencer35](https://github.com/milesspencer35)! - feat(sequence): Add support for decimal start and increment values in the `autonumber` directive

-   [#7512](https://github.com/mermaid-js/mermaid/pull/7512) [`8e17492`](https://github.com/mermaid-js/mermaid/commit/8e17492f7365ba50896382feb69a23efd9d8a22d) Thanks [@aruncveli](https://github.com/aruncveli)! - feat(flowchart): add datastore shape

    In Data flow diagrams, a datastore/warehouse/file/database is used to represent data persistence. It is denoted by a rectangle with only top and bottom borders, and can be used in flowcharts with `A@{ shape: datastore, label: "Datastore" }`.

-   [#6440](https://github.com/mermaid-js/mermaid/pull/6440) [`9ad8dde`](https://github.com/mermaid-js/mermaid/commit/9ad8dde6d049adde85d8ed2d476c09b5820f3f4b) Thanks [@yordis](https://github.com/yordis), [@lgazo](https://github.com/lgazo)! - feat: add Event Modeling diagram

-   [#7707](https://github.com/mermaid-js/mermaid/pull/7707) [`27db774`](https://github.com/mermaid-js/mermaid/commit/27db774627be1cee881961dfd0d2cb21cd01b79d) Thanks [@txmxthy](https://github.com/txmxthy)! - feat(architecture): expose four fcose layout knobs for `architecture-beta` diagrams (`nodeSeparation`, `idealEdgeLengthMultiplier`, `edgeElasticity`, `numIter`) so authors can tune layout density and spread overlapping siblings without changing diagram source

-   [#7604](https://github.com/mermaid-js/mermaid/pull/7604) [`bf9502f`](https://github.com/mermaid-js/mermaid/commit/bf9502fb6012a4b724679b401ac928f5ee55161c) Thanks [@M-a-c](https://github.com/M-a-c)! - feat(class): add nested namespace support for class diagrams via dot notation and syntactic nesting

    If you have namespaces in class diagrams that use `.`s already and want to render them without nesting (≤v11.14.0 behaviour), you can use set `class.hierarchicalNamespaces=false` in your mermaid config:

    ```yaml
    config:
      class:
        hierarchicalNamespaces: false
    ```

-   [#7272](https://github.com/mermaid-js/mermaid/pull/7272) [`88cdd3d`](https://github.com/mermaid-js/mermaid/commit/88cdd3dc0aab9577174561b04e14760c565a232b) Thanks [@xinbenlv](https://github.com/xinbenlv)! - feat(sankey): add outlined label style, configurable nodeWidth/nodePadding, and custom node colors

###### Patch Changes

-   [#7737](https://github.com/mermaid-js/mermaid/pull/7737) [`e9b0f34`](https://github.com/mermaid-js/mermaid/commit/e9b0f34d8d82a6260077764ee45e1d7d90957a0f) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix: prevent unbalanced CSS styles in classDefs

-   [#7737](https://github.com/mermaid-js/mermaid/pull/7737) [`37ff937`](https://github.com/mermaid-js/mermaid/commit/37ff937f1da2e19f882fd1db01235db4d01f4056) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix: create CSS styles using the CSSOM

    This removes some invalid CSS and normalizes some CSS formatting.

-   [#7508](https://github.com/mermaid-js/mermaid/pull/7508) [`bfe60cc`](https://github.com/mermaid-js/mermaid/commit/bfe60cc67b9a6dec64f9161f58e4d24a06c42b65) Thanks [@biiab](https://github.com/biiab)! - fix(stateDiagram): `end note` now only closes a note when used on a new line

-   [#7737](https://github.com/mermaid-js/mermaid/pull/7737) [`faafb5d`](https://github.com/mermaid-js/mermaid/commit/faafb5d49106dd32c367f3882505f2dd625aa30e) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix(gantt): add iteration limit for `excludes` field

-   [#7737](https://github.com/mermaid-js/mermaid/pull/7737) [`65f8be2`](https://github.com/mermaid-js/mermaid/commit/65f8be2a42faf869b811469571983cba7eeeca99) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix: disallow some CSS at-rules in custom CSS

-   [#7726](https://github.com/mermaid-js/mer

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.15.0]_

### 11.14.0

- Date: 2026-04-01
- Version: 11.14.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.14.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.14.0

- **added** — Add TreeView diagram type
- **added** — Add Wardley Maps diagram type (beta) with component positioning, anchors, multiple link types, evolution arrows, custom evolution stages, pipeline components, annotations, and source strategy markers
- **added** — Implement neo look styling for state diagrams
- **added** — Implement neo look support for sequence diagrams with drop shadows and enhanced styling
- **added** — Add randomize config option for architecture diagrams, defaulting to false for deterministic layout
- **added** — Add option to change timeline direction
- **added** — Implement neo look styling for ER diagrams
- **added** — Implement neo look styling for requirement diagrams
- **added** — Add theme support for data label colour in xy chart
- **added** — Implement neo look styling for mindmap diagrams
- **added** — Implement neo look for mermaid flowchart diagrams
- **added** — Implement neo look and themes for class diagram
- **added** — Add showDataLabelOutsideBar option for xy chart
- **added** — Implement neo look support for timeline diagram with drop shadows, additional redux themes and enhanced styling
- **fixed** — Fix duplicate SVG element IDs when rendering multiple diagrams on the same page by prefixing internal element IDs with the diagram's SVG element ID across all diagram types

Thanks to our awesome mermaid community that contributed to this release: [@ashishjain0512](https://github.com/ashishjain0512), [@tractorjuice](https://github.com/tractorjuice), [@autofix-ci[bot]](https://github.com/autofix-ci%5Bbot%5D), [@aloisklink](https://github.com/aloisklink), [@knsv](https://github.com/knsv), [@kibanana](https://github.com/kibanana), [@chandershekhar22](https://github.com/chandershekhar22), [@khalil](https://github.com/khalil), [@ytatsuno](https://github.com/ytatsuno), [@sidharthv96](https://github.com/sidharthv96), [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D), [@dripcoding](https://github.com/dripcoding), [@knsv-bot](https://github.com/knsv-bot), [@jeroensmink98](https://github.com/jeroensmink98), [@Alex9583](https://github.com/Alex9583), [@GhassenS](https://github.com/GhassenS), [@omkarht](https://github.com/omkarht), [@darshanr0107](https://github.com/darshanr0107), [@leentaylor](https://github.com/leentaylor), [@lee-treehouse](https://github.com/lee-treehouse), [@veeceey](https://github.com/veeceey), [@turntrout](https://github.com/turntrout), [@Mermaid-Chart](https://github.com/Mermaid-Chart), [@BambioGaming](https://github.com/BambioGaming), Claude

#### Releases
##### @mermaid-js/examples@1.2.0

###### Minor Changes

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - add new TreeView diagram

##### mermaid@11.14.0

###### Minor Changes

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - Add Wardley Maps diagram type (beta)

    Adds Wardley Maps as a new diagram type to Mermaid (available as `wardley-beta`). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

    Features:

    -   Component positioning with [visibility, evolution] coordinates (OWM format)
    -   Anchors for users/customers
    -   Multiple link types: dependencies, flows, labeled links
    -   Evolution arrows and trend indicators
    -   Custom evolution stages with optional dual labels
    -   Custom stage widths using @boundary notation
    -   Pipeline components with visibility inheritance
    -   Annotations, notes, and visual elements
    -   Source strategy markers: build, buy, outsource, market
    -   Inertia indicators
    -   Theme integration

    Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: implement neo look styling for state diagrams

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: add `randomize` config option for architecture diagrams, defaulting to `false` for deterministic layout

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - feat: Add option to change timeline direction

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.14.0]_

### 11.13.0

- Date: 2026-03-09
- Version: 11.13.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.13.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.13.0

- **added** — Export the AsyncIconLoader, SyncIconLoader, and IconLoader types
- **added** — Add venn-beta diagram
- **added** — Add half-arrowheads (solid & stick) and central connection support
- **added** — Add Ishikawa diagram (ishikawa-beta)
- **added** — Allow to put notes in namespaces on classDiagram
- **deprecated** — Deprecate flowchart.htmlLabels in favor of root-level htmlLabels in Mermaid config
- **fixed** — Prevent HTML tags from being escaped in sandbox label rendering
- **fixed** — Support edge animation in hand drawn look
- **fixed** — ER diagram edge label positioning
- **fixed** — Resolved parsing error where direction TD was not recognized within subgraphs
- **fixed** — Fixed treemap classDef style application to properly apply user-defined styles
- **fixed** — Correct viewBox casing and make SVGs responsive
- **fixed** — Improve participant parsing and prevent recursive loops on invalid syntax
- **fixed** — Respect markdownAutoWrap: false to prevent text auto-wrapping in flowchart markdown labels with htmlLabels enabled
- **fixed** — Architecture diagram lines should now have the correct length
- **fixed** — Support the htmlLabels Mermaid config value whenever possible
- **fixed** — Prevent browser hang when using multiline accDescr in XY charts
- **fixed** — Correct block positioning when nested blocks span multiple columns
- **fixed** — Correct BT orientation arc sweep flags in gitGraph drawArrow()

###### Minor Changes

-   [#7352](https://github.com/mermaid-js/mermaid/pull/7352) [`d6db0b0`](https://github.com/mermaid-js/mermaid/commit/d6db0b039654f6e122c6098821bc75f2910915e3) Thanks [@remcohaszing](https://github.com/remcohaszing)! - feat: Export the `AsyncIconLoader`, `SyncIconLoader`, and `IconLoader` types.

-   [#5932](https://github.com/mermaid-js/mermaid/pull/5932) [`cdacb0b`](https://github.com/mermaid-js/mermaid/commit/cdacb0b30171bd15223c008a56c09f7ece842940) Thanks [@exoego](https://github.com/exoego)! - feat: Add venn-beta diagram

-   [#6789](https://github.com/mermaid-js/mermaid/pull/6789) [`73e9849`](https://github.com/mermaid-js/mermaid/commit/73e9849f993cd766eecddf349e335a4473560f37) Thanks [@omkarht](https://github.com/omkarht)! - feat: Add half-arrowheads (solid & stick) and central connection support

-   [#7387](https://github.com/mermaid-js/mermaid/pull/7387) [`acce4db`](https://github.com/mermaid-js/mermaid/commit/acce4db7a1bd8801666f1a9667a63e4010ec2020) Thanks [@exoego](https://github.com/exoego)! - feat: Add Ishikawa diagram (ishikawa-beta)

-   [#6995](https://github.com/mermaid-js/mermaid/pull/6995) [`9745f32`](https://github.com/mermaid-js/mermaid/commit/9745f325cb9e1967640f0e85da193a2f820634f1) Thanks [@darshanr0107](https://github.com/darshanr0107)! - feat: Deprecate [`flowchart.htmlLabels`](https://mermaid.js.org/config/schema-docs/config-defs-flowchart-diagram-config.html#htmllabels) in favor of [root-level `htmlLabels`](https://mermaid.js.org/config/schema-docs/config.html#htmllabels) in Mermaid config

-   [#5814](https://github.com/mermaid-js/mermaid/pull/5814) [`2dd29be`](https://github.com/mermaid-js/mermaid/commit/2dd29bee254a5b89c00eb0b0da1bcf7fe96ce46c) Thanks [@kairi003](https://github.com/kairi003)! - feat: allow to put notes in namespaces on classDiagram

###### Patch Changes

-   [#7075](https://github.com/mermaid-js/mermaid/pull/7075) [`96a766d`](https://github.com/mermaid-js/mermaid/commit/96a766dcdbb7d6e3043344a2ee3f1b64ba7a62c3) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Prevent HTML tags from being escaped in sandbox label rendering

-   [#6843](https://github.com/mermaid-js/mermaid/pull/6843) [`32723b2`](https://github.com/mermaid-js/mermaid/commit/32723b2de13474d7d13e9292e6f801e9874936ab) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: Support edge animation in hand drawn look

-   [#7453](https://github.com/mermaid-js/mermaid/pull/7453) [`a60e615`](https://github.com/mermaid-js/mermaid/commit/a60e615bc31edeb1d623d096117812c0f721f2f8) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: ER diagram edge label positioning

-   [#6989](https://github.com/mermaid-js/mermaid/pull/6989) [`1a9d45a`](https://github.com/mermaid-js/mermaid/commit/1a9d45abf0a991c40985021e8b523c32b46dd897) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Resolved parsing error where direction TD was not recognized within subgraphs

-   [#7178](https://github.com/mermaid-js/mermaid/pull/7178) [`96ca7c0`](https://github.com/mermaid-js/mermaid/commit/96ca7c090f28eea458027e6871903d789575cfa1) Thanks [@omkarht](https://github.com/omkarht)! - fix(treemap): Fixed treemap classDef style application to properly apply user-defined styles

-   [#7076](https://github.com/mermaid-js/mermaid/pull/7076) [`60f6331`](https://github.com/mermaid-js/mermaid/commit/60f633101cd2e55ee80ad2250ae57d4c970430e5) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Correct viewBox casing and make SVGs responsive

-   [#7055](https://github.com/mermaid-js/mermaid/pull/7055) [`fa15ce8`](https://github.com/mermaid-js/mermaid/commit/fa15ce8502d2f1d72787998d9d944c5a98b992dd) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Improve participant parsing and prevent recursive loops on invalid syntax

-   [#7276](https://github.com/mermaid-js/mermaid/pull/7276) [`33c7c72`](https://github.com/mermaid-js/mermaid/commit/33c7c7206400509537a28f15d0e

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.13.0]_

### 11.12.3

- Date: 2026-02-17
- Version: 11.12.3
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.12.3
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.12.3

- **changed** — Updated @mermaid-js/parser dependency to version 1.0.0

###### Patch Changes

-   Updated dependencies \[[`7243340`](https://github.com/mermaid-js/mermaid/commit/72433401a8c9d90d6753b7592d556122ecb953ca)]:
    -   @mermaid-js/parser@1.0.0

### 11.12.2

- Date: 2025-12-02
- Version: 11.12.2
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.12.2
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.12.2

- **fixed** — validate dates and tick interval to prevent UI freeze or crash in gantt diagram type

###### Patch Changes

-   [#7200](https://github.com/mermaid-js/mermaid/pull/7200) [`de7ed10`](https://github.com/mermaid-js/mermaid/commit/de7ed1033996d702e3983dcf8114f33faea89577) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - fix: validate dates and tick interval to prevent UI freeze/crash in gantt diagramtype

### 11.12.1

- Date: 2025-10-27
- Version: 11.12.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.12.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.12.1

- **security** — Updated the dependency dagre-d3-es to 7.0.13 to fix GHSA-cc8p-78qf-8p7q

###### Patch Changes

-   [#7107](https://github.com/mermaid-js/mermaid/pull/7107) [`cbf8946`](https://github.com/mermaid-js/mermaid/commit/cbf89462acecac7a06f19843e8d48cb137df0753) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - fix: Updated the dependency dagre-d3-es to 7.0.13 to fix GHSA-cc8p-78qf-8p7q

### 11.12.0

- Date: 2025-09-18
- Version: 11.12.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.12.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.12.0

- **added** — Add IDs in architecture diagrams
- **fixed** — Ensure edge label color is applied when using classDef with edge IDs
- **fixed** — Resolve gantt chart crash due to invalid array length

###### Minor Changes

-   [#6921](https://github.com/mermaid-js/mermaid/pull/6921) [`764b315`](https://github.com/mermaid-js/mermaid/commit/764b315dc16d0359add7c6b8e3ef7592e9bdc09c) Thanks [@quilicicf](https://github.com/quilicicf)! - feat: Add IDs in architecture diagrams

###### Patch Changes

-   [#6950](https://github.com/mermaid-js/mermaid/pull/6950) [`a957908`](https://github.com/mermaid-js/mermaid/commit/a9579083bfba367a4f4678547ec37ed7b61b9f5b) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: Fix mindmap rendering in docs and apply tidytree layout

-   [#6826](https://github.com/mermaid-js/mermaid/pull/6826) [`1d36810`](https://github.com/mermaid-js/mermaid/commit/1d3681053b9168354e48e5763023b6305cd1ca72) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Ensure edge label color is applied when using classDef with edge IDs

-   [#6945](https://github.com/mermaid-js/mermaid/pull/6945) [`d318f1a`](https://github.com/mermaid-js/mermaid/commit/d318f1a13cd7429334a29c70e449074ec1cb9f68) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Resolve gantt chart crash due to invalid array length

-   [#6918](https://github.com/mermaid-js/mermaid/pull/6918) [`cfe9238`](https://github.com/mermaid-js/mermaid/commit/cfe9238882cbe95416db1feea3112456a71b6aaf) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: revert marked dependency from ^15.0.7 to ^16.0.0
    -   Reverted marked package version to ^16.0.0 for better compatibility
    -   This is a dependency update that maintains API compatibility
    -   All tests pass with the updated version

### 11.11.0

- Date: 2025-09-04
- Version: 11.11.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.11.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.11.0

- **added** — Support for new participant types (actor, boundary, control, entity, database, collections, queue) in sequenceDiagram
- **changed** — Update mindmap rendering to support multiple layouts, improved edge intersections, and new shapes
- **fixed** — Render newlines as spaces in class diagrams
- **fixed** — Handle arrows correctly when auto number is enabled

###### Minor Changes

-   [#6704](https://github.com/mermaid-js/mermaid/pull/6704) [`012530e`](https://github.com/mermaid-js/mermaid/commit/012530e98e9b8b80962ab270b6bb3b6d9f6ada05) Thanks [@omkarht](https://github.com/omkarht)! - feat: Added support for new participant types (`actor`, `boundary`, `control`, `entity`, `database`, `collections`, `queue`) in `sequenceDiagram`.

-   [#6802](https://github.com/mermaid-js/mermaid/pull/6802) [`c8e5027`](https://github.com/mermaid-js/mermaid/commit/c8e50276e877c4de7593a09ec458c99353e65af8) Thanks [@darshanr0107](https://github.com/darshanr0107)! - feat: Update mindmap rendering to support multiple layouts, improved edge intersections, and new shapes

###### Patch Changes

-   [#6905](https://github.com/mermaid-js/mermaid/pull/6905) [`33bc4a0`](https://github.com/mermaid-js/mermaid/commit/33bc4a0b4e2ca6d937bb0a8c4e2081b1362b2800) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Render newlines as spaces in class diagrams

-   [#6886](https://github.com/mermaid-js/mermaid/pull/6886) [`e0b45c2`](https://github.com/mermaid-js/mermaid/commit/e0b45c2d2b41c2a9038bf87646fa3ccd7560eb20) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Handle arrows correctly when auto number is enabled

### 11.10.1

- Date: 2025-08-22
- Version: 11.10.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.10.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.10.1

- **fixed** — Handle arrows correctly when auto number is enabled

###### Patch Changes

-   [#6886](https://github.com/mermaid-js/mermaid/pull/6886) [`e0b45c2`](https://github.com/mermaid-js/mermaid/commit/e0b45c2d2b41c2a9038bf87646fa3ccd7560eb20) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Handle arrows correctly when auto number is enabled

### 11.10.0

- Date: 2025-08-19
- Version: 11.10.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.10.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.10.0

- **added** — Support per link curve styling in flowchart diagram using edge ids
- **added** — Expose elk configuration forceNodeModelOrder and considerModelOrder to the mermaid configuration
- **changed** — Remove the "-beta" suffix from the XYChart, Block, Sankey diagrams to reflect their stable status
- **fixed** — Position the edge label in state diagram correctly relative to the edge
- **fixed** — Apply correct dateFormat in Gantt chart to show only day when specified
- **fixed** — Handle exclude dates properly in Gantt charts when using dateFormat: 'YYYY-MM-DD HH:mm:ss'
- **fixed** — Fixed connection gaps in flowchart for roundedRect, stadium and diamond shape
- **security** — Sanitize icon labels and icon SVGs
- **fixed** — Update casing of ID in requirement diagram
- **fixed** — Make flowchart elk detector regex match less greedy
- **fixed** — Overflowing blocks no longer affect later lines
- **fixed** — Log warning for blocks exceeding column width
- **fixed** — Add escaped class literal name on namespace
- **fixed** — Allow equals sign in sequenceDiagram labels
- **fixed** — Add validation for negative values in pie charts
- **fixed** — Node border style for handdrawn shapes
- **fixed** — Update flowchart direction TD's behavior to be the same as TB
- **fixed** — Correctly render non-directional lines for '---' in block diagrams

###### Minor Changes

-   [#6744](https://github.com/mermaid-js/mermaid/pull/6744) [`daf8d8d`](https://github.com/mermaid-js/mermaid/commit/daf8d8d3befcd600618a629977b76463b38d0ad9) Thanks [@SpecularAura](https://github.com/SpecularAura)! - feat: Added support for per link curve styling in flowchart diagram using edge ids

###### Patch Changes

-   [#6857](https://github.com/mermaid-js/mermaid/pull/6857) [`b9ef683`](https://github.com/mermaid-js/mermaid/commit/b9ef683fb67b8959abc455d6cc5266c37ba435f6) Thanks [@knsv](https://github.com/knsv)! - feat: Exposing elk configuration forceNodeModelOrder and considerModelOrder to the mermaid configuration

-   [#6653](https://github.com/mermaid-js/mermaid/pull/6653) [`2c0931d`](https://github.com/mermaid-js/mermaid/commit/2c0931da46794b49d2523211e25f782900c34e94) Thanks [@darshanr0107](https://github.com/darshanr0107)! - chore: Remove the "-beta" suffix from the XYChart, Block, Sankey diagrams to reflect their stable status

-   [#6683](https://github.com/mermaid-js/mermaid/pull/6683) [`33e08da`](https://github.com/mermaid-js/mermaid/commit/33e08daf175125295a06b1b80279437004a4e865) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Position the edge label in state diagram correctly relative to the edge

-   [#6693](https://github.com/mermaid-js/mermaid/pull/6693) [`814b68b`](https://github.com/mermaid-js/mermaid/commit/814b68b4a94813f7c6b3d7fb4559532a7bab2652) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Apply correct dateFormat in Gantt chart to show only day when specified

-   [#6734](https://github.com/mermaid-js/mermaid/pull/6734) [`fce7cab`](https://github.com/mermaid-js/mermaid/commit/fce7cabb71d68a20a66246fe23d066512126a412) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: handle exclude dates properly in Gantt charts when using dateFormat: 'YYYY-MM-DD HH:mm:ss'

-   [#6733](https://github.com/mermaid-js/mermaid/pull/6733) [`fc07f0d`](https://github.com/mermaid-js/mermaid/commit/fc07f0d8abca49e4f887d7457b7b94fb07d1e3da) Thanks [@omkarht](https://github.com/omkarht)! - fix: fixed connection gaps in flowchart for roundedRect, stadium and diamond shape

-   [#6876](https://github.com/mermaid-js/mermaid/pull/6876) [`12e01bd`](https://github.com/mermaid-js/mermaid/commit/12e01bdb5cacf3569133979a5a4f1d8973e9aec1) Thanks [@sidharthv96](https://github.com/sidharthv96)! - fix: sanitize icon labels and icon SVGs

    Resolves CVE-2025-54880 reported by @fourcube

-   [#6801](https://github.com/mermaid-js/mermaid/pull/6801) [`01aaef3`](https://github.com/mermaid-js/mermaid/commit/01aaef39b4a1ec8bc5a0c6bfa3a20b712d67f4dc) Thanks [@sidharthv96](https://github.com/sidharthv96)! - fix: Update casing of ID in requirement diagram

-   [#6796](https://github.com/mermaid-js/mermaid/pull/6796) [`c36cd05`](https://github.com/mermaid-js/mermaid/commit/c36cd05c45ac3090181152b4dae41f8d7b569bd6) Thanks [@HashanCP](https://github.com/HashanCP)! - fix: Make flowchart elk detector regex match less greedy

-   [#6702](https://github.com/mermaid-js/mermaid/pull/6702) [`8bb29fc`](https://github.com/mermaid-js/mermaid/commit/8bb29fc879329ad109898e4025b4f4eba2ab0649) Thanks [@qraqras](https://github.com/qraqras)! - fix(block): overflowing blocks no longer affect later lines

    This may change the layout of block diagrams that have overflowing lines
    (i.e. block diagrams that use up more columns that the `columns` specifier).

-   [#6717](https://github.com/mermaid-js/mermaid/pull/6717) [`71b04f9`](https://github.com/mermaid-js/mermaid/commit/71b04f93b07f876df2b30656ef36036c1d0e4e4f) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: log warning for blocks exceeding column width

    This update adds a validation check that logs a warning message when a block's width exceeds the defined column layout.

-   [#6820](https://github.com/mermaid-js/mermaid/pull/6820) [`c99bce6`](https://github.com/mermaid-js/mermaid/commit/c99bce6bab4c7ce0b81b66d44f448

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.10.0]_

### 11.9.0

- Date: 2025-07-17
- Version: 11.9.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.9.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.9.0

- **added** — Add `getRegisteredDiagramsMetadata` to `mermaid`, which returns all the registered diagram IDs in mermaid
- **changed** — Move packet diagram out of beta
- **fixed** — Adjust sequence diagram title positioning to prevent overlap with top border in Safari
- **fixed** — Fix loading `leftMargin` from config so the `timeline.leftMargin` config value correctly controls the size of the left margin

###### Minor Changes

- [#6453](https://github.com/mermaid-js/mermaid/pull/6453) [`5acbd7e`](https://github.com/mermaid-js/mermaid/commit/5acbd7e762469d9d89a9c77faf6617ee13367f3a) Thanks [@sidharthv96](https://github.com/sidharthv96)! - feat: Add `getRegisteredDiagramsMetadata` to `mermaid`, which returns all the registered diagram IDs in mermaid

###### Patch Changes

- [#6738](https://github.com/mermaid-js/mermaid/pull/6738) [`d90634b`](https://github.com/mermaid-js/mermaid/commit/d90634bf2b09e586b055729e07e9a1a31b21827c) Thanks [@shubham-mermaid](https://github.com/shubham-mermaid)! - chore: Updated TreeMapDB to use class based approach

- [#6510](https://github.com/mermaid-js/mermaid/pull/6510) [`7a38eb7`](https://github.com/mermaid-js/mermaid/commit/7a38eb715d795cd5c66cb59357d64ec197b432e6) Thanks [@sidharthv96](https://github.com/sidharthv96)! - chore: Move packet diagram out of beta

- [#6747](https://github.com/mermaid-js/mermaid/pull/6747) [`3e3ae08`](https://github.com/mermaid-js/mermaid/commit/3e3ae089305e1c7b9948b9e149eba6854fe7f2d6) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: adjust sequence diagram title positioning to prevent overlap with top border in Safari

- [#6751](https://github.com/mermaid-js/mermaid/pull/6751) [`d3e2be3`](https://github.com/mermaid-js/mermaid/commit/d3e2be35be066adeb7fd502b4a24c223c3b53947) Thanks [@darshanr0107](https://github.com/darshanr0107)! - chore: Update MindmapDB to use class based approach

- [#6715](https://github.com/mermaid-js/mermaid/pull/6715) [`637680d`](https://github.com/mermaid-js/mermaid/commit/637680d4d9e39b4f8cb6f05b4cb261e8f5693ac3) Thanks [@Syn3ugar](https://github.com/Syn3ugar)! - fix(timeline): fix loading `leftMargin` from config

  The `timeline.leftMargin` config value should now correctly control the size of the left margin, instead of being ignored.

- Updated dependencies [[`7a38eb7`](https://github.com/mermaid-js/mermaid/commit/7a38eb715d795cd5c66cb59357d64ec197b432e6)]:
  - @mermaid-js/parser@0.6.2

### 11.8.1

- Date: 2025-07-07
- Version: 11.8.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.8.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.8.1

- **changed** — Updated @mermaid-js/parser to 0.6.1

###### Patch Changes

-   Updated dependencies \[[`0da2922`](https://github.com/mermaid-js/mermaid/commit/0da2922ee7f47959e324ec10d3d21ee70594f557)]:
    -   @mermaid-js/parser@0.6.1

### 11.8.0

- Date: 2025-07-03
- Version: 11.8.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.8.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.8.0

- **added** — Support for the new nested treemap diagram type
- **fixed** — Log a warning when duplicate commit IDs are encountered in gitGraph to help identify and debug rendering issues caused by non-unique IDs

###### Minor Changes

-   [#6590](https://github.com/mermaid-js/mermaid/pull/6590) [`f338802`](https://github.com/mermaid-js/mermaid/commit/f338802642cdecf5b7ed6c19a20cf2a81effbbee) Thanks [@knsv](https://github.com/knsv)! - Adding support for the new diagram type nested treemap

###### Patch Changes

-   [#6707](https://github.com/mermaid-js/mermaid/pull/6707) [`592c5bb`](https://github.com/mermaid-js/mermaid/commit/592c5bb880c3b942710a2878d386bcb3eb35c137) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Log a warning when duplicate commit IDs are encountered in gitGraph to help identify and debug rendering issues caused by non-unique IDs.

-   Updated dependencies \[[`f338802`](https://github.com/mermaid-js/mermaid/commit/f338802642cdecf5b7ed6c19a20cf2a81effbbee)]:
    -   @mermaid-js/parser@0.6.0

### 11.7.0

- Date: 2025-06-20
- Version: 11.7.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.7.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.7.0

- **added** — Add vertical line to Gantt plot at specified time
- **added** — Add support for styling Journey Diagram title with color, font-family, and font-size
- **added** — Add support for the click directive in stateDiagram syntax
- **added** — Add shorter +<count>: Label syntax in packet diagram
- **added** — Dynamically render data labels within bar charts
- **fixed** — Allow sequence diagram arrows with a trailing colon but no message
- **fixed** — Fix stroke styles for ER diagram to correctly apply path and row-specific styles
- **fixed** — Remove incorrect style="undefined;" attributes in some Mermaid diagrams
- **fixed** — Allow colons in events
- **fixed** — Ensure consistent vertical line lengths with visible arrowheads in timeline diagrams
- **fixed** — Fix incomplete string escaping in URL manipulation logic when arrowMarkerAbsolute: true
- **changed** — FontAwesome icons can now be embedded as SVGs in flowcharts if they are registered via mermaid.registerIconPacks
- **changed** — Refactor grammar so that title does not break Architecture Diagrams

###### Minor Changes

-   [#6479](https://github.com/mermaid-js/mermaid/pull/6479) [`97b79c3`](https://github.com/mermaid-js/mermaid/commit/97b79c3578a2004c63fa32f6d5e17bd8a536e13a) Thanks [@monicanguyen25](https://github.com/monicanguyen25)! - feat: Add Vertical Line To Gantt Plot At Specified Time

-   [#6225](https://github.com/mermaid-js/mermaid/pull/6225) [`41e84b7`](https://github.com/mermaid-js/mermaid/commit/41e84b726a1f2df002b77c4b0071e2c15e47838e) Thanks [@Shahir-47](https://github.com/Shahir-47)! - feat: Add support for styling Journey Diagram title (color, font-family, and font-size)

-   [#6423](https://github.com/mermaid-js/mermaid/pull/6423) [`aa6cb86`](https://github.com/mermaid-js/mermaid/commit/aa6cb86899968c65561eebfc1d54dd086b1518a2) Thanks [@BambioGaming](https://github.com/BambioGaming)! - Added support for the click directive in stateDiagram syntax

-   [#5980](https://github.com/mermaid-js/mermaid/pull/5980) [`df9df9d`](https://github.com/mermaid-js/mermaid/commit/df9df9dc32b80a8c320cc0efd5483b9485f15bde) Thanks [@BryanCrotazGivEnergy](https://github.com/BryanCrotazGivEnergy)! - feat: Add shorter `+<count>: Label` syntax in packet diagram

-   [#6523](https://github.com/mermaid-js/mermaid/pull/6523) [`c17277e`](https://github.com/mermaid-js/mermaid/commit/c17277e743b1c12e4134fba44c62a7d5885f2574) Thanks [@NourBenz](https://github.com/NourBenz)! - fix: allow sequence diagram arrows with a trailing colon but no message

-   [#6475](https://github.com/mermaid-js/mermaid/pull/6475) [`a1ba65c`](https://github.com/mermaid-js/mermaid/commit/a1ba65c0c08432ec36e772570c3a5899cb57c102) Thanks [@Shahir-47](https://github.com/Shahir-47)! - feat: Dynamically Render Data Labels Within Bar Charts

###### Patch Changes

-   [#6588](https://github.com/mermaid-js/mermaid/pull/6588) [`b1cf291`](https://github.com/mermaid-js/mermaid/commit/b1cf29127348602137552405e3300dee1697f0de) Thanks [@omkarht](https://github.com/omkarht)! - Fix stroke styles for ER diagram to correctly apply path and row-specific styles

-   [#6296](https://github.com/mermaid-js/mermaid/pull/6296) [`a4754ad`](https://github.com/mermaid-js/mermaid/commit/a4754ad195e70d52fbd46ef44f40797d2d215e41) Thanks [@sidharthv96](https://github.com/sidharthv96)! - chore: Convert StateDB into TypeScript

-   [#6463](https://github.com/mermaid-js/mermaid/pull/6463) [`2b05d7e`](https://github.com/mermaid-js/mermaid/commit/2b05d7e1edef635e6c80cb383b10ea0a89279f41) Thanks [@AaronMoat](https://github.com/AaronMoat)! - fix: Remove incorrect `style="undefined;"` attributes in some Mermaid diagrams

-   [#6282](https://github.com/mermaid-js/mermaid/pull/6282) [`d63d3bf`](https://github.com/mermaid-js/mermaid/commit/d63d3bf1e7596ac7eeb24ba06cbc7a70f9c8b070) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - FontAwesome icons can now be embedded as SVGs in flowcharts if they are registered via `mermaid.registerIconPacks`.

-   [#6407](https://github.com/mermaid-js/mermaid/pull/6407) [`cdbd3e5`](https://github.com/mermaid-js/mermaid/commit/cdbd3e58a3a35d63a79258115dedca4a535c1038) Thanks [@thomascizeron](https://github.com/thomascizeron)! - Refactor grammar so that title don't break Architecture Diagrams

-   [#6343](https://github.com/mermaid-js/mermaid/pull/6343) [`1ddaf10`](https://github.com/mermaid-js/mermaid/commit/1ddaf10b89d8c7311c5e10d466b42fa36b61210b) Thanks [@jeswr](https://github.com/jeswr)! - fix: allow colons in events

-   [#6616](https://github.com/mermaid-js/mermaid/pull/6616) [`ca80f71`](https://github.com/mermaid-js/mermaid/commit/ca80f719eac86cf4c31392105d5d896f39b84bbc) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix(timeline): ensure consistent vertical line lengths with visible arrowheads

    Fixed timeline diagrams where vertical dashed lines from tasks had inconsistent lengths. All vertical lines now extend to the same depth regardless of the number of events in each column, with sufficient padding to clearly display bot

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.7.0]_

### 11.6.0

- Date: 2025-03-25
- Version: 11.6.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.6.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.6.0

- **fixed** — Restore curve type configuration functionality for flowcharts to apply settings configured through Config, Init directive, or LinkStyle command
- **added** — Add Radar Chart
- **fixed** — Fix requirement diagram containment arrow

###### Minor Changes

-   [#6408](https://github.com/mermaid-js/mermaid/pull/6408) [`ad65313`](https://github.com/mermaid-js/mermaid/commit/ad653138e16765d095613a6e5de86dc5e52ac8f0) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - fix: restore curve type configuration functionality for flowcharts. This fixes the issue where curve type settings were not being applied when configured through any of the following methods:

    -   Config
    -   Init directive (%%{ init: { 'flowchart': { 'curve': '...' } } }%%)
    -   LinkStyle command (linkStyle default interpolate ...)

-   [#6381](https://github.com/mermaid-js/mermaid/pull/6381) [`95d73bc`](https://github.com/mermaid-js/mermaid/commit/95d73bc3f064dbf261a06483f94a7ef4d0bb52eb) Thanks [@thomascizeron](https://github.com/thomascizeron)! - Add Radar Chart

###### Patch Changes

-   [#2](https://github.com/calvinvette/mermaid/pull/2) [`16d9b63`](https://github.com/mermaid-js/mermaid/commit/16d9b6345749ab5f24d5b8433efc3635d4913863) Thanks [@calvinvette](https://github.com/calvinvette)! - - [#6388](https://github.com/mermaid-js/mermaid/pull/6386)
    Thanks [@bollwyvl](https://github.com/bollwyvl) - Fix requirement diagram containment arrow
-   Updated dependencies \[[`95d73bc`](https://github.com/mermaid-js/mermaid/commit/95d73bc3f064dbf261a06483f94a7ef4d0bb52eb)]:
    -   @mermaid-js/parser@0.4.0

### 11.5.0

- Date: 2025-03-13
- Version: 11.5.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.5.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.5.0

- **fixed** — Fix incorrect label mapping for nodes when using & in flowchart new syntax for node metadata
- **fixed** — Fix syntax error when } with trailing spaces before new line in flowchart new syntax
- **added** — Add support for animation of flowchart edges
- **added** — Add support for directions in Requirement and ER diagrams using common renderer flow
- **added** — Add support for hand drawn look in Requirement and ER diagrams
- **changed** — Make arrowhead color match the color of the edge by creating a unique clone of the arrow marker
- **fixed** — Fix architecture diagrams no longer growing to extreme heights due to conflicting alignments
- **fixed** — Fix consistent edge id creation and handle edge cases for animate edge feature
- **fixed** — Allow @ signs inside node labels
- **fixed** — Make mermaidAPI.getDiagramFromText() return a new different db for each class diagram
- **fixed** — Revert state db to resolve getData returning empty nodes and edges
- **fixed** — Make mermaidAPI.getDiagramFromText() return a new db instance on each call for state diagrams
- **changed** — Add versioning to StateDB
- **fixed** — Make mermaidAPI.getDiagramFromText() return a new different db for each flowchart
- **fixed** — Make mermaidAPI.getDiagramFromText() return a new different db for each sequence diagram and add unique IDs for messages
- **fixed** — Enable Gantt, Sankey and User Journey diagrams to pick font-family from mermaid config
- **fixed** — Refactor getDirection and setDirection in stateDb to return and set actual direction
- **fixed** — Make mermaidAPI.getDiagramFromText() return a new different db for each state diagram

###### Minor Changes

-   [#6187](https://github.com/mermaid-js/mermaid/pull/6187) [`7809b5a`](https://github.com/mermaid-js/mermaid/commit/7809b5a93fae127f45727071f5ff14325222c518) Thanks [@ashishjain0512](https://github.com/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](https://github.com/mermaid-js/mermaid/pull/6136) [`ec0d9c3`](https://github.com/mermaid-js/mermaid/commit/ec0d9c389aa6018043187654044c1e0b5aa4f600) Thanks [@knsv](https://github.com/knsv)! - Adding support for animation of flowchart edges

-   [#6373](https://github.com/mermaid-js/mermaid/pull/6373) [`05bdf0e`](https://github.com/mermaid-js/mermaid/commit/05bdf0e20e2629fe77513218fbd4e28e65f75882) Thanks [@ashishjain0512](https://github.com/ashishjain0512)! - Upgrade Requirement and ER diagram to use the common renderer flow

    -   Added support for directions
    -   Added support for hand drawn look

-   [#6371](https://github.com/mermaid-js/mermaid/pull/6371) [`4d25cab`](https://github.com/mermaid-js/mermaid/commit/4d25caba8e65df078966a283e7e0ae1200bef595) Thanks [@knsv](https://github.com/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](https://github.com/mermaid-js/mermaid/pull/6064) [`2a91849`](https://github.com/mermaid-js/mermaid/commit/2a91849a38641e97ed6b20cb60aa4506d1b63177) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - fix: architecture diagrams no longer grow to extreme heights due to conflicting alignments

-   [#6198](https://github.com/mermaid-js/mermaid/pull/6198) [`963efa6`](https://github.com/mermaid-js/mermaid/commit/963efa64c794466dcd0f06bad6de6ba554d05a54) Thanks [@ferozmht](https://github.com/ferozmht)! - Fixes for consistent edge id creation & handling edge cases for animate edge feature

-   [#6196](https://github.com/mermaid-js/mermaid/pull/6196) [`127bac1`](https://github.com/mermaid-js/mermaid/commit/127bac1147034d8a8588cc8f7870abe92ebc945e) Thanks [@knsv](https://github.com/knsv)! - Fix for issue #6195 - allowing @ signs inside node labels

-   [#6212](https://github.com/mermaid-js/mermaid/pull/6212) [`90bbf90`](https://github.com/mermaid-js/mermaid/commit/90bbf90a83bf5da53fc8030cf1370bc8238fa4aa) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: `mermaidAPI.getDiagramFromText()` now returns a new different db for each class diagram

-   [#6218](https://github.com/mermaid-js/mermaid/pull/6218) [`232e60c`](https://github.com/mermaid-js/mermaid/commit/232e60c8cbaea804e6d98aa90f90d1ce76730e17) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: revert state db to resolve getData returning empty nodes and edges

-   [#6250](https://github.com/mermaid-js/mermaid/pull/6250) [`9cad3c7`](https://github.com/mermaid-js/mermaid/commit/9cad3c7aea3bbbc61495b23225ccff76d312783f) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - `mermaidAPI.getDiagramFromText()` now returns a new db instance on each call for state diagrams

-   [#6293](https://github.com/mermaid-js/mermaid/pull/6293) [`cfd84e5`](https://github.com/mermaid-js/mermaid/commit/cfd84e54d502f4d36a35b50478121558cfbef2c4) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - Added versioning to StateDB and updated tests and diagrams to use it.

-   [#6161](https://github.com/mermaid-js/mermaid/pull/6161) [`6cc31b7`](https://github.com/mermaid-js/mermaid/commit/6cc31b74530baa6d0f527346ab1395b0896bb3c2) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: `mermaidAPI.getDiagramFromText()` now returns a new different db for each flowchart

-   [#6272](https://github.com/mermaid-js/mermaid/pull/6272) [`ffa7804`](https://github.com/mermaid-js/mermaid/commit/ffa7804af0701b3d044d6794e36bd9132d6c7e8d) Thanks [@saurabhg772244](https://gith

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.5.0]_

### 11.4.1

- Date: 2024-11-27
- Version: 11.4.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.4.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.4.1

- **fixed** — Kanban diagrams will not render when adding a number as ticket id or assigned for a task
- **fixed** — Intersection calculations for tilted cylinder/DAS when using handdrawn look that could break with some random seeds
- **changed** — Bump dompurify to ^3.2.1

###### Patch Changes

-   [#6059](https://github.com/mermaid-js/mermaid/pull/6059) [`01b5079`](https://github.com/mermaid-js/mermaid/commit/01b5079562ec8d34ce9964910f168873843c68f8) Thanks [@knsv](https://github.com/knsv)! - fix: Kanban diagrams will not render when adding a number as ticket id or assigned for a task

-   [#6038](https://github.com/mermaid-js/mermaid/pull/6038) [`1388662`](https://github.com/mermaid-js/mermaid/commit/1388662132cc829f9820c2e9970ae04e2dd90588) Thanks [@knsv](https://github.com/knsv)! - fix: Intersection calculations for tilted cylinder/DAS when using handdrawn look. Some random seeds could cause the calculations to break.

-   [#6079](https://github.com/mermaid-js/mermaid/pull/6079) [`fe3cffb`](https://github.com/mermaid-js/mermaid/commit/fe3cffbb673a25b81989aacb06e5d0eda35326db) Thanks [@aloisklink](https://github.com/aloisklink)! - Bump dompurify to `^3.2.1`. This removes the need for `@types/dompurify`.

### 11.4.0

- Date: 2024-10-30
- Version: 11.4.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.4.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.4.0

- **added** — Add Kanban board as a new diagram type
- **changed** — Update class diagram to use the new unified rendering approach
- **added** — Add classBox shape for use in diagrams
- **added** — Add option to hide empty members box in class diagrams
- **added** — Add support for handDrawn look in class diagrams
- **added** — Introduce classDef statement into class diagrams
- **added** — Add support for styling the default class in class diagrams
- **added** — Add support for lollipop interfaces in class diagrams
- **fixed** — Fix jagged edge rendering for icon shape
- **added** — Add missing TypeScript dependencies
- **fixed** — Fix icon color rendering for colored icons
- **fixed** — Make mermaid.parse throw errors on invalid shapes to match behavior of mermaid.render

###### Minor Changes

-   [#5999](https://github.com/mermaid-js/mermaid/pull/5999) [`742ad7c`](https://github.com/mermaid-js/mermaid/commit/742ad7c130964df1fb5544e909d9556081285f68) Thanks [@knsv](https://github.com/knsv)! - Adding Kanban board, a new diagram type

-   [#5880](https://github.com/mermaid-js/mermaid/pull/5880) [`bdf145f`](https://github.com/mermaid-js/mermaid/commit/bdf145ffe362462176d9c1e68d5f3ff5c9d962b0) Thanks [@yari-dewalt](https://github.com/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](https://github.com/mermaid-js/mermaid/pull/5937) [`17b7831`](https://github.com/mermaid-js/mermaid/commit/17b783135f9b2b7748b620dbf81d0f56ab4755f1) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: Jagged edge fix for icon shape

-   [#5933](https://github.com/mermaid-js/mermaid/pull/5933) [`72d60d2`](https://github.com/mermaid-js/mermaid/commit/72d60d2633584eb59bccdb6cf30b9522db645db2) Thanks [@remcohaszing](https://github.com/remcohaszing)! - Add missing TypeScript dependencies

-   [#5937](https://github.com/mermaid-js/mermaid/pull/5937) [`17b7831`](https://github.com/mermaid-js/mermaid/commit/17b783135f9b2b7748b620dbf81d0f56ab4755f1) Thanks [@saurabhg772244](https://github.com/saurabhg772244)! - fix: Icon color fix for colored icons.

-   [#6002](https://github.com/mermaid-js/mermaid/pull/6002) [`5fabd41`](https://github.com/mermaid-js/mermaid/commit/5fabd414fbee01e43bf6c900907ffc1511ca7440) Thanks [@aloisklink](https://github.com/aloisklink)! - fix: error `mermaid.parse` on an invalid shape, so that it matches the errors thrown by `mermaid.render`

### 11.3.0

- Date: 2024-10-03
- Version: 11.3.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.3.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.3.0

- **added** — New Flowchart Shapes with new syntax
- **fixed** — Fix classdiagram crash when adding a period to the namespace
- **security** — Ban DOMPurify v3.1.7 as a dependency

###### Minor Changes

-   [#5825](https://github.com/mermaid-js/mermaid/pull/5825) [`9e3aa70`](https://github.com/mermaid-js/mermaid/commit/9e3aa705ae21fd4898504ab22d775a9e437b898e) Thanks @knsv, @ashishjain0512, @omkarht, @saurabhg772244, @aloisklink, @sidharthv96 ! - New Flowchart Shapes (with new syntax)

###### Patch Changes

-   [#5849](https://github.com/mermaid-js/mermaid/pull/5849) [`6c5b7ce`](https://github.com/mermaid-js/mermaid/commit/6c5b7ce9f41c0fbd59fe03dbefc8418d97697f0a) Thanks [@ReneLombard](https://github.com/ReneLombard)! - Fixed an issue when the mermaid classdiagram crashes when adding a . to the namespace.
    Forexample

    ```mermaid

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

-   [#5914](https://github.com/mermaid-js/mermaid/pull/5914) [`de2c05c`](https://github.com/mermaid-js/mermaid/commit/de2c05cd5463af68d19dd7b6b3f1303d69ddb2dd) Thanks [@aloisklink](https://github.com/aloisklink)! - Ban DOMPurify v3.1.7 as a dependency

### 11.2.1

- Date: 2024-09-16
- Version: 11.2.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.2.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.2.1

- **fixed** — Fix calculation of label width when using in Firefox

###### Patch Changes

-   [#5856](https://github.com/mermaid-js/mermaid/pull/5856) [`bfd8c63`](https://github.com/mermaid-js/mermaid/commit/bfd8c63daaa8420e57da9953922b9f0c94123064) Thanks [@knsv](https://github.com/knsv)! - Fix for issue with calculation of label width when using in firefox

### 11.2.0

- Date: 2024-09-09
- Version: 11.2.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.2.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.2.0

- **added** — Return parsed config from mermaid.parse
- **fixed** — Replace $root with relative paths

###### Minor Changes

-   [#5831](https://github.com/mermaid-js/mermaid/pull/5831) [`64abf29`](https://github.com/mermaid-js/mermaid/commit/64abf29ea870eaa47148197f95ce714f85bd7eea) Thanks [@sidharthv96](https://github.com/sidharthv96)! - feat: Return parsed config from mermaid.parse

###### Patch Changes

-   [#5838](https://github.com/mermaid-js/mermaid/pull/5838) [`5e75320`](https://github.com/mermaid-js/mermaid/commit/5e75320d49eab65aca630dcc3c04c8d620a8bbf7) Thanks [@bollwyvl](https://github.com/bollwyvl)! - fix: Replace $root with relative paths

### 11.1.1

- Date: 2024-09-06
- Version: 11.1.1
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.1.1
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.1.1

- **fixed** — Fix self-loops in the root of diagrams breaking the rendering

###### Patch Changes

-   [#5828](https://github.com/mermaid-js/mermaid/pull/5828) [`4c43d21`](https://github.com/mermaid-js/mermaid/commit/4c43d21196f784b6f483ae635fc462329f3d176f) Thanks [@knsv](https://github.com/knsv)! - fix: Fix for issue where self-loops in the root of diagrams break the rendering

### 11.1.0

- Date: 2024-09-02
- Version: 11.1.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.1.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.1.0

- **added** — Add support for iconify icons
- **added** — Allow multi-line relationship labels in ER diagrams
- **added** — New Architecture diagram type to show relations between services
- **fixed** — Fix for self loops in cluster
- **changed** — Move icons to architecture and remove full icon sets to reduce bundle size
- **changed** — Support legacy defaultRenderer directive

##### 11.1.0

###### Minor Changes

- [#5793](https://github.com/mermaid-js/mermaid/pull/5793) [`6ecdf7b`](https://github.com/mermaid-js/mermaid/commit/6ecdf7be688efdc53c52fea3ba891327242bc890) Thanks [@sidharthv96](https://github.com/sidharthv96)! - feat: Add support for iconify icons

- [#5711](https://github.com/mermaid-js/mermaid/pull/5711) [`8e640da`](https://github.com/mermaid-js/mermaid/commit/8e640da5436e8ae013b11b1c1821a9afcc15d0d3) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - feat(er): allow multi-line relationship labels

- [#5452](https://github.com/mermaid-js/mermaid/pull/5452) [`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - New Diagram: Architecture

  Adds architecture diagrams which allows users to show relations between services.

###### Patch Changes

- [#5810](https://github.com/mermaid-js/mermaid/pull/5810) [`28bd07f`](https://github.com/mermaid-js/mermaid/commit/28bd07fdeb4fc981107d21317ec6160b31f80116) Thanks [@knsv](https://github.com/knsv)! - Fix for self loops in cluster
  Supporting legacy defaultRenderer directive

- [#5789](https://github.com/mermaid-js/mermaid/pull/5789) [`16faef4`](https://github.com/mermaid-js/mermaid/commit/16faef4613b91a7d3a98a1563c25b57f9238acc7) Thanks [@sidharthv96](https://github.com/sidharthv96)! - chore: Move icons to architecture, remove full icon sets to reduce bundle size

- Updated dependencies [[`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048), [`7d8143b`](https://github.com/mermaid-js/mermaid/commit/7d8143b917ee3562149a0e0a821ed2d6f29cc05d)]:
  - @mermaid-js/parser@0.3.0