Add the directive state ment for change rendering direction in composite states

cypress/platform/knsv.html

@@ -29,9 +29,16 @@
 
 <div class="mermaid" style="width: 100%; height: 20%;">
 stateDiagram
-    MyState
-    note left of MyState : I am a leftie
-    note right of MyState : I am a rightie
+  direction LR
+  state A {
+    direction BT
+    a --> b
+  }
+  state C {
+    direction RL
+    c --> d
+  }
+  A --> C
 </div>
 <div class="mermaid2" style="width: 100%; height: 20%;">
     %%{int:{
@@ -70,7 +77,7 @@ sequenceDiagram
         theme: 'default',
         arrowMarkerAbsolute: true,
         // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
-        logLevel: 0,
+        logLevel: 5,
         flowchart: { nodeSpacing: 10, curve: 'cardinal', htmlLabels: true },
         htmlLabels: true,
         // gantt: { axisFormat: '%m/%d/%Y' },