carbon-components-angular 5.57.8 → 5.58.1

package/docs/documentation/modules/TooltipModule/dependencies.svg

@@ -24,83 +24,83 @@
 <title>cluster_TooltipModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="72,-70 72,-268 424,-268 424,-70 72,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_TooltipModule_declarations</title>
-<polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TooltipModule_imports</title>
-<polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
+<polygon fill="none" stroke="black" points="294,-78 294,-130 416,-130 416,-78 294,-78"/>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_TooltipModule_exports</title>
-<polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
+<polygon fill="none" stroke="black" points="131,-208 131,-260 343,-260 343,-208 131,-208"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TooltipModule_declarations</title>
+<polygon fill="none" stroke="black" points="80,-78 80,-130 286,-130 286,-78 80,-78"/>
 </g>
 <!-- Tooltip -->
 <g id="node1" class="node">
 <title>Tooltip</title>
-<polygon fill="#ffffb3" stroke="black" points="407.72,-122 350.28,-122 350.28,-86 407.72,-86 407.72,-122"/>
-<text text-anchor="middle" x="379" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
+<polygon fill="#ffffb3" stroke="black" points="277.72,-122 220.28,-122 220.28,-86 277.72,-86 277.72,-122"/>
+<text text-anchor="middle" x="249" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
 </g>
 <!-- TooltipModule -->
 <g id="node3" class="node">
 <title>TooltipModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="325.27,-187 322.27,-191 301.27,-191 298.27,-187 224.73,-187 224.73,-151 325.27,-151 325.27,-187"/>
-<text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="299.27,-187 296.27,-191 275.27,-191 272.27,-187 198.73,-187 198.73,-151 299.27,-151 299.27,-187"/>
+<text text-anchor="middle" x="249" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
 </g>
 <!-- Tooltip&#45;&gt;TooltipModule -->
 <g id="edge1" class="edge">
 <title>Tooltip&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M382.49,-122.11C382.49,-141.34 382.49,-169 382.49,-169 382.49,-169 335.28,-169 335.28,-169"/>
-<polygon fill="black" stroke="black" points="335.28,-165.5 325.28,-169 335.28,-172.5 335.28,-165.5"/>
+<path fill="none" stroke="black" d="M249,-122.11C249,-122.11 249,-140.99 249,-140.99"/>
+<polygon fill="black" stroke="black" points="245.5,-140.99 249,-150.99 252.5,-140.99 245.5,-140.99"/>
 </g>
 <!-- TooltipDefinition -->
 <g id="node2" class="node">
 <title>TooltipDefinition</title>
-<polygon fill="#ffffb3" stroke="black" points="332.27,-122 217.73,-122 217.73,-86 332.27,-86 332.27,-122"/>
-<text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
+<polygon fill="#ffffb3" stroke="black" points="202.27,-122 87.73,-122 87.73,-86 202.27,-86 202.27,-122"/>
+<text text-anchor="middle" x="145" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
 </g>
 <!-- TooltipDefinition&#45;&gt;TooltipModule -->
 <g id="edge2" class="edge">
 <title>TooltipDefinition&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
-<polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
+<path fill="none" stroke="black" d="M202.43,-104C207.86,-104 211.39,-104 211.39,-104 211.39,-104 211.39,-140.89 211.39,-140.89"/>
+<polygon fill="black" stroke="black" points="207.89,-140.89 211.39,-150.89 214.89,-140.89 207.89,-140.89"/>
 </g>
 <!-- Tooltip  -->
 <g id="node5" class="node">
 <title>Tooltip </title>
-<polygon fill="#fb8072" stroke="black" points="357.23,-252 296.77,-252 296.77,-216 357.23,-216 357.23,-252"/>
-<text text-anchor="middle" x="327" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
+<polygon fill="#fb8072" stroke="black" points="335.23,-252 274.77,-252 274.77,-216 335.23,-216 335.23,-252"/>
+<text text-anchor="middle" x="305" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
 </g>
 <!-- TooltipModule&#45;&gt;Tooltip  -->
 <g id="edge4" class="edge">
 <title>TooltipModule&#45;&gt;Tooltip </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M311.01,-187.11C311.01,-187.11 311.01,-205.99 311.01,-205.99"/>
-<polygon fill="black" stroke="black" points="307.51,-205.99 311.01,-215.99 314.51,-205.99 307.51,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M287.01,-187.11C287.01,-187.11 287.01,-205.99 287.01,-205.99"/>
+<polygon fill="black" stroke="black" points="283.51,-205.99 287.01,-215.99 290.51,-205.99 283.51,-205.99"/>
 </g>
 <!-- TooltipDefinition  -->
 <g id="node6" class="node">
 <title>TooltipDefinition </title>
-<polygon fill="#fb8072" stroke="black" points="279.27,-252 160.73,-252 160.73,-216 279.27,-216 279.27,-252"/>
-<text text-anchor="middle" x="220" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
+<polygon fill="#fb8072" stroke="black" points="257.27,-252 138.73,-252 138.73,-216 257.27,-216 257.27,-252"/>
+<text text-anchor="middle" x="198" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
 </g>
 <!-- TooltipModule&#45;&gt;TooltipDefinition  -->
 <g id="edge5" class="edge">
 <title>TooltipModule&#45;&gt;TooltipDefinition </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M251.87,-187.11C251.87,-187.11 251.87,-205.99 251.87,-205.99"/>
-<polygon fill="black" stroke="black" points="248.37,-205.99 251.87,-215.99 255.37,-205.99 248.37,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.87,-187.11C227.87,-187.11 227.87,-205.99 227.87,-205.99"/>
+<polygon fill="black" stroke="black" points="224.37,-205.99 227.87,-215.99 231.37,-205.99 224.37,-205.99"/>
 </g>
 <!-- PopoverModule -->
 <g id="node4" class="node">
 <title>PopoverModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="194.21,-122 191.21,-126 170.21,-126 167.21,-122 87.79,-122 87.79,-86 194.21,-86 194.21,-122"/>
-<text text-anchor="middle" x="141" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="408.21,-122 405.21,-126 384.21,-126 381.21,-122 301.79,-122 301.79,-86 408.21,-86 408.21,-122"/>
+<text text-anchor="middle" x="355" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
 </g>
 <!-- PopoverModule&#45;&gt;TooltipModule -->
 <g id="edge3" class="edge">
 <title>PopoverModule&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M177.48,-122.11C177.48,-141.34 177.48,-169 177.48,-169 177.48,-169 214.53,-169 214.53,-169"/>
-<polygon fill="black" stroke="black" points="214.53,-172.5 224.53,-169 214.53,-165.5 214.53,-172.5"/>
+<path fill="none" stroke="black" d="M301.64,-104C293.91,-104 288.5,-104 288.5,-104 288.5,-104 288.5,-140.89 288.5,-140.89"/>
+<polygon fill="black" stroke="black" points="285,-140.89 288.5,-150.89 292,-140.89 285,-140.89"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/TooltipModule.html

@@ -10,7 +10,23 @@
         <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
 	   <link rel="stylesheet" href="../styles/style.css">
         <link rel="stylesheet" href="../styles/dark.css">
-    </head>
+    
+	<style>
+		footer.carbon {
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+			z-index: 9999;
+		}
+		#root > div {
+			/*
+			 * Subtracting the height of the footer to prevent
+			 * overlaying the footer ontop of content
+			 */
+			height: calc(100vh - 48px);
+		}
+	</style>
+</head>
     <body>
           <script>
                // Blocking script to avoid flickering dark mode
@@ -117,83 +133,83 @@
 <title>cluster_TooltipModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="72,-70 72,-268 424,-268 424,-70 72,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_TooltipModule_declarations</title>
-<polygon fill="none" stroke="black" points="210,-78 210,-130 416,-130 416,-78 210,-78"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TooltipModule_imports</title>
-<polygon fill="none" stroke="black" points="80,-78 80,-130 202,-130 202,-78 80,-78"/>
+<polygon fill="none" stroke="black" points="294,-78 294,-130 416,-130 416,-78 294,-78"/>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_TooltipModule_exports</title>
-<polygon fill="none" stroke="black" points="153,-208 153,-260 365,-260 365,-208 153,-208"/>
+<polygon fill="none" stroke="black" points="131,-208 131,-260 343,-260 343,-208 131,-208"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TooltipModule_declarations</title>
+<polygon fill="none" stroke="black" points="80,-78 80,-130 286,-130 286,-78 80,-78"/>
 </g>
 <!-- Tooltip -->
 <g id="node1" class="node">
 <title>Tooltip</title>
-<polygon fill="#ffffb3" stroke="black" points="407.72,-122 350.28,-122 350.28,-86 407.72,-86 407.72,-122"/>
-<text text-anchor="middle" x="379" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
+<polygon fill="#ffffb3" stroke="black" points="277.72,-122 220.28,-122 220.28,-86 277.72,-86 277.72,-122"/>
+<text text-anchor="middle" x="249" y="-99.8" font-family="Times,serif" font-size="14.00">Tooltip</text>
 </g>
 <!-- TooltipModule -->
 <g id="node3" class="node">
 <title>TooltipModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="325.27,-187 322.27,-191 301.27,-191 298.27,-187 224.73,-187 224.73,-151 325.27,-151 325.27,-187"/>
-<text text-anchor="middle" x="275" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="299.27,-187 296.27,-191 275.27,-191 272.27,-187 198.73,-187 198.73,-151 299.27,-151 299.27,-187"/>
+<text text-anchor="middle" x="249" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
 </g>
 <!-- Tooltip&#45;&gt;TooltipModule -->
 <g id="edge1" class="edge">
 <title>Tooltip&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M382.49,-122.11C382.49,-141.34 382.49,-169 382.49,-169 382.49,-169 335.28,-169 335.28,-169"/>
-<polygon fill="black" stroke="black" points="335.28,-165.5 325.28,-169 335.28,-172.5 335.28,-165.5"/>
+<path fill="none" stroke="black" d="M249,-122.11C249,-122.11 249,-140.99 249,-140.99"/>
+<polygon fill="black" stroke="black" points="245.5,-140.99 249,-150.99 252.5,-140.99 245.5,-140.99"/>
 </g>
 <!-- TooltipDefinition -->
 <g id="node2" class="node">
 <title>TooltipDefinition</title>
-<polygon fill="#ffffb3" stroke="black" points="332.27,-122 217.73,-122 217.73,-86 332.27,-86 332.27,-122"/>
-<text text-anchor="middle" x="275" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
+<polygon fill="#ffffb3" stroke="black" points="202.27,-122 87.73,-122 87.73,-86 202.27,-86 202.27,-122"/>
+<text text-anchor="middle" x="145" y="-99.8" font-family="Times,serif" font-size="14.00">TooltipDefinition</text>
 </g>
 <!-- TooltipDefinition&#45;&gt;TooltipModule -->
 <g id="edge2" class="edge">
 <title>TooltipDefinition&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M275,-122.11C275,-122.11 275,-140.99 275,-140.99"/>
-<polygon fill="black" stroke="black" points="271.5,-140.99 275,-150.99 278.5,-140.99 271.5,-140.99"/>
+<path fill="none" stroke="black" d="M202.43,-104C207.86,-104 211.39,-104 211.39,-104 211.39,-104 211.39,-140.89 211.39,-140.89"/>
+<polygon fill="black" stroke="black" points="207.89,-140.89 211.39,-150.89 214.89,-140.89 207.89,-140.89"/>
 </g>
 <!-- Tooltip  -->
 <g id="node5" class="node">
 <title>Tooltip </title>
-<polygon fill="#fb8072" stroke="black" points="357.23,-252 296.77,-252 296.77,-216 357.23,-216 357.23,-252"/>
-<text text-anchor="middle" x="327" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
+<polygon fill="#fb8072" stroke="black" points="335.23,-252 274.77,-252 274.77,-216 335.23,-216 335.23,-252"/>
+<text text-anchor="middle" x="305" y="-229.8" font-family="Times,serif" font-size="14.00">Tooltip </text>
 </g>
 <!-- TooltipModule&#45;&gt;Tooltip  -->
 <g id="edge4" class="edge">
 <title>TooltipModule&#45;&gt;Tooltip </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M311.01,-187.11C311.01,-187.11 311.01,-205.99 311.01,-205.99"/>
-<polygon fill="black" stroke="black" points="307.51,-205.99 311.01,-215.99 314.51,-205.99 307.51,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M287.01,-187.11C287.01,-187.11 287.01,-205.99 287.01,-205.99"/>
+<polygon fill="black" stroke="black" points="283.51,-205.99 287.01,-215.99 290.51,-205.99 283.51,-205.99"/>
 </g>
 <!-- TooltipDefinition  -->
 <g id="node6" class="node">
 <title>TooltipDefinition </title>
-<polygon fill="#fb8072" stroke="black" points="279.27,-252 160.73,-252 160.73,-216 279.27,-216 279.27,-252"/>
-<text text-anchor="middle" x="220" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
+<polygon fill="#fb8072" stroke="black" points="257.27,-252 138.73,-252 138.73,-216 257.27,-216 257.27,-252"/>
+<text text-anchor="middle" x="198" y="-229.8" font-family="Times,serif" font-size="14.00">TooltipDefinition </text>
 </g>
 <!-- TooltipModule&#45;&gt;TooltipDefinition  -->
 <g id="edge5" class="edge">
 <title>TooltipModule&#45;&gt;TooltipDefinition </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M251.87,-187.11C251.87,-187.11 251.87,-205.99 251.87,-205.99"/>
-<polygon fill="black" stroke="black" points="248.37,-205.99 251.87,-215.99 255.37,-205.99 248.37,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M227.87,-187.11C227.87,-187.11 227.87,-205.99 227.87,-205.99"/>
+<polygon fill="black" stroke="black" points="224.37,-205.99 227.87,-215.99 231.37,-205.99 224.37,-205.99"/>
 </g>
 <!-- PopoverModule -->
 <g id="node4" class="node">
 <title>PopoverModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="194.21,-122 191.21,-126 170.21,-126 167.21,-122 87.79,-122 87.79,-86 194.21,-86 194.21,-122"/>
-<text text-anchor="middle" x="141" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="408.21,-122 405.21,-126 384.21,-126 381.21,-122 301.79,-122 301.79,-86 408.21,-86 408.21,-122"/>
+<text text-anchor="middle" x="355" y="-99.8" font-family="Times,serif" font-size="14.00">PopoverModule</text>
 </g>
 <!-- PopoverModule&#45;&gt;TooltipModule -->
 <g id="edge3" class="edge">
 <title>PopoverModule&#45;&gt;TooltipModule</title>
-<path fill="none" stroke="black" d="M177.48,-122.11C177.48,-141.34 177.48,-169 177.48,-169 177.48,-169 214.53,-169 214.53,-169"/>
-<polygon fill="black" stroke="black" points="214.53,-172.5 224.53,-169 214.53,-165.5 214.53,-172.5"/>
+<path fill="none" stroke="black" d="M301.64,-104C293.91,-104 288.5,-104 288.5,-104 288.5,-104 288.5,-140.89 288.5,-140.89"/>
+<polygon fill="black" stroke="black" points="285,-140.89 288.5,-150.89 292,-140.89 285,-140.89"/>
 </g>
 </g>
 </svg>
@@ -392,5 +408,27 @@ export class TooltipModule {}
        <script src="../js/lazy-load-graphs.js"></script>
 
 
-    </body>
+    
+
+	<footer class="carbon">
+		<dds-footer-container key="footer" disable-locale-button="true" size="micro" />
+	</footer>
+
+	<script
+		key="8"
+		type="module"
+		src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/footer.min.js">
+	</script>
+
+	<!-- Storybook override -->
+	<script>
+		document.title = "Carbon Components Angular";
+	</script>
+
+	<script
+		src="//1.www.s81c.com/common/stats/ibm-common.js"
+		type="text/javascript"
+		async="async">
+	</script>
+</body>
 </html>

package/docs/documentation/modules/TreeviewModule/dependencies.svg

@@ -22,101 +22,101 @@
 <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TreeviewModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="18,-70 18,-333 478,-333 478,-70 18,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="31.5,-70 31.5,-333 464.5,-333 464.5,-70 31.5,-70"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TreeviewModule_declarations</title>
+<polygon fill="none" stroke="black" points="147.5,-143 147.5,-195 456.5,-195 456.5,-143 147.5,-143"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TreeviewModule_TreeViewComponent_providers</title>
-<polygon fill="none" stroke="black" points="296,-78 296,-195 470,-195 470,-78 296,-78"/>
+<polygon fill="none" stroke="black" points="137.5,-78 137.5,-130 311.5,-130 311.5,-78 137.5,-78"/>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_TreeviewModule_exports</title>
-<polygon fill="none" stroke="black" points="91,-273 91,-325 406,-325 406,-273 91,-273"/>
+<polygon fill="none" stroke="black" points="90.5,-273 90.5,-325 405.5,-325 405.5,-273 90.5,-273"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TreeviewModule_imports</title>
-<polygon fill="none" stroke="black" points="188,-143 188,-195 288,-195 288,-143 188,-143"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_TreeviewModule_declarations</title>
-<polygon fill="none" stroke="black" points="26,-143 26,-195 180,-195 180,-143 26,-143"/>
+<polygon fill="none" stroke="black" points="39.5,-143 39.5,-195 139.5,-195 139.5,-143 39.5,-143"/>
 </g>
 <!-- TreeNodeComponent -->
 <g id="node1" class="node">
 <title>TreeNodeComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="171.8,-187 34.2,-187 34.2,-151 171.8,-151 171.8,-187"/>
-<text text-anchor="middle" x="103" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="448.3,-187 310.7,-187 310.7,-151 448.3,-151 448.3,-187"/>
+<text text-anchor="middle" x="379.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent</text>
 </g>
 <!-- TreeviewModule -->
 <g id="node3" class="node">
 <title>TreeviewModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="294.4,-252 291.4,-256 270.4,-256 267.4,-252 181.6,-252 181.6,-216 294.4,-216 294.4,-252"/>
-<text text-anchor="middle" x="238" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="280.9,-252 277.9,-256 256.9,-256 253.9,-252 168.1,-252 168.1,-216 280.9,-216 280.9,-252"/>
+<text text-anchor="middle" x="224.5" y="-229.8" font-family="Times,serif" font-size="14.00">TreeviewModule</text>
 </g>
 <!-- TreeNodeComponent&#45;&gt;TreeviewModule -->
 <g id="edge1" class="edge">
 <title>TreeNodeComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M171.84,-169C181.82,-169 188.79,-169 188.79,-169 188.79,-169 188.79,-205.89 188.79,-205.89"/>
-<polygon fill="black" stroke="black" points="185.29,-205.89 188.79,-215.89 192.29,-205.89 185.29,-205.89"/>
+<path fill="none" stroke="black" d="M354.38,-187.11C354.38,-206.34 354.38,-234 354.38,-234 354.38,-234 290.71,-234 290.71,-234"/>
+<polygon fill="black" stroke="black" points="290.71,-230.5 280.71,-234 290.71,-237.5 290.71,-230.5"/>
 </g>
 <!-- TreeViewComponent -->
 <g id="node2" class="node">
 <title>TreeViewComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="446.79,-187 309.21,-187 309.21,-151 446.79,-151 446.79,-187"/>
-<text text-anchor="middle" x="378" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="293.29,-187 155.71,-187 155.71,-151 293.29,-151 293.29,-187"/>
+<text text-anchor="middle" x="224.5" y="-164.8" font-family="Times,serif" font-size="14.00">TreeViewComponent</text>
 </g>
 <!-- TreeViewComponent&#45;&gt;TreeviewModule -->
 <g id="edge2" class="edge">
 <title>TreeViewComponent&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M309.19,-169C296.52,-169 287.21,-169 287.21,-169 287.21,-169 287.21,-205.89 287.21,-205.89"/>
-<polygon fill="black" stroke="black" points="283.71,-205.89 287.21,-215.89 290.71,-205.89 283.71,-205.89"/>
+<path fill="none" stroke="black" d="M224.5,-187.11C224.5,-187.11 224.5,-205.99 224.5,-205.99"/>
+<polygon fill="black" stroke="black" points="221,-205.99 224.5,-215.99 228,-205.99 221,-205.99"/>
 </g>
 <!-- TreeNodeComponent  -->
 <g id="node6" class="node">
 <title>TreeNodeComponent </title>
-<polygon fill="#fb8072" stroke="black" points="398.3,-317 257.7,-317 257.7,-281 398.3,-281 398.3,-317"/>
-<text text-anchor="middle" x="328" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
+<polygon fill="#fb8072" stroke="black" points="397.8,-317 257.2,-317 257.2,-281 397.8,-281 397.8,-317"/>
+<text text-anchor="middle" x="327.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeNodeComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeNodeComponent  -->
 <g id="edge5" class="edge">
 <title>TreeviewModule&#45;&gt;TreeNodeComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M275.9,-252.11C275.9,-252.11 275.9,-270.99 275.9,-270.99"/>
-<polygon fill="black" stroke="black" points="272.4,-270.99 275.9,-280.99 279.4,-270.99 272.4,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M268.9,-252.11C268.9,-252.11 268.9,-270.99 268.9,-270.99"/>
+<polygon fill="black" stroke="black" points="265.4,-270.99 268.9,-280.99 272.4,-270.99 265.4,-270.99"/>
 </g>
 <!-- TreeViewComponent  -->
 <g id="node7" class="node">
 <title>TreeViewComponent </title>
-<polygon fill="#fb8072" stroke="black" points="239.29,-317 98.71,-317 98.71,-281 239.29,-281 239.29,-317"/>
-<text text-anchor="middle" x="169" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
+<polygon fill="#fb8072" stroke="black" points="238.79,-317 98.21,-317 98.21,-281 238.79,-281 238.79,-317"/>
+<text text-anchor="middle" x="168.5" y="-294.8" font-family="Times,serif" font-size="14.00">TreeViewComponent </text>
 </g>
 <!-- TreeviewModule&#45;&gt;TreeViewComponent  -->
 <g id="edge6" class="edge">
 <title>TreeviewModule&#45;&gt;TreeViewComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M210.6,-252.11C210.6,-252.11 210.6,-270.99 210.6,-270.99"/>
-<polygon fill="black" stroke="black" points="207.1,-270.99 210.6,-280.99 214.1,-270.99 207.1,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M203.6,-252.11C203.6,-252.11 203.6,-270.99 203.6,-270.99"/>
+<polygon fill="black" stroke="black" points="200.1,-270.99 203.6,-280.99 207.1,-270.99 200.1,-270.99"/>
 </g>
 <!-- TreeViewService -->
 <g id="node4" class="node">
 <title>TreeViewService</title>
-<ellipse fill="#fdb462" stroke="black" cx="383" cy="-104" rx="78.69" ry="18"/>
-<text text-anchor="middle" x="383" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
+<ellipse fill="#fdb462" stroke="black" cx="224.5" cy="-104" rx="78.69" ry="18"/>
+<text text-anchor="middle" x="224.5" y="-99.8" font-family="Times,serif" font-size="14.00">TreeViewService</text>
 </g>
 <!-- TreeViewService&#45;&gt;TreeViewComponent -->
 <g id="edge3" class="edge">
 <title>TreeViewService&#45;&gt;TreeViewComponent</title>
-<path fill="none" stroke="black" d="M378,-122.11C378,-122.11 378,-140.99 378,-140.99"/>
-<polygon fill="black" stroke="black" points="374.5,-140.99 378,-150.99 381.5,-140.99 374.5,-140.99"/>
+<path fill="none" stroke="black" d="M224.5,-122.11C224.5,-122.11 224.5,-140.99 224.5,-140.99"/>
+<polygon fill="black" stroke="black" points="221,-140.99 224.5,-150.99 228,-140.99 221,-140.99"/>
 </g>
 <!-- IconModule -->
 <g id="node5" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="280.43,-187 277.43,-191 256.43,-191 253.43,-187 195.57,-187 195.57,-151 280.43,-151 280.43,-187"/>
-<text text-anchor="middle" x="238" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="131.93,-187 128.93,-191 107.93,-191 104.93,-187 47.07,-187 47.07,-151 131.93,-151 131.93,-187"/>
+<text text-anchor="middle" x="89.5" y="-164.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TreeviewModule -->
 <g id="edge4" class="edge">
 <title>IconModule&#45;&gt;TreeviewModule</title>
-<path fill="none" stroke="black" d="M238,-187.11C238,-187.11 238,-205.99 238,-205.99"/>
-<polygon fill="black" stroke="black" points="234.5,-205.99 238,-215.99 241.5,-205.99 234.5,-205.99"/>
+<path fill="none" stroke="black" d="M114.91,-187.11C114.91,-206.34 114.91,-234 114.91,-234 114.91,-234 158.1,-234 158.1,-234"/>
+<polygon fill="black" stroke="black" points="158.1,-237.5 168.1,-234 158.1,-230.5 158.1,-237.5"/>
 </g>
 </g>
 </svg>