clang-uml/docs/test_cases/t30008_package_mermaid.svg

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 520.921875 119" style="max-width: 520.922px; background-color: white;" width="520.921875" id="my-svg">
  <style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span,#my-svg p{color:#333;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span,#my-svg p{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style>
  <g>
    <marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd">
      <path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/>
    </marker>
    <marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart">
      <path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/>
    </marker>
    <marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd">
      <circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/>
    </marker>
    <marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart">
      <circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/>
    </marker>
    <marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd">
      <path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/>
    </marker>
    <marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart">
      <path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/>
    </marker>
    <g class="root">
      <g class="clusters"/>
      <g class="edgePaths"/>
      <g class="edgeLabels"/>
      <g class="nodes">
        <g transform="translate(-7.5, -8)" class="root">
          <g class="clusters">
            <g id="C_0002103969167872217960" class="cluster clickable flowchart-label">
              <rect height="103" width="227.015625" y="8" x="8" ry="0" rx="0" style=""/>
              <g transform="translate(71.6875, 8)" class="cluster-label">
                <foreignObject height="18" width="99.640625">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">dependencies</span>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
          <g class="edgePaths">
            <path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0001114997990364518938 LE-C_0000912387297717034254" id="L-C_0001114997990364518938-C_0000912387297717034254-0" d="M133.453125,59.5L137.61979166666666,59.5C141.78645833333334,59.5,150.11979166666666,59.5,158.453125,59.5C166.78645833333334,59.5,175.11979166666666,59.5,179.28645833333334,59.5L183.453125,59.5"/>
            <path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0001062827161678172094 LE-C_0001114997990364518938" id="L-C_0001062827161678172094-C_0001114997990364518938-0" d="M57.78125,59.5L61.947916666666664,59.5C66.11458333333333,59.5,74.44791666666667,59.5,82.78125,59.5C91.11458333333333,59.5,99.44791666666667,59.5,103.61458333333333,59.5L107.78125,59.5"/>
          </g>
          <g class="edgeLabels">
            <g class="edgeLabel">
              <g transform="translate(0, 0)" class="label">
                <foreignObject height="0" width="0">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="edgeLabel"/>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g class="edgeLabel">
              <g transform="translate(0, 0)" class="label">
                <foreignObject height="0" width="0">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="edgeLabel"/>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
          <g class="nodes">
            <g transform="translate(196.734375, 59.5)" title="D" id="flowchart-C_0000912387297717034254-5" class="node default clickable flowchart-label">
              <rect height="33" width="26.5625" y="-16.5" x="-13.28125" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-5.78125, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="11.5625">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">D</span>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g transform="translate(120.6171875, 59.5)" title="E" id="flowchart-C_0001114997990364518938-4" class="node default clickable flowchart-label">
              <rect height="33" width="25.671875" y="-16.5" x="-12.8359375" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-5.3359375, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="10.671875">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">E</span>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g transform="translate(45.390625, 59.5)" title="F" id="flowchart-C_0001062827161678172094-6" class="node default clickable flowchart-label">
              <rect height="33" width="24.78125" y="-16.5" x="-12.390625" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-4.890625, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="9.78125">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">F</span>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
        </g>
        <g transform="translate(269.515625, -8)" class="root">
          <g class="clusters">
            <g id="C_0001601960042765615222" class="cluster clickable flowchart-label">
              <rect height="103" width="227.90625" y="8" x="8" ry="0" rx="0" style=""/>
              <g transform="translate(80.1328125, 8)" class="cluster-label">
                <foreignObject height="18" width="83.640625">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">dependants</span>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
          <g class="edgePaths">
            <path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0000500208250168931957 LE-C_0002096441629244782012" id="L-C_0000500208250168931957-C_0002096441629244782012-0" d="M135.234375,59.5L139.40104166666666,59.5C143.56770833333334,59.5,151.90104166666666,59.5,160.234375,59.5C168.56770833333334,59.5,176.90104166666666,59.5,181.06770833333334,59.5L185.234375,59.5"/>
            <path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0001095841247154575825 LE-C_0000500208250168931957" id="L-C_0001095841247154575825-C_0000500208250168931957-0" d="M59.5625,59.5L63.729166666666664,59.5C67.89583333333333,59.5,76.22916666666667,59.5,84.5625,59.5C92.89583333333333,59.5,101.22916666666667,59.5,105.39583333333333,59.5L109.5625,59.5"/>
          </g>
          <g class="edgeLabels">
            <g class="edgeLabel">
              <g transform="translate(0, 0)" class="label">
                <foreignObject height="0" width="0">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="edgeLabel"/>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g class="edgeLabel">
              <g transform="translate(0, 0)" class="label">
                <foreignObject height="0" width="0">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="edgeLabel"/>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
          <g class="nodes">
            <g transform="translate(198.0703125, 59.5)" title="A" id="flowchart-C_0002096441629244782012-1" class="node default clickable flowchart-label">
              <rect height="33" width="25.671875" y="-16.5" x="-12.8359375" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-5.3359375, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="10.671875">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">A</span>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g transform="translate(122.3984375, 59.5)" title="B" id="flowchart-C_0000500208250168931957-0" class="node default clickable flowchart-label">
              <rect height="33" width="25.671875" y="-16.5" x="-12.8359375" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-5.3359375, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="10.671875">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">B</span>
                  </div>
                </foreignObject>
              </g>
            </g>
            <g transform="translate(46.28125, 59.5)" title="C" id="flowchart-C_0001095841247154575825-2" class="node default clickable flowchart-label">
              <rect height="33" width="26.5625" y="-16.5" x="-13.28125" ry="0" rx="0" style="" class="basic label-container"/>
              <g transform="translate(-5.78125, -9)" style="" class="label">
                <rect/>
                <foreignObject height="18" width="11.5625">
                  <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                    <span class="nodeLabel">C</span>
                  </div>
                </foreignObject>
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>