hamacs/ha-org-mermaid.svg

<svg aria-roledescription="sequence" role="graphics-document document"
     viewBox="-50 -10 450 215" style="max-width: 450px; background-color: white;" width="800px"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns="http://www.w3.org/2000/svg"
     id="my-svg"><g><rect class="actor actor-bottom" ry="3" rx="3" name="B" height="65" width="150" stroke="#666" fill="#eaeaea" y="129" x="200"/><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor actor-box" alignment-baseline="central" dominant-baseline="central" y="161.5" x="275"><tspan dy="0" x="275">B</tspan></text></g><g><rect class="actor actor-bottom" ry="3" rx="3" name="A" height="65" width="150" stroke="#666" fill="#eaeaea" y="129" x="0"/><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor actor-box" alignment-baseline="central" dominant-baseline="central" y="161.5" x="75"><tspan dy="0" x="75">A</tspan></text></g><g><line name="B" stroke="#999" stroke-width="0.5px" class="actor-line 200" y2="129" x2="275" y1="65" x1="275" id="actor1"/><g id="root-1"><rect class="actor actor-top" ry="3" rx="3" name="B" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="200"/><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor actor-box" alignment-baseline="central" dominant-baseline="central" y="32.5" x="275"><tspan dy="0" x="275">B</tspan></text></g></g><g><line name="A" stroke="#999" stroke-width="0.5px" class="actor-line 200" y2="129" x2="75" y1="65" x1="75" id="actor0"/><g id="root-0"><rect class="actor actor-top" ry="3" rx="3" name="A" height="65" width="150" stroke="#666" fill="#eaeaea" y="0" x="0"/><text style="text-anchor: middle; font-size: 16px; font-weight: 400;" class="actor actor-box" alignment-baseline="central" dominant-baseline="central" y="32.5" x="75"><tspan dy="0" x="75">A</tspan></text></g></g><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#my-svg .error-icon{fill:#a44141;}#my-svg .error-text{fill:#ddd;stroke:#ddd;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:lightgrey;stroke:lightgrey;}#my-svg .marker.cross{stroke:lightgrey;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .actor{stroke:#ccc;fill:#1f2020;}#my-svg text.actor&gt;tspan{fill:lightgrey;stroke:none;}#my-svg .actor-line{stroke:#ccc;}#my-svg .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:lightgrey;}#my-svg .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:lightgrey;}#my-svg #arrowhead path{fill:lightgrey;stroke:lightgrey;}#my-svg .sequenceNumber{fill:black;}#my-svg #sequencenumber{fill:lightgrey;}#my-svg #crosshead path{fill:lightgrey;stroke:lightgrey;}#my-svg .messageText{fill:lightgrey;stroke:none;}#my-svg .labelBox{stroke:#ccc;fill:#1f2020;}#my-svg .labelText,#my-svg .labelText&gt;tspan{fill:lightgrey;stroke:none;}#my-svg .loopText,#my-svg .loopText&gt;tspan{fill:lightgrey;stroke:none;}#my-svg .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:#ccc;fill:#ccc;}#my-svg .note{stroke:hsl(180, 0%, 18.3529411765%);fill:hsl(180, 1.5873015873%, 28.3529411765%);}#my-svg .noteText,#my-svg .noteText&gt;tspan{fill:rgb(183.8476190475, 181.5523809523, 181.5523809523);stroke:none;}#my-svg .activation0{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:#ccc;}#my-svg .activation1{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:#ccc;}#my-svg .activation2{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:#ccc;}#my-svg .actorPopupMenu{position:absolute;}#my-svg .actorPopupMenuPanel{position:absolute;fill:#1f2020;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#my-svg .actor-man line{stroke:#ccc;fill:#1f2020;}#my-svg .actor-man circle,#my-svg line{stroke:#ccc;fill:#1f2020;stroke-width:2px;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g/><defs><symbol height="24" width="24" id="computer"><path d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.4