vaadin-framework/documentation/components/original-drawings/field-interface-v8.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="82mm"
   height="42mm"
   viewBox="0 0 290.55118 148.81889"
   id="svg2"
   version="1.1"
   inkscape:version="0.91 r"
   sodipodi:docname="field-interface-v8.svg">
  <defs
     id="defs4">
    <marker
       inkscape:stockid="EmptyTriangleOutL"
       orient="auto"
       refY="0"
       refX="0"
       id="EmptyTriangleOutL"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4695"
         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
         transform="matrix(0.8,0,0,0.8,-4.8,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4556"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Mend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Mend"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4562"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="scale(-0.6,-0.6)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="EmptyTriangleOutL"
       orient="auto"
       refY="0"
       refX="0"
       id="EmptyTriangleOutL-9"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4695-8"
         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
         transform="matrix(0.8,0,0,0.8,-4.8,0)" />
    </marker>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="3.959798"
     inkscape:cx="149.36774"
     inkscape:cy="83.496431"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="true"
     inkscape:window-width="1920"
     inkscape:window-height="1060"
     inkscape:window-x="-2"
     inkscape:window-y="-3"
     inkscape:window-maximized="1"
     inkscape:object-nodes="true"
     inkscape:snap-center="false"
     inkscape:snap-object-midpoints="true"
     inkscape:object-paths="true"
     showguides="true"
     inkscape:guide-bbox="true">
    <inkscape:grid
       type="xygrid"
       id="grid4136"
       spacingx="3.5433071"
       spacingy="3.5433071"
       empspacing="10"
       units="mm" />
    <sodipodi:guide
       position="145.27559,191.33858"
       orientation="1,0"
       id="guide4278" />
  </sodipodi:namedview>
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-903.54331)">
    <g
       id="g4462"
       transform="translate(74.409446,67.322836)">
      <rect
         y="839.76379"
         x="31.889767"
         height="35.433056"
         width="77.952759"
         id="rect4408"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#33383a;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
      <flowRoot
         transform="translate(-0.28483429,13.018324)"
         id="flowRoot4420"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;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"
         xml:space="preserve"><flowRegion
           id="flowRegion4422"><use
             height="100%"
             width="100%"
             id="use4424"
             xlink:href="#rect4408"
             y="0"
             x="0" /></flowRegion><flowPara
           id="flowPara4428">HasValue&lt;T&gt;</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
         id="flowRoot4420-0-2-7"
         transform="translate(-5.960083e-4,3.7265644)"><flowRegion
           id="flowRegion4422-7-6-3"><use
             x="0"
             y="0"
             xlink:href="#rect4408-7"
             id="use4424-6-1-1"
             width="100%"
             height="100%" /></flowRegion><flowPara
           id="flowPara4428-1-6-72">«interface»</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL)"
       d="m 106.29921,1013.3858 0,-35.43303 38.97638,0 0,-35.43307"
       id="path4529"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cccc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL-9)"
       d="m 184.25197,1013.3858 0,-35.43303 -38.97638,0 0,-35.43307"
       id="path4529-3"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cccc" />
    <g
       id="g5560"
       transform="translate(35.404948,102.75593)">
      <rect
         y="886.83691"
         x="53.275875"
         height="9.619791"
         width="35.306797"
         id="rect5558"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;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"
         id="flowRoot4420-0-2"
         transform="translate(-0.13751283,47.764101)"><flowRegion
           id="flowRegion4422-7-6"><use
             x="0"
             y="0"
             xlink:href="#rect4408-7"
             id="use4424-6-1"
             width="100%"
             height="100%" /></flowRegion><flowPara
           id="flowPara4428-1-6">&lt;String&gt;</flowPara></flowRoot>    </g>
    <g
       transform="translate(113.3736,102.75593)"
       id="g5560-8">
      <rect
         y="886.83691"
         x="53.275875"
         height="9.619791"
         width="35.306797"
         id="rect5558-2"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;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"
         id="flowRoot4420-0-2-6"
         transform="translate(-0.13751283,47.764101)"><flowRegion
           id="flowRegion4422-7-6-8"><use
             x="0"
             y="0"
             xlink:href="#rect4408-7"
             id="use4424-6-1-6"
             width="100%"
             height="100%" /></flowRegion><flowPara
           id="flowPara4428-1-6-7">&lt;LocalDate&gt;</flowPara></flowRoot>    </g>
    <g
       transform="translate(35.43307,173.62206)"
       id="g4462-8">
      <rect
         y="839.76379"
         x="35.433071"
         height="35.433071"
         width="70.866142"
         id="rect4408-7"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
      <flowRoot
         transform="translate(0.25253814,11.616754)"
         id="flowRoot4420-0"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;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"
         xml:space="preserve"><flowRegion
           id="flowRegion4422-7"><use
             height="100%"
             width="100%"
             id="use4424-6"
             xlink:href="#rect4408-7"
             y="0"
             x="0" /></flowRegion><flowPara
           id="flowPara4428-1">TextField</flowPara></flowRoot>    </g>
    <g
       transform="translate(113.38583,173.62206)"
       id="g4462-8-1">
      <rect
         y="839.76379"
         x="35.433071"
         height="35.433071"
         width="70.866142"
         id="rect4408-7-4"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
      <flowRoot
         transform="translate(0.25253814,11.616754)"
         id="flowRoot4420-0-3"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;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"
         xml:space="preserve"><flowRegion
           id="flowRegion4422-7-4"><use
             height="100%"
             width="100%"
             id="use4424-6-4"
             xlink:href="#rect4408-7-4"
             y="0"
             x="0" /></flowRegion><flowPara
           id="flowPara4428-1-4">DateField</flowPara></flowRoot>    </g>
  </g>
</svg>