docs/test_cases/t00041_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 803.09765625 543" style="max-width: 803.098px; background-color: white;" width="803.09765625" 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_0014390811474288866776_C_0001404870941457893137_1" d="M43.727,87L43.727,92.667C43.727,98.333,43.727,109.667,47.075,120.177C50.424,130.688,57.121,140.376,60.469,145.22L63.818,150.064"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001404870941457893137_C_0017269841340381658116_2" d="M63.04,322L58.839,327.667C54.638,333.333,46.235,344.667,42.033,362.333C37.832,380,37.832,404,37.832,416L37.832,428"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001404870941457893137_C_0003444801707268366769_3" d="M116.499,322L115.926,327.667C115.352,333.333,114.205,344.667,113.632,362.333C113.059,380,113.059,404,113.059,416L113.059,428"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001404870941457893137_C_0017522140924317117712_4" d="M181.906,337.606L183.668,340.672C185.429,343.738,188.953,349.869,193.048,358.601C197.143,367.333,201.809,378.667,204.142,384.333L206.475,390"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0006202536707625311352_C_0001404870941457893137_5" d="M142.734,94L142.734,98.5C142.734,103,142.734,112,141.877,122.167C141.019,132.333,139.303,143.667,138.446,149.333L137.588,155"/>
        <path marker-start="url(#my-svg_classDiagram-lollipopStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001404870941457893137_C_0017522140924317117712_6" d="M208.234,296.326L222.558,306.272C236.882,316.217,265.531,336.109,276.777,351.721C288.023,367.333,281.866,378.667,278.788,384.333L275.709,390"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001404870941457893137_C_0006554032082355557724_7" d="M213.4,280.562L239.839,293.135C266.278,305.708,319.157,330.854,345.596,356.427C372.035,382,372.035,408,372.035,421L372.035,434"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001762026917288289183_C_0004944309337715191167_8" d="M364.566,75.217L351.358,82.847C338.15,90.478,311.733,105.739,298.525,128.203C285.316,150.667,285.316,180.333,285.316,195.167L285.316,210"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0001762026917288289183_C_0009654002811268937016_9" d="M412.543,94L412.543,98.5C412.543,103,412.543,112,412.543,131.333C412.543,150.667,412.543,180.333,412.543,195.167L412.543,210"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0010115036041466978539_C_0002601331287942479387_10" d="M562.473,105L562.473,107.667C562.473,110.333,562.473,115.667,562.473,125.833C562.473,136,562.473,151,562.473,158.5L562.473,166"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0008995054904865162649_C_0005333571228755621659_11" d="M677.032,99.052L672.974,102.71C668.916,106.368,660.8,113.684,663.219,126.675C665.637,139.667,678.591,158.333,685.068,167.667L691.545,177"/>
        <path marker-start="url(#my-svg_classDiagram-lollipopStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0008995054904865162649_C_0005333571228755621659_12" d="M734.223,100.5L734.223,103.917C734.223,107.333,734.223,114.167,734.223,126.917C734.223,139.667,734.223,158.333,734.223,167.667L734.223,177"/>
      </g>
      <g class="edgeLabels">
        <g transform="translate(43.7265625, 121)" class="edgeLabel">
          <g transform="translate(-10, -9)" class="label">
            <foreignObject height="18" width="20">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+rr</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(37.83203125, 356)" class="edgeLabel">
          <g transform="translate(-9.125, -9)" class="label">
            <foreignObject height="18" width="18.25">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+e</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(113.05859375, 356)" class="edgeLabel">
          <g transform="translate(-6.8984375, -9)" class="label">
            <foreignObject height="18" width="13.796875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+f</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(192.4765625, 356)" class="edgeLabel">
          <g transform="translate(-8.671875, -9)" class="label">
            <foreignObject height="18" width="17.34375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+k</span>
                </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 transform="translate(562.47265625, 121)" class="edgeLabel">
          <g transform="translate(-8.671875, -9)" class="label">
            <foreignObject height="18" width="17.34375">
              <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 transform="translate(652.68359375, 121)" class="edgeLabel">
          <g transform="translate(-9.125, -9)" class="label">
            <foreignObject height="18" width="18.25">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+d</span>
                </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(142.734375, 47.5)" id="classId-C_0006202536707625311352-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">R</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(43.7265625, 47.5)" id="classId-C_0014390811474288866776-1" class="node default">
          <rect height="79" width="71.453125" y="-39.5" x="-35.7265625" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="35.7265625" x1="-35.7265625" class="divider"/>
          <line y2="28.5" y1="28.5" x2="35.7265625" x1="-35.7265625" 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, -32)" 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>
            <foreignObject transform="translate( -28.2265625, 2)" height="18" width="56.453125">
              <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;">+rr : RR</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(37.83203125, 462.5)" id="classId-C_0017269841340381658116-2" 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(113.05859375, 462.5)" id="classId-C_0003444801707268366769-3" class="node default">
          <rect height="57" width="24.78125" y="-28.5" x="-12.390625" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="12.390625" x1="-12.390625" class="divider"/>
          <line y2="17.5" y1="17.5" x2="12.390625" x1="-12.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( -4.890625, -21)" height="18" width="9.78125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">F</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(124.94921875, 238.5)" id="classId-C_0001404870941457893137-4" class="node default">
          <rect height="167" width="144.390625" y="-83.5" x="-72.1953125" class="outer title-state" style=""/>
          <line y2="-53.5" y1="-53.5" x2="72.1953125" x1="-72.1953125" class="divider"/>
          <line y2="50.5" y1="50.5" x2="72.1953125" x1="-72.1953125" 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( -11.5546875, -76)" height="18" width="23.109375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">RR</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.6953125, -42)" height="18" width="42.25">
              <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;">+e : E</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.6953125, -20)" height="18" width="36.90625">
              <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;">+f : F</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.6953125, 2)" height="18" width="91.171875">
              <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;">+g : detail::G</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.6953125, 24)" height="18" width="41.359375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+k : K</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -64.6953125, 58)" height="18" width="129.390625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+foo(H * h) : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(236.32421875, 462.5)" id="classId-C_0017522140924317117712-5" class="node default">
          <rect height="145" width="121.75" y="-72.5" x="-60.875" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="60.875" x1="-60.875" class="divider"/>
          <line y2="61.5" y1="61.5" x2="60.875" x1="-60.875" class="divider"/>
          <g class="label">
            <foreignObject transform="translate( -53.375, -65)" 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( -22.6640625, -43)" height="18" width="45.328125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">RR::K</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, -9)" height="18" width="30.25">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">One</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 13)" height="18" width="29.34375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Two</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 35)" height="18" width="41.796875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Three</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(372.03515625, 462.5)" id="classId-C_0006554032082355557724-6" class="node default">
          <rect height="57" width="49.671875" y="-28.5" x="-24.8359375" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="24.8359375" x1="-24.8359375" class="divider"/>
          <line y2="17.5" y1="17.5" x2="24.8359375" x1="-24.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( -17.3359375, -21)" height="18" width="34.671875" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">RRR</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(412.54296875, 47.5)" id="classId-C_0001762026917288289183-7" class="node default">
          <rect height="57" width="64.78125" y="-28.5" x="-32.390625" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="32.390625" x1="-32.390625" class="divider"/>
          <line y2="17.5" y1="17.5" x2="32.390625" x1="-32.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( -24.890625, -21)" height="18" width="49.78125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ns1::N</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(285.31640625, 238.5)" id="classId-C_0004944309337715191167-8" class="node default">
          <rect height="57" width="76.34375" y="-28.5" x="-38.171875" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="38.171875" x1="-38.171875" class="divider"/>
          <line y2="17.5" y1="17.5" x2="38.171875" x1="-38.171875" 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( -30.671875, -21)" height="18" width="61.34375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ns1::NN</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(412.54296875, 238.5)" id="classId-C_0009654002811268937016-9" class="node default">
          <rect height="57" width="78.109375" y="-28.5" x="-39.0546875" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="39.0546875" x1="-39.0546875" class="divider"/>
          <line y2="17.5" y1="17.5" x2="39.0546875" x1="-39.0546875" 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( -31.5546875, -21)" height="18" width="63.109375" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">ns1::NM</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(562.47265625, 238.5)" id="classId-C_0002601331287942479387-10" class="node default">
          <rect height="145" width="121.75" y="-72.5" x="-60.875" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="60.875" x1="-60.875" class="divider"/>
          <line y2="61.5" y1="61.5" x2="60.875" x1="-60.875" class="divider"/>
          <g class="label">
            <foreignObject transform="translate( -53.375, -65)" 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( -20.890625, -43)" height="18" width="41.78125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Color</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, -9)" height="18" width="29.359375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Red</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 13)" height="18" width="44.46875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Green</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 35)" height="18" width="32.03125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Blue</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(562.47265625, 47.5)" id="classId-C_0010115036041466978539-11" class="node default">
          <rect height="79" width="83.921875" y="-39.5" x="-41.9609375" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="41.9609375" x1="-41.9609375" class="divider"/>
          <line y2="28.5" y1="28.5" x2="41.9609375" x1="-41.9609375" 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, -32)" 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( -34.4609375, 2)" height="18" width="68.921875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+c : Color</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(734.22265625, 47.5)" id="classId-C_0008995054904865162649-12" class="node default">
          <rect height="79" width="109.71875" y="-39.5" x="-54.859375" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="54.859375" x1="-54.859375" class="divider"/>
          <line y2="28.5" y1="28.5" x2="54.859375" x1="-54.859375" 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( -4.890625, -32)" height="18" width="9.78125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">T</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -47.359375, 2)" height="18" width="94.71875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+d : Direction</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(734.22265625, 238.5)" id="classId-C_0005333571228755621659-13" 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( -44, -32)" height="18" width="88" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">T::Direction</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 2)" height="18" width="26.6875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Left</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -53.375, 24)" height="18" width="37.359375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">Right</span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>