fix: update @zenuml/core to v3.46.11 with native SVG renderer

[MrCoder]

Summary

• Update @zenuml/core to v3.46.11
• Make the ZenUML renderer respect Mermaid useMaxWidth sizing (Fixes Mermaid Renders ZenUML Diagrams with Abnormal SVG Dimensions Exceeding Container Boundaries, Causing Layout Issues #7266)
• Add a focused renderer test for responsive vs absolute sizing
• Fix vertical lifelines disappearing when printing (Fixes Print a ZenUML diagram on Chrome, Edge, or Firefox, and the vertical lines disappear #6004)
• Fix invalid ZenUML syntax freezing the editor (Fixes ZenUML diagrams on mermaid.live are regularly freezes editor #7154)

Details

The new @zenuml/core version uses a native SVG renderer instead of the previous HTML-in-foreignObject approach. This brings three key improvements:

Print support (#6004): Lifelines are now <line> SVG elements with stroke attributes rather than CSS border-left on HTML divs. Browsers strip CSS borders in print mode to "save ink," but SVG strokes are vector graphics that always render — including in print preview and PDF export.

Responsive sizing (#7266): The previous renderer produced a fixed-width SVG (width: 1280px) with no viewBox, ignoring Mermaid's useMaxWidth setting. The new SVG renderer outputs width="100%" with a proper viewBox and max-width, so diagrams scale responsively within their container instead of overflowing.

Invalid syntax resilience (#7154): Invalid ZenUML syntax (e.g. John%->Alice) no longer freezes the editor. The renderer now produces best-effort partial output instead of hanging indefinitely.

Notes

• Automated downstream propagation after core publish
• Draft PR for repo-specific verification
• Verified Mermaid Live Editor against this branch via a local linked build
• Invalid ZenUML now remains visible as best-effort output instead of appearing blank in the preview

[netlify]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	03753f0
🔍 Latest deploy log	https://app.netlify.com/projects/mermaid-js/deploys/69ce15715081ba00084e2bec
😎 Deploy Preview	https://deploy-preview-7543--mermaid-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[changeset-bot]

🦋 Changeset detected

Latest commit: 03753f0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
mermaid	Patch
@mermaid-js/mermaid-zenuml	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

Open in StackBlitz

@mermaid-js/examples

npm i https://pkg.pr.new/@mermaid-js/examples@7543

mermaid

npm i https://pkg.pr.new/mermaid@7543

@mermaid-js/layout-elk

npm i https://pkg.pr.new/@mermaid-js/layout-elk@7543

@mermaid-js/layout-tidy-tree

npm i https://pkg.pr.new/@mermaid-js/layout-tidy-tree@7543

@mermaid-js/mermaid-zenuml

npm i https://pkg.pr.new/@mermaid-js/mermaid-zenuml@7543

@mermaid-js/parser

npm i https://pkg.pr.new/@mermaid-js/parser@7543

@mermaid-js/tiny

npm i https://pkg.pr.new/@mermaid-js/tiny@7543

commit: 03753f0

[codecov]

Codecov Report

❌ Patch coverage is 2.00000% with 49 lines in your changes missing coverage. Please review.
✅ Project coverage is 3.34%. Comparing base (83217b1) to head (03753f0).
⚠️ Report is 33 commits behind head on develop.

Files with missing lines	Patch %	Lines
packages/mermaid-zenuml/src/zenumlRenderer.ts	0.00%	49 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##           develop   #7543   +/-   ##
=======================================
  Coverage     3.34%   3.34%           
=======================================
  Files          525     525           
  Lines        55320   55406   +86     
  Branches       795     796    +1     
=======================================
+ Hits          1850    1854    +4     
- Misses       53470   53552   +82     

Flag	Coverage Δ
unit	3.34% <2.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
packages/mermaid-zenuml/src/types/zenuml-core.d.ts	100.00% <100.00%> (ø)
packages/mermaid-zenuml/src/zenumlRenderer.ts	0.00% <0.00%> (ø)

... and 6 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

❌ Lockfile Validation Failed

The following issue(s) were detected:

Please address these and push an update.

Posted automatically by GitHub Actions

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	⚠️ Changes detected (Review)	2 changed	Apr 2, 2026, 7:19 AM

[MrCoder]

#7567