chore(lib): update mermaid 8.4.2 -> 8.4.8 echarts 4.5.0 -> 4.6.0 gitalk 1.5.0 -> 1.6.0

assets/lib/mermaid/mermaid.scss

@@ -1,20 +1,11 @@
-// mermaid@8.4.2
-@import 'flowchart';
-@import 'sequence';
-@import 'gantt';
-@import 'class';
-@import 'git';
-@import 'pie';
-@import 'state';
+.mermaid {
+  width: 100%;
+  margin: 3% auto;
+  text-align: center;
 
-// .composit {
-//   fill: white;
-//   border-bottom: 1px
-// }
+  @import "themes/neutral/index";
 
-:root {
-  --mermaid-font-family: '"trebuchet ms", verdana, arial';
-  --mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive;
-  // --mermaid-alt-font-family: '"Lucida Console", Monaco, monospace';
+  .dark-theme & {
+    @import "themes/dark/index";
+  }
 }
-

assets/lib/mermaid/themes/class.scss

@@ -10,6 +10,10 @@ g.classGroup text {
   }
 }
 
+g.clickable {
+  cursor: pointer;
+}
+
 g.classGroup rect {
   fill: $nodeBkg;
   stroke: $nodeBorder;
@@ -38,6 +42,10 @@ g.classGroup line {
   fill: none;
 }
 
+.dashed-line{
+  stroke-dasharray: 3;
+}
+
 @mixin composition {
   fill: $nodeBorder;
   stroke: $nodeBorder;

assets/lib/mermaid/themes/flowchart.scss

@@ -11,7 +11,8 @@
 .node rect,
 .node circle,
 .node ellipse,
-.node polygon {
+.node polygon,
+.node path {
   fill: $mainBkg;
   stroke: $nodeBorder;
   stroke-width: 1px;

assets/lib/mermaid/themes/gantt.scss

@@ -54,7 +54,7 @@
 
 .grid .tick {
   stroke: $gridColor;
-  opacity: 0.3;
+  opacity: 0.8;
   shape-rendering: crispEdges;
   text {
     font-family: 'trebuchet ms', verdana, arial;

assets/lib/mermaid/themes/mermaid.scss

@@ -0,0 +1,19 @@
+@import 'flowchart';
+@import 'sequence';
+@import 'gantt';
+@import 'class';
+@import 'git';
+@import 'pie';
+@import 'state';
+
+// .composit {
+//   fill: white;
+//   border-bottom: 1px
+// }
+
+:root {
+  --mermaid-font-family: '"trebuchet ms", verdana, arial';
+  --mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive;
+  // --mermaid-alt-font-family: '"Lucida Console", Monaco, monospace';
+}
+

assets/lib/mermaid/themes/state.scss

@@ -37,6 +37,11 @@ g.stateGroup line {
   border-bottom: 1px
 }
 
+.stateGroup .alt-composit {
+  fill: #e0e0e0;
+  border-bottom: 1px
+}
+
 .state-note {
   stroke: $noteBorderColor;
   fill: $noteBkgColor;