docs/test_cases/t30002_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="0 0 1983.234375 346" style="max-width: 1983.23px; background-color: white;" class="flowchart" width="1983.234375" 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_0001162422187714887647" class="cluster clickable">
          <rect height="140" width="1902.09765625" y="8" x="33.234375" style=""/>
          <g transform="translate(978.947265625, 8)" class="cluster-label">
            <foreignObject height="24" width="10.671875">
              <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>B</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0012347845725058053133" class="cluster clickable">
          <rect height="140" width="1967.234375" y="198" x="8" style=""/>
          <g transform="translate(986.28125, 198)" class="cluster-label">
            <foreignObject height="24" width="10.671875">
              <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>A</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0015510893116990553883" class="cluster clickable">
          <rect height="90" width="1862.09765625" y="33" x="53.234375" style=""/>
          <g transform="translate(973.611328125, 33)" class="cluster-label">
            <foreignObject height="24" width="21.34375">
              <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>BB</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g data-look="classic" id="C_0013357963775744683208" class="cluster clickable">
          <rect height="90" width="1927.234375" y="223" x="28" style=""/>
          <g transform="translate(980.9453125, 223)" class="cluster-label">
            <foreignObject height="24" width="21.34375">
              <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>AA</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-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0006713170737149747123_0" d="M1060.816,87.317L1081.247,93.264C1101.677,99.211,1142.538,111.106,1162.968,121.22C1183.398,131.333,1183.398,139.667,1183.398,148C1183.398,156.333,1183.398,164.667,1183.398,173C1183.398,181.333,1183.398,189.667,1183.398,198C1183.398,206.333,1183.398,214.667,1183.398,220.917C1183.398,227.167,1183.398,231.333,1183.398,234.833C1183.398,238.333,1183.398,241.167,1183.398,242.583L1183.398,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0013206681275667377960_1" d="M1052.369,98L1057.278,102.167C1062.186,106.333,1072.003,114.667,1076.912,123C1081.82,131.333,1081.82,139.667,1081.82,148C1081.82,156.333,1081.82,164.667,1081.82,173C1081.82,181.333,1081.82,189.667,1081.82,198C1081.82,206.333,1081.82,214.667,1081.82,220.917C1081.82,227.167,1081.82,231.333,1081.82,234.833C1081.82,238.333,1081.82,241.167,1081.82,242.583L1081.82,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0009319733512138168425_2" d="M1060.816,79.664L1199.755,86.887C1338.693,94.109,1616.569,108.555,1755.507,119.944C1894.445,131.333,1894.445,139.667,1894.445,148C1894.445,156.333,1894.445,164.667,1894.445,173C1894.445,181.333,1894.445,189.667,1894.445,198C1894.445,206.333,1894.445,214.667,1894.445,220.917C1894.445,227.167,1894.445,231.333,1894.445,234.833C1894.445,238.333,1894.445,241.167,1894.445,242.583L1894.445,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0005562928906891852079_3" d="M1060.816,79.885L1182.825,87.071C1304.833,94.257,1548.85,108.628,1670.859,119.981C1792.867,131.333,1792.867,139.667,1792.867,148C1792.867,156.333,1792.867,164.667,1792.867,173C1792.867,181.333,1792.867,189.667,1792.867,198C1792.867,206.333,1792.867,214.667,1792.867,220.917C1792.867,227.167,1792.867,231.333,1792.867,234.833C1792.867,238.333,1792.867,241.167,1792.867,242.583L1792.867,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0010141672598406988224_4" d="M1060.816,80.174L1165.895,87.312C1270.974,94.449,1481.132,108.725,1586.21,120.029C1691.289,131.333,1691.289,139.667,1691.289,148C1691.289,156.333,1691.289,164.667,1691.289,173C1691.289,181.333,1691.289,189.667,1691.289,198C1691.289,206.333,1691.289,214.667,1691.289,220.917C1691.289,227.167,1691.289,231.333,1691.289,234.833C1691.289,238.333,1691.289,241.167,1691.289,242.583L1691.289,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0002394102540250964834_5" d="M1060.816,80.568L1148.965,87.64C1237.115,94.712,1413.413,108.856,1501.562,120.095C1589.711,131.333,1589.711,139.667,1589.711,148C1589.711,156.333,1589.711,164.667,1589.711,173C1589.711,181.333,1589.711,189.667,1589.711,198C1589.711,206.333,1589.711,214.667,1589.711,220.917C1589.711,227.167,1589.711,231.333,1589.711,234.833C1589.711,238.333,1589.711,241.167,1589.711,242.583L1589.711,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0004489917650621835488_6" d="M996.801,80.384L901.441,87.487C806.081,94.589,615.361,108.795,520.001,120.064C424.641,131.333,424.641,139.667,424.641,148C424.641,156.333,424.641,164.667,424.641,173C424.641,181.333,424.641,189.667,424.641,198C424.641,206.333,424.641,214.667,424.641,220.917C424.641,227.167,424.641,231.333,424.641,234.833C424.641,238.333,424.641,241.167,424.641,242.583L424.641,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0003245698680931899146_7" d="M996.801,79.54L846.206,86.783C695.612,94.026,394.423,108.513,243.829,119.923C93.234,131.333,93.234,139.667,93.234,148C93.234,156.333,93.234,164.667,93.234,173C93.234,181.333,93.234,189.667,93.234,198C93.234,206.333,93.234,214.667,93.234,220.917C93.234,227.167,93.234,231.333,93.234,234.833C93.234,238.333,93.234,241.167,93.234,242.583L93.234,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0011323187065267284195_8" d="M996.801,80.016L883.029,87.18C769.258,94.344,541.715,108.672,427.943,120.003C314.172,131.333,314.172,139.667,314.172,148C314.172,156.333,314.172,164.667,314.172,173C314.172,181.333,314.172,189.667,314.172,198C314.172,206.333,314.172,214.667,314.172,220.917C314.172,227.167,314.172,231.333,314.172,234.833C314.172,238.333,314.172,241.167,314.172,242.583L314.172,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0002414867811021691488_9" d="M996.801,80.917L919.852,87.931C842.904,94.945,689.007,108.972,612.058,120.153C535.109,131.333,535.109,139.667,535.109,148C535.109,156.333,535.109,164.667,535.109,173C535.109,181.333,535.109,189.667,535.109,198C535.109,206.333,535.109,214.667,535.109,220.917C535.109,227.167,535.109,231.333,535.109,234.833C535.109,238.333,535.109,241.167,535.109,242.583L535.109,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0009662114321733444169_10" d="M1060.816,81.136L1132.036,88.113C1203.255,95.091,1345.694,109.045,1416.913,120.189C1488.133,131.333,1488.133,139.667,1488.133,148C1488.133,156.333,1488.133,164.667,1488.133,173C1488.133,181.333,1488.133,189.667,1488.133,198C1488.133,206.333,1488.133,214.667,1488.133,220.917C1488.133,227.167,1488.133,231.333,1488.133,234.833C1488.133,238.333,1488.133,241.167,1488.133,242.583L1488.133,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0004510893876404442092_11" d="M1060.816,83.623L1098.176,90.186C1135.536,96.748,1210.257,109.874,1247.617,120.604C1284.977,131.333,1284.977,139.667,1284.977,148C1284.977,156.333,1284.977,164.667,1284.977,173C1284.977,181.333,1284.977,189.667,1284.977,198C1284.977,206.333,1284.977,214.667,1284.977,220.917C1284.977,227.167,1284.977,231.333,1284.977,234.833C1284.977,238.333,1284.977,241.167,1284.977,242.583L1284.977,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0004259502996240959994_12" d="M996.801,79.746L864.618,86.955C732.435,94.164,468.069,108.582,335.886,119.958C203.703,131.333,203.703,139.667,203.703,148C203.703,156.333,203.703,164.667,203.703,173C203.703,181.333,203.703,189.667,203.703,198C203.703,206.333,203.703,214.667,203.703,220.917C203.703,227.167,203.703,231.333,203.703,234.833C203.703,238.333,203.703,241.167,203.703,242.583L203.703,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0007192729013823215515_13" d="M1060.816,82.026L1115.106,88.855C1169.396,95.684,1277.975,109.342,1332.265,120.338C1386.555,131.333,1386.555,139.667,1386.555,148C1386.555,156.333,1386.555,164.667,1386.555,173C1386.555,181.333,1386.555,189.667,1386.555,198C1386.555,206.333,1386.555,214.667,1386.555,220.917C1386.555,227.167,1386.555,231.333,1386.555,234.833C1386.555,238.333,1386.555,241.167,1386.555,242.583L1386.555,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0011625943530579009458_14" d="M1005.248,98L1000.339,102.167C995.431,106.333,985.614,114.667,980.705,123C975.797,131.333,975.797,139.667,975.797,148C975.797,156.333,975.797,164.667,975.797,173C975.797,181.333,975.797,189.667,975.797,198C975.797,206.333,975.797,214.667,975.797,220.917C975.797,227.167,975.797,231.333,975.797,234.833C975.797,238.333,975.797,241.167,975.797,242.583L975.797,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0003078670210975015891_15" d="M996.801,86.843L974.988,92.869C953.174,98.895,909.548,110.948,887.735,121.14C865.922,131.333,865.922,139.667,865.922,148C865.922,156.333,865.922,164.667,865.922,173C865.922,181.333,865.922,189.667,865.922,198C865.922,206.333,865.922,214.667,865.922,220.917C865.922,227.167,865.922,231.333,865.922,234.833C865.922,238.333,865.922,241.167,865.922,242.583L865.922,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0009596216299922841108_16" d="M996.801,83.281L956.675,89.901C916.549,96.52,836.298,109.76,796.173,120.547C756.047,131.333,756.047,139.667,756.047,148C756.047,156.333,756.047,164.667,756.047,173C756.047,181.333,756.047,189.667,756.047,198C756.047,206.333,756.047,214.667,756.047,220.917C756.047,227.167,756.047,231.333,756.047,234.833C756.047,238.333,756.047,241.167,756.047,242.583L756.047,244"/>
        <path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_0018044170717259402844_C_0004965517949692921527_17" d="M996.801,81.758L938.264,88.632C879.727,95.506,762.652,109.253,704.115,120.293C645.578,131.333,645.578,139.667,645.578,148C645.578,156.333,645.578,164.667,645.578,173C645.578,181.333,645.578,189.667,645.578,198C645.578,206.333,645.578,214.667,645.578,220.917C645.578,227.167,645.578,231.333,645.578,234.833C645.578,238.333,645.578,241.167,645.578,242.583L645.578,244"/>
      </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 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 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 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">
        <g transform="translate(1028.80859375, 78)" id="C_0018044170717259402844" class="node">
          <rect height="40" width="64.015625" y="-20" x="-32.0078125" style="" class="basic label-container"/>
          <g transform="translate(-16.0078125, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="32.015625">
              <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>BBB</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(93.234375, 268)" id="C_0003245698680931899146" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A18</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(203.703125, 268)" id="C_0004259502996240959994" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A17</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(314.171875, 268)" id="C_0011323187065267284195" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A16</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(424.640625, 268)" id="C_0004489917650621835488" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A15</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(535.109375, 268)" id="C_0002414867811021691488" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A14</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(645.578125, 268)" id="C_0004965517949692921527" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A13</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(756.046875, 268)" id="C_0009596216299922841108" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A12</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(865.921875, 268)" id="C_0003078670210975015891" class="node">
          <rect height="40" width="59.28125" y="-20" x="-29.640625" style="" class="basic label-container"/>
          <g transform="translate(-13.640625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="27.28125">
              <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>A11</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(975.796875, 268)" id="C_0011625943530579009458" class="node">
          <rect height="40" width="60.46875" y="-20" x="-30.234375" style="" class="basic label-container"/>
          <g transform="translate(-14.234375, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="28.46875">
              <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>A10</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1081.8203125, 268)" id="C_0013206681275667377960" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A9</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1183.3984375, 268)" id="C_0006713170737149747123" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A8</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1284.9765625, 268)" id="C_0004510893876404442092" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A7</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1386.5546875, 268)" id="C_0007192729013823215515" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A6</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1488.1328125, 268)" id="C_0009662114321733444169" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A5</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1589.7109375, 268)" id="C_0002394102540250964834" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A4</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1691.2890625, 268)" id="C_0010141672598406988224" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A3</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1792.8671875, 268)" id="C_0005562928906891852079" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A2</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1894.4453125, 268)" id="C_0009319733512138168425" class="node">
          <rect height="40" width="51.578125" y="-20" x="-25.7890625" style="" class="basic label-container"/>
          <g transform="translate(-9.7890625, -12)" style="" class="label">
            <rect/>
            <foreignObject height="24" width="19.578125">
              <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>A1</p>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>