docs/test_cases/t00076_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 528.921875 859" style="max-width: 528.922px; background-color: white;" width="528.921875" 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_0014155804895193829672_C_0000268571154127239712_1" d="M219.938,711L219.938,719.167C219.938,727.333,219.938,743.667,219.938,757.5C219.938,771.333,219.938,782.667,219.938,788.333L219.938,794"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0001357160052467496131_2" d="M269.444,455.76L236.016,470.967C202.587,486.174,135.731,516.587,102.303,537.46C68.875,558.333,68.875,569.667,68.875,575.333L68.875,581"/>
        <path marker-start="url(#my-svg_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0014155804895193829672_3" d="M272.958,495.155L264.122,503.796C255.285,512.437,237.611,529.718,228.774,549.526C219.938,569.333,219.938,591.667,219.938,602.833L219.938,614"/>
        <path marker-start="url(#my-svg_classDiagram-compositionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0002798432465627505061_4" d="M325.825,530.55L325.201,533.292C324.576,536.034,323.327,541.517,322.703,557.258C322.078,573,322.078,599,322.078,612L322.078,625"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0008692768569991895602_5" d="M385.223,513L387.255,518.667C389.286,524.333,393.348,535.667,397.272,553.346C401.197,571.024,404.983,595.049,406.876,607.061L408.769,619.073"/>
        <path marker-start="url(#my-svg_classDiagram-lollipopStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0008692768569991895602_6" d="M425.144,513.736L429.439,519.28C433.735,524.824,442.327,535.912,442.14,554.456C441.953,573,432.988,599,428.505,612L424.023,625"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017401388407958641079_C_0006450714203544144591_7" d="M430.779,483.805L443.589,494.337C456.399,504.87,482.02,525.935,494.83,549.467C507.641,573,507.641,599,507.641,612L507.641,625"/>
        <path marker-start="url(#my-svg_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0006450714203544144591_C_0008310927683014217983_8" d="M507.641,700L507.641,710C507.641,720,507.641,740,507.641,755.667C507.641,771.333,507.641,782.667,507.641,788.333L507.641,794"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0017377451137994128435_C_0017401388407958641079_9" d="M275.938,256L275.938,261.667C275.938,267.333,275.938,278.667,278.757,289.138C281.577,299.608,287.216,309.217,290.035,314.021L292.855,318.825"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id_C_0006110290676921432917_C_0017377451137994128435_10" d="M275.938,87L275.938,92.667C275.938,98.333,275.938,109.667,275.938,120C275.938,130.333,275.938,139.667,275.938,144.333L275.938,149"/>
        <path marker-end="url(#my-svg_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-dashed relation" id="id_C_0000427444038316199137_C_0017401388407958641079_11" d="M426.766,245L426.766,252.5C426.766,260,426.766,275,423.946,287.304C421.127,299.608,415.488,309.217,412.668,314.021L409.849,318.825"/>
      </g>
      <g class="edgeLabels">
        <g transform="translate(219.9375, 760)" class="edgeLabel">
          <g transform="translate(-13.5703125, -9)" class="label">
            <foreignObject height="18" width="27.140625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+gg</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(68.875, 547)" 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(219.9375, 547)" 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">+g</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(322.078125, 547)" class="edgeLabel">
          <g transform="translate(-6.453125, -9)" class="label">
            <foreignObject height="18" width="12.90625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+j</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(311.322860048985, 526.7446521107895)" class="edgeTerminals">
          <g transform="translate(0, 0)" class="inner">
            <foreignObject style="width: 36px; height: 12px;">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">0..1</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(332.0781274999998, 602.5000021428572)" class="edgeTerminals">
          <g transform="translate(0, 0)" class="inner"/>
          <foreignObject style="width: 36px; height: 12px;">
            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
              <span class="edgeLabel">1..*</span>
            </div>
          </foreignObject>
        </g>
        <g transform="translate(397.41015625, 547)" class="edgeLabel">
          <g transform="translate(-13.5703125, -9)" class="label">
            <foreignObject height="18" width="27.140625">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="edgeLabel">
                  <span class="edgeLabel">+bb</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(275.9375, 290)" 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">+b</span>
                </span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(275.9375, 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">+e</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(68.875, 653.5)" id="classId-C_0001357160052467496131-0" 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="23.125">
              <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="40.921875">
              <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="30.25">
              <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(219.9375, 822.5)" id="classId-C_0000268571154127239712-1" class="node default">
          <rect height="57" width="39.890625" y="-28.5" x="-19.9453125" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="19.9453125" x1="-19.9453125" class="divider"/>
          <line y2="17.5" y1="17.5" x2="19.9453125" x1="-19.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( -12.4453125, -21)" height="18" width="24.890625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">GG</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(219.9375, 653.5)" id="classId-C_0014155804895193829672-2" class="node default">
          <rect height="79" width="80.375" y="-39.5" x="-40.1875" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="40.1875" x1="-40.1875" class="divider"/>
          <line y2="28.5" y1="28.5" x2="40.1875" x1="-40.1875" 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( -6.2265625, -32)" height="18" width="12.453125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">G</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -32.6875, 2)" height="18" width="65.375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+gg : GG</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(322.078125, 653.5)" id="classId-C_0002798432465627505061-3" class="node default">
          <rect height="57" width="23.90625" y="-28.5" x="-11.953125" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="11.953125" x1="-11.953125" class="divider"/>
          <line y2="17.5" y1="17.5" x2="11.953125" x1="-11.953125" 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.453125, -21)" height="18" width="8.90625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">J</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(351.3515625, 418.5)" id="classId-C_0017401388407958641079-4" class="node default">
          <rect height="189" width="131.046875" y="-94.5" x="-65.5234375" class="outer title-state" style=""/>
          <line y2="-64.5" y1="-64.5" x2="65.5234375" x1="-65.5234375" class="divider"/>
          <line y2="61.5" y1="61.5" x2="65.5234375" x1="-65.5234375" 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, -87)" 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>
            <foreignObject transform="translate( -58.0234375, -53)" height="18" width="61.828125">
              <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;">+bb : BB</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -58.0234375, -31)" 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>
            <foreignObject transform="translate( -58.0234375, -9)" 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( -58.0234375, 13)" height="18" width="44.03125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+g : G</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -58.0234375, 35)" height="18" width="34.234375">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+j : J</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -58.0234375, 69)" height="18" width="116.046875">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+a(H * h) : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(414.1953125, 653.5)" id="classId-C_0008692768569991895602-5" class="node default">
          <rect height="57" width="60.328125" y="-28.5" x="-30.1640625" class="outer title-state" style=""/>
          <line y2="1.5" y1="1.5" x2="30.1640625" x1="-30.1640625" class="divider"/>
          <line y2="17.5" y1="17.5" x2="30.1640625" x1="-30.1640625" 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( -22.6640625, -21)" 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">B::BB</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(507.640625, 653.5)" id="classId-C_0006450714203544144591-6" 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(507.640625, 822.5)" id="classId-C_0008310927683014217983-7" 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(275.9375, 205.5)" id="classId-C_0017377451137994128435-8" class="node default">
          <rect height="101" width="76.828125" y="-50.5" x="-38.4140625" class="outer title-state" style=""/>
          <line y2="-20.5" y1="-20.5" x2="38.4140625" x1="-38.4140625" class="divider"/>
          <line y2="39.5" y1="39.5" x2="38.4140625" x1="-38.4140625" 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">E</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -30.9140625, -9)" 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;">+b : B</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -30.9140625, 13)" height="18" width="61.828125">
              <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;">+ee : EE</span>
              </div>
            </foreignObject>
          </g>
        </g>
        <g transform="translate(275.9375, 47.5)" id="classId-C_0006110290676921432917-9" class="node default">
          <rect height="79" width="57.25" y="-39.5" x="-28.625" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="28.625" x1="-28.625" class="divider"/>
          <line y2="28.5" y1="28.5" x2="28.625" x1="-28.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( -16.0078125, -32)" height="18" width="32.015625" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">EEE</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -21.125, 2)" 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>
          </g>
        </g>
        <g transform="translate(426.765625, 205.5)" id="classId-C_0000427444038316199137-10" class="node default">
          <rect height="79" width="124.828125" y="-39.5" x="-62.4140625" class="outer title-state" style=""/>
          <line y2="-9.5" y1="-9.5" x2="62.4140625" x1="-62.4140625" class="divider"/>
          <line y2="6.5" y1="6.5" x2="62.4140625" x1="-62.4140625" 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( -2.2265625, -32)" height="18" width="4.453125" class="classTitle">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">I</span>
              </div>
            </foreignObject>
            <foreignObject transform="translate( -54.9140625, 14)" height="18" width="109.828125">
              <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
                <span class="nodeLabel">+i(B * b) : : void</span>
              </div>
            </foreignObject>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>