Merge remote-tracking branch 'os_repo/5237-unified-layout-common-renderer' into alanaV11

cypress/platform/knsv2.html

@@ -96,7 +96,7 @@ end
       </pre
     >
     <pre id="diagram" class="mermaid">
-flowchart LR
+flowchart RL
 subgraph Apa["Apa"]
   subgraph Gorilla
     A["Start"]
@@ -211,12 +211,12 @@ flowchart
     if_state --> True : if n >= 0
       </pre
     >
-    <pre id="diagram" class="mermaid2">
+    <pre id="diagram" class="mermaid">
       %%{init: {"layout": "dagre", "mergeEdges": true} }%%
 stateDiagram
   direction TB
   State T1 {
-    T11 --> T12
+    T12--> T11
   }
   T1 --> T2
   T11 --> T2
@@ -232,16 +232,17 @@ State T1 {
     }
       </pre
     >
-    <pre id="diagram" class="mermaid2">
-      %%{init: {"layout": "elk", "mergeEdges": true} }%%
-stateDiagram
-  direction TB
-  State T1 {
-    T11
+    <pre id="diagram" class="mermaid">
+      %%{init: {"layouts": "elk2", "mergeEdges": true} }%%
+      stateDiagram
+      State S1 {
+    direction TB
+    S11
   }
+  S1 --> S2
       </pre
     >
-    <pre id="diagram" class="mermaid2">
+    <pre id="diagram" class="mermaid">
       %%{init: {"layout": "elk", "mergeEdges": true} }%%
 stateDiagram
 State T1 {
@@ -251,7 +252,7 @@ State T1 {
     }
       </pre
     >
-    <pre id="diagram" class="mermaid2">
+    <pre id="diagram" class="mermaid">
       %%{init: {"layout": "elk", "mergeEdges": true} }%%
 stateDiagram
   [*] --> T1
@@ -305,7 +306,7 @@ stateDiagram-v2
         // handdrawnSeed: 12,
         // look: 'handdrawn',
         // 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX',
-        // layout: 'dagre',
+        layout: 'dagre',
         // layout: 'elk',
         // layout: 'fixed',
         // htmlLabels: false,