From ef406ae250aa650a52111a60369d9f0796714b00 Mon Sep 17 00:00:00 2001
From: Marko Gronroos <magi@vaadin.com>
Date: Fri, 18 Mar 2016 15:52:20 +0200
Subject: Fixed some missing images and broken xrefs, as well as problems in
 the getting-started chapter (#19639).

Change-Id: Ie8e371c059f70600bafcf781938ef35878f41324
---
 .../clientside/clientside-widget.asciidoc          |    7 +-
 documentation/clientside/img/gwt-widgets-hi.png    |  Bin 0 -> 190196 bytes
 .../clientside/original-drawings/Makefile          |   13 +
 .../clientside/original-drawings/gwt-widgets.svg   | 1337 ++++++++++++++++++++
 4 files changed, 1351 insertions(+), 6 deletions(-)
 create mode 100644 documentation/clientside/img/gwt-widgets-hi.png
 create mode 100644 documentation/clientside/original-drawings/Makefile
 create mode 100644 documentation/clientside/original-drawings/gwt-widgets.svg

(limited to 'documentation/clientside')

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
Binary files /dev/null and b/documentation/clientside/img/gwt-widgets-hi.png differ
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>
-- 
cgit v1.2.3