docs/test_cases/t40002_include_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="0 0 618.32421875 528" style="max-width: 618.324px; background-color: white;" class="flowchart" width="618.32421875" 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: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:#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 p{margin:0;}#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{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{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 .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#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:rgba(232,232,232, 0.8);text-align:center;}#my-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#my-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#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{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 rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style>
  <g>
    <marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-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="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-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-v2" id="my-svg_flowchart-v2-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-v2" id="my-svg_flowchart-v2-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-v2" id="my-svg_flowchart-v2-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-v2" id="my-svg_flowchart-v2-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 data-look="classic" id="C_0007915299339925655008" class="cluster">
          <rect height="308" width="519.02734375" y="212" x="55.6796875" style=""/>
          <g transform="translate(289.841796875, 212)" class="cluster-label">
            <foreignObject height="24" width="50.703125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>include</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0011100957978370531577" class="cluster">
          <rect height="154" width="602.32421875" y="8" x="8" style=""/>
          <g transform="translate(298.498046875, 8)" class="cluster-label">
            <foreignObject height="24" width="21.328125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>src</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0009988244964011575444" class="cluster">
          <rect height="104" width="393.125" y="391" x="75.6796875" style=""/>
          <g transform="translate(259.7890625, 391)" class="cluster-label">
            <foreignObject height="24" width="24.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>lib2</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0013501402687592147456" class="cluster">
          <rect height="104" width="261.65234375" y="237" x="293.0546875" style=""/>
          <g transform="translate(411.427734375, 237)" class="cluster-label">
            <foreignObject height="24" width="24.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>lib1</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0011177797676640886425" class="cluster">
          <rect height="104" width="175.359375" y="33" x="28" style=""/>
          <g transform="translate(103.2265625, 33)" class="cluster-label">
            <foreignObject height="24" width="24.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>lib2</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0010277941644399287283" class="cluster">
          <rect height="104" width="175.359375" y="33" x="414.96484375" style=""/>
          <g transform="translate(490.19140625, 33)" class="cluster-label">
            <foreignObject height="24" width="24.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                <span class="nodeLabel">
                  <p>lib1</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
      <g class="edgePaths">
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0011915602319277933652_C_0017548393712337957522_0" d="M330.087,112L334.259,116.167C338.43,120.333,346.774,128.667,350.946,137C355.117,145.333,355.117,153.667,355.117,162C355.117,170.333,355.117,178.667,355.117,187C355.117,195.333,355.117,203.667,355.117,212C355.117,220.333,355.117,228.667,358.871,234.917C362.624,241.167,370.131,245.333,377.055,249.176C383.979,253.02,390.321,256.539,393.491,258.299L396.662,260.059"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0011915602319277933652_C_0015757398685574731504_1" d="M282.365,112L279.172,116.167C275.979,120.333,269.593,128.667,266.4,137C263.207,145.333,263.207,153.667,263.207,162C263.207,170.333,263.207,178.667,263.207,187C263.207,195.333,263.207,203.667,263.207,212C263.207,220.333,263.207,228.667,263.207,241.5C263.207,254.333,263.207,271.667,263.207,289C263.207,306.333,263.207,323.667,263.207,336.5C263.207,349.333,263.207,357.667,263.207,366C263.207,374.333,263.207,382.667,263.207,388.917C263.207,395.167,263.207,399.333,263.207,402.833C263.207,406.333,263.207,409.167,263.207,410.583L263.207,412"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0011951305658985723216_C_0017548393712337957522_2" d="M502.645,112L502.645,116.167C502.645,120.333,502.645,128.667,502.645,137C502.645,145.333,502.645,153.667,502.645,162C502.645,170.333,502.645,178.667,502.645,187C502.645,195.333,502.645,203.667,502.645,212C502.645,220.333,502.645,228.667,500.487,234.917C498.33,241.167,494.016,245.333,490.182,249.037C486.347,252.74,482.992,255.981,481.315,257.601L479.637,259.221"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0014095000166128931568_C_0015757398685574731504_3" d="M115.68,112L115.68,116.167C115.68,120.333,115.68,128.667,115.68,137C115.68,145.333,115.68,153.667,115.68,162C115.68,170.333,115.68,178.667,115.68,187C115.68,195.333,115.68,203.667,115.68,212C115.68,220.333,115.68,228.667,115.68,241.5C115.68,254.333,115.68,271.667,115.68,289C115.68,306.333,115.68,323.667,115.68,336.5C115.68,349.333,115.68,357.667,115.68,366C115.68,374.333,115.68,382.667,123.88,389.724C132.08,396.781,148.48,402.562,164.252,408.121C180.024,413.68,195.167,419.017,202.738,421.686L210.31,424.355"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0017548393712337957522_C_0015757398685574731504_4" d="M448.805,316L448.805,320.167C448.805,324.333,448.805,332.667,448.805,341C448.805,349.333,448.805,357.667,448.805,366C448.805,374.333,448.805,382.667,437.432,390.02C426.059,397.373,403.314,403.745,381.21,409.938C359.107,416.131,337.645,422.144,326.914,425.151L316.184,428.157"/>
      </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: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg">
                <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: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg">
                <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: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg">
                <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: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg">
                <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: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg">
                <span class="edgeLabel"/>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
      <g class="nodes">
        <a transform="translate(303.0546875, 85)" xlink:href="https://github.com/bkryza/clang-uml/blob/39c1fb21a31b74e572e531e04e6d10304fc42dad/tests/t40002/src/t40002.cc#L0">
          <g title="t40002.cc" id="flowchart-C_0011915602319277933652-0" class="node default clickable">
            <rect height="54" width="129.390625" y="-27" x="-64.6953125" style="" class="basic label-container"/>
            <g transform="translate(-34.6953125, -12)" style="" class="label">
              <rect/>
              <foreignObject height="24" width="69.390625">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                  <span class="nodeLabel">
                    <p>t40002.cc</p>
                  </span>
                </div>
              </foreignObject>
            </g>
          </g>
        </a>
        <a transform="translate(502.64453125, 85)" xlink:href="https://github.com/bkryza/clang-uml/blob/39c1fb21a31b74e572e531e04e6d10304fc42dad/tests/t40002/src/lib1/lib1.cc#L0">
          <g title="lib1.cc" id="flowchart-C_0011951305658985723216-1" class="node default clickable">
            <rect height="54" width="105.359375" y="-27" x="-52.6796875" style="" class="basic label-container"/>
            <g transform="translate(-22.6796875, -12)" style="" class="label">
              <rect/>
              <foreignObject height="24" width="45.359375">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                  <span class="nodeLabel">
                    <p>lib1.cc</p>
                  </span>
                </div>
              </foreignObject>
            </g>
          </g>
        </a>
        <a transform="translate(115.6796875, 85)" xlink:href="https://github.com/bkryza/clang-uml/blob/39c1fb21a31b74e572e531e04e6d10304fc42dad/tests/t40002/src/lib2/lib2.cc#L0">
          <g title="lib2.cc" id="flowchart-C_0014095000166128931568-2" class="node default clickable">
            <rect height="54" width="105.359375" y="-27" x="-52.6796875" style="" class="basic label-container"/>
            <g transform="translate(-22.6796875, -12)" style="" class="label">
              <rect/>
              <foreignObject height="24" width="45.359375">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                  <span class="nodeLabel">
                    <p>lib2.cc</p>
                  </span>
                </div>
              </foreignObject>
            </g>
          </g>
        </a>
        <a transform="translate(448.8046875, 289)" xlink:href="https://github.com/bkryza/clang-uml/blob/39c1fb21a31b74e572e531e04e6d10304fc42dad/tests/t40002/include/lib1/lib1.h#L0">
          <g title="lib1.h" id="flowchart-C_0017548393712337957522-3" class="node default clickable">
            <rect height="54" width="98.25" y="-27" x="-49.125" style="" class="basic label-container"/>
            <g transform="translate(-19.125, -12)" style="" class="label">
              <rect/>
              <foreignObject height="24" width="38.25">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                  <span class="nodeLabel">
                    <p>lib1.h</p>
                  </span>
                </div>
              </foreignObject>
            </g>
          </g>
        </a>
        <a transform="translate(263.20703125, 443)" xlink:href="https://github.com/bkryza/clang-uml/blob/39c1fb21a31b74e572e531e04e6d10304fc42dad/tests/t40002/include/lib2/lib2.h#L0">
          <g title="lib2.h" id="flowchart-C_0015757398685574731504-4" class="node default clickable">
            <rect height="54" width="98.25" y="-27" x="-49.125" style="" class="basic label-container"/>
            <g transform="translate(-19.125, -12)" style="" class="label">
              <rect/>
              <foreignObject height="24" width="38.25">
                <div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
                  <span class="nodeLabel">
                    <p>lib2.h</p>
                  </span>
                </div>
              </foreignObject>
            </g>
          </g>
        </a>
      </g>
    </g>
  </g>
</svg>