Add basic load test

packages/mindplot/package.json

@@ -26,7 +26,7 @@
         "lint": "eslint src",
         "playground": "webpack serve --config webpack.playground.js",
         "cy:run": "cypress run",
-        "test:unit": "jest ./test/unit/*.ts ./test/unit/*.js",
+        "test:unit": "jest ./test/unit/export/*.ts ./test/unit/layout/*.js",
         "test:integration": "start-server-and-test playground http-get://localhost:8081 cy:run",
         "test": "yarn test:unit && yarn test:integration"
     },

packages/mindplot/src/components/export/Exporter.ts

@@ -1,7 +1,6 @@
-import Mindmap from '../model/Mindmap';
 
 interface Exporter {
-    export(mindplot: Mindmap): string;
+    export(): string;
 }
 
 export default Exporter;

packages/mindplot/src/components/export/ImageExport.ts

@@ -0,0 +1,15 @@
+
+import Exporter from "./Exporter";
+
+class TextExporter implements Exporter {
+    svgElement: Element;
+    constructor(svgElement: Element) {
+        this.svgElement = svgElement;
+    }
+
+    export(): string {
+        return "TBI";
+
+    }
+}
+export default TextExporter;

packages/mindplot/src/components/export/PlainTextExporter.ts

@@ -0,0 +1,15 @@
+import Exporter from "./Exporter";
+import Mindmap from "../model/Mindmap";
+
+
+class PlainTextExporter implements Exporter {
+    mindplot: Mindmap;
+    constructor(mindplot: Mindmap) {
+        this.mindplot = mindplot;
+    }
+
+    export(): string {
+        return "TBI";
+    }
+}
+export default PlainTextExporter;

packages/mindplot/src/components/export/TxtExporter.ts

@@ -1,10 +0,0 @@
-import Exporter from "./Exporter";
-import Mindmap from "../model/Mindmap";
-
-
-class TextExporter implements Exporter {
-    export(mindplot: Mindmap): string {
-        return "some value";
-    }
-}
-export default TextExporter;

packages/mindplot/src/components/export/xslt/mm2text.xsl

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<!--
+    Document   : mm2text.xsl
+    Created on : 01 February 2004, 17:17
+    Author     : joerg feuerhake joerg.feuerhake@free-penguin.org
+    Description: transforms freemind mm format to html, handles crossrefs and adds numbering. feel free to customize it while leaving the ancient authors
+                    mentioned. thank you
+    ChangeLog:
+    
+    See: http://freemind.sourceforge.net/
+-->
+
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:output method="text"  indent="no" encoding="ISO-8859-1" />
+<xsl:key name="refid" match="node" use="@ID" />
+
+    <xsl:template match="/">
+        <xsl:text>#MindMapExport FreemindVersion:</xsl:text><xsl:value-of select="map/@version"/>
+        <xsl:text>&#xA;</xsl:text>
+        <xsl:text>&#xA;</xsl:text><xsl:apply-templates/>  
+    </xsl:template>
+
+<xsl:template match="node">
+    <xsl:variable name="thisid" select="@ID"/>
+    <xsl:variable name="target" select="arrowlink/@DESTINATION"/>
+    <xsl:number level="multiple" count="node" format="1"/><xsl:text> </xsl:text><xsl:value-of select="@TEXT"/>
+        <xsl:if test="arrowlink/@DESTINATION != ''">
+            <xsl:text> (see:</xsl:text>
+            <xsl:for-each select="key('refid', $target)">
+                <xsl:value-of select="@TEXT"/>
+            </xsl:for-each>
+            <xsl:text>)</xsl:text>
+         </xsl:if>
+     <xsl:apply-templates/>
+</xsl:template>
+
+</xsl:stylesheet> 

packages/mindplot/src/components/export/xslt/mm2xls_utf8.xsl

@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+    (c) by Naoki Nose, Eric Lavarde 2006-2008
+    This code is licensed under the GPLv2 or later.
+    (http://www.gnu.org/copyleft/gpl.html)
+    Stylesheet to transform a FreeMind map into an Excel sheet, use menu point
+    File -> Export -> Using XSLT... to choose this XSL file, and name the
+    ExportFile Something.xls or Something.xml.
+    2006-12-10: added support for notes and attributes (EWL)
+    2008-10-23: corrected issue with ss namespace not being output (EWL)
+-->
+<xsl:stylesheet version="1.0"
+ xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+ xmlns="urn:schemas-microsoft-com:office:spreadsheet"
+ xmlns:o="urn:schemas-microsoft-com:office:office"
+ xmlns:x="urn:schemas-microsoft-com:office:excel"
+ xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet"
+ xmlns:duss="urn:schemas-microsoft-com:office:dummyspreadsheet">
+  <xsl:output method="xml" indent="yes" encoding="UTF-8" standalone="yes"/>
+  <!-- the duss namespace alias is required in order to be able to output
+  	ss:Data properly, Excel ignores the extraneous dummy namespace. -->
+  <xsl:namespace-alias stylesheet-prefix="duss" result-prefix="ss"/>
+
+  <xsl:template match="/map">
+    <xsl:processing-instruction name="mso-application"> progid="Excel.Sheet"</xsl:processing-instruction>
+    <Workbook>
+      <Styles>
+	<Style ss:ID="s16" ss:Name="attribute_cell">
+	<Borders>
+	<Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1"/>
+	</Borders>
+	</Style>
+	<Style ss:ID="s17" ss:Name="attribute_header">
+	<Borders>
+	<Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1"/>
+	<Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1"/>
+	</Borders>
+	<Font ss:Bold="1"/>
+	</Style>
+      </Styles>
+      <!-- we could probably put something more intelligent as worksheet name,
+      	but it would require name mangling to avoid unallowed characters -->
+      <Worksheet ss:Name="FreeMind Sheet">
+        <Table>
+		<xsl:apply-templates select="node">
+			<xsl:with-param name="index" select="1" />
+		</xsl:apply-templates>
+        </Table>
+      </Worksheet>
+    </Workbook>
+  </xsl:template>
+
+<xsl:template match="node">
+	<xsl:param name="index" />
+	<Row><Cell ss:Index="{$index}">
+		<xsl:call-template name="output-node-text-as-data" />
+	</Cell>
+	<xsl:if test="attribute">
+		<Cell ss:StyleID="s17">
+			<Data ss:Type="String">Names</Data></Cell>
+		<Cell ss:StyleID="s17">
+			<Data ss:Type="String">Values</Data></Cell>
+	</xsl:if>
+	</Row>
+	<xsl:apply-templates select="attribute">
+		<xsl:with-param name="index" select="$index + 1" />
+	</xsl:apply-templates>
+	<xsl:apply-templates select="node">
+		<xsl:with-param name="index" select="$index + 1" />
+	</xsl:apply-templates>
+</xsl:template>
+
+<xsl:template match="attribute">
+	<xsl:param name="index" />
+	<Row><Cell ss:Index="{$index}" ss:StyleID="s16">
+		<Data ss:Type="String"><xsl:value-of select="@NAME" /></Data>
+	     </Cell>
+	     <Cell ss:StyleID="s16">
+		<Data ss:Type="String"><xsl:value-of select="@VALUE" /></Data>
+	     </Cell>
+	</Row>
+</xsl:template>
+
+<xsl:template name="output-node-text-as-data">
+	<xsl:choose>
+	<xsl:when test="richcontent[@TYPE='NODE']">
+	<!-- see comments about rich text and HTML format below -->
+		<duss:Data ss:Type="String" xmlns="http://www.w3.org/TR/REC-html40"><xsl:copy-of select="richcontent[@TYPE='NODE']/html/body/*" /></duss:Data>
+	</xsl:when>
+	<xsl:otherwise>
+	      <Data ss:Type="String"><xsl:value-of select="@TEXT"/></Data>
+	<!-- xsl:value-of select="normalize-space(@TEXT)" / -->
+	</xsl:otherwise>
+	</xsl:choose>
+	<xsl:call-template name="output-note-text-as-comment" />
+</xsl:template>
+
+<!-- export of rich text in HTML format should work, but formatting is lost
+	because Excel understands only HTML tags in capitals, whereas
+	FreeMind exports in small caps. This can probably be solved but would
+	require some more tweaking -->
+<xsl:template name="output-note-text-as-comment">
+	<xsl:if test="richcontent[@TYPE='NOTE']">
+	<Comment><duss:Data xmlns="http://www.w3.org/TR/REC-html40"><xsl:copy-of
+			select="richcontent[@TYPE='NOTE']/html/body/*" /></duss:Data></Comment>
+	</xsl:if>
+</xsl:template>
+
+</xsl:stylesheet>
+
+ 	  	 

packages/mindplot/src/components/persistence/XMLSerializerBeta.js

@@ -15,7 +15,7 @@
  *   limitations under the License.
  */
 import {
-  $defined, $assert, createDocument, innerXML,
+  $defined, $assert, createDocument,
 } from '@wisemapping/core-js';
 import ModelCodeName from './ModelCodeName';
 import Mindmap from '../model/Mindmap';
@@ -169,6 +169,18 @@ class XMLSerializerBeta {
     return noteDom;
   }
 
+  static innerXML(element) {
+    let result = null;
+    if ($defined(element.innerXML)) {
+      result = element.innerXML;
+    } if ($defined(element.xml)) {
+      result = element.xml;
+    } if ($defined(XMLSerializer)) {
+      result = new XMLSerializer().serializeToString(element);
+    }
+    return result;
+  }
+
   loadFromDom(dom, mapId) {
     $assert(dom, 'Dom can not be null');
     $assert(mapId, 'mapId can not be null');
@@ -184,7 +196,7 @@ class XMLSerializerBeta {
     $assert(
       documentElement.tagName === XMLSerializerBeta.MAP_ROOT_NODE,
       `This seem not to be a map document. Root Tag: '${documentElement.tagName}',HTML:${dom.innerHTML
-      }XML:${innerXML(dom)}`,
+      },XML:,${XMLSerializerBeta.innerXML(dom)}`,
     );
 
     // Start the loading process ...

packages/mindplot/src/components/persistence/XMLSerializerPela.js

@@ -495,6 +495,18 @@ class XMLSerializerPela {
     }
     return result;
   }
+
+  static innerXML(element) {
+    let result = null;
+    if ($defined(element.innerXML)) {
+      result = element.innerXML;
+    } if ($defined(element.xml)) {
+      result = element.xml;
+    } if ($defined(XMLSerializer)) {
+      result = new XMLSerializer().serializeToString(element);
+    }
+    return result;
+  }
 }
 
 /**

packages/mindplot/src/components/persistence/XMLSerializerTango.js

@@ -15,12 +15,12 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-import XMLSerializer from './XMLSerializerPela';
+import XMLSerializerPela from './XMLSerializerPela';
 
 /**
  * This serializer works exactly the same way as for the former version Pela
  */
-class XMLSerializerTango extends XMLSerializer {
+class XMLSerializerTango extends XMLSerializerPela {
 }
 
 // eslint-disable-next-line camelcase

packages/mindplot/src/index.js

@@ -22,7 +22,7 @@ import Mindmap from './components/model/Mindmap';
 import PersistenceManager from './components/PersistenceManager';
 import Designer from './components/Designer';
 import LocalStorageManager from './components/LocalStorageManager';
-import TxtExporter from './components/export/TxtExporter';
+import TxtExporter from './components/export/PlainTextExporter';
 
 import Menu from './components/widget/Menu';
 

packages/mindplot/test/unit/TxTExportTestSuite.test.ts

@@ -1,9 +0,0 @@
-import TxtExporter from '../../src/components/export/TxtExporter';
-import Mindmap from '../../src/components/model/Mindmap';
-
-test('adds 1 + 2 to equal 3', () => {
-  const m = new Mindmap("some map");
- 
-  const exporter = new TxtExporter();
-  console.log(exporter.export(m));
-});

packages/mindplot/test/unit/export/PlainTextExportTestSuite.test.ts

@@ -0,0 +1,23 @@
+import PlainTextExporter from '../../../src/components/export/PlainTextExporter';
+import Mindmap from '../../../src/components/model/Mindmap';
+import XMLSerializerTango from '../../../src/components/persistence/XMLSerializerTango';
+import fs from  'fs';
+import path from 'path';
+
+test('mindplot generation of simple maps', () => {
+
+  // Load DOM ...
+  const mapStream =fs.readFileSync(path.resolve(__dirname, '../samples/welcome.xml'),{encoding: 'utf-8'});
+  const parser = new DOMParser();
+  const document = parser.parseFromString(mapStream.toString(), 'text/xml')
+  
+  // Convert to mindmap ...
+  const serializer = new XMLSerializerTango();
+  const mindmap:Mindmap = serializer.loadFromDom(document,'welcome');
+
+  // Inspect ...
+  console.log(mindmap);
+ 
+  const exporter = new PlainTextExporter(mindmap);
+  console.log(exporter.export());
+});

packages/mindplot/test/unit/layout/BalancedTestSuite.test.js

@@ -1,5 +1,5 @@
 import TestSuite from './TestSuite';
-import LayoutManager from '../../src/components/layout/LayoutManager';
+import LayoutManager from '../../../src/components/layout/LayoutManager';
 
 describe('Balanced Test Suite', () => {
   describe('balancedTest', () => {

packages/mindplot/test/unit/layout/EventsTestSuite.test.js

@@ -1,4 +1,4 @@
-import Events from '../../src/components/Events';
+import Events from '../../../src/components/Events';
 
 describe('Events class suite', () => {
   class TestClass extends Events {

packages/mindplot/test/unit/layout/FreeTestSuite.test.js

@@ -1,5 +1,5 @@
 import TestSuite from './TestSuite';
-import LayoutManager from '../../src/components/layout/LayoutManager';
+import LayoutManager from '../../../src/components/layout/LayoutManager';
 
 expect.extend({
   toNotBeBranchesOverlap(received, expected) {

packages/mindplot/test/unit/layout/SymmetricTestSuite.test.js

@@ -1,5 +1,5 @@
 import TestSuite from './TestSuite';
-import LayoutManager from '../../src/components/layout/LayoutManager';
+import LayoutManager from '../../../src/components/layout/LayoutManager';
 
 describe('Symmetric Test Suite', () => {
   describe('symmetricTest', () => {

packages/mindplot/test/unit/resources/welcome.xml

@@ -1,48 +0,0 @@
-<map name="welcome" version="tango">
-    <topic central="true" text="Welcome To WiseMapping" id="1" fontStyle=";;#dfcfe6;;;" bgColor="#0a0a08">
-        <topic position="178,-130" order="0" text="Try it Now!" id="11" fontStyle=";;#ffffff;;;" bgColor="#250be3"
-               brColor="#080559">
-            <topic position="272,-156" order="0" text="Double Click" id="12" fontStyle=";;#001be6;;italic;"/>
-            <topic position="274,-130" order="1" text=" INS to insert" id="13" fontStyle=";;#001be6;;italic;"/>
-            <topic position="285,-104" order="2" text="Drag map to move" id="14" fontStyle=";;#001be6;;italic;"/>
-        </topic>
-        <topic position="-189,-52" order="1" text="Productivity" id="2" fontStyle=";;#104f11;;;" bgColor="#d9b518">
-            <icon id="chart_bar"/>
-            <topic position="-310,-104" order="0" text="Share your ideas" id="3">
-                <icon id="bulb_light_on"/>
-            </topic>
-            <topic position="-299,-25" order="2" text="Brainstorming" id="4"/>
-            <topic position="-283,1" order="3" text="Visual " id="5"/>
-            <topic position="-307,-65" order="1" shape="image" image="80,43:images/logo-small.png" id="27"
-                   metadata="{'media':'video,'url':'http://www.youtube.com/watch?v=P3FrXftyuzw&amp;feature=g-vrec&amp;context=G2b4ab69RVAAAAAAAAAA'}"/>
-        </topic>
-        <topic position="185,-39" order="2" text="Mind Mapping" id="6" fontStyle=";;#602378;;;" bgColor="#edabff">
-            <topic position="303,-78" order="0" text="Share with Collegues" id="7"/>
-            <topic position="275,-52" order="1" text="Online" id="8"/>
-            <topic position="299,-26" order="2" text="Anyplace, Anytime" id="9"/>
-            <topic position="277,0" order="3" text="Free!!!" id="10"/>
-        </topic>
-        <topic position="-183,66" order="3" text="Web 2.0 Tool" id="22" fontStyle=";;#0c1d6b;;;" bgColor="#add1f7">
-            <topic position="-281,27" order="0" text="Collaborate" id="23"/>
-            <topic position="-302,53" order="1" text="No plugin required" id="24">
-                <icon id="conn_disconnect"/>
-            </topic>
-            <topic position="-271,79" order="2" text="Share" id="25"/>
-            <topic position="-282,105" order="3" text="Easy to use" id="26"/>
-        </topic>
-        <topic position="171,91" order="4" text="Features" id="15">
-            <topic position="266,26" order="0" text="Links to Sites" id="16" fontStyle=";6;;;;">
-                <link url="http://www.digg.com" type="url"/>
-            </topic>
-            <topic position="245,52" order="1" text="Fonts" id="17"/>
-            <topic position="255,78" order="2" text="Topic Color" id="18"/>
-            <topic position="260,104" order="3" text="Topic Shapes" shape="line" id="19"/>
-            <topic position="252,130" order="4" text="Icons" id="20">
-                <icon id="object_rainbow"/>
-            </topic>
-            <topic position="272,156" order="5" text="History Changes" id="21">
-                <icon id="arrowc_turn_left"/>
-            </topic>
-        </topic>
-    </topic>
-</map>

packages/mindplot/test/unit/samples/welcome.svg

@@ -0,0 +1,343 @@
+<svg focusable="true" preserveAspectRatio="none" width="1440" height="900" viewBox="-607.7499999999999 -318.32500000000005 1224 765">
+    <path style="fill:none " stroke-width="2px" stroke="#3f96ff" stroke-opacity="1" visibility="hidden"></path>
+    <path stroke-width="2px" stroke="#9b74e6" stroke-opacity="1" visibility="visible" d="M198,-166 L192.09129864709237,-164.95728799654572M198,-166 L196.95728799654572,-171.90870135290763"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,190 -271,190"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,158 -271,158"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-242,161 C-251,161 -262,126 -271,126"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,161 -150,161 -100,164 -50,5 0,7 Z"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-296,81 C-305,81 -316,94 -325,94"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-296,81 C-305,81 -316,62 -325,62"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,81 -150,81 -100,84 -50,5 0,7 Z"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 265,162 274,162"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 265,130 274,130"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M245,133 C254,133 264,98 273,98"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,133 150,133 100,136 50,5 0,7 Z"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,30 -284,30"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-2 -284,-2"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-34 -284,-34"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-255,-15 C-264,-15 -275,-66 -284,-66"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,-15 -150,-15 -100,-12 -50,5 0,7 Z"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 232,66 241,66"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 233,34 242,34"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 303,2 312,2"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 303,-30 312,-30"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M283,-30 C292,-30 302,-62 311,-62"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 233,-30 242,-30"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M213,-11 C222,-11 232,-94 241,-94"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,-11 150,-11 100,-8 50,5 0,7 Z"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-98 -268,-98"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-130 -268,-130"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M-239,-130 C-248,-130 -259,-167 -268,-167"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C-50,0 -100,-130 -150,-130 -100,-127 -50,5 0,7 Z"></path>
+    <path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1" visibility="visible" d="M0,0 C50,0 100,-126 150,-126 100,-123 50,5 0,7 Z"></path>
+    <rect width="50" height="6" rx="0" ry="0" x="5" y="5" stroke-width="1px" stroke="#FF9933" fill="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
+    <path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></path>
+    <path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></path>
+    <rect width="50" height="6" rx="0" ry="0" x="5" y="5" stroke-width="1px" stroke="#FF9933" fill="#CC0033" stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-120.00000,-18.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="245" height="43" rx="6.45" ry="6.45" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(244,184,45)" stroke-opacity="1" fill-opacity="1" style="cursor: default;"></rect>
+        <rect width="241" height="37" rx="5.55" ry="5.55" x="0" y="0" stroke-width="2px" fill="rgb(80,157,192)" stroke="rgb(57,113,177)" style="cursor: default;"></rect>
+        <text font-family="Verdana" font-size="13.4375" font-style="normal" font-weight="bold" fill="#ffffff" visibility="visible" style="cursor: default;" y="10" x="32">
+            <tspan dy="1em" x="32">Welcome To WiseMapping</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="20" height="20" transform="translate(8.00000,10.00000) scale(0.20000,0.20000)">
+            <image preserveAspectRatio="none" xlink:href="87b4e34ed4462c676f97.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,-161.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="165" height="41" rx="6.1499999999999995" ry="6.1499999999999995" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="35" x2="161" y2="35"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="40">
+            <tspan dy="1em" x="40">5 min tutorial video ?</tspan>
+            <tspan dy="1em" x="40">Follow the link !</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="31" height="15" transform="translate(6.00000,6.00000) scale(0.15500,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="b5d8964fd96a656369d5.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+            <image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="105"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-238.00000,-158.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="92" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="88" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
+            <tspan dy="1em" x="24">Try it Now!</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="05c3a46e096665e2b73d.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="#250be3" visibility="visible" stroke="#080559" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-334.00000,-189.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="70" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="66" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="italic" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Double Click</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-376.00000,-157.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="112" height="33" rx="4.95" ry="4.95" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="27" x2="108" y2="27" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="5" x="7">
+            <tspan dy="1em" x="7">Press "enter" to add a </tspan>
+            <tspan dy="1em" x="7">Sibling</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-360.00000,-120.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="96" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="92" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="italic" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Drag map to move</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,-39.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="65" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="61" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="9">
+            <tspan dy="1em" x="9">Features</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="64" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="15"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(241.00000,-116.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="85" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="81" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">Links to Sites</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="5"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(242.00000,-52.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="44" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="40" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Styles</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="43" cy="22" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(311.00000,-84.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="41" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="37" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Fonts</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312.00000,-52.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="72" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="22" x2="68" y2="22"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Topic Shapes</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312.00000,-20.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="64" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="60" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Topic Color</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(242.00000,12.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="52" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="48" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">Icons</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="5e06f9581efd8466b8df.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(241.00000,44.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="97" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="93" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">History Changes</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="8d157d5bba7dccb92fb6.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-254.00000,-43.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="108" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="104" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
+            <tspan dy="1em" x="24">Mind Mapping</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="efcc09caadd59213512f.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="#edabff" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-385.00000,-88.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="105" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="101" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Share with Collegues</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-325.00000,-56.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="45" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="41" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Online</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-375.00000,-24.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="95" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="91" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Anyplace, Anytime</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-327.00000,8.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="47" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="43" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Free!!!</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(150.00000,105.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="97" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="93" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
+            <tspan dy="1em" x="24">Productivity</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="9451621eb0641f9bfed6.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="96" cy="28" stroke-width="1px" fill="#d9b518" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(273.00000,76.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="99" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="95" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">Share your ideas</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="1aaf10f7785ebae7edce.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(274.00000,108.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="76" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="72" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Brainstorming</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(274.00000,140.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="44" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="40" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Visual </tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-295.00000,53.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="149" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="145" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="8" x="24">
+            <tspan dy="1em" x="24">Install In Your Server</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="b5d8964fd96a656369d5.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-416.00000,40.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="95" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="91" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="30">
+            <tspan dy="1em" x="30">Open Source</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="23" height="11" transform="translate(5.00000,6.00000) scale(0.11500,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="208f1b86edc4b6ab2931.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+            <image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="105"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-391.00000,72.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="70" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="66" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#525c61" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">Download</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="1c528f2105178b58d339.svg" width="90" height="90" style="cursor: pointer;" data-original-title="" title="" y="5" x="5"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-241.00000,133.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="95" height="34" rx="5.1" ry="5.1" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move;" x1="0" y1="28" x2="91" y2="28"></line>
+        <text font-family="Verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="8" x="24">
+            <tspan dy="1em" x="24">Collaborate</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="15" height="15" transform="translate(6.00000,8.00000) scale(0.15000,0.15000)">
+            <image preserveAspectRatio="none" xlink:href="dd3504c0f36bd63b5a5a.png" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="28" stroke-width="1px" fill="rgb(224,229,239)" visibility="visible" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-314.00000,104.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="47" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="43" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Embed</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-315.00000,136.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="48" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="44" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="7">
+            <tspan dy="1em" x="7">Publish</tspan>
+        </text>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+        <g preserveAspectRatio="none" focusable="true" width="0" height="11"></g>
+    </g>
+    <g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-366.00000,168.00000) scale(1.00000,1.00000)" visibility="visible">
+        <rect width="99" height="28" rx="4.2" ry="4.2" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
+        <line stroke-width="1px" stroke="#495879" stroke-opacity="1" x1="0" y1="22" x2="95" y2="22" style="cursor: move;"></line>
+        <text font-family="Verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="rgb(82,92,97)" visibility="visible" style="cursor: move;" y="6" x="18">
+            <tspan dy="1em" x="18">Share for Edition</tspan>
+        </text>
+        <g preserveAspectRatio="none" focusable="true" width="11" height="11" transform="translate(5.00000,6.00000) scale(0.11000,0.11000)">
+            <image preserveAspectRatio="none" xlink:href="e1d10870978e1ff40621.svg" width="90" height="90" y="5" x="5" style="cursor: pointer;"></image>
+        </g>
+        <ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" fill="rgb(224,229,239)" visibility="hidden" stroke="rgb(2,59,185)" style="cursor: default;"></ellipse>
+    </g>
+    <ellipse width="6" height="6" rx="3" ry="3" cx="8" cy="8" stroke-width="1px" stroke="#6589de" fill="gray" visibility="hidden" style="cursor: pointer;"></ellipse>
+    <ellipse width="6" height="6" rx="3" ry="3" cx="8" cy="8" stroke-width="1px" stroke="#6589de" fill="gray" visibility="hidden" style="cursor: pointer;"></ellipse>
+    <line stroke-width="1px" stroke="#6589de" stroke-opacity="0.3" fill-opacity="0.3"></line>
+    <line stroke-width="1px" stroke="#6589de" stroke-opacity="0.3" fill-opacity="0.3"></line>
+    <path style="fill: none; cursor: pointer;" stroke-width="2px" stroke="#9b74e6" stroke-opacity="1" fill="#495879" fill-opacity="1" stroke-dasharray="4,2" visibility="visible" d="M198,-166 C118,-222 -65,-279 -175,-163"></path>
+</svg>

packages/mindplot/test/unit/samples/welcome.xml

@@ -0,0 +1,70 @@
+<map name="3" version="tango">
+    <topic central="true" text="Welcome To WiseMapping" id="1" fontStyle=";;#ffffff;;;">
+        <icon id="sign_info"/>
+        <topic position="199,-112" order="0" id="30">
+            <text><![CDATA[5 min tutorial video ?
+Follow the link !]]></text>
+            <link url="https://www.youtube.com/tv?vq=medium#/watch?v=rKxZwNKs9cE" urlType="url"/>
+            <icon id="hard_computer"/>
+        </topic>
+        <topic position="-167,-112" order="1" text="Try it Now!" id="11" fontStyle=";;#525c61;;;" bgColor="#250be3" brColor="#080559">
+            <icon id="face_surprise"/>
+            <topic position="-260,-141" order="0" text="Double Click" id="12" fontStyle=";;#525c61;;italic;"/>
+            <topic position="-278,-112" order="1" id="13">
+                <text><![CDATA[Press "enter" to add a 
+Sibling]]></text>
+            </topic>
+            <topic position="-271,-83" order="2" text="Drag map to move" id="14" fontStyle=";;#525c61;;italic;"/>
+        </topic>
+        <topic position="155,-18" order="2" text="Features" id="15" fontStyle=";;#525c61;;;">
+            <topic position="244,-80" order="0" text="Links to Sites" id="16" fontStyle=";6;#525c61;;;">
+                <link url="http://www.digg.com" urlType="url"/>
+            </topic>
+            <topic position="224,-30" order="1" text="Styles" id="31">
+                <topic position="285,-55" order="0" text="Fonts" id="17" fontStyle=";;#525c61;;;"/>
+                <topic position="299,-30" order="1" text="Topic Shapes" shape="line" id="19" fontStyle=";;#525c61;;;"/>
+                <topic position="295,-5" order="2" text="Topic Color" id="18" fontStyle=";;#525c61;;;"/>
+            </topic>
+            <topic position="229,20" order="2" text="Icons" id="20" fontStyle=";;#525c61;;;">
+                <icon id="object_rainbow"/>
+            </topic>
+            <topic position="249,45" order="3" text="History Changes" id="21" fontStyle=";;#525c61;;;">
+                <icon id="arrowc_turn_left"/>
+            </topic>
+        </topic>
+        <topic position="-176,-21" order="3" text="Mind Mapping" id="6" fontStyle=";;#525c61;;;" bgColor="#edabff">
+            <icon id="thumb_thumb_up"/>
+            <topic position="-293,-58" order="0" text="Share with Collegues" id="7" fontStyle=";;#525c61;;;"/>
+            <topic position="-266,-33" order="1" text="Online" id="8" fontStyle=";;#525c61;;;"/>
+            <topic position="-288,-8" order="2" text="Anyplace, Anytime" id="9" fontStyle=";;#525c61;;;"/>
+            <topic position="-266,17" order="3" text="Free!!!" id="10" fontStyle=";;#525c61;;;"/>
+        </topic>
+        <topic position="171,95" order="4" text="Productivity" id="2" fontStyle=";;#525c61;;;" bgColor="#d9b518">
+            <icon id="chart_bar"/>
+            <topic position="281,70" order="0" text="Share your ideas" id="3" fontStyle=";;#525c61;;;">
+                <icon id="bulb_light_on"/>
+            </topic>
+            <topic position="270,95" order="1" text="Brainstorming" id="4" fontStyle=";;#525c61;;;"/>
+            <topic position="256,120" order="2" text="Visual " id="5" fontStyle=";;#525c61;;;"/>
+        </topic>
+        <topic position="-191,54" order="5" text="Install In Your Server" id="27" fontStyle=";;#525c61;;;">
+            <icon id="hard_computer"/>
+            <topic position="-319,42" order="0" text="Open Source" id="29" fontStyle=";;#525c61;;;">
+                <icon id="soft_penguin"/>
+                <link url="http://www.wisemapping.org/" urlType="url"/>
+            </topic>
+            <topic position="-310,67" order="1" text="Download" id="28" fontStyle=";;#525c61;;;">
+                <link url="http://www.wisemapping.com/inyourserver.html" urlType="url"/>
+            </topic>
+        </topic>
+        <topic position="-169,117" order="7" text="Collaborate" id="32">
+            <icon id="people_group"/>
+            <topic position="-253,92" order="0" text="Embed" id="33"/>
+            <topic position="-254,117" order="1" text="Publish" id="34"/>
+            <topic position="-277,142" order="2" text="Share for Edition" id="35">
+                <icon id="mail_envelop"/>
+            </topic>
+        </topic>
+    </topic>
+    <relationship srcTopicId="30" destTopicId="11" lineType="3" srcCtrlPoint="-80,-56" destCtrlPoint="110,-116" endArrow="false" startArrow="true"/>
+</map>