vaadin-framework/documentation/components/original-drawings/field-interface.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="744.09448"
   height="1052.3622"
   id="svg2475"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="field-interface.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"
   inkscape:export-filename="/home/magi/itmill/doc/cheatsheet/vaadin-cheatsheet.png"
   inkscape:export-xdpi="300.01001"
   inkscape:export-ydpi="300.01001"
   version="1.0">
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     gridtolerance="10000"
     guidetolerance="10"
     objecttolerance="10"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.6970563"
     inkscape:cx="543.70494"
     inkscape:cy="597.63673"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="true"
     inkscape:window-width="1680"
     inkscape:window-height="1026"
     inkscape:window-x="1280"
     inkscape:window-y="0"
     inkscape:snap-nodes="true"
     inkscape:snap-bbox="true"
     units="mm"
     inkscape:snap-global="true">
    <inkscape:grid
       spacingy="1mm"
       spacingx="1mm"
       empspacing="5"
       units="mm"
       enabled="true"
       visible="true"
       id="grid4674"
       type="xygrid"
       dotted="false" />
  </sodipodi:namedview>
  <defs
     id="defs2477">
    <linearGradient
       id="linearGradient4410">
      <stop
         style="stop-color:#ffffff;stop-opacity:0;"
         offset="0"
         id="stop4412" />
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="1"
         id="stop4414" />
    </linearGradient>
    <marker
       inkscape:stockid="Arrow1Lstart"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow1Lstart"
       style="overflow:visible">
      <path
         id="path5210"
         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
         transform="matrix(0.8,0,0,0.8,10,0)" />
    </marker>
    <marker
       style="overflow:visible"
       id="DotS"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="DotS">
      <path
         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
         id="path3636" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutS"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutS"
       style="overflow:visible">
      <path
         id="path3717"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <inkscape:path-effect
       copytype="single_stretched"
       pattern="M 349.202,225.086 L 405.895,331.386 L 370.462,338.472 "
       prop_scale="1"
       id="path-effect2503"
       effect="skeletal" />
    <inkscape:path-effect
       prop_scale="1"
       id="path-effect2499"
       effect="skeletal" />
    <inkscape:path-effect
       pattern-nodetypes="cc"
       pattern="M 432.28346,272.83462 L 403.93701,216.14171"
       prop_scale="1"
       id="path-effect2497"
       effect="skeletal" />
    <marker
       style="overflow:visible"
       id="Arrow1Send"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="Arrow1Send">
      <path
         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
         id="path3641" />
    </marker>
    <marker
       style="overflow:visible"
       id="Arrow1Lend"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="Arrow1Lend">
      <path
         transform="matrix(-0.8,0,0,-0.8,-10,0)"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z"
         id="path3629" />
    </marker>
    <inkscape:perspective
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 526.18109 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="744.09448 : 526.18109 : 1"
       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
       id="perspective3487" />
    <marker
       style="overflow:visible"
       id="Arrow2Sendp"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="Arrow2Sendp">
      <path
         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
         style="font-size:12px;fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:0.625;stroke-linejoin:round"
         id="path28139" />
    </marker>
    <marker
       style="overflow:visible"
       id="TriangleOutSK"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="TriangleOutSK">
      <path
         transform="scale(0.2,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         id="path36611" />
    </marker>
    <marker
       style="overflow:visible"
       id="TriangleOutSH"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="TriangleOutSH">
      <path
         transform="scale(0.2,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         id="path36614" />
    </marker>
    <marker
       style="overflow:visible"
       id="TriangleOutSA"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="TriangleOutSA">
      <path
         transform="scale(0.2,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         id="path36617" />
    </marker>
    <marker
       style="overflow:visible"
       id="TriangleOutSKF"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="TriangleOutSKF">
      <path
         transform="scale(0.2,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         id="path36620" />
    </marker>
    <marker
       style="overflow:visible"
       id="TriangleOutS9"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="TriangleOutS9">
      <path
         transform="scale(0.2,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         id="path36623" />
    </marker>
    <marker
       style="overflow:visible"
       id="Arrow2SendpA"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="Arrow2SendpA">
      <path
         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
         style="font-size:12px;fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:0.625;stroke-linejoin:round"
         id="path3396" />
    </marker>
    <marker
       style="overflow:visible"
       id="Arrow2Sendpg"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="Arrow2Sendpg">
      <path
         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
         style="font-size:12px;fill:#fcc988;fill-rule:evenodd;stroke:#fcc988;stroke-width:0.625;stroke-linejoin:round"
         id="path3360" />
    </marker>
    <filter
       id="filter2780"
       inkscape:label="White Halo"
       width="1.1"
       height="1.1">
      <feMorphology
         id="feMorphology2782"
         operator="dilate"
         radius="3"
         result="result0" />
      <feFlood
         id="feFlood2786"
         flood-color="rgb(255,255,255)"
         flood-opacity="1"
         in="result0"
         result="result3" />
      <feComposite
         id="feComposite2623"
         in="result3"
         in2="result0"
         operator="in"
         result="result4" />
      <feMerge
         id="feMerge2629">
        <feMergeNode
           inkscape:collect="always"
           id="feMergeNode2631"
           in="result4" />
        <feMergeNode
           inkscape:collect="always"
           id="feMergeNode2633"
           in="SourceGraphic" />
      </feMerge>
    </filter>
    <marker
       inkscape:stockid="TriangleOutSn"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSn"
       style="overflow:visible">
      <path
         id="path4441"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutS9F"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutS9F"
       style="overflow:visible">
      <path
         id="path4444"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSI"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSI"
       style="overflow:visible">
      <path
         id="path4447"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSO"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSO"
       style="overflow:visible">
      <path
         id="path4450"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSW"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSW"
       style="overflow:visible">
      <path
         id="path4453"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSB"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSB"
       style="overflow:visible">
      <path
         id="path4456"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSZ"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSZ"
       style="overflow:visible">
      <path
         id="path4459"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       style="overflow:visible"
       id="DotSq"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="DotSq">
      <path
         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none;marker-end:none"
         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
         id="path5853" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSBO"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSBO"
       style="overflow:visible">
      <path
         id="path7501"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       style="overflow:visible"
       id="DotSu"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="DotSu">
      <path
         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
         id="path9463" />
    </marker>
    <filter
       height="1.1"
       width="1.1"
       inkscape:label="Black Halo"
       id="filter10694">
      <feMorphology
         result="result0"
         radius="3"
         operator="dilate"
         id="feMorphology10696" />
      <feFlood
         result="result3"
         in="result0"
         flood-opacity="1"
         flood-color="rgb(0,0,0)"
         id="feFlood10698" />
      <feComposite
         result="result4"
         operator="in"
         in2="result0"
         in="result3"
         id="feComposite10700" />
      <feMerge
         id="feMerge10702">
        <feMergeNode
           in="result4"
           id="feMergeNode10704"
           inkscape:collect="always" />
        <feMergeNode
           in="SourceGraphic"
           id="feMergeNode10706"
           inkscape:collect="always" />
      </feMerge>
    </filter>
    <marker
       inkscape:stockid="TriangleOutSu"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSu"
       style="overflow:visible">
      <path
         id="path8127"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSI8"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSI8"
       style="overflow:visible">
      <path
         id="path8130"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSr"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSr"
       style="overflow:visible">
      <path
         id="path8133"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSM"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSM"
       style="overflow:visible">
      <path
         id="path8136"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutSb"
       orient="auto"
       refY="0"
       refX="0"
       id="TriangleOutSb"
       style="overflow:visible">
      <path
         id="path8139"
         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z"
         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
         transform="scale(0.2,0.2)" />
    </marker>
    <marker
       id="marker18095"
       orient="auto"
       markerHeight="5.7450776"
       markerWidth="4.6297302">
      <g
         id="g11064"
         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path11050"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path11035"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <marker
       id="marker44971"
       orient="auto"
       markerHeight="5.7450781"
       markerWidth="4.6297355">
      <g
         id="g18059"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path18061"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path18063"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <marker
       id="marker52016"
       orient="auto"
       markerHeight="5.7450786"
       markerWidth="4.6297302">
      <g
         id="g52010"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path52012"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path52014"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <marker
       id="marker64887"
       orient="auto"
       markerHeight="5.745079"
       markerWidth="4.6297255">
      <g
         id="g64855"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path64857"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path64859"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <marker
       id="marker4057"
       orient="auto"
       markerHeight="5.745079"
       markerWidth="4.6297302">
      <g
         id="g51986"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path51988"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path51990"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <marker
       id="marker72805"
       orient="auto"
       markerHeight="4.5568175"
       markerWidth="4.0334239">
      <path
         sodipodi:nodetypes="cccscccsssssssscccsccc"
         id="path18057"
         d="M -2.0167119,0.50456824 L 0.29578813,0.50456824 L -0.61046187,1.4108182 C -0.80893187,1.6092982 -0.80893187,1.9310982 -0.61046187,2.1295682 C -0.41198187,2.3280482 -0.090181874,2.3280482 0.10828813,2.1295682 L 1.8270381,0.39519824 L 1.8739181,0.36394824 C 1.8768781,0.36103824 1.8710181,0.35130824 1.8739181,0.34831824 C 1.9016181,0.31973824 1.9314681,0.28982824 1.9520381,0.25456824 C 1.9663581,0.23002824 1.9734781,0.20252824 1.9832881,0.17644824 C 1.9894681,0.16108824 1.9943181,0.14535824 1.9989181,0.12956824 C 2.0144781,0.07151824 2.0202881,0.01710824 2.0145381,-0.04230176 C 2.0126081,-0.07122176 2.0058581,-0.09213176 1.9989181,-0.12043176 C 1.9934681,-0.14075176 1.9913481,-0.16326176 1.9832881,-0.18293176 C 1.9750781,-0.20334176 1.9630581,-0.22603176 1.9520381,-0.24543176 C 1.9293181,-0.28436176 1.9052381,-0.32406176 1.8739181,-0.35480176 L 0.10828813,-2.1204318 C 0.003838126,-2.2318118 -0.14579187,-2.2893518 -0.29796187,-2.2766818 C -0.49535187,-2.2632018 -0.66784187,-2.1344918 -0.73546187,-1.9485518 C -0.80308187,-1.7626218 -0.75309187,-1.5544218 -0.61046187,-1.4173018 L 0.32703813,-0.49543176 L -2.0167119,-0.49543176"
         style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       id="marker72808"
       orient="auto"
       markerHeight="4.5568123"
       markerWidth="4.0334177">
      <path
         sodipodi:nodetypes="cccscccsssssssscccsccc"
         id="path72801"
         d="M -2.016709,0.50457301 L 0.29579105,0.50457301 L -0.61045895,1.410823 C -0.80893895,1.609293 -0.80893895,1.931093 -0.61045895,2.129573 C -0.41198895,2.328043 -0.090188953,2.328043 0.10829105,2.129573 L 1.827041,0.39519301 L 1.873911,0.36394301 C 1.876881,0.36103301 1.871021,0.35130301 1.873911,0.34832301 C 1.901621,0.31974301 1.931461,0.28982301 1.952041,0.25457301 C 1.966361,0.23003301 1.973481,0.20252301 1.983291,0.17644301 C 1.989471,0.16108301 1.994321,0.14536301 1.998911,0.12957301 C 2.014471,0.071523013 2.020281,0.017103013 2.014541,-0.042306987 C 2.012611,-0.071226987 2.005851,-0.092126987 1.998911,-0.12042699 C 1.993461,-0.14075699 1.991351,-0.16325699 1.983291,-0.18292699 C 1.975071,-0.20334699 1.963051,-0.22602699 1.952041,-0.24542699 C 1.929311,-0.28436699 1.905241,-0.32405699 1.873911,-0.35480699 L 0.10829105,-2.120427 C 0.003831047,-2.231807 -0.14578895,-2.289357 -0.29795895,-2.276677 C -0.49534895,-2.263207 -0.66784895,-2.134487 -0.73545895,-1.948557 C -0.80307895,-1.762617 -0.75308895,-1.554427 -0.61045895,-1.417307 L 0.32704105,-0.49542699 L -2.016709,-0.49542699"
         style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       style="overflow:visible"
       id="DotSuN"
       refX="0"
       refY="0"
       orient="auto"
       inkscape:stockid="DotSuN">
      <path
         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
         d="M -2.5,-1 C -2.5,1.76 -4.74,4 -7.5,4 C -10.26,4 -12.5,1.76 -12.5,-1 C -12.5,-3.76 -10.26,-6 -7.5,-6 C -4.74,-6 -2.5,-3.76 -2.5,-1 z"
         id="path81580" />
    </marker>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4410"
       id="radialGradient4181"
       cx="-61.679379"
       cy="-342.53549"
       fx="-61.679379"
       fy="-342.53549"
       r="240.94489"
       gradientTransform="matrix(1,-3.7478987e-8,1.1023234e-8,0.2941177,5.335063e-6,-121.8624)"
       gradientUnits="userSpaceOnUse" />
  </defs>
  <metadata
     id="metadata2480">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     id="layer1"
     inkscape:groupmode="layer"
     inkscape:label="Layer 1">
    <rect
       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.83464575;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:2.83464575, 2.83464575;stroke-dashoffset:3.68503947;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       id="rect4436"
       width="499.60629"
       height="237.40158"
       x="198.4252"
       y="322.44092"
       ry="3.7880721" />
    <g
       transform="translate(204.60668,263.00299)"
       id="g2802">
      <rect
         ry="3.7880721"
         y="208.55002"
         x="172.42705"
         height="35.93816"
         width="110.42418"
         id="rect2804"
         style="opacity:1;fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         transform="translate(227.07111,229.7651)"
         id="flowRoot2806"
         style="font-size:12px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:100%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold Italic"
         xml:space="preserve"><flowRegion
           id="flowRegion2808" /><flowPara
           id="flowPara2812">AbstractField</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 502.24448,489.52209 L 487.45791,489.52209"
       id="path3832"
       inkscape:connector-type="polyline"
       inkscape:connection-end="#g2802"
       inkscape:connection-start="#g3808" />
    <g
       transform="translate(488.07123,234.404)"
       id="g3808">
      <rect
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect3810"
         width="77.952736"
         height="35.433075"
         x="14.173247"
         y="237.40155"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3812"
         transform="translate(52.923584,259.59409)"><flowRegion
           id="flowRegion3814" /><flowPara
           id="flowPara3818">Button</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 594.37048,489.58243 L 580.19721,489.56634"
       id="path3834"
       inkscape:connector-type="polyline"
       inkscape:connection-start="#g3820"
       inkscape:connection-end="#g3808" />
    <g
       transform="translate(580.19723,234.5086)"
       id="g3820">
      <rect
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect3822"
         width="77.952736"
         height="35.433075"
         x="14.173247"
         y="237.40155"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3824"
         transform="translate(54.586428,258.88009)"><flowRegion
           id="flowRegion3826" /><flowPara
           id="flowPara3830">CheckBox</flowPara></flowRoot>    </g>
    <g
       transform="translate(488.57632,283.75775)"
       id="g3836">
      <rect
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect3838"
         width="77.952736"
         height="35.433075"
         x="14.173247"
         y="237.40155"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3840"
         transform="translate(53.349584,258.36409)"><flowRegion
           id="flowRegion3842" /><flowPara
           id="flowPara3846">TextField</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 594.16798,539.05919 L 580.7023,539.01211"
       id="path3866"
       inkscape:connector-type="polyline"
       inkscape:connection-start="#g3848"
       inkscape:connection-end="#g3836" />
    <g
       transform="translate(583.33557,296.5446)"
       id="g3848">
      <rect
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect3850"
         width="99.41507"
         height="35.433071"
         x="10.832414"
         y="224.97185"
         ry="3.7880721" />
      <text
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         x="59.819889"
         y="246.23169"
         id="text3860"
         sodipodi:linespacing="125%"><tspan
           sodipodi:role="line"
           id="tspan3862"
           x="59.819889"
           y="246.23169">RichTextArea</tspan></text>
    </g>
    <path
       inkscape:connection-end="#g2802"
       inkscape:connector-type="polyline"
       id="path2641"
       d="M 432.28346,552.75588 L 432.22373,507.49117"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f39300;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker52016);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       sodipodi:nodetypes="cc" />
    <path
       sodipodi:nodetypes="cc"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 460.62992,552.75588 L 460.82677,506.98608"
       id="path2679"
       inkscape:connector-type="polyline" />
    <g
       id="g5008"
       transform="translate(316.15294,225.23928)">
      <rect
         ry="3.7880721"
         y="238.7607"
         x="204.7132"
         height="14.173233"
         width="67.322838"
         id="rect5010"
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot5012"
         transform="translate(24.523539,102.7123)"><flowRegion
           id="flowRegion5014"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use5016"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara5018">ClickEvent</flowPara></flowRoot>    </g>
    <g
       id="g5020"
       transform="translate(316.46063,210.7839)">
      <rect
         ry="3.7880721"
         y="238.7607"
         x="204.7132"
         height="14.173233"
         width="67.322838"
         id="rect5022"
         style="opacity:1;fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot5024"
         transform="translate(24.523539,102.7123)"><flowRegion
           id="flowRegion5026"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use5028"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara5030">ClickListener</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker18095);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 407.48031,552.75588 L 406.8395,508.04991"
       id="path8616"
       inkscape:connector-type="polyline"
       sodipodi:nodetypes="cc" />
    <path
       sodipodi:nodetypes="cc"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       d="M 503.34646,538.87584 L 460.82677,538.87584"
       id="path49768"
       inkscape:connector-type="polyline" />
    <g
       transform="translate(486.87623,708.04121)"
       id="g6776"
       style="fill-opacity:1;fill:url(#radialGradient4181)">
      <rect
         style="opacity:1;fill:url(#radialGradient4181);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.83464575;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:2.83464575, 2.83464575;stroke-dashoffset:3.68503947;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect3392"
         width="481.88977"
         height="127.55907"
         x="-274.2778"
         y="-275.75778"
         ry="3.7880721" />
    </g>
    <g
       id="g2870"
       transform="translate(177.07986,143.37191)">
      <rect
         ry="3.7880721"
         y="181.8969"
         x="205.84985"
         height="35.433067"
         width="99.212601"
         id="rect2872"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot2874"
         transform="translate(41.217308,55.775189)"><flowRegion
           id="flowRegion2876"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use2878"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara2880">Property</flowPara></flowRoot>    </g>
    <g
       id="g2886"
       transform="translate(157.67586,119.82696)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716534"
         width="49.6063"
         id="rect2888"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot2890"
         transform="translate(-7.1061187,101.2329)"><flowRegion
           id="flowRegion2892"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use2894"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara2896">Editor</flowPara></flowRoot>    </g>
    <g
       id="g3740"
       transform="translate(292.32154,119.82696)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716536"
         width="102.75591"
         id="rect3742"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3744"
         transform="translate(19.725317,101.70214)"><flowRegion
           id="flowRegion3746"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use3748"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara3750">ValueChangeListener</flowPara></flowRoot>    </g>
    <path
       inkscape:connector-type="polyline"
       id="path3776"
       d="M 411.42023,403.72853 L 376.4354,374.02028"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       inkscape:connection-end="#g2886"
       inkscape:connection-start="#g2854" />
    <flowRoot
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
       id="flowRoot2485"
       xml:space="preserve"><flowRegion
         id="flowRegion2487"><rect
           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
           y="238.07646"
           x="262.85715"
           height="120"
           width="184.28572"
           id="rect2489" /></flowRegion><flowPara
         id="flowPara2491" /></flowRoot>    <g
       transform="translate(-3.5714286,23.214286)"
       id="g3178" />
    <g
       id="g2492"
       transform="translate(77.952761,177.16534)">
      <rect
         ry="3.7880721"
         y="230.31496"
         x="163.1725"
         height="35.433071"
         width="99.032219"
         id="rect4654"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot4664"
         transform="translate(-2.7125132,103.67242)"><flowRegion
           id="flowRegion4666"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use4668"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara4670">Component</flowPara></flowRoot>    </g>
    <path
       inkscape:connector-type="polyline"
       id="path2866"
       d="M 389.76378,422.57131 L 340.15748,423.88527"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       inkscape:connection-start="#g2854"
       inkscape:connection-end="#g2492" />
    <path
       inkscape:connection-end="#g2870"
       inkscape:connector-type="polyline"
       id="path2882"
       d="M 432.34049,403.72853 L 432.47899,360.70187"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline"
       inkscape:connection-start="#g2854" />
    <path
       inkscape:connection-start="#g2854"
       inkscape:connection-end="#g3740"
       inkscape:connector-type="polyline"
       id="path5048"
       d="M 461.38218,403.72853 L 510.17682,374.02028"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
    <g
       id="g5034"
       transform="translate(123.70837,158.11296)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716537"
         width="62.31395"
         id="rect5036"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot5038"
         transform="translate(-0.8622551,101.2329)"><flowRegion
           id="flowRegion5040"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use5042"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara5044">Focusable</flowPara></flowRoot>    </g>
    <path
       inkscape:connection-end="#g5034"
       inkscape:connection-start="#g2854"
       sodipodi:nodetypes="cc"
       inkscape:connector-type="polyline"
       id="path5050"
       d="M 389.76378,412.9879 L 369.38976,408.9355"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:2.83464575;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker44971);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
    <g
       id="g2854"
       transform="translate(223.64137,170.66298)">
      <rect
         ry="3.7880721"
         y="233.06555"
         x="166.12241"
         height="35.433075"
         width="85.039375"
         id="rect2856"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot2858"
         transform="translate(-6.2480473,106.19782)"><flowRegion
           id="flowRegion2860"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use2862"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara2864">Field</flowPara></flowRoot>    </g>
    <path
       inkscape:connection-end="#g2854"
       inkscape:connection-start="#g2802"
       inkscape:connector-type="polyline"
       id="path2868"
       d="M 432.25575,471.55301 L 432.27367,439.16161"
       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f39300;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;marker-start:none;marker-mid:none;marker-end:url(#marker52016);stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;display:inline" />
    <g
       id="g3752"
       transform="translate(292.32154,100.30776)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716536"
         width="102.75591"
         id="rect3754"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3756"
         transform="translate(19.725317,101.70214)"><flowRegion
           id="flowRegion3758"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use3760"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara3762">ValueChangeEvent</flowPara></flowRoot>    </g>
    <g
       id="g3764"
       transform="translate(157.67587,100.30776)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716534"
         width="49.6063"
         id="rect3766"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot3768"
         transform="translate(-7.1061187,101.2329)"><flowRegion
           id="flowRegion3770"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use3772"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara3774">Viewer</flowPara></flowRoot>    </g>
    <g
       id="g8538"
       transform="translate(18.028345,180.41896)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716534"
         width="49.6063"
         id="rect8540"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot8542"
         transform="translate(-7.1061187,101.2329)"><flowRegion
           id="flowRegion8544"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use8546"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara8548">Event</flowPara></flowRoot>    </g>
    <flowRoot
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
       id="flowRoot8724"
       xml:space="preserve"><flowRegion
         id="flowRegion8726"><rect
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
           y="752.14441"
           x="39.286312"
           height="22.868153"
           width="29.904507"
           id="rect8728" /></flowRegion><flowPara
         id="flowPara8730" /></flowRoot>    <g
       transform="matrix(0.5,0,0,0.5,103.34299,0.7940752)"
       id="g18053" />
    <g
       id="g80473"
       transform="translate(18.601067,201.51847)">
      <rect
         ry="3.7880721"
         y="235.59096"
         x="182.48161"
         height="17.716534"
         width="49.6063"
         id="rect80475"
         style="opacity:1;fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.77165353;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         id="flowRoot80477"
         transform="translate(-7.1061187,101.2329)"><flowRegion
           id="flowRegion80479"><use
             transform="translate(1.467046,-91.03536)"
             x="0"
             y="0"
             xlink:href="#rect4654"
             id="use80481"
             width="744.09448"
             height="1052.3622" /></flowRegion><flowPara
           id="flowPara80483">Listener</flowPara></flowRoot>    </g>
  </g>
</svg>