docs/test_cases/t00051_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 1464.0625 595" style="max-width: 1464.06px; background-color: white;" width="1464.0625" 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-extensionEnd)" style="fill:none" class="edge-pattern-dashed relation" id="id_C_0015756021897900635813_C_0003893405395576401653_1" d="M297.063,370L297.063,374.167C297.063,378.333,297.063,386.667,297.063,392C297.063,397.333,297.063,399.667,297.063,400.833L297.063,402"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-dashed relation" id="id_C_0008517308902178609395_C_0002142096945777718118_2" d="M760.211,140.602L730.148,146.835C700.086,153.068,639.961,165.534,636.826,182.885C633.69,200.237,687.545,222.473,714.472,233.592L741.399,244.71"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-dashed relation" id="id_C_0008517308902178609395_C_0005828010557987819764_3" d="M1064.966,153L1065.82,157.167C1066.675,161.333,1068.384,169.667,1090.344,184.87C1112.304,200.073,1154.515,222.146,1175.62,233.183L1196.725,244.22"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-dashed relation" id="id_C_0008517308902178609395_C_0015756021897900635813_4" d="M760.211,118.033L683.02,128.028C605.828,138.022,451.445,158.011,374.254,171.172C297.063,184.333,297.063,190.667,297.063,193.833L297.063,197"/>
        <path marker-start="url(#my-svg_classDiagram-lollipopStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0008517308902178609395_C_0002142096945777718118_5" d="M1050.094,166.5L1050.094,168.417C1050.094,170.333,1050.094,174.167,1028.102,187.583C1006.111,201,962.128,224,940.137,235.5L918.145,247"/>
        <path marker-start="url(#my-svg_classDiagram-lollipopStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0008517308902178609395_C_0005828010557987819764_6" d="M1239.173,158.127L1247.241,161.439C1255.308,164.751,1271.443,171.376,1278.451,186.188C1285.458,201,1283.338,224,1282.279,235.5L1281.219,247"/>
      </g>
      <g class="edgeLabels">
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(undefined, NaN)" class="edgeLabel">
          <g transform="translate(0, 0)" class="label">
            <foreignObject height="0" width="0">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel"/>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
      <g class="nodes">
        <g transform="translate(297.0625, 503.5)" id="classId-C_0003893405395576401653-0" class="node default">
          <rect height="167" width="208.984375" y="-83.5" x="-104.4921875" class="outer title-state" style=""/>
          <line y2="-53.5" y1="-53.5" x2="104.4921875" x1="-104.4921875" class="divider"/>
          <line y2="6.5" y1="6.5" x2="104.4921875" x1="-104.4921875" 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( -40.6796875, -76)" height="18" width="81.359375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">B&lt;F,FF=F&gt;</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -96.9921875, -42)" height="18" width="45.796875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+f_ : F</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -96.9921875, -20)" height="18" width="59.734375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+ff_ : FF</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -96.9921875, 14)" height="18" width="193.984375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+B(F &amp;&amp; f, FF &amp;&amp; ff) : : void</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -96.9921875, 36)" height="18" width="76.03125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+f() : : void</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -96.9921875, 58)" height="18" width="80.1875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+ff() : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(297.0625, 286.5)" id="classId-C_0015756021897900635813-1" class="node default">
          <rect height="167" width="578.125" y="-83.5" x="-289.0625" class="outer title-state" style=""/>
          <line y2="-53.5" y1="-53.5" x2="289.0625" x1="-289.0625" class="divider"/>
          <line y2="6.5" y1="6.5" x2="289.0625" x1="-289.0625" 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( -225.4453125, -76)" height="18" width="450.890625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">B&lt;(lambda at t00051.cc:43:18),(lambda at t00051.cc:43:27)&gt;</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -281.5625, -42)" height="18" width="235.265625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+f_ : (lambda at t00051.cc:43:18)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -281.5625, -20)" height="18" width="239.421875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+ff_ : (lambda at t00051.cc:43:27)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -281.5625, 14)" height="18" width="563.125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+B((lambda at t00051.cc:43:18) &amp;&amp; f, (lambda at t00051.cc:43:27) &amp;&amp; ff) : : void</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -281.5625, 36)" height="18" width="76.03125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+f() : : void</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -281.5625, 58)" height="18" width="80.1875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+ff() : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1050.09375, 80.5)" id="classId-C_0008517308902178609395-2" class="node default">
          <rect height="145" width="579.765625" y="-72.5" x="-289.8828125" class="outer title-state" style=""/>
          <line y2="-42.5" y1="-42.5" x2="289.8828125" x1="-289.8828125" class="divider"/>
          <line y2="-26.5" y1="-26.5" x2="289.8828125" x1="-289.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( -5.78125, -65)" 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( -282.3828125, -19)" height="18" width="324.625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-get_function() : : (lambda at t00051.cc:48:16)</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -282.3828125, 3)" height="18" width="247.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="text-decoration: underline; display: inline-block; white-space: nowrap;">
                <span class="nodeLabel" style="text-decoration:underline;">-start_thread1() : : custom_thread1</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -282.3828125, 25)" height="18" width="247.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="text-decoration: underline; display: inline-block; white-space: nowrap;">
                <span class="nodeLabel" style="text-decoration:underline;">-start_thread2() : : custom_thread2</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -282.3828125, 47)" height="18" width="564.765625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">-start_thread3() : : B&lt;(lambda at t00051.cc:43:18),(lambda at t00051.cc:43:27)&gt;</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(842.609375, 286.5)" id="classId-C_0002142096945777718118-3" class="node default">
          <rect height="79" width="412.96875" y="-39.5" x="-206.484375" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="206.484375" x1="-206.484375" class="divider"/>
          <line y2="6.5" y1="6.5" x2="206.484375" x1="-206.484375" 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( -72.90625, -32)" height="18" width="145.8125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">A::custom_thread1</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -198.984375, 14)" height="18" width="397.96875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+custom_thread1(Function &amp;&amp; f, Args &amp;&amp;... args) : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(1277.578125, 286.5)" id="classId-C_0005828010557987819764-4" class="node default">
          <rect height="79" width="356.96875" y="-39.5" x="-178.484375" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="178.484375" x1="-178.484375" class="divider"/>
          <line y2="6.5" y1="6.5" x2="178.484375" x1="-178.484375" 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( -72.90625, -32)" height="18" width="145.8125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">A::custom_thread2</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -170.984375, 14)" height="18" width="341.96875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+thread((lambda at t00051.cc:59:27) &amp;&amp;) : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>