Fixed some missing images and broken xrefs, as well as problems in the getting-started chapter (#19639).

Change-Id: Ie8e371c059f70600bafcf781938ef35878f41324

4 files changed, 1351 insertions, 6 deletions

diff --git a/documentation/clientside/clientside-widget.asciidoc b/documentation/clientside/clientside-widget.asciidoc
index ed911a46b4..2fab75ed18 100644
--- a/documentation/clientside/clientside-widget.asciidoc
+++ b/documentation/clientside/clientside-widget.asciidoc
@@ -22,13 +22,12 @@ hierarchy is illustrated in <<figure.clientside.widgets>>. Please see the GWT
 API documentation for a complete description of the widget classes.
 
 [[figure.clientside.widgets]]
-.GWT Widget Base Class Hierarchy
+.GWT widget base class hierarchy
 image::img/gwt-widgets-hi.png[]
 
 For example, we could extend the [classname]#Label# widget to display some
 custom text.
 
-
 ----
 package com.example.myapp.client;
 
@@ -70,7 +69,3 @@ public class MyEntryPoint implements EntryPoint {
     }
 }
 ----
-
-
-
-
diff --git a/documentation/clientside/img/gwt-widgets-hi.png b/documentation/clientside/img/gwt-widgets-hi.png
new file mode 100644
index 0000000000..e09b60c422
--- /dev/null
+++ b/documentation/clientside/img/gwt-widgets-hi.png
diff --git a/documentation/clientside/original-drawings/Makefile b/documentation/clientside/original-drawings/Makefile
new file mode 100644
index 0000000000..5479a473e9
--- /dev/null
+++ b/documentation/clientside/original-drawings/Makefile
@@ -0,0 +1,13 @@
+IMAGES = gwt-widgets
+
+SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg)
+TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png)
+TRGIMAGES_LO := $(foreach file, $(IMAGES), ../img/$(file)-lo.png)
+
+images: $(TRGIMAGES_HI) FORCE
+# Just do low now $(TRGIMAGES_LO) 
+
+$(TRGIMAGES_HI): ../img/%-hi.png: %.svg
+	inkscape --export-png $@ --export-dpi=150 --export-area-drawing $<
+
+FORCE:
diff --git a/documentation/clientside/original-drawings/gwt-widgets.svg b/documentation/clientside/original-drawings/gwt-widgets.svg
new file mode 100644
index 0000000000..258fa50172
--- /dev/null
+++ b/documentation/clientside/original-drawings/gwt-widgets.svg
@@ -0,0 +1,1337 @@
+<?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://web.resource.org/cc/"

+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

+   xmlns:svg="http://www.w3.org/2000/svg"

+   xmlns="http://www.w3.org/2000/svg"

+   xmlns:xlink="http://www.w3.org/1999/xlink"

+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+   width="744.09448"

+   height="1052.3622"

+   id="svg1901"

+   sodipodi:version="0.32"

+   inkscape:version="0.45"

+   sodipodi:docname="gwt-widgets.svg"

+   sodipodi:docbase="/home/magi/.encfs/plain/itmill/workspace/toolkit5/doc/manual/original-drawings/gwt"

+   inkscape:output_extension="org.inkscape.output.svg.inkscape"

+   version="1.0"

+   sodipodi:modified="true">

+  <defs

+     id="defs1903">

+    <marker

+       inkscape:stockid="Arrow2Lstart"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="Arrow2Lstart"

+       style="overflow:visible">

+      <path

+         id="path6743"

+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"

+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "

+         transform="matrix(1.1,0,0,1.1,1.1,0)" />

+    </marker>

+    <linearGradient

+       id="linearGradient11516">

+      <stop

+         id="stop11518"

+         offset="0"

+         style="stop-color:#ffffff;stop-opacity:1" />

+      <stop

+         id="stop11520"

+         offset="1"

+         style="stop-color:#a090e7;stop-opacity:1" />

+    </linearGradient>

+    <linearGradient

+       id="linearGradient11508">

+      <stop

+         id="stop11510"

+         offset="0"

+         style="stop-color:#ffffff;stop-opacity:1;" />

+      <stop

+         id="stop11512"

+         offset="1"

+         style="stop-color:#e27979;stop-opacity:1" />

+    </linearGradient>

+    <marker

+       inkscape:stockid="DiamondL"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="DiamondL"

+       style="overflow:visible">

+      <path

+         id="path4404"

+         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="scale(0.8,0.8)" />

+    </marker>

+    <marker

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="DiamondEmpty"

+       style="overflow:visible">

+      <path

+         id="path7"

+         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z "

+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="translate(-5,0)" />

+    </marker>

+    <linearGradient

+       id="linearGradient3286">

+      <stop

+         style="stop-color:#ffffff;stop-opacity:1;"

+         offset="0"

+         id="stop3288" />

+      <stop

+         style="stop-color:#79e291;stop-opacity:1;"

+         offset="1"

+         id="stop3290" />

+    </linearGradient>

+    <marker

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="EmptyArrow"

+       style="overflow:visible">

+      <path

+         id="path9"

+         d="M 0,0 L 0,-5 L -12.5,0 L 0,5 L 0,0 z M -0.5,0 L -0.5,-4.5 L -12,0 L -0.5,4.5 L -0.5,0 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="matrix(-1,0,0,-1,-10,0)" />

+    </marker>

+    <marker

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="EmptyArrow2"

+       style="overflow:visible">

+      <path

+         id="path13"

+         d="M 0,0 L 0,-5 L -10,0 L 0,5 L 0,0 z "

+         style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="matrix(-1,0,0,-1,-10,0)" />

+    </marker>

+    <linearGradient

+       id="linearGradient19816">

+      <stop

+         id="stop19818"

+         offset="0"

+         style="stop-color:#ffffff;stop-opacity:1;" />

+      <stop

+         id="stop19820"

+         offset="1"

+         style="stop-color:#e7e790;stop-opacity:1;" />

+    </linearGradient>

+    <marker

+       inkscape:stockid="Arrow2Lend"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="Arrow2Lend"

+       style="overflow:visible">

+      <path

+         id="path16811"

+         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"

+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "

+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />

+    </marker>

+    <marker

+       inkscape:stockid="Arrow1Lend"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="Arrow1Lend"

+       style="overflow:visible">

+      <path

+         id="path16829"

+         d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="matrix(-0.8,0,0,-0.8,-10,0)" />

+    </marker>

+    <marker

+       inkscape:stockid="TriangleOutM"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="TriangleOutM"

+       style="overflow:visible">

+      <path

+         id="path16731"

+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="scale(0.4,0.4)" />

+    </marker>

+    <marker

+       inkscape:stockid="TriangleInL"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="TriangleInL"

+       style="overflow:visible">

+      <path

+         id="path16743"

+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="scale(-0.8,-0.8)" />

+    </marker>

+    <marker

+       inkscape:stockid="TriangleOutL"

+       orient="auto"

+       refY="0"

+       refX="0"

+       id="TriangleOutL"

+       style="overflow:visible">

+      <path

+         id="path16734"

+         d="M 5.77,0 L -2.88,5 L -2.88,-5 L 5.77,0 z "

+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"

+         transform="scale(0.8,0.8)" />

+    </marker>

+    <linearGradient

+       id="linearGradient9263">

+      <stop

+         style="stop-color:#000000;stop-opacity:0"

+         offset="0"

+         id="stop9265" />

+      <stop

+         style="stop-color:#000000;stop-opacity:0;"

+         offset="1"

+         id="stop9267" />

+    </linearGradient>

+    <linearGradient

+       id="linearGradient7299">

+      <stop

+         style="stop-color:#ffffff;stop-opacity:1"

+         offset="0"

+         id="stop7301" />

+      <stop

+         style="stop-color:#a090e7;stop-opacity:1"

+         offset="1"

+         id="stop7303" />

+    </linearGradient>

+    <linearGradient

+       id="linearGradient5349">

+      <stop

+         style="stop-color:#000000;stop-opacity:1;"

+         offset="0"

+         id="stop5351" />

+      <stop

+         style="stop-color:#000000;stop-opacity:0;"

+         offset="1"

+         id="stop5353" />

+    </linearGradient>

+    <linearGradient

+       id="linearGradient4152">

+      <stop

+         style="stop-color:#6b6bff;stop-opacity:1;"

+         offset="0"

+         id="stop4154" />

+      <stop

+         style="stop-color:#6b6bff;stop-opacity:0;"

+         offset="1"

+         id="stop4156" />

+    </linearGradient>

+    <linearGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient5349"

+       id="linearGradient5355"

+       x1="96.085953"

+       y1="148.38934"

+       x2="389.01984"

+       y2="148.38934"

+       gradientUnits="userSpaceOnUse" />

+    <filter

+       inkscape:collect="always"

+       x="-0.14729276"

+       width="1.2945855"

+       y="-0.24504527"

+       height="1.4900905"

+       id="filter12627">

+      <feGaussianBlur

+         inkscape:collect="always"

+         stdDeviation="9.7515538"

+         id="feGaussianBlur12629" />

+    </filter>

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient7299"

+       id="radialGradient15668"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient19816"

+       id="radialGradient11602"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient11508"

+       id="radialGradient5281"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient5283"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient5285"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient5287"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <linearGradient

+       y2="-485.28973"

+       y1="-485.28952"

+       xlink:href="#linearGradient1694"

+       x2="-170.00552"

+       x1="112.06259"

+       inkscape:collect="always"

+       id="linearGradient1705"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(-4.959101e-18,1.475473,-0.677749,-2.277931e-18,0.000000,0.000000)" />

+    <linearGradient

+       y2="-477.69669"

+       y1="-477.69666"

+       xlink:href="#linearGradient1683"

+       x2="315.00735"

+       x1="-92.987160"

+       inkscape:collect="always"

+       id="linearGradient1701"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(-4.959102e-18,1.475472,-0.677749,-2.277933e-18,0.000000,0.000000)" />

+    <linearGradient

+       y2="-492.41382"

+       y1="-492.41382"

+       xlink:href="#linearGradient1683"

+       x2="-93.992599"

+       x1="303.90472"

+       inkscape:collect="always"

+       id="linearGradient1700"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(-4.959102e-18,1.475472,-0.677749,-2.277933e-18,0.000000,0.000000)" />

+    <linearGradient

+       y2="646.06177"

+       y1="827.01349"

+       xlink:href="#linearGradient1694"

+       x2="244.85980"

+       x1="244.85980"

+       inkscape:collect="always"

+       id="linearGradient1692"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="scale(1.479463,0.675921)" />

+    <linearGradient

+       y2="1038.9441"

+       y1="635.74658"

+       xlink:href="#linearGradient1683"

+       x2="240.86183"

+       x1="240.86183"

+       inkscape:collect="always"

+       id="linearGradient1690"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="scale(1.475472,0.677749)" />

+    <linearGradient

+       y2="636.25543"

+       y1="1035.3337"

+       xlink:href="#linearGradient1683"

+       x2="242.39842"

+       x1="242.39842"

+       inkscape:collect="always"

+       id="linearGradient1686"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="scale(1.475472,0.677749)" />

+    <linearGradient

+       id="linearGradient1683">

+      <stop

+         style="stop-color:#0c1fdb;stop-opacity:1.0000000;"

+         offset="0.0000000"

+         id="stop1684" />

+      <stop

+         style="stop-color:#062d76;stop-opacity:1.0000000;"

+         offset="1.0000000"

+         id="stop1685" />

+    </linearGradient>

+    <linearGradient

+       id="linearGradient1694">

+      <stop

+         style="stop-color:#ffffff;stop-opacity:0.0000000;"

+         offset="0.0000000"

+         id="stop1695" />

+      <stop

+         style="stop-color:#ffffff;stop-opacity:1.0000000;"

+         offset="1.0000000"

+         id="stop1696" />

+    </linearGradient>

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient2532"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient2306"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient2324"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient2340"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient2358"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient11508"

+       id="radialGradient4338"

+       cx="153.46323"

+       cy="112.14567"

+       fx="153.46323"

+       fy="112.14567"

+       r="95.092682"

+       gradientTransform="matrix(1.293791,1.3701286e-2,-5.3144349e-3,0.5018339,-46.792176,73.88505)"

+       gradientUnits="userSpaceOnUse" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient7456"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient7472"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+    <radialGradient

+       inkscape:collect="always"

+       xlink:href="#linearGradient3286"

+       id="radialGradient7488"

+       gradientUnits="userSpaceOnUse"

+       gradientTransform="matrix(0.8305603,1.0914308e-3,-1.9528524e-3,0.2729933,281.94958,112.36765)"

+       cx="-147.5"

+       cy="97.300964"

+       fx="-147.5"

+       fy="97.300964"

+       r="109.42857" />

+  </defs>

+  <sodipodi:namedview

+     id="base"

+     pagecolor="#ffffff"

+     bordercolor="#666666"

+     borderopacity="1.0"

+     inkscape:pageopacity="0.0"

+     inkscape:pageshadow="2"

+     inkscape:zoom="1.4142136"

+     inkscape:cx="371.1889"

+     inkscape:cy="745.94895"

+     inkscape:document-units="px"

+     inkscape:current-layer="layer1"

+     gridtolerance="10000"

+     inkscape:window-width="1458"

+     inkscape:window-height="1025"

+     inkscape:window-x="1280"

+     inkscape:window-y="0"

+     showgrid="true"

+     showguides="true"

+     inkscape:connector-spacing="10"

+     inkscape:guide-bbox="true"

+     width="744.09449px"

+     height="1052.3622px" />

+  <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" />

+      </cc:Work>

+    </rdf:RDF>

+  </metadata>

+  <g

+     inkscape:label="Taso 1"

+     inkscape:groupmode="layer"

+     id="layer1"

+     style="opacity:1">

+    <rect

+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"

+       id="rect5374"

+       width="717.97919"

+       height="376.46448"

+       x="15.656854"

+       y="7.3119302" />

+    <rect

+       style="opacity:1;fill:#ecffe9;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"

+       id="rect3151"

+       width="710.5"

+       height="259.5"

+       x="19.5"

+       y="12.862183"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90" />

+    <g

+       style="opacity:1"

+       id="g3113"

+       transform="matrix(0.6800927,0,0,0.6800927,213.86822,241.73998)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect3115"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect3117"

+         style="opacity:1;fill:url(#radialGradient4338);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot3119"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion3121"><rect

+             id="rect3123"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara3125">My Widget</flowPara></flowRoot>    </g>

+    <flowRoot

+       xml:space="preserve"

+       id="flowRoot3153"

+       style="font-size:14px;opacity:1"

+       transform="translate(-986.02393,-706.24807)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"><flowRegion

+         id="flowRegion3155"><rect

+           id="rect3157"

+           width="199"

+           height="32"

+           x="1011"

+           y="720.36218"

+           style="font-size:14px" /></flowRegion><flowPara

+         id="flowPara3159">Google Web Toolkit</flowPara></flowRoot>    <g

+       style="opacity:1"

+       id="g4148"

+       transform="matrix(0.6800927,0,0,0.6800927,213.23949,-21.150155)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect4150"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect4152"

+         style="opacity:1;fill:url(#radialGradient2532);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot4154"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion4156"><rect

+             id="rect4158"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara4160">Widget</flowPara></flowRoot>    </g>

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 419.05652,172.36218 L 368.31474,111.47205"

+       id="path5151"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148"

+       inkscape:connection-start="#g2310" />

+    <g

+       style="opacity:1"

+       id="g2292"

+       transform="matrix(0.6800927,0,0,0.6800927,-4.131778,-20.260018)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect2294"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect2296"

+         style="opacity:1;fill:url(#radialGradient2306);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot2298"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion2300"><rect

+             id="rect2302"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara2304">UIObject</flowPara></flowRoot>    </g>

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 277.37127,82.188672 L 192.62873,82.535693"

+       id="path2308"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g2292"

+       inkscape:connection-start="#g4148" />

+    <g

+       style="opacity:1"

+       id="g2310"

+       transform="matrix(0.6800927,0,0,0.6800927,313.23949,98.849845)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect2312"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect2314"

+         style="opacity:1;fill:url(#radialGradient2324);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot2316"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion2318"><rect

+             id="rect2320"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara2322">FocusWidget</flowPara></flowRoot>    </g>

+    <g

+       style="opacity:1"

+       id="g2326"

+       transform="matrix(0.6800927,0,0,0.6800927,35.868222,99.739982)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect2328"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect2330"

+         style="opacity:1;fill:url(#radialGradient2340);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot2332"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion2334"><rect

+             id="rect2336"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara2338">Composite</flowPara></flowRoot>    </g>

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 209.67767,173.25232 L 300.32233,111.47205"

+       id="path2342"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-start="#g2326"

+       inkscape:connection-end="#g4148" />

+    <g

+       style="opacity:1"

+       id="g2344"

+       transform="matrix(0.6800927,0,0,0.6800927,497.86822,-20.260018)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(1.3641168,0,0,0.9169701,-96.115129,-14.042082)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect2346"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="5.1089139"

+         rx="8.6772833"

+         y="108.66392"

+         x="94.870857"

+         height="79.553078"

+         width="189.04082"

+         id="rect2348"

+         style="opacity:1;fill:url(#radialGradient2358);fill-opacity:1;stroke:#747ce9;stroke-width:1.14454818;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot2350"

+         style="font-size:20px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion2352"><rect

+             id="rect2354"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:20px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara2356">Panel</flowPara></flowRoot>    </g>

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 562,82.599862 L 410,82.124503"

+       id="path3347"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-start="#g2344"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 307.26663,315.25232 L 203.3621,232.36218"

+       id="path4340"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g2326"

+       inkscape:connection-start="#g3113" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 364.86799,315.25232 L 423.132,231.47205"

+       id="path4342"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g2310"

+       inkscape:connection-start="#g3113" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 410.62873,315.66828 L 562.14988,249.0889"

+       id="path4344"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-start="#g3113" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 344.24368,315.25232 L 343.75632,111.47205"

+       id="path4348"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148"

+       inkscape:connection-start="#g3113" />

+    <g

+       id="g5345"

+       transform="translate(156,-76)">

+      <rect

+         ry="0"

+         y="352.36218"

+         x="110"

+         height="30"

+         width="20"

+         id="rect4356"

+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <text

+         id="text4352"

+         y="375.52625"

+         x="119.95703"

+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+         xml:space="preserve"><tspan

+           y="375.52625"

+           x="119.95703"

+           id="tspan4354"

+           sodipodi:role="line">?</tspan></text>

+    </g>

+    <g

+       style="opacity:1"

+       id="g5350"

+       transform="translate(223.49999,-75.499979)">

+      <rect

+         ry="0"

+         y="352.36218"

+         x="110"

+         height="30"

+         width="20"

+         id="rect5352"

+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <text

+         id="text5354"

+         y="375.52625"

+         x="119.95703"

+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+         xml:space="preserve"><tspan

+           y="375.52625"

+           x="119.95703"

+           id="tspan5356"

+           sodipodi:role="line">?</tspan></text>

+    </g>

+    <g

+       style="opacity:1"

+       id="g5358"

+       transform="translate(261.99999,-75.999979)">

+      <rect

+         ry="0"

+         y="352.36218"

+         x="110"

+         height="30"

+         width="20"

+         id="rect5360"

+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <text

+         id="text5362"

+         y="375.52625"

+         x="119.95703"

+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+         xml:space="preserve"><tspan

+           y="375.52625"

+           x="119.95703"

+           id="tspan5364"

+           sodipodi:role="line">?</tspan></text>

+    </g>

+    <g

+       style="opacity:1"

+       id="g5366"

+       transform="translate(339.99999,-75.999979)">

+      <rect

+         ry="0"

+         y="352.36218"

+         x="110"

+         height="30"

+         width="20"

+         id="rect5368"

+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <text

+         id="text5370"

+         y="375.52625"

+         x="119.95703"

+         style="font-size:22px;font-style:normal;font-weight:bold;text-align:center;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+         xml:space="preserve"><tspan

+           y="375.52625"

+           x="119.95703"

+           id="tspan5372"

+           sodipodi:role="line">?</tspan></text>

+    </g>

+    <g

+       style="opacity:1"

+       id="g7442"

+       transform="matrix(0.6800927,0,0,0.6800927,490.22046,109.82903)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect7444"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="2.3385966"

+         rx="5.4563403"

+         y="126.07393"

+         x="130.99585"

+         height="36.415283"

+         width="118.87027"

+         id="rect7446"

+         style="opacity:1;fill:url(#radialGradient7456);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot7448"

+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion7450"><rect

+             id="rect7452"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara7454">ComplexPanel</flowPara></flowRoot>    </g>

+    <g

+       style="opacity:1"

+       id="g7458"

+       transform="matrix(0.6800927,0,0,0.6800927,441.22046,76.829031)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect7460"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="2.3385966"

+         rx="5.4563403"

+         y="126.07393"

+         x="130.99585"

+         height="36.415283"

+         width="118.87027"

+         id="rect7462"

+         style="opacity:1;fill:url(#radialGradient7472);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot7464"

+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion7466"><rect

+             id="rect7468"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara7470">SimplePanel</flowPara></flowRoot>    </g>

+    <g

+       style="opacity:1"

+       id="g7474"

+       transform="matrix(0.6800927,0,0,0.6800927,549.11949,142.7712)"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90">

+      <rect

+         transform="matrix(0.9009522,0,0,0.4664334,1.0077707,62.115564)"

+         ry="4.2643418"

+         rx="7.9527607"

+         y="148.81375"

+         x="150.73732"

+         height="78.525383"

+         width="131.38252"

+         id="rect7476"

+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.04604626;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12627)" />

+      <rect

+         ry="2.3385966"

+         rx="5.4563403"

+         y="126.07393"

+         x="130.99585"

+         height="36.415283"

+         width="118.87027"

+         id="rect7478"

+         style="opacity:1;fill:url(#radialGradient7488);fill-opacity:1;stroke:#747ce9;stroke-width:0.61405361;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

+      <flowRoot

+         xml:space="preserve"

+         id="flowRoot7480"

+         style="font-size:14.70387745px;text-align:center;text-anchor:middle"

+         transform="translate(-97.142857,61.846737)"><flowRegion

+           id="flowRegion7482"><rect

+             id="rect7484"

+             width="187.14285"

+             height="48.571426"

+             x="192.85715"

+             y="73.790756"

+             style="font-size:14.70387745px;text-align:center;text-anchor:middle" /></flowRegion><flowPara

+           id="flowPara7486">HTMLTable</flowPara></flowRoot>    </g>

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 581.16183,162.36218 L 610.79704,112.36218"

+       id="path7490"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g2344"

+       inkscape:connection-start="#g7458" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 622.32377,195.36218 L 626.74134,112.36218"

+       id="path7492"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-start="#g7442"

+       inkscape:connection-end="#g2344" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 675.71612,228.30435 L 637.94311,112.36218"

+       id="path7494"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g2344"

+       inkscape:connection-start="#g7474" />

+  </g>

+  <g

+     inkscape:groupmode="layer"

+     id="layer4"

+     inkscape:label="Alaluokat"

+     style="display:inline">

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="299.46771"

+       y="40.752563"

+       id="text5376"><tspan

+         sodipodi:role="line"

+         id="tspan5378"

+         x="299.46771"

+         y="40.752563">FileUpload</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="237.46774"

+       y="49.078735"

+       id="text6367"><tspan

+         sodipodi:role="line"

+         id="tspan6369"

+         x="237.46774"

+         y="49.078735">Hidden</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="421.6904"

+       y="61.996704"

+       id="text6375"><tspan

+         sodipodi:role="line"

+         id="tspan6377"

+         x="421.6904"

+         y="61.996704">Image</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="402.75195"

+       y="127.47937"

+       id="text6379"><tspan

+         sodipodi:role="line"

+         id="tspan6381"

+         x="402.75195"

+         y="127.47937">Label</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="427.46774"

+       y="103.07874"

+       id="text6383"><tspan

+         sodipodi:role="line"

+         id="tspan6385"

+         x="427.46774"

+         y="103.07874">MenuBar</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"

+       x="387.48993"

+       y="45.903458"

+       id="text6371"><tspan

+         sodipodi:role="line"

+         id="tspan6373"

+         x="387.48993"

+         y="45.903458">Hyperlink</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="74.930115"

+       y="168.28252"

+       id="text7414"><tspan

+         sodipodi:role="line"

+         id="tspan7416"

+         x="74.930115"

+         y="168.28252">TabBar</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="36.035156"

+       y="200.19226"

+       id="text7418"><tspan

+         sodipodi:role="line"

+         id="tspan7420"

+         x="36.035156"

+         y="200.19226">TabPanel</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="61.938736"

+       y="247.13531"

+       id="text7422"><tspan

+         sodipodi:role="line"

+         id="tspan7424"

+         x="61.938736"

+         y="247.13531">DisclosurePanel</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="130.56972"

+       y="164.74698"

+       id="text7426"><tspan

+         sodipodi:role="line"

+         id="tspan7428"

+         x="130.56972"

+         y="164.74698">SuggestBox</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="424.48349"

+       y="164.38301"

+       id="text7430"><tspan

+         sodipodi:role="line"

+         id="tspan7432"

+         x="424.48349"

+         y="164.38301">TextBoxBase</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="438.82227"

+       y="242.19226"

+       id="text7434"><tspan

+         sodipodi:role="line"

+         id="tspan7436"

+         x="438.82227"

+         y="242.19226">ButtonBase</tspan></text>

+    <text

+       xml:space="preserve"

+       style="font-size:12px;font-style:normal;font-weight:normal;opacity:1;fill:#3a3aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Bitstream Vera Sans"

+       x="359.41599"

+       y="242.26526"

+       id="text7438"><tspan

+         sodipodi:role="line"

+         id="tspan7440"

+         x="359.41599"

+         y="242.26526">ListBox</tspan></text>

+  </g>

+  <g

+     inkscape:groupmode="layer"

+     id="layer3"

+     inkscape:label="Luokkanuolet"

+     style="display:none">

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 268.70057,41.906619 L 288.29571,52.362183"

+       id="path6387"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 337.28993,34.481998 L 339.70072,52.362183"

+       id="path7380"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 421.43563,57.816521 L 410,61.361287"

+       id="path7384"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 435.57777,77.261957 L 410,78.5577"

+       id="path7386"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 426.38538,97.060947 L 410,94.060484"

+       id="path7388"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"

+       d="M 380,52.362183 L 380,52.362183"

+       id="path7397"

+       inkscape:connector-type="polyline"

+       inkscape:connection-end="#g4148" />

+    <path

+       style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.44561747px;stroke-linecap:butt;stroke-linejoin:miter;marker-end:url(#EmptyArrow2);stroke-opacity:1;display:inline"

+       d="M 419.31431,40.492406 L 397.64378,52.362183"

+       id="path7382"

+       inkscape:connector-type="polyline"

+       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/arch/events-classdiagram.png"

+       inkscape:export-xdpi="90"

+       inkscape:export-ydpi="90"

+       inkscape:connection-end="#g4148" />

+  </g>

+  <g

+     inkscape:groupmode="layer"

+     id="layer2"

+     inkscape:label="Varjot" />

+</svg>