docs/test_cases/t00071_class_mermaid.svg

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" aria-roledescription="classDiagram" role="graphics-document document" viewBox="0 0 823.0703125 308" style="max-width: 823.07px; background-color: white;" width="823.0703125" 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 g.classGroup text{fill:#9370DB;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#my-svg g.classGroup text .title{font-weight:bolder;}#my-svg .nodeLabel,#my-svg .edgeLabel{color:#131300;}#my-svg .edgeLabel .label rect{fill:#ECECFF;}#my-svg .label text{fill:#131300;}#my-svg .edgeLabel .label span{background:#ECECFF;}#my-svg .classTitle{font-weight:bolder;}#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 .divider{stroke:#9370DB;stroke-width:1;}#my-svg g.clickable{cursor:pointer;}#my-svg g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#my-svg g.classGroup line{stroke:#9370DB;stroke-width:1;}#my-svg .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#my-svg .classLabel .label{fill:#9370DB;font-size:10px;}#my-svg .relation{stroke:#333333;stroke-width:1;fill:none;}#my-svg .dashed-line{stroke-dasharray:3;}#my-svg .dotted-line{stroke-dasharray:1 2;}#my-svg #compositionStart,#my-svg .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#my-svg #compositionEnd,#my-svg .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#my-svg #dependencyStart,#my-svg .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#my-svg #dependencyStart,#my-svg .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#my-svg #extensionStart,#my-svg .extension{fill:transparent!important;stroke:#333333!important;stroke-width:1;}#my-svg #extensionEnd,#my-svg .extension{fill:transparent!important;stroke:#333333!important;stroke-width:1;}#my-svg #aggregationStart,#my-svg .aggregation{fill:transparent!important;stroke:#333333!important;stroke-width:1;}#my-svg #aggregationEnd,#my-svg .aggregation{fill:transparent!important;stroke:#333333!important;stroke-width:1;}#my-svg #lollipopStart,#my-svg .lollipop{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#my-svg #lollipopEnd,#my-svg .lollipop{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#my-svg .edgeTerminals{font-size:11px;line-height:initial;}#my-svg .classTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style>
  <g>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker aggregation classDiagram" id="my-svg_classDiagram-aggregationStart">
        <path d="M 18,7 L9,13 L1,7 L9,1 Z"/>
      </marker>
      <style type="text/css">a:hover { text-decoration: underline; }</style>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker aggregation classDiagram" id="my-svg_classDiagram-aggregationEnd">
        <path d="M 18,7 L9,13 L1,7 L9,1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker extension classDiagram" id="my-svg_classDiagram-extensionStart">
        <path d="M 1,7 L18,13 V 1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker extension classDiagram" id="my-svg_classDiagram-extensionEnd">
        <path d="M 1,1 V 13 L18,7 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker composition classDiagram" id="my-svg_classDiagram-compositionStart">
        <path d="M 18,7 L9,13 L1,7 L9,1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker composition classDiagram" id="my-svg_classDiagram-compositionEnd">
        <path d="M 18,7 L9,13 L1,7 L9,1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="6" class="marker dependency classDiagram" id="my-svg_classDiagram-dependencyStart">
        <path d="M 5,7 L9,13 L1,7 L9,1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="13" class="marker dependency classDiagram" id="my-svg_classDiagram-dependencyEnd">
        <path d="M 18,7 L9,13 L14,7 L9,1 Z"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="13" class="marker lollipop classDiagram" id="my-svg_classDiagram-lollipopStart">
        <circle r="6" cy="7" cx="7" fill="transparent" stroke="black"/>
      </marker>
    </defs>
    <defs>
      <marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="1" class="marker lollipop classDiagram" id="my-svg_classDiagram-lollipopEnd">
        <circle r="6" cy="7" cx="7" fill="transparent" stroke="black"/>
      </marker>
    </defs>
    <g class="root">
      <g class="clusters"/>
      <g class="edgePaths">
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0013039548962878986617_C_0017680040592425112949_1" d="M736.891,86.705L716.703,99.754C696.516,112.804,656.141,138.902,635.953,156.618C615.766,174.333,615.766,183.667,615.766,188.333L615.766,193"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0013039548962878986617_C_0010558900082015743999_2" d="M738.855,131L736.584,136.667C734.313,142.333,729.77,153.667,727.498,167.667C725.227,181.667,725.227,198.333,725.227,206.667L725.227,215"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0013039548962878986617_C_0013579711934180829394_3" d="M788.16,131L790.432,136.667C792.703,142.333,797.246,153.667,799.518,167.667C801.789,181.667,801.789,198.333,801.789,206.667L801.789,215"/>
      </g>
      <g class="edgeLabels">
        <g transform="translate(615.765625, 165)" class="edgeLabel">
          <g transform="translate(-7.1171875, -9)" class="label">
            <foreignObject height="18" width="14.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">-a</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(725.2265625, 165)" class="edgeLabel">
          <g transform="translate(-7.1171875, -9)" class="label">
            <foreignObject height="18" width="14.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">-b</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(801.7890625, 165)" class="edgeLabel">
          <g transform="translate(-6.6640625, -9)" class="label">
            <foreignObject height="18" width="13.328125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">-c</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
      <g class="nodes">
        <g transform="translate(725.2265625, 249.5)" id="classId-C_0010558900082015743999-0" class="node default">
          <rect height="57" width="26.5625" y="-28.5" x="-13.28125" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <line y2="17.5" y1="17.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.78125, -21)" height="18" width="11.5625" class="classTitle">
              <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(41.2890625, 69.5)" id="classId-C_0004557062373102935688-1" class="node default">
          <rect height="79" width="66.578125" y="-39.5" x="-33.2890625" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="33.2890625" x1="-33.2890625" class="divider"/>
          <line y2="28.5" y1="28.5" x2="33.2890625" x1="-33.2890625" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -25.7890625, -32)" height="18" width="51.578125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">BB&lt;T&gt;</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -25.7890625, 2)" height="18" width="32.59375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-t : T</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(185.453125, 69.5)" id="classId-C_0013000624492335538351-2" class="node default">
          <rect height="123" width="121.75" y="-61.5" x="-60.875" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="60.875" x1="-60.875" class="divider"/>
          <line y2="50.5" y1="50.5" x2="60.875" x1="-60.875" class="divider"/>
          <g class="label">
            <foreignObject transform="translate( -53.375, -54)" height="18" width="106.75">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">«enumeration»</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -43.5546875, -32)" height="18" width="87.109375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">detail::BBB</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 2)" height="18" width="35.59375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">bbb1</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 24)" height="18" width="35.59375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">bbb2</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(309.609375, 69.5)" id="classId-C_0009350216514584343155-3" class="node default">
          <rect height="57" width="26.5625" y="-28.5" x="-13.28125" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <line y2="17.5" y1="17.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.78125, -21)" height="18" width="11.5625" class="classTitle">
              <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(385.7265625, 69.5)" id="classId-C_0010421558092188284034-4" class="node default">
          <rect height="57" width="25.671875" y="-28.5" x="-12.8359375" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="12.8359375" x1="-12.8359375" class="divider"/>
          <line y2="17.5" y1="17.5" x2="12.8359375" x1="-12.8359375" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.3359375, -21)" height="18" width="10.671875" class="classTitle">
              <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(801.7890625, 249.5)" id="classId-C_0013579711934180829394-5" class="node default">
          <rect height="57" width="26.5625" y="-28.5" x="-13.28125" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <line y2="17.5" y1="17.5" x2="13.28125" x1="-13.28125" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.78125, -21)" height="18" width="11.5625" class="classTitle">
              <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 transform="translate(481.8515625, 69.5)" id="classId-C_0015289544269199771130-6" class="node default">
          <rect height="79" width="66.578125" y="-39.5" x="-33.2890625" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="33.2890625" x1="-33.2890625" class="divider"/>
          <line y2="28.5" y1="28.5" x2="33.2890625" x1="-33.2890625" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -25.7890625, -32)" height="18" width="51.578125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">CC&lt;T&gt;</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -25.7890625, 2)" height="18" width="32.59375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-t : T</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(626.015625, 69.5)" id="classId-C_0007450229623153646433-7" class="node default">
          <rect height="123" width="121.75" y="-61.5" x="-60.875" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="60.875" x1="-60.875" class="divider"/>
          <line y2="50.5" y1="50.5" x2="60.875" x1="-60.875" class="divider"/>
          <g class="label">
            <foreignObject transform="translate( -53.375, -54)" height="18" width="106.75">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">«enumeration»</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -43.5546875, -32)" height="18" width="87.109375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">detail::CCC</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 2)" height="18" width="32.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ccc1</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 24)" height="18" width="32.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ccc2</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(615.765625, 249.5)" id="classId-C_0017680040592425112949-8" class="node default">
          <rect height="101" width="92.359375" y="-50.5" x="-46.1796875" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="46.1796875" x1="-46.1796875" class="divider"/>
          <line y2="17.5" y1="17.5" x2="46.1796875" x1="-46.1796875" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.78125, -43)" height="18" width="11.5625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">A</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -38.6796875, -9)" height="18" width="44.46875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-a : int</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -38.6796875, 25)" height="18" width="77.359375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-get() : : int</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(763.5078125, 69.5)" id="classId-C_0013039548962878986617-9" class="node default">
          <rect height="123" width="53.234375" y="-61.5" x="-26.6171875" class="outer title-state" style=""/>
          <line y2="-31.5" y1="-31.5" x2="26.6171875" x1="-26.6171875" class="divider"/>
          <line y2="50.5" y1="50.5" x2="26.6171875" x1="-26.6171875" class="divider"/>
          <g class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel"/>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -5.78125, -54)" height="18" width="11.5625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">R</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -19.1171875, -20)" height="18" width="37.640625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="font-style: italic; display: inline-block; white-space: nowrap;">
                <span class="nodeLabel" style="font-style:italic;">-a : A</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -19.1171875, 2)" height="18" width="38.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="font-style: italic; display: inline-block; white-space: nowrap;">
                <span class="nodeLabel" style="font-style:italic;">-b : B</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -19.1171875, 24)" height="18" width="38.21875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="font-style: italic; display: inline-block; white-space: nowrap;">
                <span class="nodeLabel" style="font-style:italic;">-c : C</span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>