Trilium/demo/root/Trilium Demo/Mermaid Diagrams/Sequence_mermaid-export.svg

<svg aria-roledescription="sequence" role="graphics-document document" viewBox="-50 -10 734 585" height="585" xmlns="http://www.w3.org/2000/svg" width="734" id="mermaid-graph-8"><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="499" x="484"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="531.5" x="559"><tspan dy="0" x="559">Bob</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="499" x="267"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="531.5" x="342"><tspan dy="0" x="342">John</tspan></text></g><g><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="499" x="0"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="531.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="559" y1="5" x1="559" id="actor11"></line><g id="root-11"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="484"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="559"><tspan dy="0" x="559">Bob</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="342" y1="5" x1="342" id="actor10"></line><g id="root-10"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="267"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="342"><tspan dy="0" x="342">John</tspan></text></g></g><g><line stroke="#999" stroke-width="0.5px" class="200" y2="499" x2="75" y1="5" x1="75" id="actor9"></line><g id="root-9"><rect class="actor" ry="3" rx="3" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"></rect><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">Alice</tspan></text></g></g><style>#mermaid-graph-8{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-8 .error-icon{fill:#a44141;}#mermaid-graph-8 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-8 .edge-thickness-normal{stroke-width:2px;}#mermaid-graph-8 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-8 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-8 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-8 .marker.cross{stroke:lightgrey;}#mermaid-graph-8 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-8 .actor{stroke:#81B1DB;fill:#1f2020;}#mermaid-graph-8 text.actor&gt;tspan{fill:lightgrey;stroke:none;}#mermaid-graph-8 .actor-line{stroke:lightgrey;}#mermaid-graph-8 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:lightgrey;}#mermaid-graph-8 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:lightgrey;}#mermaid-graph-8 #arrowhead path{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-8 .sequenceNumber{fill:black;}#mermaid-graph-8 #sequencenumber{fill:lightgrey;}#mermaid-graph-8 #crosshead path{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-8 .messageText{fill:lightgrey;stroke:none;}#mermaid-graph-8 .labelBox{stroke:#81B1DB;fill:#1f2020;}#mermaid-graph-8 .labelText,#mermaid-graph-8 .labelText&gt;tspan{fill:lightgrey;stroke:none;}#mermaid-graph-8 .loopText,#mermaid-graph-8 .loopText&gt;tspan{fill:lightgrey;stroke:none;}#mermaid-graph-8 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:#81B1DB;fill:#81B1DB;}#mermaid-graph