docs/test_cases/t00037_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 587.03125 543" style="max-width: 587.031px; background-color: white;" width="587.03125" 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-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0000089624331032310202_C_0012092151151811100076_1" d="M171.385,306.754L151.965,314.961C132.546,323.169,93.706,339.585,74.287,357.126C54.867,374.667,54.867,393.333,54.867,402.667L54.867,412"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0000089624331032310202_C_0015846562543783208401_2" d="M239.152,336.187L236.574,339.489C233.995,342.791,228.837,349.396,226.258,358.364C223.68,367.333,223.68,378.667,223.68,384.333L223.68,390"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0000089624331032310202_C_0007016651489261202313_3" d="M374.543,336.187L377.122,339.489C379.701,342.791,384.858,349.396,387.437,362.031C390.016,374.667,390.016,393.333,390.016,402.667L390.016,412"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0000089624331032310202_C_0014489164071123227020_4" d="M441.998,313.508L456.952,320.59C471.905,327.672,501.812,341.836,516.765,358.251C531.719,374.667,531.719,393.333,531.719,402.667L531.719,412"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0010582353454193159633_C_0000089624331032310202_5" d="M306.848,127L306.848,129.667C306.848,132.333,306.848,137.667,306.848,146C306.848,154.333,306.848,165.667,306.848,171.333L306.848,177"/>
      </g>
      <g class="edgeLabels">
        <g transform="translate(54.8671875, 356)" 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">-s</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(64.86718874999995, 389.5000010714286)" class="edgeTerminals">
          <g transform="translate(0, 0)" class="inner"/>
          <foreignObject style="width: 18px; height: 12px;">
            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
              <span class="edgeLabel">24</span>
            </div>
          </foreignObject>
        </g>
        <g transform="translate(223.6796875, 356)" class="edgeLabel">
          <g transform="translate(-45.140625, -9)" class="label">
            <foreignObject height="18" width="90.28125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+dimensions</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(390.015625, 356)" class="edgeLabel">
          <g transform="translate(-20.234375, -9)" class="label">
            <foreignObject height="18" width="40.46875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+bars</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(400.0156274999998, 389.5000021428571)" class="edgeTerminals">
          <g transform="translate(0, 0)" class="inner"/>
          <foreignObject style="width: 18px; height: 12px;">
            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
              <span class="edgeLabel">10</span>
            </div>
          </foreignObject>
        </g>
        <g transform="translate(531.71875, 356)" class="edgeLabel">
          <g transform="translate(-19.5625, -9)" class="label">
            <foreignObject height="18" width="39.125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">-units</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(306.84765625, 143)" class="edgeLabel">
          <g transform="translate(-10.8984375, -9)" class="label">
            <foreignObject height="18" width="21.796875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+st</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
      <g class="nodes">
        <g transform="translate(54.8671875, 462.5)" id="classId-C_0012092151151811100076-0" class="node default">
          <rect height="101" width="93.734375" y="-50.5" x="-46.8671875" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="46.8671875" x1="-46.8671875" class="divider"/>
          <line y2="39.5" y1="39.5" x2="46.8671875" x1="-46.8671875" 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, -43)" 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">S</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -39.3671875, -9)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+x : double</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -39.3671875, 13)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+y : double</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(306.84765625, 249.5)" id="classId-C_0000089624331032310202-1" class="node default">
          <rect height="145" width="237.765625" y="-72.5" x="-118.8828125" class="outer title-state" style=""/>
          <line y2="-42.5" y1="-42.5" x2="118.8828125" x1="-118.8828125" class="divider"/>
          <line y2="61.5" y1="61.5" x2="118.8828125" x1="-118.8828125" 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( -10.2265625, -65)" height="18" width="20.453125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ST</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -111.3828125, -31)" height="18" width="149.84375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+bars : ST::(bars)[10]</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -111.3828125, -9)" height="18" width="222.765625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+dimensions : ST::(dimensions)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -111.3828125, 13)" height="18" width="90.703125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-s : S[4][3][2]</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -111.3828125, 35)" height="18" width="124.484375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-units : ST::(units)</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(223.6796875, 462.5)" id="classId-C_0015846562543783208401-2" class="node default">
          <rect height="145" width="143.890625" y="-72.5" x="-71.9453125" class="outer title-state" style=""/>
          <line y2="-42.5" y1="-42.5" x2="71.9453125" x1="-71.9453125" class="divider"/>
          <line y2="61.5" y1="61.5" x2="71.9453125" x1="-71.9453125" 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( -64.4453125, -65)" height="18" width="128.890625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ST::(dimensions)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.4453125, -31)" height="18" width="75.171875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+t : double</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.4453125, -9)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+x : double</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.4453125, 13)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+y : double</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.4453125, 35)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+z : double</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(390.015625, 462.5)" id="classId-C_0007016651489261202313-3" class="node default">
          <rect height="101" width="88.78125" y="-50.5" x="-44.390625" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="44.390625" x1="-44.390625" class="divider"/>
          <line y2="39.5" y1="39.5" x2="44.390625" x1="-44.390625" 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( -36.890625, -43)" height="18" width="73.78125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ST::(bars)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -36.890625, -9)" height="18" width="73.375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+flags : int</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -36.890625, 13)" height="18" width="60.9375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+len : int</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(531.71875, 462.5)" id="classId-C_0014489164071123227020-4" class="node default">
          <rect height="101" width="94.625" y="-50.5" x="-47.3125" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="47.3125" x1="-47.3125" class="divider"/>
          <line y2="39.5" y1="39.5" x2="47.3125" x1="-47.3125" 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( -39.1015625, -43)" height="18" width="78.203125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ST::(units)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -39.8125, -9)" height="18" width="78.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+c : double</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -39.8125, 13)" height="18" width="79.625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+h : double</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(306.84765625, 58.5)" id="classId-C_0010582353454193159633-5" class="node default">
          <rect height="101" width="97.25" y="-50.5" x="-48.625" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="48.625" x1="-48.625" class="divider"/>
          <line y2="17.5" y1="17.5" x2="48.625" x1="-48.625" 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( -41.125, -9)" height="18" width="55.578125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+st : ST</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -41.125, 25)" height="18" width="82.25">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+A() : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>