Updated Mermaid.js to 9.4.3

material/base.html

@@ -240,7 +240,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.19047be9.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.407015b8.min.js' | url }}"></script>
       {% for path in config.extra_javascript %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

src/assets/javascripts/components/content/code/mermaid/index.css

@@ -78,6 +78,7 @@ marker {
 .edgePath .path,
 .flowchart-link {
   stroke: var(--md-mermaid-edge-color);
+  stroke-width: .05rem;
 }
 
 /* Flowchart arrow head */
@@ -99,12 +100,12 @@ marker {
 }
 
 /* Flowchart markers */
-defs #flowchart-circleStart,
-defs #flowchart-circleEnd,
-defs #flowchart-crossStart,
-defs #flowchart-crossEnd,
-defs #flowchart-pointStart,
-defs #flowchart-pointEnd {
+g #flowchart-circleStart,
+g #flowchart-circleEnd,
+g #flowchart-crossStart,
+g #flowchart-crossEnd,
+g #flowchart-pointStart,
+g #flowchart-pointEnd {
   stroke: none;
 }
 

src/assets/javascripts/components/content/code/mermaid/index.ts

@@ -69,7 +69,7 @@ let sequence = 0
  */
 function fetchScripts(): Observable<void> {
   return typeof mermaid === "undefined" || mermaid instanceof Element
-    ? watchScript("https://unpkg.com/mermaid@9.3.0/dist/mermaid.min.js")
+    ? watchScript("https://unpkg.com/mermaid@9.4.3/dist/mermaid.min.js")
     : of(undefined)
 }