vaadin-framework/documentation/architecture/original-drawings/architecture-detailed.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="82mm"
   height="92mm"
   viewBox="0 0 290.55118 325.98424"
   id="svg2"
   version="1.1"
   inkscape:version="0.91 r"
   sodipodi:docname="architecture-detailed.svg">
  <defs
     id="defs4">
    <marker
       inkscape:stockid="EmptyTriangleOutL"
       orient="auto"
       refY="0"
       refX="0"
       id="EmptyTriangleOutL"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4695"
         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
         transform="matrix(0.8,0,0,0.8,-4.8,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4556"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Mend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Mend"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4562"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="scale(-0.6,-0.6)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="EmptyTriangleOutL"
       orient="auto"
       refY="0"
       refX="0"
       id="EmptyTriangleOutL-9"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4695-8"
         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
         transform="matrix(0.8,0,0,0.8,-4.8,0)" />
    </marker>
    <marker
       markerWidth="7.8382688"
       markerHeight="4.2949591"
       refX="3.9191346"
       refY="2.1474795"
       orient="auto"
       id="marker4995">
      <path
         sodipodi:nodetypes="cc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-9"
         d="M 0.37582446,3.9191345 3.9191345,0.37582446"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <path
         sodipodi:nodetypes="cc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-9-5"
         d="M 7.4624445,3.9191345 3.9191345,0.37582446"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="7.8382688"
       markerHeight="4.2949591"
       refX="3.9191346"
       refY="2.1474795"
       orient="auto"
       id="marker4995-1">
      <path
         sodipodi:nodetypes="cc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-9-3"
         d="M 0.37582446,3.9191345 3.9191345,0.37582446"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <path
         sodipodi:nodetypes="cc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-9-5-2"
         d="M 7.4624445,3.9191345 3.9191345,0.37582446"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-0">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-8"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-8">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-4"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-7">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-8"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-9">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-82"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-6">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-3"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-3">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-4"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4-4">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8-7"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4-4-0">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8-7-6"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91-4">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9-3"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4-4-0-3">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8-7-6-1"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91-40">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9-9"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4-4-0-6">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8-7-6-7"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91-7">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9-2"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-4-4-4-0-6-7">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-6-8-7-6-7-2"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91-3">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9-21"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
    <marker
       markerWidth="4.6707735"
       markerHeight="7.8382583"
       refX="4.3000002"
       refY="3.9191291"
       orient="auto"
       id="marker5127-8-91-3-9">
      <path
         sodipodi:nodetypes="ccc"
         inkscape:connector-curvature="0"
         id="path4591-1-5-0-8-0-65-9-21-0"
         d="M 0.37582499,0.37582446 3.919125,3.9191245 0.37582499,7.4624345"
         style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </marker>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="5.6"
     inkscape:cx="203.60419"
     inkscape:cy="90.589152"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="true"
     inkscape:window-width="1920"
     inkscape:window-height="1060"
     inkscape:window-x="-2"
     inkscape:window-y="-3"
     inkscape:window-maximized="1"
     inkscape:object-nodes="true"
     inkscape:snap-center="false"
     inkscape:snap-object-midpoints="true"
     inkscape:object-paths="true"
     showguides="true"
     inkscape:guide-bbox="true"
     inkscape:snap-text-baseline="true">
    <inkscape:grid
       type="xygrid"
       id="grid4136"
       spacingx="3.5433071"
       spacingy="3.5433071"
       empspacing="10"
       units="mm" />
    <sodipodi:guide
       position="145.27559,120.47244"
       orientation="1,0"
       id="guide4278" />
  </sodipodi:namedview>
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-726.37791)">
    <path
       style="fill:none;fill-rule:evenodd;stroke:#e61e6d;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 102.75591,942.51962 -21.259847,0"
       id="path4591-5-1-0-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <rect
       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:#33383a;fill-opacity:1;fill-rule:nonzero;stroke:#33383a;stroke-width:1.0629921;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="rect4408-7"
       width="283.46457"
       height="77.952759"
       x="3.5433059"
       y="729.9212" />
    <rect
       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:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.0629921;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="rect4408-7-5-2"
       width="283.46457"
       height="177.16537"
       x="3.5433071"
       y="818.50385" />
    <g
       transform="translate(-31.889764,162.99206)"
       id="g4462-8-7">
      <rect
         y="839.76379"
         x="35.433071"
         height="46.063"
         width="283.46457"
         id="rect4408-7-5"
         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:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:1.0629921;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" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
         x="42.519684"
         y="862.79156"
         id="text4227-9-0"
         sodipodi:linespacing="100%"><tspan
           sodipodi:role="line"
           id="tspan4229-4-4"
           x="42.519684"
           y="862.79156">Business Logic</tspan><tspan
           sodipodi:role="line"
           x="42.519684"
           y="870.29156"
           id="tspan4961">Persistence</tspan><tspan
           sodipodi:role="line"
           x="42.519684"
           y="877.79156"
           id="tspan4963">Database</tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         x="65.680641"
         y="853.17932"
         id="text4227-4"
         sodipodi:linespacing="100%"><tspan
           sodipodi:role="line"
           id="tspan4229-0"
           x="65.680641"
           y="853.17932">BACK END</tspan></text>
    </g>
    <rect
       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:none;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-2-3"
       width="276.37796"
       height="159.44885"
       x="7.0866141"
       y="832.67706" />
    <rect
       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:none;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.0629921;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="rect4408-7-5-2-3-0"
       width="166.53543"
       height="141.73227"
       x="10.629921"
       y="846.85034" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 88.582677,903.54325 -7.086614,0"
       id="path4591-5-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#e61e6d;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 88.582677,935.43302 -7.086614,0"
       id="path4591-5-1-0"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 81.496063,970.86609 7.086614,0 0,-81.49607 7.086614,0"
       id="path4591-5-1-76"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cccc" />
    <rect
       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:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:1.0629921;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="rect4408-7-5-2-3-4"
       width="67.32283"
       height="88.582657"
       x="180.70866"
       y="846.85034" />
    <g
       id="g4426"
       transform="translate(81.496063,616.53538)">
      <g
         id="g4462-8-7-43-4-9-0-3"
         transform="translate(-21.259843,-584.64569)">
        <rect
           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-2"
           width="74.409447"
           height="35.433071"
           x="35.433071"
           y="839.76379" />
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-6"
         y="855.95532"
         x="72.769043"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"
         transform="translate(-21.259843,-584.64569)"><tspan
           id="tspan4556"
           y="855.95532"
           x="72.769043"
           sodipodi:role="line">USER</tspan><tspan
           y="864.70532"
           x="72.769043"
           sodipodi:role="line"
           id="tspan4578">INTERFACE</tspan></text>
    </g>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-4-4-4-0)"
       d="m 127.55905,807.87395 0,63.77954"
       id="path4591-1-5-0-7-1-3-6"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <g
       id="g5042"
       transform="translate(-70.866144,712.20466)">
      <rect
         y="729.9212"
         x="77.952759"
         height="56.692795"
         width="194.8819"
         id="rect4408-7-5-2-3-4-2"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.0629921;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"
         transform="translate(0,-694.48815)" />
      <g
         transform="translate(-29.978127,-603.49838)"
         id="g4947">
        <rect
           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:none;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-2"
           width="60.236225"
           height="28.346497"
           x="111.47419"
           y="663.73456" />
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
           x="141.73228"
           y="676.77155"
           id="text4227-4-2-7-8-3-2-8-5"
           sodipodi:linespacing="100%"><tspan
             id="tspan4580-7-6"
             sodipodi:role="line"
             x="141.73228"
             y="676.77155">BUILT-IN</tspan><tspan
             id="tspan4584-4-3"
             sodipodi:role="line"
             x="141.73228"
             y="684.27155">WIDGETS</tspan></text>
      </g>
      <g
         transform="translate(3.5433055,-701.57479)"
         id="g5007">
        <rect
           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:none;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-7-1"
           width="60.236225"
           height="28.346497"
           x="141.73228"
           y="761.81097" />
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
           x="171.99037"
           y="774.84796"
           id="text4227-4-2-7-8-3-2-8-1-3"
           sodipodi:linespacing="100%"><tspan
             id="tspan4580-7-1-9"
             sodipodi:role="line"
             x="171.99037"
             y="774.84796">ADD-ON</tspan><tspan
             id="tspan4584-4-2-7"
             sodipodi:role="line"
             x="171.99037"
             y="782.34796">WIDGETS</tspan></text>
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-2"
         y="46.062992"
         x="81.496063"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="46.062992"
           x="81.496063"
           id="tspan4229-3"
           sodipodi:role="line">CLIENT-SIDE ENGINE</tspan></text>
      <g
         transform="translate(67.322833,-701.57479)"
         id="g5007-5">
        <rect
           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:none;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-7-1-1"
           width="60.236225"
           height="28.346497"
           x="141.73228"
           y="761.81097" />
        <text
           xml:space="preserve"
           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
           x="171.99037"
           y="774.84796"
           id="text4227-4-2-7-8-3-2-8-1-3-0"
           sodipodi:linespacing="100%"><tspan
             id="tspan4580-7-1-9-9"
             sodipodi:role="line"
             x="171.99037"
             y="774.84796">CUSTOM</tspan><tspan
             id="tspan4584-4-2-7-9"
             sodipodi:role="line"
             x="171.99037"
             y="782.34796">WIDGETS</tspan></text>
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-9-0-3"
         y="53.95319"
         x="81.496063"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           style="text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1"
           y="53.95319"
           x="81.496063"
           id="tspan4229-4-4-0"
           sodipodi:role="line">(Widget Set)</tspan></text>
    </g>
    <text
       sodipodi:linespacing="100%"
       id="text4227-2-7"
       y="740.55115"
       x="7.0866127"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       xml:space="preserve"><tspan
         y="740.55115"
         x="7.0866127"
         id="tspan4229-3-1"
         sodipodi:role="line">WEB BROWSER</tspan></text>
    <rect
       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:none;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-2-3-4-8"
       width="99.212593"
       height="49.606289"
       x="180.70866"
       y="938.97632" />
    <g
       id="g4800-8-0"
       transform="translate(164.76378,751.18111)">
      <g
         id="g4462-8-7-43-4-9-0-8-85-2-3"
         transform="translate(-21.259843,-637.79531)">
        <rect
           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-7-9"
           width="60.236225"
           height="28.346497"
           x="40.748028"
           y="843.30707" />
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2-8-1-0"
         y="222.30626"
         x="49.697762"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="222.30626"
           x="49.697762"
           sodipodi:role="line"
           id="tspan4584-4-2-8">SERVICE</tspan></text>
    </g>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="184.25197"
       y="949.60626"
       id="text4227-4-5-9-7-05"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         id="tspan4229-0-6-4-3-5"
         x="184.25197"
         y="949.60626">CUSTOM SERVLET</tspan></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-8-91-40)"
       d="m 265.74803,800.78733 0,138.189"
       id="path4591-1-5-0-7-1-3-9"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <g
       id="g4800-8"
       transform="translate(164.76378,698.03149)">
      <g
         id="g4462-8-7-43-4-9-0-8-85-2"
         transform="translate(-21.259843,-637.79531)">
        <rect
           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-7"
           width="60.236225"
           height="28.346497"
           x="40.748028"
           y="843.30707" />
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2-8-1"
         y="218.54875"
         x="49.746277"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="218.54875"
           x="49.746277"
           sodipodi:role="line"
           id="tspan4580-7-1">BUILT-IN</tspan><tspan
           y="226.04875"
           x="49.746277"
           sodipodi:role="line"
           id="tspan4584-4-2">THEMES</tspan></text>
    </g>
    <g
       id="g4800"
       transform="translate(164.76378,666.14169)">
      <g
         id="g4462-8-7-43-4-9-0-8-85"
         transform="translate(-21.259843,-637.79531)">
        <rect
           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3"
           width="60.236225"
           height="28.346497"
           x="40.748028"
           y="843.30707" />
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2-8"
         y="218.54875"
         x="49.746277"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="218.54875"
           x="49.746277"
           sodipodi:role="line"
           id="tspan4580-7">BUILT-IN</tspan><tspan
           y="226.04875"
           x="49.746277"
           sodipodi:role="line"
           id="tspan4584-4">THEMES</tspan></text>
    </g>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 226.77165,903.54325 0,-3.5433"
       id="path4591-1-5-0-7-1-3-0"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#33383a;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-4-4-4-0-6)"
       d="m 127.55905,825.59048 99.2126,0 0,46.06301"
       id="path4591-1-5-0-7-1-3-6-8"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="ccc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-8-91)"
       d="m 138.18898,871.65349 0,-67.32285"
       id="path4591-1-5-0-7-1-3"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-8-91-3)"
       d="m 145.27559,907.08655 0,95.66925"
       id="path4591-1-5-0-7-1-3-02"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-4-4-4-0-3)"
       d="m 81.496063,914.17316 21.259847,0 0,88.58264"
       id="path4591-5-1-8"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="ccc" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="105.04921"
       y="926.23181"
       id="text4227-9-0-0"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="105.04921"
         y="926.23181"
         id="tspan4963-2">Data</tspan><tspan
         sodipodi:role="line"
         x="105.04921"
         y="933.73181"
         id="tspan7066">Binding</tspan></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 81.496063,977.9527 21.259847,0"
       id="path4591-5-1-76-8"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="185.32422"
       y="815.37158"
       id="text4227-9-0-0-4"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="185.32422"
         y="815.37158"
         id="tspan7066-3">HTTP(S)</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="93.330894"
       y="815.37158"
       id="text4227-9-0-0-4-7"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="93.330894"
         y="815.37158"
         id="tspan7066-3-9">Request</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="140.46704"
       y="815.37158"
       id="text4227-9-0-0-4-2"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="140.46704"
         y="815.37158"
         id="tspan7066-3-4">Response</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="87.064896"
       y="868.72534"
       id="text4227-9-0-0-4-2-9"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="87.064896"
         y="868.72534"
         id="tspan7066-3-4-3">UI Events</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align: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"
       x="141.31744"
       y="861.46252"
       id="text4227-9-0-0-4-2-9-5"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         x="141.31744"
         y="861.46252"
         id="tspan7066-3-4-3-5">UI</tspan><tspan
         sodipodi:role="line"
         x="141.31744"
         y="868.96252"
         id="tspan7183">Changes</tspan></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#ff3a49;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5127-8-91-3-9)"
       d="m 216.14173,985.03932 0,17.71658"
       id="path4591-1-5-0-7-1-3-02-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="Otsikot"
     transform="translate(0,-31.889764)">
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';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"
       x="7.0866141"
       y="134.64566"
       id="text4227-4-5"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         id="tspan4229-0-6"
         x="7.0866141"
         y="134.64566">APPLICATION SERVER</tspan></text>
    <g
       id="g6550"
       transform="translate(-4.9942359e-7,17.716537)">
      <rect
         y="180.70863"
         x="14.173229"
         height="28.346478"
         width="67.322838"
         id="rect4408-7-5-0-9-5-1-8"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.0629921;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" />
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2"
         y="193.18686"
         x="47.808865"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="193.18686"
           x="47.808865"
           sodipodi:role="line"
           id="tspan4580">BUILT-IN</tspan><tspan
           y="200.68686"
           x="47.808865"
           sodipodi:role="line"
           id="tspan4584">COMPONENTS</tspan></text>
    </g>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="10.629921"
       y="148.81889"
       id="text4227-4-5-9"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         id="tspan4229-0-6-4"
         x="10.629921"
         y="148.81889">WEB APPLICATION</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="14.173228"
       y="162.9921"
       id="text4227-4-5-9-8"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         id="tspan4229-0-6-4-9"
         x="14.173228"
         y="162.9921">VAADIN SERVLET</tspan></text>
    <g
       id="g6538"
       transform="translate(-4.9942359e-7,17.716537)">
      <rect
         y="212.5984"
         x="14.173229"
         height="28.346478"
         width="67.322838"
         id="rect4408-7-5-0-9-5-1-8-4"
         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#e61e6d;stroke-width:1.0629921;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" />
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2-4"
         y="225.07663"
         x="47.808865"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="225.07663"
           x="47.808865"
           sodipodi:role="line"
           id="tspan4580-2">ADD-ON</tspan><tspan
           y="232.57663"
           x="47.808865"
           sodipodi:role="line"
           id="tspan4584-8">COMPONENTS</tspan></text>
    </g>
    <g
       id="g4435-4"
       transform="translate(-5.314957,56.692945)">
      <g
         id="g4462-8-7-43-4-9-0-8-8"
         transform="translate(-21.259843,-637.79531)">
        <rect
           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-1"
           width="67.322838"
           height="28.346478"
           x="40.748028"
           y="843.30707" />
      </g>
      <text
         sodipodi:linespacing="100%"
         id="text4227-4-2-7-8-3-2-9"
         y="217.98999"
         x="53.123821"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="217.98999"
           x="53.123821"
           sodipodi:role="line"
           id="tspan4580-9">CUSTOM</tspan><tspan
           y="225.48999"
           x="53.123821"
           sodipodi:role="line"
           id="tspan4584-1">COMPONENTS</tspan></text>
    </g>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.75px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff3a49;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="184.25197"
       y="148.81886"
       id="text4227-4-5-9-7"
       sodipodi:linespacing="100%"><tspan
         sodipodi:role="line"
         id="tspan4229-0-6-4-3"
         x="184.25197"
         y="148.81886">THEMES</tspan></text>
    <g
       transform="translate(63.779525,-683.85821)"
       id="g5007-5-8">
      <rect
         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:none;fill-opacity:1;fill-rule:nonzero;stroke:#ff3a49;stroke-width:1.0629921;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="rect4408-7-5-0-9-5-1-8-3-7-1-1-1"
         width="77.952759"
         height="28.346458"
         x="141.73228"
         y="761.81097" />
      <text
         xml:space="preserve"
         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         x="180.77013"
         y="774.85547"
         id="text4227-4-2-7-8-3-2-8-1-3-0-7"
         sodipodi:linespacing="100%"><tspan
           id="tspan4584-4-2-7-9-4"
           sodipodi:role="line"
           x="180.77013"
           y="774.85547">CLIENT-SIDE</tspan><tspan
           sodipodi:role="line"
           x="180.77013"
           y="782.35547"
           id="tspan5134">UI</tspan></text>
    </g>
  </g>
</svg>