Fixes texts and a couple errors in IDEA, components and layout chapters.

7 years ago · 7434282100
--- a/documentation/application/application-architecture.asciidoc
+++ b/documentation/application/application-architecture.asciidoc
@@ -42,7 +42,7 @@ The component hierarchy is illustrated in <<figure.application.architecture.sche

 [[figure.application.architecture.schematic]]
 .Schematic diagram of the UI
 image::img/ui-schematic-hi.png[width=80%, scaledwidth=100%]
 image::img/ui-schematic.png[width=80%, scaledwidth=100%]

 The actual UI is shown in <<figure.application.architecture.example>>.

--- a/documentation/application/application-overview.asciidoc
+++ b/documentation/application/application-overview.asciidoc
@@ -19,7 +19,7 @@ by the application server or the application itself.

 [[figure.application.architecture]]
 .Vaadin Framework Application Architecture
 image::img/application-architecture-hi.png[width=75%, scaledwidth=90%]
 image::img/application-architecture.png[width=75%, scaledwidth=90%]

 <<figure.application.architecture>> illustrates the basic architecture of an
 application made with the Vaadin Framework, with all the major elements, which
--- a/documentation/application/img/application-architecture-hi.png
+++ b/documentation/application/img/application-architecture-hi.png
--- a/documentation/application/img/application-architecture.png
+++ b/documentation/application/img/application-architecture.png
--- a/documentation/application/img/ui-schematic-hi.png
+++ b/documentation/application/img/ui-schematic-hi.png
--- a/documentation/application/img/ui-schematic.png
+++ b/documentation/application/img/ui-schematic.png
--- a/documentation/application/original-drawings/application-architecture.svg
+++ b/documentation/application/original-drawings/application-architecture.svg
--- a/documentation/application/original-drawings/ui-schematic.svg
+++ b/documentation/application/original-drawings/ui-schematic.svg
@@ -1,302 +0,0 @@
 <?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="82mm"
   height="39mm"
   id="svg1901"
   sodipodi:version="0.32"
   inkscape:version="0.91 r"
   sodipodi:docname="ui-schematic.svg"
   version="1.1">
  <defs
     id="defs1903" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="7.919596"
     inkscape:cx="106.82403"
     inkscape:cy="68.655822"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     inkscape:window-width="1920"
     inkscape:window-height="1060"
     inkscape:window-x="-2"
     inkscape:window-y="-3"
     showgrid="true"
     inkscape:window-maximized="1"
     inkscape:snap-center="true"
     inkscape:snap-grids="true"
     inkscape:snap-bbox="true"
     inkscape:object-paths="true"
     inkscape:object-nodes="true"
     inkscape:snap-object-midpoints="true"
     showguides="true"
     inkscape:guide-bbox="true"
     units="mm"
     fit-margin-top="2"
     fit-margin-left="2"
     fit-margin-right="2"
     fit-margin-bottom="2">
    <inkscape:grid
       type="xygrid"
       id="grid2982"
       empspacing="10"
       visible="true"
       enabled="true"
       snapvisiblegridlinesonly="true"
       spacingx="3.5433071"
       spacingy="3.5433071"
       units="mm"
       originx="18.581643"
       originy="0.35428181" />
  </sodipodi:namedview>
  <metadata
     id="metadata1906">
    <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></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(18.581643,-914.52756)">
    <rect
       y="917.71655"
       x="88.58268"
       height="131.10237"
       width="162.99213"
       id="rect4347-0-2-5-5-9-59"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot4349"
       style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(49.606293,889.3701)"><flowRegion
         id="flowRegion4351"><rect
           id="rect4353"
           width="67.322838"
           height="42.519684"
           x="49.6063"
           y="56.692909"
           style="font-size:10px" /></flowRegion><flowPara
         id="flowPara4355" /></flowRoot>    <g
       id="g4392-0-4-6-8"
       transform="translate(258.66142,49.60637)" />
    <rect
       y="921.25989"
       x="92.125977"
       height="124.01573"
       width="155.90552"
       id="rect4347-0-2-5-5-9"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="924.80316"
       x="95.669289"
       height="21.259869"
       width="148.81889"
       id="rect4347-0-2-5-5-9-5-8"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="953.14966"
       x="95.669296"
       height="88.582695"
       width="148.81889"
       id="rect4347-0-2-5-5-9-5-84"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="960.23627"
       x="102.75591"
       height="74.409431"
       width="38.976372"
       id="rect4347-0-2-5-5-9-5-8-0-5"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 92.125976,931.88981 -10.629919,-5e-5"
       id="path3003-6-5-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="931.88977"
       cx="92.125969"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
       id="path2997-7-6"
       r="2.1259842" />
    <circle
       cy="931.88977"
       cx="81.496063"
       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:#00b4f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-1"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 95.669279,956.69293 -14.173222,-4e-5"
       id="path3003-6-5-1-5-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="956.69287"
       cx="95.669281"
       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:#ff3a49;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-13-9"
       r="2.1259842" />
    <circle
       cy="956.69293"
       cx="81.496063"
       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:#00b4f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-1-7-8"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 95.66929,942.51969 -14.173228,-5e-5"
       id="path3003-6-5-1-5-78"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="942.51971"
       cx="95.669289"
       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:#ff3a49;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-13-7"
       r="2.1259842" />
    <circle
       cy="942.51965"
       cx="81.496063"
       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:#00b4f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-1-7-0"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 102.75591,970.86616 -21.259843,-3e-5"
       id="path3003-6-5-1-5-13"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="970.86615"
       cx="102.7559"
       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:#ff3a49;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-13-39"
       r="2.1259842" />
    <circle
       cy="970.86615"
       cx="81.496063"
       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:#00b4f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-1-7-9"
       r="2.1259842" />
    <flowRoot
       transform="translate(76.448922,934.22971)"
       id="flowRoot4367-0-7-2-4-4-43-5-2"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6-7" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4783-7-2-8-1-0-0">VerticalLayout</flowPara></flowRoot>    <flowRoot
       transform="translate(76.696085,959.29715)"
       id="flowRoot4367-0-7-2-4-4-43-3"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-1" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4684">HorizontalLayout</flowPara></flowRoot>    <flowRoot
       transform="translate(76.575196,945.6249)"
       id="flowRoot4367-0-7-2-4-4-43-5"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4783-7-2-8-1-0">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(76.291926,974.3158)"
       id="flowRoot4367-0-7-2-4-4-43-8"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-7" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4783-7-2-8-1-1">Tree</flowPara></flowRoot>    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 88.582669,921.25991 -7.086612,-5e-5"
       id="path3003-6-5-1-86"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="921.25989"
       cx="88.58268"
       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:#ff3a49;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-8"
       r="2.1259842" />
    <circle
       cy="921.25989"
       cx="81.496063"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
       id="path2997-7-6-1-6"
       r="2.1259842" />
    <flowRoot
       transform="translate(76.448923,924.36512)"
       id="flowRoot4367-0-7-2-4-4-43-5-2-5"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6-7-3" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4783-7-2-8-1-0-0-9">UI</flowPara></flowRoot>    <rect
       y="960.23627"
       x="155.90552"
       height="74.4095"
       width="81.496071"
       id="rect4347-0-2-5-5-9-5-8-0-5-8"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <flowRoot
       transform="translate(76.291902,985.12429)"
       id="flowRoot4367-0-7-2-4-4-43-8-0"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-7-9" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:121.00000381%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr-tb;text-anchor:end"
         id="flowPara4783-7-2-8-1-1-7">Table</flowPara></flowRoot>    <path
       style="fill:none;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 248.0315,949.60636 -155.905517,-4e-5"
       id="path3003-6-5-1-5-1-2"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 148.8189,1041.7323 0,-88.58268"
       id="path3003-6-5-1-5-1-2-9"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 155.9055,981.49612 -74.409457,-7e-5"
       id="path3003-6-5-1-5-13-9"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="981.49609"
       cx="81.49604"
       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:#00b4f0;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866142;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"
       id="path2997-7-6-1-7-9-9"
       r="2.1259842" />
    <circle
       cy="981.49609"
       cx="155.9055"
       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:#ff3a49;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.70866144;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"
       id="path2997-7-6-13-39-2"
       r="2.1259842" />
  </g>
 </svg>
--- a/documentation/architecture/architecture-client-side.asciidoc
+++ b/documentation/architecture/architecture-client-side.asciidoc
@@ -17,7 +17,7 @@ The client-side engine is illustrated in <<figure.architecture.client-side>>.

 [[figure.architecture.client-side]]
 .Vaadin Client-Side Engine
 image::img/clientside-arch-hi.png[width=80%, scaledwidth=100%]
 image::img/clientside-arch.png[width=80%, scaledwidth=100%]

 The client-side framework includes two kinds of built-in widgets: GWT widgets
 and Vaadin-specific widgets. The two widget collections have significant
--- a/documentation/architecture/architecture-events.asciidoc
+++ b/documentation/architecture/architecture-events.asciidoc
@@ -54,6 +54,6 @@ in this case the [classname]#Button#.

 [[figure.eventlistenerdiagram]]
 .Class Diagram of a Button Click Listener
 image::img/events-classdiagram-hi.png[width=80%, scaledwidth=100%]
 image::img/events-classdiagram.png[width=80%, scaledwidth=100%]

 <<dummy/../../../framework/application/application-events#application.events,"Handling Events with Listeners">> goes into details of handling events in practice.
--- a/documentation/architecture/architecture-overview.asciidoc
+++ b/documentation/architecture/architecture-overview.asciidoc
@@ -18,7 +18,7 @@ code and services, and can be mixed together easily.

 [[figure.architecture.detailed]]
 .Vaadin runtime architecture
 image::img/architecture-detailed-hi.png[width=80%, scaledwidth=100%]
 image::img/architecture-detailed.png[width=80%, scaledwidth=100%]

 <<figure.architecture.detailed>> gives a basic illustration of the client-side
 and server-side communications, in a running situation where the page with the
--- a/documentation/architecture/architecture-technology.asciidoc
+++ b/documentation/architecture/architecture-technology.asciidoc
@@ -165,7 +165,7 @@ dynamic content. This is illustrated in

 [[figure.architecture.technology.servlet]]
 .Java Web Applications and Servlets
 image::img/java-servlet-hi.png[width=80%, scaledwidth=100%]
 image::img/java-servlet.png[width=80%, scaledwidth=100%]

 Web applications are usually packaged and deployed to a server as __WAR__ (
 __Web application ARchive__) files, which are Java JAR packages, which in turn
--- a/documentation/architecture/img/architecture-detailed-hi.png
+++ b/documentation/architecture/img/architecture-detailed-hi.png
--- a/documentation/architecture/img/architecture-detailed-lo.png
+++ b/documentation/architecture/img/architecture-detailed-lo.png
--- a/documentation/architecture/img/architecture-detailed.png
+++ b/documentation/architecture/img/architecture-detailed.png
--- a/documentation/architecture/img/clientside-arch-hi.png
+++ b/documentation/architecture/img/clientside-arch-hi.png
--- a/documentation/architecture/img/clientside-arch-lo.png
+++ b/documentation/architecture/img/clientside-arch-lo.png
--- a/documentation/architecture/img/clientside-arch.png
+++ b/documentation/architecture/img/clientside-arch.png
--- a/documentation/architecture/img/events-classdiagram-hi.png
+++ b/documentation/architecture/img/events-classdiagram-hi.png
--- a/documentation/architecture/img/events-classdiagram-lo.png
+++ b/documentation/architecture/img/events-classdiagram-lo.png
--- a/documentation/architecture/img/events-classdiagram.png
+++ b/documentation/architecture/img/events-classdiagram.png
--- a/documentation/architecture/img/java-servlet-hi.png
+++ b/documentation/architecture/img/java-servlet-hi.png
--- a/documentation/architecture/img/java-servlet-lo.png
+++ b/documentation/architecture/img/java-servlet-lo.png
--- a/documentation/architecture/img/java-servlet.png
+++ b/documentation/architecture/img/java-servlet.png
--- a/documentation/architecture/original-drawings/architecture-detailed.svg
+++ b/documentation/architecture/original-drawings/architecture-detailed.svg
--- a/documentation/architecture/original-drawings/clientside-arch.svg
+++ b/documentation/architecture/original-drawings/clientside-arch.svg
--- a/documentation/architecture/original-drawings/events-classdiagram.svg
+++ b/documentation/architecture/original-drawings/events-classdiagram.svg
--- a/documentation/architecture/original-drawings/java-servlet.svg
+++ b/documentation/architecture/original-drawings/java-servlet.svg
--- a/documentation/components/components-fields.asciidoc
+++ b/documentation/components/components-fields.asciidoc
@@ -7,8 +7,6 @@ layout: page
 [[components.fields]]
 = Field Components

 *_This section has not yet been updated for Vaadin Framework 8_*

 ((("[classname]#Field#", id="term.components.fields", range="startofrange")))

 _Fields_ are components that have a value that the user can change through the
@@ -16,8 +14,8 @@ user interface. <<figure.components.fields>> illustrates the inheritance relatio
 and the important interfaces and base classes.

 [[figure.components.fields]]
 .Field components
 image::img/field-diagram-hi.png[width=80%, scaledwidth=100%]
 .Field Components
 image::img/field-class-hierarchy.png[width=100%, scaledwidth=100%]

 Field components are built upon the framework defined in the [classname]#HasValue#
 interface.
--- a/documentation/components/components-interfaces.asciidoc
+++ b/documentation/components/components-interfaces.asciidoc
@@ -7,8 +7,6 @@ layout: page
 [[components.interfaces]]
 = Interfaces and Abstractions

 *_This section has not yet been updated for Vaadin Framework 8_*

 ((("interfaces")))
 Vaadin user interface components are built on a skeleton of interfaces and
 abstract classes that define and implement the features common to all components
@@ -22,7 +20,7 @@ The interfaces that define the Vaadin data model are described in <<dummy/../../

 [[figure.components.interfaces]]
 .Component interfaces and abstractions
 image::img/component-abstractions-hi.png[width=100%, scaledwidth=100%]
 image::img/component-abstractions.png[width=100%, scaledwidth=100%]

 All components are connectors that connect to the client-side widgets.

--- a/documentation/components/components-overview.asciidoc
+++ b/documentation/components/components-overview.asciidoc
@@ -7,50 +7,72 @@ layout: page
 [[components.overview]]
 = Overview

 *_This section has not yet been updated for Vaadin Framework 8_*

 Vaadin provides a comprehensive set of user interface components and allows you
 to define custom components. <<figure.uicomponents>> illustrates the inheritance
 hierarchy of the UI component classes and interfaces. Interfaces are displayed
 in gray, abstract classes in orange, and regular classes in blue. An annotated
 to define custom components.

 The component hierarchy of Vaadin is presented in the next four diagrams:

 * <<figure.uicomponents>>
 illustrates the inheritance
 hierarchy of the UI component classes and interfaces not bound directly to
 business objects.

 * <<figure.uifields>>
 presents fields bound to single values

 * <<figure.uiselects>>
 presents components that show a list of data and allow selection

 * <<figure.uicontainers>>
 layouts and other component containers

 Interfaces are displayed
 with a dotted outline, abstract classes in gray, and regular classes in blue.
 ////
 TODO outdated information. Uncomment when fixed.
 An annotated
 version of the diagram is featured in the __Vaadin Cheat Sheet__.
 ////


 [[figure.uicomponents]]
 .User Interface Component Class Hierarchy
 image::img/component-diagram-hi.png[width=100%, scaledwidth=100%]
 .Basic Components
 image::img/component-class-hierarchy.png[width=100%, scaledwidth=100%]

 [[figure.uifields]]
 .Field Components
 image::img/field-class-hierarchy.png[width=100%, scaledwidth=100%]

 [[figure.uiselects]]
 .Selection Components
 image::img/selects-class-hierarchy.png[width=100%, scaledwidth=100%]

 [[figure.uicontainers]]
 .Layouts and Component Containers
 image::img/component-container-class-hierarchy.png[width=100%, scaledwidth=100%]


 ((("[classname]#Component#")))
 At the top of the interface hierarchy, we have the [classname]#Component#
 interface.
 The [classname]#Component# is interface implemented by all components.
 ((("[classname]#AbstractComponent#")))
 At the top of the class hierarchy, we have the [classname]#AbstractComponent#
 class.
 In practice, all components extend the [classname]#AbstractComponent#
 abstract class.

 ((("[classname]#AbstractField#")))
 ((("[classname]#AbstractComponentContainer#")))
 It is inherited by two other abstract classes: [classname]#AbstractField#,
 inherited further by field components, and
 [classname]#AbstractComponentContainer#, inherited by various container and
 layout components. Components that are not bound to a content data model, such
 as labels and links, inherit [classname]#AbstractComponent# directly.

 ((("layout")))
 ((("[classname]#Layout#")))
 The layout of the various components in a window is controlled, logically, by
 layout components, just like in conventional Java UI toolkits for desktop
 applications. In addition, with the [classname]#CustomLayout# component, you can
 write a custom layout as an HTML template that includes the locations of any
 contained components. Looking at the inheritance diagram, we can see that layout
 components inherit the [classname]#AbstractComponentContainer# and the
 [classname]#Layout# interface. Layout components are described in detail in
 ((("[classname]#AbstractListing#")))
 There are three more specific types of components.

 Field Components:: allow user to edit a value in the UI. All extend [classname]#AbstractField#. Field components are described in detail in
 <<dummy/../../../framework/component/components-fields.asciidoc#components.fields,"Field Components">>.

 Selection Component:: show a list of data that the user can select from. All extend [classname]#AbstractListing#. Selection components are described in detail in
 <<dummy/../../../framework/component/components-selection.asciidoc#components.selection,"Selection Components">>.

 Layouts and Component Containers:: Components that can contain other components. All layouts and containers implement the [interfacename]#HasComponents# interface. Layout components are described in detail in
 <<dummy/../../../framework/layout/layout-overview.asciidoc#layout.overview,"Managing
 Layout">>.

 ((("[classname]#Window#")))
 Looking at it from the perspective of an object hierarchy, we would have a
 [classname]#Window# object, which contains a hierachy of layout components,
 which again contain other layout components, field components, and other visible
 components.

 ((("Sampler")))
 ((("JavaDoc")))
 You can browse the built-in UI components of Vaadin library in the Sampler
@@ -64,7 +86,8 @@ in
 <<dummy/../../../framework/addons/addons-overview.asciidoc#addons.overview,"Using
 Vaadin Add-ons">>.


 ////
 TODO outdated information. Uncomment when fixed.
 [NOTE]
 .Vaadin Cheat Sheet and Refcard
 ====
@@ -76,3 +99,4 @@ The diagram is also included in the six-page DZone Refcard, which you can find
 at https://vaadin.com/refcard.

 ====
 ////
--- a/documentation/components/img/component-abstractions-hi.png
+++ b/documentation/components/img/component-abstractions-hi.png
--- a/documentation/components/img/component-abstractions-lo.png
+++ b/documentation/components/img/component-abstractions-lo.png
--- a/documentation/components/img/component-abstractions.png
+++ b/documentation/components/img/component-abstractions.png
--- a/documentation/components/img/component-class-hierarchy.png
+++ b/documentation/components/img/component-class-hierarchy.png
--- a/documentation/components/img/component-container-class-hierarchy.png
+++ b/documentation/components/img/component-container-class-hierarchy.png
--- a/documentation/components/img/component-diagram-hi.png
+++ b/documentation/components/img/component-diagram-hi.png
--- a/documentation/components/img/features-readonly-simple.png
+++ b/documentation/components/img/features-readonly-simple.png
--- a/documentation/components/img/field-class-hierarchy.png
+++ b/documentation/components/img/field-class-hierarchy.png
--- a/documentation/components/img/selects-class-hierarchy.png
+++ b/documentation/components/img/selects-class-hierarchy.png
--- a/documentation/components/img/tooltip-richtext-withpointer-hi.png
+++ b/documentation/components/img/tooltip-richtext-withpointer-hi.png
--- a/documentation/components/img/tooltip-richtext-withpointer-lo.png
+++ b/documentation/components/img/tooltip-richtext-withpointer-lo.png
--- a/documentation/components/original-drawings/component-abstractions.svg
+++ b/documentation/components/original-drawings/component-abstractions.svg
--- a/documentation/components/original-drawings/component-diagram.svg
+++ b/documentation/components/original-drawings/component-diagram.svg
--- a/documentation/components/original-drawings/field-diagram.svg
+++ b/documentation/components/original-drawings/field-diagram.svg
--- a/documentation/components/original-drawings/tooltip-richtext-withpointer.svg
+++ b/documentation/components/original-drawings/tooltip-richtext-withpointer.svg
@@ -131,7 +131,7 @@
     style="opacity:1">
    <image
       sodipodi:absref="/home/magi/itmill/book-7/manual/original-drawings/components/../../img/components/tooltip-richtext.png"
       xlink:href="../../img/components/tooltip-richtext.png"
       xlink:href="../img/tooltip-richtext.png"
       height="139.87039"
       width="253.29762"
       id="image2696"
--- a/documentation/getting-started/getting-started-idea.asciidoc
+++ b/documentation/getting-started/getting-started-idea.asciidoc
@@ -7,68 +7,12 @@ layout: page
 [[getting-started.idea]]
 = Creating a Project with IntelliJ IDEA

 The Ultimate Edition of IntelliJ IDEA includes support for creating Vaadin applications and running or debugging them in an integrated application server.

 With the Community Edition, you can create a Vaadin application most easily with a Maven archetype and deploy it to a server with a Maven run/debug configuration.

 [[getting-started.idea.project]]
 == Creating a Vaadin Web Application Project

 In the welcome page, do the following:

 . Download and extract the Vaadin installation package to a local folder, as
 instructed in <<dummy/../../../framework/getting-started/getting-started-package#getting-started.package,"Vaadin Installation Package">>.

 . Select [menuchoice]#New Project#

 . In the [guilabel]#New Project# window, select [menuchoice]#Java#

 . Enter a [guilabel]#Project name# and [guilabel]#Project location#, and select
 the [guilabel]#Java SDK# to be used for the project.
 Vaadin requires at least Java 8.
 If you have not configured a Java SDK previously, you can configure it here.
 +
 image::img/idea-newproject-1.png[scaledwidth=100%]
 +
 Click [guibutton]#Next#.

 . Select "Web Application > Vaadin" to add Vaadin Framework to the project.

 . Select Vaadin [guilabel]#Version# and [guilabel]#Distribution# installation
 path. You probably also want an application stub, so select [guilabel]#Create
 sample application# and give a name for the generated UI class.
 +
 image::img/idea-newproject-2.png[scaledwidth=100%]
 +
 Do __not__ click [guibutton]#Finish# yet.

 . Select [guilabel]#Application Server# in the same window.
 Set it as an integrated server that you have configured in IntelliJ IDEA, as described previously in <<DUMMY/../../../framework/installing/installing-idea#installing.idea.ultimate.server, "Configuring an Application Server">>.

 . Click [guibutton]#Finish#.

 The project is created with the UI class stub and a [filename]#web.xml#
 deployment descriptor.

 image::img/idea-newproject-4.png[scaledwidth=100%]

 The wizard does not currently create a servlet class automatically, and uses
 Servlet 2.4 compatible deployment with a [filename]#web.xml# deployment
 descriptor.

 [[getting-started.idea.project.running]]
 === Deploying the Project

 To deploy the application to the integrated web server, right-click the
 [filename]#index.jsp# file in the project and select [menuchoice]#Run
 'index.jsp'#. This starts the integrated server, if it was not already running,
 and launches the default browser with the application page.
 With both Community Edition and Ultimate Edition, you can create a Vaadin application most easily with a Maven archetype and deploy it to a server with a Maven run/debug configuration.

 [[getting-started.idea.maven]]
 == Creating a Maven Project

 You can choose to create a Maven project in IntelliJ IDEA. This is the
 recommended way when using the Community Edition. You will not have the
 You can choose to create a Maven project in IntelliJ IDEA. You will not have the
 application server integration, but can deploy the application to an application
 server using a run/debug configuration.

@@ -77,22 +21,9 @@ server using a run/debug configuration.
 . In the [guilabel]#New Project# window, select [menuchoice]#Maven#
 //&lt;?dbfo-need height="8cm" ?&gt;

 . Enter a project name, location, and the Java SDK to be used for the project.
 Vaadin requires at least Java 8.
 +
 image::img/idea-maven-newproject-1.png[scaledwidth=100%]
 +
 Click [guibutton]#Next#.
 //&lt;?dbfo-need height="6cm" ?&gt;
 . Select the Java SDK to be used for the project. Vaadin requires at least Java 8.

 . Give a Maven [guilabel]#GroupID#, [guilabel]#ArtifactID#, and a
 [guilabel]#Version# for the project, or use the defaults.

 +
 image::img/idea-maven-newproject-2.png[scaledwidth=100%]

 . Check [guilabel]#Create from archetype#
 //&lt;?dbfo-need height="6cm" ?&gt;
 . Check [guilabel]#Create from archetype# checkbox

 . If the Vaadin archetype is not in the list, click [guibutton]#Add archetype#,
 enter [guilabel]#GroupId# [literal]#++com.vaadin++#, [guilabel]#ArtifactId#
@@ -103,21 +34,26 @@ enter [guilabel]#GroupId# [literal]#++com.vaadin++#, [guilabel]#ArtifactId#
 Click [guibutton]#OK# in the dialog.
 //&lt;?dbfo-need height="8cm" ?&gt;

 . Select the [literal]#++com.vaadin:vaadin-archetype-application++#.

 . Select the archetype
 +
 image::img/idea-maven-newproject-1.png[scaledwidth=100%]
 +
 Click [guibutton]#Next#.
 //&lt;?dbfo-need height="8cm" ?&gt;
 //&lt;?dbfo-need height="6cm" ?&gt;

 . Give a Maven [guilabel]#GroupID#, [guilabel]#ArtifactID#, and a
 [guilabel]#Version# for the project, or use the defaults.

 . Review the general Maven settings and settings for the new project.
 You may need to override the settings, especially if you are creating a Maven project for the first time.

 +
 Click [guibutton]#Finish#.
 . Finish the wizard.
 //&lt;?dbfo-need height="8cm" ?&gt;

 Creating the Maven project takes some time as Maven fetches the dependencies.
 Once done, the project is created and the Maven POM is opened in the editor.

 Fort more detailed instructions, refer to https://www.jetbrains.com/help/idea/
 [[getting-started.idea.maven.compiling]]
 === Compiling the Project

--- a/documentation/getting-started/img/idea-maven-newproject-1.png
+++ b/documentation/getting-started/img/idea-maven-newproject-1.png
--- a/documentation/getting-started/img/idea-maven-newproject-2.png
+++ b/documentation/getting-started/img/idea-maven-newproject-2.png
--- a/documentation/getting-started/img/idea-newproject-1.png
+++ b/documentation/getting-started/img/idea-newproject-1.png
--- a/documentation/getting-started/img/idea-newproject-2.png
+++ b/documentation/getting-started/img/idea-newproject-2.png
--- a/documentation/getting-started/img/idea-newproject-4.png
+++ b/documentation/getting-started/img/idea-newproject-4.png
--- a/documentation/installing/img/idea-server-1.png
+++ b/documentation/installing/img/idea-server-1.png
--- a/documentation/installing/img/idea-server-2.png
+++ b/documentation/installing/img/idea-server-2.png
--- a/documentation/layout/img/layout-schematic-hi.png
+++ b/documentation/layout/img/layout-schematic-hi.png
--- a/documentation/layout/img/layout-schematic.png
+++ b/documentation/layout/img/layout-schematic.png
--- a/documentation/layout/layout-orderedlayout.asciidoc
+++ b/documentation/layout/layout-orderedlayout.asciidoc
@@ -70,25 +70,25 @@ For example:
 [source, html]
 ----
 <!-- Use margin and spacing -->
 <v-vertical-layout size-full margin spacing>
  <v-label><b>Hello!</b> - How are you?</v-label>
 <vaadin-vertical-layout size-full margin spacing>
  <vaadin-label><b>Hello!</b> - How are you?</vaadin-label>

  <!-- Use expand ratio -->
  <v-horizontal-layout size-full :expand>
  <vaadin-horizontal-layout size-full :expand>
    ...

    <!-- Use expand ratio -->
    <v-table _id="mytable" caption="My Table"
    <vaadin-grid _id="mygrid" caption="My Grid"
             size-full :expand/>
  </v-horizontal-layout>
  </vaadin-horizontal-layout>

  <v-horizontal-layout width-full>
  <vaadin-horizontal-layout width-full>
    ...

    <!-- Use alignment -->
    <v-button :right><b>OK</b></v-button>
  </v-horizontal-layout>
 </v-vertical-layout>
    <vaadin-button :right><b>OK</b></vaadin-button>
  </vaadin-horizontal-layout>
 </vaadin-vertical-layout>
 ----

 [[layout.orderedlayout.spacing]]
--- a/documentation/layout/layout-overview.asciidoc
+++ b/documentation/layout/layout-overview.asciidoc
@@ -23,7 +23,7 @@ of the component tree.

 [[figure.layout.intro.schematic]]
 .Layout schematic
 image::img/layout-schematic-hi.png[width=100%, scaledwidth=100%]
 image::img/layout-schematic.png[width=100%, scaledwidth=100%]

 Let us look at building a bit simplified version of the layout in <<figure.layout.intro.simple>>:

--- a/documentation/layout/original-drawings/layout-schematic.svg
+++ b/documentation/layout/original-drawings/layout-schematic.svg
@@ -1,546 +0,0 @@
 <?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="82mm"
   height="41mm"
   id="svg1901"
   sodipodi:version="0.32"
   inkscape:version="0.91 r"
   sodipodi:docname="layout-schematic.svg"
   version="1.1">
  <defs
     id="defs1903" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="1.979899"
     inkscape:cx="196.99038"
     inkscape:cy="5.0040539"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     inkscape:window-width="1920"
     inkscape:window-height="1060"
     inkscape:window-x="-2"
     inkscape:window-y="-3"
     showgrid="true"
     inkscape:window-maximized="1"
     inkscape:snap-center="true"
     inkscape:snap-grids="true"
     inkscape:snap-bbox="true"
     inkscape:object-paths="true"
     inkscape:object-nodes="true"
     inkscape:snap-object-midpoints="true"
     showguides="true"
     inkscape:guide-bbox="true"
     units="mm"
     fit-margin-top="2"
     fit-margin-left="2"
     fit-margin-right="2"
     fit-margin-bottom="2">
    <inkscape:grid
       type="xygrid"
       id="grid2982"
       empspacing="10"
       visible="true"
       enabled="true"
       snapvisiblegridlinesonly="true"
       spacingx="3.5433071"
       spacingy="3.5433071"
       units="mm"
       originx="18.581643"
       originy="0.35428181" />
  </sodipodi:namedview>
  <metadata
     id="metadata1906">
    <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(18.581643,-907.44094)">
    <rect
       y="910.62994"
       x="46.062992"
       height="138.189"
       width="162.99213"
       id="rect4347-0-2-5-5-9-59"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot4349"
       style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(7.0866142,882.28351)"><flowRegion
         id="flowRegion4351"><rect
           id="rect4353"
           width="67.322838"
           height="42.519684"
           x="49.6063"
           y="56.692909"
           style="font-size:10px" /></flowRegion><flowPara
         id="flowPara4355" /></flowRoot>    <g
       id="g4392-0-4-6-8"
       transform="translate(216.14174,42.519773)" />
    <rect
       y="914.17328"
       x="49.6063"
       height="131.10236"
       width="155.90552"
       id="rect4347-0-2-5-5-9"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="917.71655"
       x="53.149605"
       height="21.259869"
       width="148.81889"
       id="rect4347-0-2-5-5-9-5"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="921.25989"
       x="56.692913"
       height="14.17316"
       width="102.7559"
       id="rect4347-0-2-5-5-9-5-8"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="921.25983"
       x="162.99213"
       height="14.173287"
       width="35.433075"
       id="rect4347-0-2-5-5-9-5-8-5"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="942.51971"
       x="53.149605"
       height="88.582695"
       width="148.81889"
       id="rect4347-0-2-5-5-9-5-84"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="1034.6458"
       x="53.149605"
       height="7.0865755"
       width="148.81889"
       id="rect4347-0-2-5-5-9-5-9"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="946.06305"
       x="56.692913"
       height="81.496048"
       width="46.062984"
       id="rect4347-0-2-5-5-9-5-8-0"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="956.69293"
       x="60.236221"
       height="67.322792"
       width="38.976372"
       id="rect4347-0-2-5-5-9-5-8-0-5"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="946.06293"
       x="106.29922"
       height="81.49617"
       width="92.125977"
       id="rect4347-0-2-5-5-9-5-8-0-8"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="956.69287"
       x="109.84253"
       height="67.322922"
       width="85.03936"
       id="rect4347-0-2-5-5-9-5-8-0-5-4"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 49.606297,921.25994 -10.629919,-5e-5"
       id="path3003-6-5-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="921.25989"
       cx="49.606293"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6"
       r="2.1259842" />
    <circle
       cy="921.25989"
       cx="38.976379"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 53.149601,1038.1893 -14.17322,0"
       id="path3003-6-5-1-8"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="1038.1891"
       cx="53.149601"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-7"
       r="2.1259842" />
    <circle
       cy="1038.189"
       cx="38.976379"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-4"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 56.69291,953.14967 -17.716532,-2e-5"
       id="path3003-6-5-1-5"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="953.14966"
       cx="56.692902"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13"
       r="2.1259842" />
    <circle
       cy="953.14966"
       cx="38.976376"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 53.1496,946.06308 -14.173222,-4e-5"
       id="path3003-6-5-1-5-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="946.06299"
       cx="53.149601"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-9"
       r="2.1259842" />
    <circle
       cy="946.06305"
       cx="38.976379"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-8"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14174,931.8898 -17.71654,0"
       id="path3003-6-5-1-5-7"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="931.88983"
       cx="198.42522"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3"
       r="2.1259842" />
    <circle
       cy="931.88983"
       cx="216.14174"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 56.692911,928.34655 -17.716533,-5e-5"
       id="path3003-6-5-1-5-78"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="928.3465"
       cx="56.692902"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-7"
       r="2.1259842" />
    <circle
       cy="928.3465"
       cx="38.976379"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-0"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 60.236217,960.23629 -21.259839,-3e-5"
       id="path3003-6-5-1-5-13"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="960.23627"
       cx="60.236206"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-39"
       r="2.1259842" />
    <circle
       cy="960.23627"
       cx="38.976376"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-9"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14174,949.60637 -17.71653,0"
       id="path3003-6-5-1-5-7-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="949.60632"
       cx="198.42522"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-2"
       r="2.1259842" />
    <circle
       cy="949.60638"
       cx="216.14175"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-4"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14174,921.25991 -14.17323,0"
       id="path3003-6-5-1-5-7-1-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="921.25989"
       cx="201.96854"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-2-6"
       r="2.1259842" />
    <circle
       cy="921.26001"
       cx="216.14175"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-4-2"
       r="2.1259842" />
    <rect
       y="970.86621"
       x="120.47243"
       height="38.976353"
       width="63.77953"
       id="rect4347-0-2-5-5-9-5-8-0-5-4-1"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="974.40948"
       x="124.01573"
       height="14.173236"
       width="56.692928"
       id="rect4347-0-2-5-5-9-5-8-0-5-4-1-7"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <rect
       y="992.12604"
       x="124.01573"
       height="14.173219"
       width="56.692928"
       id="rect4347-0-2-5-5-9-5-8-0-5-4-1-7-8"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffc13f;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14173,985.03941 -35.43307,2e-5"
       id="path3003-6-5-1-5-7-7"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="985.03943"
       cx="180.70866"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-5"
       r="2.1259842" />
    <circle
       cy="985.03943"
       cx="216.14174"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-0"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14173,1002.7559 -35.43307,0"
       id="path3003-6-5-1-5-7-7-7"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="1002.7559"
       cx="180.70866"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-5-3"
       r="2.1259842" />
    <circle
       cy="1002.7559"
       cx="216.14174"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-0-3"
       r="2.1259842" />
    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.14173,974.40949 -31.88976,2e-5"
       id="path3003-6-5-1-5-7-1-1-7"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="974.40948"
       cx="184.25197"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-2-6-9"
       r="2.1259842" />
    <circle
       cy="974.40955"
       cx="216.14177"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-4-2-4"
       r="2.1259842" />
    <flowRoot
       transform="translate(34.181781,923.10248)"
       id="flowRoot4367-0-7-2-4-4-43-5-2"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6-7" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-1-0-0">VerticalLayout</flowPara></flowRoot>    <flowRoot
       transform="translate(34.055515,1040.0315)"
       id="flowRoot4367-0-7-2-4-4-4"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-8" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-5">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(34.055511,955.26005)"
       id="flowRoot4367-0-7-2-4-4-43"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-1">Panel</flowPara></flowRoot>    <flowRoot
       transform="translate(34.176406,947.90968)"
       id="flowRoot4367-0-7-2-4-4-43-3"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-1" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;writing-mode:lr;text-anchor:end;"
         id="flowPara4684">HorizontalLayout</flowPara></flowRoot>    <flowRoot
       transform="translate(220.06236,933.6273)"
       id="flowRoot4367-0-7-2-4-4-8"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;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-rule:nonzero;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7" /><flowPara
         style="font-size:6.25px;text-align:start;text-anchor:start;color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;-inkscape-font-specification:'Montserrat, Normal';font-family:Montserrat;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;writing-mode:lr;line-height:58%;"
         id="flowPara4783-7-2-8-7">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(34.055512,930.18906)"
       id="flowRoot4367-0-7-2-4-4-43-5"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-1-0">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(33.772237,962.0788)"
       id="flowRoot4367-0-7-2-4-4-43-8"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-7" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-1-1">Tree</flowPara></flowRoot>    <flowRoot
       transform="translate(220.06237,951.34394)"
       id="flowRoot4367-0-7-2-4-4-8-4"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-7" /><flowPara
         style="font-size:6.25px;text-align:start;text-anchor:start;-inkscape-font-specification:'Montserrat, Normal';font-family:Montserrat;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;writing-mode:lr;line-height:58%;"
         id="flowPara4783-7-2-8-7-1">Panel</flowPara></flowRoot>    <flowRoot
       transform="translate(219.88965,923.13155)"
       id="flowRoot4367-0-7-2-4-4-8-4-8"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-7-1" /><flowPara
         style="font-size:6.25px;line-height:58%;text-align:start;text-anchor:start;-inkscape-font-specification:'Montserrat, Normal';font-family:Montserrat;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;writing-mode:lr;"
         id="flowPara4865">HorizontalLayout</flowPara></flowRoot>    <flowRoot
       transform="translate(220.25102,986.77706)"
       id="flowRoot4367-0-7-2-4-4-8-9"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr;text-anchor:start;"
         id="flowPara4783-7-2-8-7-4">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(220.25102,1004.4936)"
       id="flowRoot4367-0-7-2-4-4-8-9-7"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-6-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr;text-anchor:start;"
         id="flowPara4783-7-2-8-7-4-8">Label</flowPara></flowRoot>    <flowRoot
       transform="translate(219.88712,976.25205)"
       id="flowRoot4367-0-7-2-4-4-8-4-8-2"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-7-1-6" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:58%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr;text-anchor:start;"
         id="flowPara4865-9">VerticalLayout</flowPara></flowRoot>    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 46.06299,914.17332 -7.086612,-5e-5"
       id="path3003-6-5-1-86"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="914.17328"
       cx="46.062992"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-8"
       r="2.1259842" />
    <circle
       cy="914.17328"
       cx="38.976379"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
       id="path2997-7-6-1-6"
       r="2.1259842" />
    <flowRoot
       transform="translate(34.181782,916.01583)"
       id="flowRoot4367-0-7-2-4-4-43-5-2-5"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-6-6-7-3" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:121%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:end;writing-mode:lr;text-anchor:end;"
         id="flowPara4783-7-2-8-1-0-0-9">UI</flowPara></flowRoot>    <path
       style="fill:none;stroke:#33383a;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 216.1417,960.23626 -21.25981,0"
       id="path3003-6-5-1-5-7-1-1-7-5"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <circle
       cy="960.23627"
       cx="194.8819"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-13-3-2-6-9-1"
       r="2.1259842" />
    <circle
       cy="960.23627"
       cx="216.14174"
       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;clip-rule:nonzero;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill-rule:nonzero;filter-blend-mode:normal;filter-gaussianBlur-deviation:0;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto"
       id="path2997-7-6-1-7-7-4-2-4-9"
       r="2.1259842" />
    <flowRoot
       transform="translate(219.88709,962.07882)"
       id="flowRoot4367-0-7-2-4-4-8-4-8-2-0"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:57.99999833%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><flowRegion
         id="flowRegion4369-0-6-7-7-5-7-7-1-6-7" /><flowPara
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:57.99999833%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start"
         id="flowPara4865-9-0">VerticalLayout</flowPara></flowRoot>  </g>
 </svg>