docs/test_cases/t00027_class.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentStyleType="text/css" data-diagram-type="CLASS" height="439px" preserveAspectRatio="none" style="width:1360px;height:439px;background:#FFFFFF;" version="1.1" viewBox="0 0 1360 439" width="1360px" zoomAndPan="magnify">
  <defs>
    <style type="text/css">a:hover { text-decoration: underline; }</style>
  </defs>
  <g>
    <g id="elem_C_0012744739871674657768">
      <rect codeLine="2" fill="#F1F1F1" height="94.1358" id="C_0012744739871674657768" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="252.6591" x="396.5" y="210"/>
      <ellipse cx="499.4696" cy="226" fill="#A9DCDF" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M499.579,221.3438 L498.4228,226.4219 L500.7509,226.4219 L499.579,221.3438 Z M498.0946,219.1094 L501.079,219.1094 L504.4384,231.5 L501.9853,231.5 L501.2196,228.4375 L497.9384,228.4375 L497.1884,231.5 L494.7509,231.5 L498.0946,219.1094 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="38.2199" x="519.9696" y="231.432">Shape</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="397.5" x2="648.1591" y1="242" y2="242"/>
      <ellipse cx="407.5" cy="257.034" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="226.6591" x="416.5" y="260.9659">~Shape() constexpr = default : void</text>
      <line style="stroke:#181818;stroke-width:1;stroke-dasharray:1.0,2.0;" x1="397.5" x2="648.1591" y1="269.0679" y2="269.0679"/>
      <ellipse cx="407.5" cy="284.1019" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="112.0976" x="416.5" y="288.0339">display() = 0 : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="397.5" x2="648.1591" y1="296.1358" y2="296.1358"/>
    </g>
    <g id="elem_C_0012551463032492497828">
      <rect codeLine="9" fill="#F1F1F1" height="48" id="C_0012551463032492497828" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="59.4959" x="134.5" y="233"/>
      <ellipse cx="149.5" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M152.4688,254.6406 Q151.8906,254.9375 151.25,255.0781 Q150.6094,255.2344 149.9063,255.2344 Q147.4063,255.2344 146.0781,253.5938 Q144.7656,251.9375 144.7656,248.8125 Q144.7656,245.6875 146.0781,244.0313 Q147.4063,242.375 149.9063,242.375 Q150.6094,242.375 151.25,242.5313 Q151.9063,242.6875 152.4688,242.9844 L152.4688,245.7031 Q151.8438,245.125 151.25,244.8594 Q150.6563,244.5781 150.0313,244.5781 Q148.6875,244.5781 148,245.6563 Q147.3125,246.7188 147.3125,248.8125 Q147.3125,250.9063 148,251.9844 Q148.6875,253.0469 150.0313,253.0469 Q150.6563,253.0469 151.25,252.7813 Q151.8438,252.5 152.4688,251.9219 L152.4688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="27.4959" x="163.5" y="254.432">Line</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="135.5" x2="192.9959" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="135.5" x2="192.9959" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0001138992659826702823">
      <rect codeLine="13" fill="#F1F1F1" height="67.0679" id="C_0001138992659826702823" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="119.3796" x="137.5" y="365"/>
      <ellipse cx="164.6174" cy="381" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M167.5862,386.6406 Q167.008,386.9375 166.3674,387.0781 Q165.7268,387.2344 165.0237,387.2344 Q162.5237,387.2344 161.1955,385.5938 Q159.883,383.9375 159.883,380.8125 Q159.883,377.6875 161.1955,376.0313 Q162.5237,374.375 165.0237,374.375 Q165.7268,374.375 166.3674,374.5313 Q167.0237,374.6875 167.5862,374.9844 L167.5862,377.7031 Q166.9612,377.125 166.3674,376.8594 Q165.7737,376.5781 165.1487,376.5781 Q163.8049,376.5781 163.1174,377.6563 Q162.4299,378.7188 162.4299,380.8125 Q162.4299,382.9063 163.1174,383.9844 Q163.8049,385.0469 165.1487,385.0469 Q165.7737,385.0469 166.3674,384.7813 Q166.9612,384.5 167.5862,383.9219 L167.5862,386.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="27.4959" x="181.3102" y="386.432">Line</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="30.9562" x="228.9234" y="362"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="28.9562" x="229.9234" y="375.8281">T&lt;&gt;...</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="138.5" x2="255.8796" y1="397" y2="397"/>
      <ellipse cx="148.5" cy="412.034" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="93.3796" x="157.5" y="415.9659">display() : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="138.5" x2="255.8796" y1="424.0679" y2="424.0679"/>
    </g>
    <g id="elem_C_0014667739730330357797">
      <rect codeLine="18" fill="#F1F1F1" height="48" id="C_0014667739730330357797" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="60.1399" x="981" y="233"/>
      <ellipse cx="996" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M998.9688,254.6406 Q998.3906,254.9375 997.75,255.0781 Q997.1094,255.2344 996.4063,255.2344 Q993.9063,255.2344 992.5781,253.5938 Q991.2656,251.9375 991.2656,248.8125 Q991.2656,245.6875 992.5781,244.0313 Q993.9063,242.375 996.4063,242.375 Q997.1094,242.375 997.75,242.5313 Q998.4063,242.6875 998.9688,242.9844 L998.9688,245.7031 Q998.3438,245.125 997.75,244.8594 Q997.1563,244.5781 996.5313,244.5781 Q995.1875,244.5781 994.5,245.6563 Q993.8125,246.7188 993.8125,248.8125 Q993.8125,250.9063 994.5,251.9844 Q995.1875,253.0469 996.5313,253.0469 Q997.1563,253.0469 997.75,252.7813 Q998.3438,252.5 998.9688,251.9219 L998.9688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="28.1399" x="1010" y="254.432">Text</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="982" x2="1040.1399" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="982" x2="1040.1399" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0008917077181775028830">
      <rect codeLine="22" fill="#F1F1F1" height="67.0679" id="C_0008917077181775028830" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="119.3796" x="762.5" y="365"/>
      <ellipse cx="789.3276" cy="381" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M792.2963,386.6406 Q791.7182,386.9375 791.0776,387.0781 Q790.437,387.2344 789.7338,387.2344 Q787.2338,387.2344 785.9057,385.5938 Q784.5932,383.9375 784.5932,380.8125 Q784.5932,377.6875 785.9057,376.0313 Q787.2338,374.375 789.7338,374.375 Q790.437,374.375 791.0776,374.5313 Q791.7338,374.6875 792.2963,374.9844 L792.2963,377.7031 Q791.6713,377.125 791.0776,376.8594 Q790.4838,376.5781 789.8588,376.5781 Q788.5151,376.5781 787.8276,377.6563 Q787.1401,378.7188 787.1401,380.8125 Q787.1401,382.9063 787.8276,383.9844 Q788.5151,385.0469 789.8588,385.0469 Q790.4838,385.0469 791.0776,384.7813 Q791.6713,384.5 792.2963,383.9219 L792.2963,386.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="28.1399" x="805.956" y="386.432">Text</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="30.9562" x="853.9234" y="362"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="28.9562" x="854.9234" y="375.8281">T&lt;&gt;...</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="763.5" x2="880.8796" y1="397" y2="397"/>
      <ellipse cx="773.5" cy="412.034" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="93.3796" x="782.5" y="415.9659">display() : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="763.5" x2="880.8796" y1="424.0679" y2="424.0679"/>
    </g>
    <g id="elem_C_0016393510605649316529">
      <rect codeLine="27" fill="#F1F1F1" height="67.0679" id="C_0016393510605649316529" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="138.0976" x="1144" y="35.5"/>
      <ellipse cx="1161.5668" cy="51.5" fill="#A9DCDF" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M1161.6761,46.8438 L1160.5199,51.9219 L1162.848,51.9219 L1161.6761,46.8438 Z M1160.1918,44.6094 L1163.1761,44.6094 L1166.5355,57 L1164.0824,57 L1163.3168,53.9375 L1160.0355,53.9375 L1159.2855,57 L1156.848,57 L1160.1918,44.6094 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="100.3936" x="1176.1372" y="56.932">ShapeDecorator</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1145" x2="1281.0976" y1="67.5" y2="67.5"/>
      <ellipse cx="1155" cy="82.534" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="112.0976" x="1164" y="86.4659">display() = 0 : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1145" x2="1281.0976" y1="94.5679" y2="94.5679"/>
    </g>
    <g id="elem_C_0011788292555464235555">
      <rect codeLine="32" fill="#F1F1F1" height="67.0679" id="C_0011788292555464235555" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="119.3796" x="1076.5" y="223.5"/>
      <ellipse cx="1110.4836" cy="239.5" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M1113.4523,245.1406 Q1112.8742,245.4375 1112.2336,245.5781 Q1111.593,245.7344 1110.8898,245.7344 Q1108.3898,245.7344 1107.0617,244.0938 Q1105.7492,242.4375 1105.7492,239.3125 Q1105.7492,236.1875 1107.0617,234.5313 Q1108.3898,232.875 1110.8898,232.875 Q1111.593,232.875 1112.2336,233.0313 Q1112.8898,233.1875 1113.4523,233.4844 L1113.4523,236.2031 Q1112.8273,235.625 1112.2336,235.3594 Q1111.6398,235.0781 1111.0148,235.0781 Q1109.6711,235.0781 1108.9836,236.1563 Q1108.2961,237.2188 1108.2961,239.3125 Q1108.2961,241.4063 1108.9836,242.4844 Q1109.6711,243.5469 1111.0148,243.5469 Q1111.6398,243.5469 1112.2336,243.2813 Q1112.8273,243 1113.4523,242.4219 L1113.4523,245.1406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="35.1819" x="1128.7022" y="244.932">Color</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="8.012" x="1190.8676" y="220.5"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="6.012" x="1191.8676" y="234.3281">T</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1077.5" x2="1194.8796" y1="255.5" y2="255.5"/>
      <ellipse cx="1087.5" cy="270.534" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="93.3796" x="1096.5" y="274.4659">display() : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1077.5" x2="1194.8796" y1="282.5679" y2="282.5679"/>
    </g>
    <g id="elem_C_0016395644259100490706">
      <rect codeLine="37" fill="#F1F1F1" height="67.0679" id="C_0016395644259100490706" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="119.3796" x="1230.5" y="223.5"/>
      <ellipse cx="1259.2357" cy="239.5" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M1262.2045,245.1406 Q1261.6263,245.4375 1260.9857,245.5781 Q1260.3451,245.7344 1259.642,245.7344 Q1257.142,245.7344 1255.8138,244.0938 Q1254.5013,242.4375 1254.5013,239.3125 Q1254.5013,236.1875 1255.8138,234.5313 Q1257.142,232.875 1259.642,232.875 Q1260.3451,232.875 1260.9857,233.0313 Q1261.642,233.1875 1262.2045,233.4844 L1262.2045,236.2031 Q1261.5795,235.625 1260.9857,235.3594 Q1260.392,235.0781 1259.767,235.0781 Q1258.4232,235.0781 1257.7357,236.1563 Q1257.0482,237.2188 1257.0482,239.3125 Q1257.0482,241.4063 1257.7357,242.4844 Q1258.4232,243.5469 1259.767,243.5469 Q1260.392,243.5469 1260.9857,243.2813 Q1261.5795,243 1262.2045,242.4219 L1262.2045,245.1406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="46.8438" x="1276.2881" y="244.932">Weight</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="8.012" x="1344.8676" y="220.5"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="6.012" x="1345.8676" y="234.3281">T</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1231.5" x2="1348.8796" y1="255.5" y2="255.5"/>
      <ellipse cx="1241.5" cy="270.534" fill="#84BE84" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="93.3796" x="1250.5" y="274.4659">display() : void</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="1231.5" x2="1348.8796" y1="282.5679" y2="282.5679"/>
    </g>
    <g id="elem_C_0016663490611337313620">
      <rect codeLine="42" fill="#F1F1F1" height="48" id="C_0016663490611337313620" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="132.2323" x="229" y="233"/>
      <ellipse cx="244" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M246.9688,254.6406 Q246.3906,254.9375 245.75,255.0781 Q245.1094,255.2344 244.4063,255.2344 Q241.9063,255.2344 240.5781,253.5938 Q239.2656,251.9375 239.2656,248.8125 Q239.2656,245.6875 240.5781,244.0313 Q241.9063,242.375 244.4063,242.375 Q245.1094,242.375 245.75,242.5313 Q246.4063,242.6875 246.9688,242.9844 L246.9688,245.7031 Q246.3438,245.125 245.75,244.8594 Q245.1563,244.5781 244.5313,244.5781 Q243.1875,244.5781 242.5,245.6563 Q241.8125,246.7188 241.8125,248.8125 Q241.8125,250.9063 242.5,251.9844 Q243.1875,253.0469 244.5313,253.0469 Q245.1563,253.0469 245.75,252.7813 Q246.3438,252.5 246.9688,251.9219 L246.9688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="27.4959" x="258" y="254.432">Line</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="70.7365" x="293.4959" y="230"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="68.7365" x="294.4959" y="243.8281">Color,Weight</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="230" x2="360.2323" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="230" x2="360.2323" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0005401063548280439576">
      <rect codeLine="46" fill="#F1F1F1" height="48" id="C_0005401063548280439576" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="91.9241" x="7" y="233"/>
      <ellipse cx="22" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M24.9688,254.6406 Q24.3906,254.9375 23.75,255.0781 Q23.1094,255.2344 22.4063,255.2344 Q19.9063,255.2344 18.5781,253.5938 Q17.2656,251.9375 17.2656,248.8125 Q17.2656,245.6875 18.5781,244.0313 Q19.9063,242.375 22.4063,242.375 Q23.1094,242.375 23.75,242.5313 Q24.4063,242.6875 24.9688,242.9844 L24.9688,245.7031 Q24.3438,245.125 23.75,244.8594 Q23.1563,244.5781 22.5313,244.5781 Q21.1875,244.5781 20.5,245.6563 Q19.8125,246.7188 19.8125,248.8125 Q19.8125,250.9063 20.5,251.9844 Q21.1875,253.0469 22.5313,253.0469 Q23.1563,253.0469 23.75,252.7813 Q24.3438,252.5 24.9688,251.9219 L24.9688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="27.4959" x="36" y="254.432">Line</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="30.4282" x="71.4959" y="230"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="28.4282" x="72.4959" y="243.8281">Color</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="8" x2="97.9241" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="8" x2="97.9241" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0013430994421154430212">
      <rect codeLine="50" fill="#F1F1F1" height="48" id="C_0013430994421154430212" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="132.8764" x="684.5" y="233"/>
      <ellipse cx="699.5" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M702.4688,254.6406 Q701.8906,254.9375 701.25,255.0781 Q700.6094,255.2344 699.9063,255.2344 Q697.4063,255.2344 696.0781,253.5938 Q694.7656,251.9375 694.7656,248.8125 Q694.7656,245.6875 696.0781,244.0313 Q697.4063,242.375 699.9063,242.375 Q700.6094,242.375 701.25,242.5313 Q701.9063,242.6875 702.4688,242.9844 L702.4688,245.7031 Q701.8438,245.125 701.25,244.8594 Q700.6563,244.5781 700.0313,244.5781 Q698.6875,244.5781 698,245.6563 Q697.3125,246.7188 697.3125,248.8125 Q697.3125,250.9063 698,251.9844 Q698.6875,253.0469 700.0313,253.0469 Q700.6563,253.0469 701.25,252.7813 Q701.8438,252.5 702.4688,251.9219 L702.4688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="28.1399" x="713.5" y="254.432">Text</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="70.7365" x="749.6399" y="230"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="68.7365" x="750.6399" y="243.8281">Color,Weight</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="685.5" x2="816.3764" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="685.5" x2="816.3764" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0015102293510229313461">
      <rect codeLine="54" fill="#F1F1F1" height="48" id="C_0015102293510229313461" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="92.5681" x="852.5" y="233"/>
      <ellipse cx="867.5" cy="249" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M870.4688,254.6406 Q869.8906,254.9375 869.25,255.0781 Q868.6094,255.2344 867.9063,255.2344 Q865.4063,255.2344 864.0781,253.5938 Q862.7656,251.9375 862.7656,248.8125 Q862.7656,245.6875 864.0781,244.0313 Q865.4063,242.375 867.9063,242.375 Q868.6094,242.375 869.25,242.5313 Q869.9063,242.6875 870.4688,242.9844 L870.4688,245.7031 Q869.8438,245.125 869.25,244.8594 Q868.6563,244.5781 868.0313,244.5781 Q866.6875,244.5781 866,245.6563 Q865.3125,246.7188 865.3125,248.8125 Q865.3125,250.9063 866,251.9844 Q866.6875,253.0469 868.0313,253.0469 Q868.6563,253.0469 869.25,252.7813 Q869.8438,252.5 870.4688,251.9219 L870.4688,254.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="28.1399" x="881.5" y="254.432">Text</text>
      <rect fill="#FFFFFF" height="18.3441" style="stroke:#181818;stroke-width:1;stroke-dasharray:2.0,2.0;" width="30.4282" x="917.6399" y="230"/>
      <text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="28.4282" x="918.6399" y="243.8281">Color</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="853.5" x2="944.0681" y1="265" y2="265"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="853.5" x2="944.0681" y1="273" y2="273"/>
    </g>
    <g id="elem_C_0010988359872221771779">
      <rect codeLine="58" fill="#F1F1F1" height="124.2717" id="C_0010988359872221771779" rx="2.5" ry="2.5" style="stroke:#181818;stroke-width:0.5;" width="211.4713" x="471.5" y="7"/>
      <ellipse cx="546.3017" cy="23" fill="#ADD1B2" rx="11" ry="11" style="stroke:#181818;stroke-width:1;"/>
      <path d="M549.2705,28.6406 Q548.6924,28.9375 548.0517,29.0781 Q547.4111,29.2344 546.708,29.2344 Q544.208,29.2344 542.8799,27.5938 Q541.5674,25.9375 541.5674,22.8125 Q541.5674,19.6875 542.8799,18.0313 Q544.208,16.375 546.708,16.375 Q547.4111,16.375 548.0517,16.5313 Q548.708,16.6875 549.2705,16.9844 L549.2705,19.7031 Q548.6455,19.125 548.0517,18.8594 Q547.458,18.5781 546.833,18.5781 Q545.4892,18.5781 544.8017,19.6563 Q544.1142,20.7188 544.1142,22.8125 Q544.1142,24.9063 544.8017,25.9844 Q545.4892,27.0469 546.833,27.0469 Q547.458,27.0469 548.0517,26.7813 Q548.6455,26.5 549.2705,25.9219 L549.2705,28.6406 Z " fill="#000000"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="53.3678" x="566.8017" y="28.432">Window</text>
      <line style="stroke:#181818;stroke-width:0.5;" x1="472.5" x2="681.9713" y1="39" y2="39"/>
      <line style="stroke:#181818;stroke-width:0.5;" x1="472.5" x2="681.9713" y1="47" y2="47"/>
      <ellipse cx="482.5" cy="62.034" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="185.4713" x="491.5" y="65.9659">border : Line&lt;Color,Weight&gt;</text>
      <ellipse cx="482.5" cy="81.1019" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="164.0934" x="491.5" y="85.0339">description : Text&lt;Color&gt;</text>
      <ellipse cx="482.5" cy="100.1698" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="134.9595" x="491.5" y="104.1018">divider : Line&lt;Color&gt;</text>
      <ellipse cx="482.5" cy="119.2377" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="166.1933" x="491.5" y="123.1697">title : Text&lt;Color,Weight&gt;</text>
    </g>
    <g id="link_C_0012551463032492497828_C_0001138992659826702823">
      <path codeLine="65" d="M169.45,281.04 C174.85,303.86 179.0226,321.5343 185.1126,347.2543 " fill="transparent" id="C_0012551463032492497828-to-C_0001138992659826702823" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="189.26,364.77,190.9512,345.8719,179.2741,348.6368,189.26,364.77" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0012744739871674657768_C_0001138992659826702823">
      <path codeLine="66" d="M398.802,311.1426 C345.952,333.7626 300.83,353.07 256.53,372.02 " fill="transparent" id="C_0012744739871674657768-backto-C_0001138992659826702823" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="415.35,304.06,396.4411,305.6266,401.1629,316.6586,415.35,304.06" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0014667739730330357797_C_0008917077181775028830">
      <path codeLine="67" d="M988.33,281.33 C980.56,288.88 971.65,297.08 963,304 C935.59,325.93 918.2575,338.1303 891.3475,355.1703 " fill="transparent" id="C_0014667739730330357797-to-C_0008917077181775028830" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="876.14,364.8,894.5574,360.2394,888.1376,350.1011,876.14,364.8" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0012744739871674657768_C_0008917077181775028830">
      <path codeLine="68" d="M638.0416,311.6714 C684.4816,333.3414 722.02,350.86 762.18,369.59 " fill="transparent" id="C_0012744739871674657768-backto-C_0008917077181775028830" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="621.73,304.06,635.5044,317.1086,640.5787,306.2342,621.73,304.06" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0016393510605649316529_C_0011788292555464235555">
      <path codeLine="69" d="M1192.5267,119.4519 C1178.4967,153.3519 1163.61,189.3 1149.58,223.19 " fill="transparent" id="C_0016393510605649316529-backto-C_0011788292555464235555" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="1199.41,102.82,1186.9827,117.1574,1198.0706,121.7463,1199.41,102.82" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0016393510605649316529_C_0016395644259100490706">
      <path codeLine="70" d="M1233.4733,119.4519 C1247.5033,153.3519 1262.39,189.3 1276.42,223.19 " fill="transparent" id="C_0016393510605649316529-backto-C_0016395644259100490706" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="1226.59,102.82,1227.9294,121.7463,1239.0173,117.1574,1226.59,102.82" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0016663490611337313620_C_0001138992659826702823">
      <path codeLine="71" d="M278.82,281.04 C262.78,303.86 248.4077,324.3216 230.3377,350.0416 " fill="transparent" id="C_0016663490611337313620-to-C_0001138992659826702823" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="219.99,364.77,235.2471,353.4908,225.4282,346.5924,219.99,364.77" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0005401063548280439576_C_0001138992659826702823">
      <path codeLine="72" d="M76.78,281.04 C100.34,303.86 123.7292,326.5282 150.2892,352.2482 " fill="transparent" id="C_0005401063548280439576-to-C_0001138992659826702823" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="163.22,364.77,154.4632,347.9379,146.1153,356.5585,163.22,364.77" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0013430994421154430212_C_0008917077181775028830">
      <path codeLine="73" d="M762.72,281.04 C774.34,303.86 784.0856,323.0081 797.1756,348.7281 " fill="transparent" id="C_0013430994421154430212-to-C_0008917077181775028830" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="805.34,364.77,802.5229,346.0066,791.8283,351.4496,805.34,364.77" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0015102293510229313461_C_0008917077181775028830">
      <path codeLine="74" d="M886.29,281.04 C873.68,303.86 862.9599,323.2921 848.7599,349.0121 " fill="transparent" id="C_0015102293510229313461-to-C_0008917077181775028830" style="stroke:#181818;stroke-width:1;stroke-dasharray:7.0,7.0;"/>
      <polygon fill="transparent" points="840.06,364.77,854.0126,351.9121,843.5073,346.1121,840.06,364.77" style="stroke:#181818;stroke-width:1;"/>
    </g>
    <g id="link_C_0010988359872221771779_C_0016663490611337313620">
      <path codeLine="75" d="M474.2534,137.7682 C421.4434,172.6082 368.37,207.61 330.01,232.91 " fill="transparent" id="C_0010988359872221771779-backto-C_0016663490611337313620" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="484.27,131.16,477.059,131.1252,474.2534,137.7682,481.4644,137.803,484.27,131.16" style="stroke:#181818;stroke-width:1;"/>
      <ellipse cx="442" cy="171.353" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="41.925" x="449" y="175.897">border</text>
    </g>
    <g id="link_C_0010988359872221771779_C_0005401063548280439576">
      <path codeLine="76" d="M459.7671,94.4075 C364.0571,116.4875 232.42,152.91 117,210 C104.49,216.19 91.79,224.75 81.03,232.81 " fill="transparent" id="C_0010988359872221771779-backto-C_0005401063548280439576" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="471.46,91.71,464.7144,89.1611,459.7671,94.4075,466.5127,96.9564,471.46,91.71" style="stroke:#181818;stroke-width:1;"/>
      <ellipse cx="232" cy="171.353" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="42.003" x="239" y="175.897">divider</text>
    </g>
    <g id="link_C_0010988359872221771779_C_0013430994421154430212">
      <path codeLine="77" d="M642.4166,139.9244 C674.8966,174.6544 705.5,207.36 729.18,232.68 " fill="transparent" id="C_0010988359872221771779-backto-C_0013430994421154430212" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="634.22,131.16,635.3968,138.2744,642.4166,139.9244,641.2398,132.81,634.22,131.16" style="stroke:#181818;stroke-width:1;"/>
      <ellipse cx="686" cy="171.353" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="23.426" x="693" y="175.897">title</text>
    </g>
    <g id="link_C_0010988359872221771779_C_0015102293510229313461">
      <path codeLine="78" d="M693.2074,129.0321 C740.5974,153.9921 786.11,179.33 835,210 C846.24,217.05 858.16,225.36 868.61,232.97 " fill="transparent" id="C_0010988359872221771779-backto-C_0015102293510229313461" style="stroke:#181818;stroke-width:1;"/>
      <polygon fill="transparent" points="682.59,123.44,686.0347,129.7752,693.2074,129.0321,689.7627,122.6969,682.59,123.44" style="stroke:#181818;stroke-width:1;"/>
      <ellipse cx="786" cy="171.353" fill="transparent" rx="3" ry="3" style="stroke:#038048;stroke-width:1;"/>
      <text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="68.4581" x="793" y="175.897">description</text>
    </g>
  </g>
</svg>