carbon-components-angular 5.72.0 → 5.72.2

package/docs/documentation/modules/TabsModule.html

@@ -113,115 +113,115 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="2948pt" height="349pt"
- viewBox="0.00 0.00 2948.00 349.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="2436pt" height="349pt"
+ viewBox="0.00 0.00 2436.00 349.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 345)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-345 2944,-345 2944,4 -4,4"/>
-<text text-anchor="start" x="1449.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="1236,-10 1236,-30 1256,-30 1256,-10 1236,-10"/>
-<text text-anchor="start" x="1259.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="1349,-10 1349,-30 1369,-30 1369,-10 1349,-10"/>
-<text text-anchor="start" x="1372.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="1435,-10 1435,-30 1455,-30 1455,-10 1435,-10"/>
-<text text-anchor="start" x="1458.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="1532,-10 1532,-30 1552,-30 1552,-10 1532,-10"/>
-<text text-anchor="start" x="1555.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1628,-10 1628,-30 1648,-30 1648,-10 1628,-10"/>
-<text text-anchor="start" x="1651.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-345 2432,-345 2432,4 -4,4"/>
+<text text-anchor="start" x="1193.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="980,-10 980,-30 1000,-30 1000,-10 980,-10"/>
+<text text-anchor="start" x="1003.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="1093,-10 1093,-30 1113,-30 1113,-10 1093,-10"/>
+<text text-anchor="start" x="1116.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="1179,-10 1179,-30 1199,-30 1199,-10 1179,-10"/>
+<text text-anchor="start" x="1202.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="1276,-10 1276,-30 1296,-30 1296,-10 1276,-10"/>
+<text text-anchor="start" x="1299.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="1372,-10 1372,-30 1392,-30 1392,-10 1372,-10"/>
+<text text-anchor="start" x="1395.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TabsModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 2932,-333 2932,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 2420,-333 2420,-70 8,-70"/>
+</g>
+<g id="clust17" class="cluster">
+<title>cluster_TabsModule_exports</title>
+<polygon fill="none" stroke="black" points="280,-273 280,-325 1718,-325 1718,-273 280,-273"/>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_TabsModule_TabHeaderComponent_providers</title>
-<polygon fill="none" stroke="black" points="2234,-78 2234,-195 2924,-195 2924,-78 2234,-78"/>
-</g>
-<g id="clust6" class="cluster">
-<title>cluster_TabsModule_TabHeader_providers</title>
-<polygon fill="none" stroke="black" points="1626,-78 1626,-195 2226,-195 2226,-78 1626,-78"/>
+<polygon fill="none" stroke="black" points="1722,-78 1722,-195 2412,-195 2412,-78 1722,-78"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_TabsModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-143 16,-195 1285,-195 1285,-143 16,-143"/>
+<polygon fill="none" stroke="black" points="16,-143 16,-195 1381,-195 1381,-143 16,-143"/>
 </g>
 <g id="clust16" class="cluster">
 <title>cluster_TabsModule_imports</title>
-<polygon fill="none" stroke="black" points="1293,-143 1293,-195 1618,-195 1618,-143 1293,-143"/>
+<polygon fill="none" stroke="black" points="1389,-143 1389,-195 1714,-195 1714,-143 1389,-143"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TabsModule_IconTab_providers</title>
-<polygon fill="none" stroke="black" points="879,-78 879,-130 1365,-130 1365,-78 879,-78"/>
+<polygon fill="none" stroke="black" points="1101,-78 1101,-130 1587,-130 1587,-78 1101,-78"/>
 </g>
-<g id="clust17" class="cluster">
-<title>cluster_TabsModule_exports</title>
-<polygon fill="none" stroke="black" points="274,-273 274,-325 1712,-325 1712,-273 274,-273"/>
+<g id="clust6" class="cluster">
+<title>cluster_TabsModule_TabHeader_providers</title>
+<polygon fill="none" stroke="black" points="493,-78 493,-130 1093,-130 1093,-78 493,-78"/>
 </g>
 <!-- BaseTabHeader -->
 <g id="node1" class="node">
 <title>BaseTabHeader</title>
-<polygon fill="#ffffb3" stroke="black" points="1276.89,-187 1171.11,-187 1171.11,-151 1276.89,-151 1276.89,-187"/>
-<text text-anchor="middle" x="1224" y="-164.8" font-family="Times,serif" font-size="14.00">BaseTabHeader</text>
+<polygon fill="#ffffb3" stroke="black" points="1372.89,-187 1267.11,-187 1267.11,-151 1372.89,-151 1372.89,-187"/>
+<text text-anchor="middle" x="1320" y="-164.8" font-family="Times,serif" font-size="14.00">BaseTabHeader</text>
 </g>
 <!-- TabsModule -->
 <g id="node14" class="node">
 <title>TabsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1038.26,-252 1035.26,-256 1014.26,-256 1011.26,-252 951.74,-252 951.74,-216 1038.26,-216 1038.26,-252"/>
-<text text-anchor="middle" x="995" y="-229.8" font-family="Times,serif" font-size="14.00">TabsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1044.26,-252 1041.26,-256 1020.26,-256 1017.26,-252 957.74,-252 957.74,-216 1044.26,-216 1044.26,-252"/>
+<text text-anchor="middle" x="1001" y="-229.8" font-family="Times,serif" font-size="14.00">TabsModule</text>
 </g>
 <!-- BaseTabHeader&#45;&gt;TabsModule -->
 <g id="edge1" class="edge">
 <title>BaseTabHeader&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1241.56,-187.24C1241.56,-202.57 1241.56,-222 1241.56,-222 1241.56,-222 1048.51,-222 1048.51,-222"/>
-<polygon fill="black" stroke="black" points="1048.51,-218.5 1038.51,-222 1048.51,-225.5 1048.51,-218.5"/>
+<path fill="none" stroke="black" d="M1278.51,-187.03C1278.51,-203.4 1278.51,-225 1278.51,-225 1278.51,-225 1054.36,-225 1054.36,-225"/>
+<polygon fill="black" stroke="black" points="1054.36,-221.5 1044.36,-225 1054.36,-228.5 1054.36,-221.5"/>
 </g>
 <!-- IconTab -->
 <g id="node2" class="node">
 <title>IconTab</title>
-<polygon fill="#ffffb3" stroke="black" points="1153.14,-187 1090.86,-187 1090.86,-151 1153.14,-151 1153.14,-187"/>
-<text text-anchor="middle" x="1122" y="-164.8" font-family="Times,serif" font-size="14.00">IconTab</text>
+<polygon fill="#ffffb3" stroke="black" points="1249.14,-187 1186.86,-187 1186.86,-151 1249.14,-151 1249.14,-187"/>
+<text text-anchor="middle" x="1218" y="-164.8" font-family="Times,serif" font-size="14.00">IconTab</text>
 </g>
 <!-- IconTab&#45;&gt;TabsModule -->
 <g id="edge2" class="edge">
 <title>IconTab&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1119.47,-187.05C1119.47,-201.37 1119.47,-219 1119.47,-219 1119.47,-219 1048.53,-219 1048.53,-219"/>
-<polygon fill="black" stroke="black" points="1048.53,-215.5 1038.53,-219 1048.53,-222.5 1048.53,-215.5"/>
+<path fill="none" stroke="black" d="M1218,-187.24C1218,-202.57 1218,-222 1218,-222 1218,-222 1054.39,-222 1054.39,-222"/>
+<polygon fill="black" stroke="black" points="1054.39,-218.5 1044.39,-222 1054.39,-225.5 1054.39,-218.5"/>
 </g>
 <!-- Tab -->
 <g id="node3" class="node">
 <title>Tab</title>
-<polygon fill="#ffffb3" stroke="black" points="1073,-187 1019,-187 1019,-151 1073,-151 1073,-187"/>
-<text text-anchor="middle" x="1046" y="-164.8" font-family="Times,serif" font-size="14.00">Tab</text>
+<polygon fill="#ffffb3" stroke="black" points="1169,-187 1115,-187 1115,-151 1169,-151 1169,-187"/>
+<text text-anchor="middle" x="1142" y="-164.8" font-family="Times,serif" font-size="14.00">Tab</text>
 </g>
 <!-- Tab&#45;&gt;TabsModule -->
 <g id="edge4" class="edge">
 <title>Tab&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1028.69,-187.11C1028.69,-187.11 1028.69,-205.99 1028.69,-205.99"/>
-<polygon fill="black" stroke="black" points="1025.19,-205.99 1028.69,-215.99 1032.19,-205.99 1025.19,-205.99"/>
+<path fill="none" stroke="black" d="M1134.63,-187.05C1134.63,-201.37 1134.63,-219 1134.63,-219 1134.63,-219 1054.39,-219 1054.39,-219"/>
+<polygon fill="black" stroke="black" points="1054.39,-215.5 1044.39,-219 1054.39,-222.5 1054.39,-215.5"/>
 </g>
 <!-- TabHeader -->
 <g id="node4" class="node">
 <title>TabHeader</title>
-<polygon fill="#ffffb3" stroke="black" points="1838.18,-187 1759.82,-187 1759.82,-151 1838.18,-151 1838.18,-187"/>
-<text text-anchor="middle" x="1799" y="-164.8" font-family="Times,serif" font-size="14.00">TabHeader</text>
+<polygon fill="#ffffb3" stroke="black" points="1097.18,-187 1018.82,-187 1018.82,-151 1097.18,-151 1097.18,-187"/>
+<text text-anchor="middle" x="1058" y="-164.8" font-family="Times,serif" font-size="14.00">TabHeader</text>
 </g>
 <!-- TabHeader&#45;&gt;TabsModule -->
 <g id="edge5" class="edge">
 <title>TabHeader&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1799,-187.17C1799,-206.09 1799,-233 1799,-233 1799,-233 1048.51,-233 1048.51,-233"/>
-<polygon fill="black" stroke="black" points="1048.51,-229.5 1038.51,-233 1048.51,-236.5 1048.51,-229.5"/>
+<path fill="none" stroke="black" d="M1031.65,-187.11C1031.65,-187.11 1031.65,-205.99 1031.65,-205.99"/>
+<polygon fill="black" stroke="black" points="1028.15,-205.99 1031.65,-215.99 1035.15,-205.99 1028.15,-205.99"/>
 </g>
 <!-- TabHeaderComponent -->
 <g id="node5" class="node">
 <title>TabHeaderComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="2517.51,-187 2374.49,-187 2374.49,-151 2517.51,-151 2517.51,-187"/>
-<text text-anchor="middle" x="2446" y="-164.8" font-family="Times,serif" font-size="14.00">TabHeaderComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="2005.51,-187 1862.49,-187 1862.49,-151 2005.51,-151 2005.51,-187"/>
+<text text-anchor="middle" x="1934" y="-164.8" font-family="Times,serif" font-size="14.00">TabHeaderComponent</text>
 </g>
 <!-- TabHeaderComponent&#45;&gt;TabsModule -->
 <g id="edge7" class="edge">
 <title>TabHeaderComponent&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M2446,-187.31C2446,-207.15 2446,-236 2446,-236 2446,-236 1048.43,-236 1048.43,-236"/>
-<polygon fill="black" stroke="black" points="1048.43,-232.5 1038.43,-236 1048.43,-239.5 1048.43,-232.5"/>
+<path fill="none" stroke="black" d="M1934,-187.31C1934,-207.15 1934,-236 1934,-236 1934,-236 1054.44,-236 1054.44,-236"/>
+<polygon fill="black" stroke="black" points="1054.44,-232.5 1044.44,-236 1054.44,-239.5 1054.44,-232.5"/>
 </g>
 <!-- TabHeaderGroup -->
 <g id="node6" class="node">
@@ -232,8 +232,8 @@
 <!-- TabHeaderGroup&#45;&gt;TabsModule -->
 <g id="edge9" class="edge">
 <title>TabHeaderGroup&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M976.3,-187.11C976.3,-187.11 976.3,-205.99 976.3,-205.99"/>
-<polygon fill="black" stroke="black" points="972.8,-205.99 976.3,-215.99 979.8,-205.99 972.8,-205.99"/>
+<path fill="none" stroke="black" d="M979.3,-187.11C979.3,-187.11 979.3,-205.99 979.3,-205.99"/>
+<polygon fill="black" stroke="black" points="975.8,-205.99 979.3,-215.99 982.8,-205.99 975.8,-205.99"/>
 </g>
 <!-- TabHeaderGroupVertical -->
 <g id="node7" class="node">
@@ -244,8 +244,8 @@
 <!-- TabHeaderGroupVertical&#45;&gt;TabsModule -->
 <g id="edge10" class="edge">
 <title>TabHeaderGroupVertical&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M865.81,-187.05C865.81,-201.37 865.81,-219 865.81,-219 865.81,-219 941.62,-219 941.62,-219"/>
-<polygon fill="black" stroke="black" points="941.62,-222.5 951.62,-219 941.62,-215.5 941.62,-222.5"/>
+<path fill="none" stroke="black" d="M779.97,-187.05C779.97,-201.37 779.97,-219 779.97,-219 779.97,-219 947.59,-219 947.59,-219"/>
+<polygon fill="black" stroke="black" points="947.59,-222.5 957.59,-219 947.59,-215.5 947.59,-222.5"/>
 </g>
 <!-- TabHeaders -->
 <g id="node8" class="node">
@@ -256,8 +256,8 @@
 <!-- TabHeaders&#45;&gt;TabsModule -->
 <g id="edge11" class="edge">
 <title>TabHeaders&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M657.34,-187.24C657.34,-202.57 657.34,-222 657.34,-222 657.34,-222 941.55,-222 941.55,-222"/>
-<polygon fill="black" stroke="black" points="941.55,-225.5 951.55,-222 941.55,-218.5 941.55,-225.5"/>
+<path fill="none" stroke="black" d="M660.34,-187.24C660.34,-202.57 660.34,-222 660.34,-222 660.34,-222 947.51,-222 947.51,-222"/>
+<polygon fill="black" stroke="black" points="947.51,-225.5 957.51,-222 947.51,-218.5 947.51,-225.5"/>
 </g>
 <!-- TabHeadersVertical -->
 <g id="node9" class="node">
@@ -268,8 +268,8 @@
 <!-- TabHeadersVertical&#45;&gt;TabsModule -->
 <g id="edge12" class="edge">
 <title>TabHeadersVertical&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M570.68,-187.03C570.68,-203.4 570.68,-225 570.68,-225 570.68,-225 941.58,-225 941.58,-225"/>
-<polygon fill="black" stroke="black" points="941.58,-228.5 951.58,-225 941.58,-221.5 941.58,-228.5"/>
+<path fill="none" stroke="black" d="M573.68,-187.03C573.68,-203.4 573.68,-225 573.68,-225 573.68,-225 947.67,-225 947.67,-225"/>
+<polygon fill="black" stroke="black" points="947.67,-228.5 957.67,-225 947.67,-221.5 947.67,-228.5"/>
 </g>
 <!-- TabSkeleton -->
 <g id="node10" class="node">
@@ -280,8 +280,8 @@
 <!-- TabSkeleton&#45;&gt;TabsModule -->
 <g id="edge13" class="edge">
 <title>TabSkeleton&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M431.25,-187.02C431.25,-204.37 431.25,-228 431.25,-228 431.25,-228 941.7,-228 941.7,-228"/>
-<polygon fill="black" stroke="black" points="941.7,-231.5 951.7,-228 941.7,-224.5 941.7,-231.5"/>
+<path fill="none" stroke="black" d="M436.38,-187.02C436.38,-204.37 436.38,-228 436.38,-228 436.38,-228 947.63,-228 947.63,-228"/>
+<polygon fill="black" stroke="black" points="947.63,-231.5 957.63,-228 947.63,-224.5 947.63,-231.5"/>
 </g>
 <!-- Tabs -->
 <g id="node11" class="node">
@@ -292,8 +292,8 @@
 <!-- Tabs&#45;&gt;TabsModule -->
 <g id="edge14" class="edge">
 <title>Tabs&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M313,-187.3C313,-205.27 313,-230 313,-230 313,-230 941.56,-230 941.56,-230"/>
-<polygon fill="black" stroke="black" points="941.56,-233.5 951.56,-230 941.56,-226.5 941.56,-233.5"/>
+<path fill="none" stroke="black" d="M313.81,-187.3C313.81,-205.27 313.81,-230 313.81,-230 313.81,-230 947.49,-230 947.49,-230"/>
+<polygon fill="black" stroke="black" points="947.49,-233.5 957.49,-230 947.49,-226.5 947.49,-233.5"/>
 </g>
 <!-- TabsVertical -->
 <g id="node12" class="node">
@@ -304,8 +304,8 @@
 <!-- TabsVertical&#45;&gt;TabsModule -->
 <g id="edge15" class="edge">
 <title>TabsVertical&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M224,-187.17C224,-206.09 224,-233 224,-233 224,-233 941.62,-233 941.62,-233"/>
-<polygon fill="black" stroke="black" points="941.62,-236.5 951.62,-233 941.62,-229.5 941.62,-236.5"/>
+<path fill="none" stroke="black" d="M224,-187.17C224,-206.09 224,-233 224,-233 224,-233 947.56,-233 947.56,-233"/>
+<polygon fill="black" stroke="black" points="947.56,-236.5 957.56,-233 947.56,-229.5 947.56,-236.5"/>
 </g>
 <!-- TabsVerticalGrouped -->
 <g id="node13" class="node">
@@ -316,224 +316,224 @@
 <!-- TabsVerticalGrouped&#45;&gt;TabsModule -->
 <g id="edge16" class="edge">
 <title>TabsVerticalGrouped&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M93,-187.31C93,-207.15 93,-236 93,-236 93,-236 941.49,-236 941.49,-236"/>
-<polygon fill="black" stroke="black" points="941.49,-239.5 951.49,-236 941.49,-232.5 941.49,-239.5"/>
+<path fill="none" stroke="black" d="M93,-187.31C93,-207.15 93,-236 93,-236 93,-236 947.51,-236 947.51,-236"/>
+<polygon fill="black" stroke="black" points="947.51,-239.5 957.51,-236 947.51,-232.5 947.51,-239.5"/>
 </g>
 <!-- IconTab  -->
 <g id="node21" class="node">
 <title>IconTab </title>
-<polygon fill="#fb8072" stroke="black" points="1704.14,-317 1637.86,-317 1637.86,-281 1704.14,-281 1704.14,-317"/>
-<text text-anchor="middle" x="1671" y="-294.8" font-family="Times,serif" font-size="14.00">IconTab </text>
+<polygon fill="#fb8072" stroke="black" points="1710.14,-317 1643.86,-317 1643.86,-281 1710.14,-281 1710.14,-317"/>
+<text text-anchor="middle" x="1677" y="-294.8" font-family="Times,serif" font-size="14.00">IconTab </text>
 </g>
 <!-- TabsModule&#45;&gt;IconTab  -->
 <g id="edge20" class="edge">
 <title>TabsModule&#45;&gt;IconTab </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1038.32,-239C1187.52,-239 1671,-239 1671,-239 1671,-239 1671,-271 1671,-271"/>
-<polygon fill="black" stroke="black" points="1667.5,-271 1671,-281 1674.5,-271 1667.5,-271"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1044.43,-239C1193.44,-239 1674.77,-239 1674.77,-239 1674.77,-239 1674.77,-271 1674.77,-271"/>
+<polygon fill="black" stroke="black" points="1671.27,-271 1674.77,-281 1678.27,-271 1671.27,-271"/>
 </g>
 <!-- Tab  -->
 <g id="node22" class="node">
 <title>Tab </title>
-<polygon fill="#fb8072" stroke="black" points="1620,-317 1566,-317 1566,-281 1620,-281 1620,-317"/>
-<text text-anchor="middle" x="1593" y="-294.8" font-family="Times,serif" font-size="14.00">Tab </text>
+<polygon fill="#fb8072" stroke="black" points="1626,-317 1572,-317 1572,-281 1626,-281 1626,-317"/>
+<text text-anchor="middle" x="1599" y="-294.8" font-family="Times,serif" font-size="14.00">Tab </text>
 </g>
 <!-- TabsModule&#45;&gt;Tab  -->
 <g id="edge21" class="edge">
 <title>TabsModule&#45;&gt;Tab </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1038.59,-241C1175.49,-241 1587.8,-241 1587.8,-241 1587.8,-241 1587.8,-270.97 1587.8,-270.97"/>
-<polygon fill="black" stroke="black" points="1584.3,-270.97 1587.8,-280.97 1591.3,-270.97 1584.3,-270.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1044.58,-241C1180.43,-241 1587.19,-241 1587.19,-241 1587.19,-241 1587.19,-270.97 1587.19,-270.97"/>
+<polygon fill="black" stroke="black" points="1583.69,-270.97 1587.19,-280.97 1590.69,-270.97 1583.69,-270.97"/>
 </g>
 <!-- TabHeader  -->
 <g id="node23" class="node">
 <title>TabHeader </title>
-<polygon fill="#fb8072" stroke="black" points="1547.68,-317 1466.32,-317 1466.32,-281 1547.68,-281 1547.68,-317"/>
-<text text-anchor="middle" x="1507" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeader </text>
+<polygon fill="#fb8072" stroke="black" points="1553.68,-317 1472.32,-317 1472.32,-281 1553.68,-281 1553.68,-317"/>
+<text text-anchor="middle" x="1513" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeader </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeader  -->
 <g id="edge22" class="edge">
 <title>TabsModule&#45;&gt;TabHeader </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1038.6,-244C1158.83,-244 1486.27,-244 1486.27,-244 1486.27,-244 1486.27,-270.99 1486.27,-270.99"/>
-<polygon fill="black" stroke="black" points="1482.77,-270.99 1486.27,-280.99 1489.77,-270.99 1482.77,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1044.57,-244C1162.27,-244 1477.77,-244 1477.77,-244 1477.77,-244 1477.77,-270.99 1477.77,-270.99"/>
+<polygon fill="black" stroke="black" points="1474.27,-270.99 1477.77,-280.99 1481.27,-270.99 1474.27,-270.99"/>
 </g>
 <!-- TabHeaderComponent  -->
 <g id="node24" class="node">
 <title>TabHeaderComponent </title>
-<polygon fill="#fb8072" stroke="black" points="1448.51,-317 1301.49,-317 1301.49,-281 1448.51,-281 1448.51,-317"/>
-<text text-anchor="middle" x="1375" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderComponent </text>
+<polygon fill="#fb8072" stroke="black" points="1454.51,-317 1307.49,-317 1307.49,-281 1454.51,-281 1454.51,-317"/>
+<text text-anchor="middle" x="1381" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderComponent </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaderComponent  -->
 <g id="edge23" class="edge">
 <title>TabsModule&#45;&gt;TabHeaderComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1038.47,-247C1129.14,-247 1330.13,-247 1330.13,-247 1330.13,-247 1330.13,-270.81 1330.13,-270.81"/>
-<polygon fill="black" stroke="black" points="1326.63,-270.81 1330.13,-280.81 1333.63,-270.81 1326.63,-270.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1044.29,-247C1135.71,-247 1340.09,-247 1340.09,-247 1340.09,-247 1340.09,-270.81 1340.09,-270.81"/>
+<polygon fill="black" stroke="black" points="1336.59,-270.81 1340.09,-280.81 1343.59,-270.81 1336.59,-270.81"/>
 </g>
 <!-- TabHeaderGroup  -->
 <g id="node25" class="node">
 <title>TabHeaderGroup </title>
-<polygon fill="#fb8072" stroke="black" points="1283.95,-317 1166.05,-317 1166.05,-281 1283.95,-281 1283.95,-317"/>
-<text text-anchor="middle" x="1225" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup </text>
+<polygon fill="#fb8072" stroke="black" points="1289.95,-317 1172.05,-317 1172.05,-281 1289.95,-281 1289.95,-317"/>
+<text text-anchor="middle" x="1231" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaderGroup  -->
 <g id="edge24" class="edge">
 <title>TabsModule&#45;&gt;TabHeaderGroup </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1038.3,-250C1100.16,-250 1206.44,-250 1206.44,-250 1206.44,-250 1206.44,-270.75 1206.44,-270.75"/>
-<polygon fill="black" stroke="black" points="1202.94,-270.75 1206.44,-280.75 1209.94,-270.75 1202.94,-270.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1044.66,-250C1097.5,-250 1179.48,-250 1179.48,-250 1179.48,-250 1179.48,-270.75 1179.48,-270.75"/>
+<polygon fill="black" stroke="black" points="1175.98,-270.75 1179.48,-280.75 1182.98,-270.75 1175.98,-270.75"/>
 </g>
 <!-- TabHeaderGroupVertical  -->
 <g id="node26" class="node">
 <title>TabHeaderGroupVertical </title>
-<polygon fill="#fb8072" stroke="black" points="1148.03,-317 985.97,-317 985.97,-281 1148.03,-281 1148.03,-317"/>
-<text text-anchor="middle" x="1067" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderGroupVertical </text>
+<polygon fill="#fb8072" stroke="black" points="1154.03,-317 991.97,-317 991.97,-281 1154.03,-281 1154.03,-317"/>
+<text text-anchor="middle" x="1073" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaderGroupVertical </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaderGroupVertical  -->
 <g id="edge25" class="edge">
 <title>TabsModule&#45;&gt;TabHeaderGroupVertical </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1012.06,-252.11C1012.06,-252.11 1012.06,-270.99 1012.06,-270.99"/>
-<polygon fill="black" stroke="black" points="1008.56,-270.99 1012.06,-280.99 1015.56,-270.99 1008.56,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1018.06,-252.11C1018.06,-252.11 1018.06,-270.99 1018.06,-270.99"/>
+<polygon fill="black" stroke="black" points="1014.56,-270.99 1018.06,-280.99 1021.56,-270.99 1014.56,-270.99"/>
 </g>
 <!-- TabHeaders  -->
 <g id="node27" class="node">
 <title>TabHeaders </title>
-<polygon fill="#fb8072" stroke="black" points="967.62,-317 880.38,-317 880.38,-281 967.62,-281 967.62,-317"/>
-<text text-anchor="middle" x="924" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaders </text>
+<polygon fill="#fb8072" stroke="black" points="973.62,-317 886.38,-317 886.38,-281 973.62,-281 973.62,-317"/>
+<text text-anchor="middle" x="930" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeaders </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaders  -->
 <g id="edge26" class="edge">
 <title>TabsModule&#45;&gt;TabHeaders </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M959.59,-252.11C959.59,-252.11 959.59,-270.99 959.59,-270.99"/>
-<polygon fill="black" stroke="black" points="956.09,-270.99 959.59,-280.99 963.09,-270.99 956.09,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M965.59,-252.11C965.59,-252.11 965.59,-270.99 965.59,-270.99"/>
+<polygon fill="black" stroke="black" points="962.09,-270.99 965.59,-280.99 969.09,-270.99 962.09,-270.99"/>
 </g>
 <!-- TabHeadersVertical  -->
 <g id="node28" class="node">
 <title>TabHeadersVertical </title>
-<polygon fill="#fb8072" stroke="black" points="862.21,-317 729.79,-317 729.79,-281 862.21,-281 862.21,-317"/>
-<text text-anchor="middle" x="796" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeadersVertical </text>
+<polygon fill="#fb8072" stroke="black" points="868.21,-317 735.79,-317 735.79,-281 868.21,-281 868.21,-317"/>
+<text text-anchor="middle" x="802" y="-294.8" font-family="Times,serif" font-size="14.00">TabHeadersVertical </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeadersVertical  -->
 <g id="edge27" class="edge">
 <title>TabsModule&#45;&gt;TabHeadersVertical </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M951.33,-250C892.75,-250 796,-250 796,-250 796,-250 796,-270.75 796,-270.75"/>
-<polygon fill="black" stroke="black" points="792.5,-270.75 796,-280.75 799.5,-270.75 792.5,-270.75"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M957.71,-250C905.32,-250 824.03,-250 824.03,-250 824.03,-250 824.03,-270.75 824.03,-270.75"/>
+<polygon fill="black" stroke="black" points="820.53,-270.75 824.03,-280.75 827.53,-270.75 820.53,-270.75"/>
 </g>
 <!-- TabSkeleton  -->
 <g id="node29" class="node">
 <title>TabSkeleton </title>
-<polygon fill="#fb8072" stroke="black" points="712.26,-317 621.74,-317 621.74,-281 712.26,-281 712.26,-317"/>
-<text text-anchor="middle" x="667" y="-294.8" font-family="Times,serif" font-size="14.00">TabSkeleton </text>
+<polygon fill="#fb8072" stroke="black" points="718.26,-317 627.74,-317 627.74,-281 718.26,-281 718.26,-317"/>
+<text text-anchor="middle" x="673" y="-294.8" font-family="Times,serif" font-size="14.00">TabSkeleton </text>
 </g>
 <!-- TabsModule&#45;&gt;TabSkeleton  -->
 <g id="edge28" class="edge">
 <title>TabsModule&#45;&gt;TabSkeleton </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M951.71,-247C870.11,-247 701.65,-247 701.65,-247 701.65,-247 701.65,-270.81 701.65,-270.81"/>
-<polygon fill="black" stroke="black" points="698.15,-270.81 701.65,-280.81 705.15,-270.81 698.15,-270.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M957.46,-247C877.26,-247 714.31,-247 714.31,-247 714.31,-247 714.31,-270.81 714.31,-270.81"/>
+<polygon fill="black" stroke="black" points="710.81,-270.81 714.31,-280.81 717.81,-270.81 710.81,-270.81"/>
 </g>
 <!-- Tabs  -->
 <g id="node30" class="node">
 <title>Tabs </title>
-<polygon fill="#fb8072" stroke="black" points="604,-317 550,-317 550,-281 604,-281 604,-317"/>
-<text text-anchor="middle" x="577" y="-294.8" font-family="Times,serif" font-size="14.00">Tabs </text>
+<polygon fill="#fb8072" stroke="black" points="610,-317 556,-317 556,-281 610,-281 610,-317"/>
+<text text-anchor="middle" x="583" y="-294.8" font-family="Times,serif" font-size="14.00">Tabs </text>
 </g>
 <!-- TabsModule&#45;&gt;Tabs  -->
 <g id="edge29" class="edge">
 <title>TabsModule&#45;&gt;Tabs </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M951.72,-244C848.75,-244 597.68,-244 597.68,-244 597.68,-244 597.68,-270.99 597.68,-270.99"/>
-<polygon fill="black" stroke="black" points="594.18,-270.99 597.68,-280.99 601.18,-270.99 594.18,-270.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M957.73,-244C854.11,-244 600.27,-244 600.27,-244 600.27,-244 600.27,-270.99 600.27,-270.99"/>
+<polygon fill="black" stroke="black" points="596.77,-270.99 600.27,-280.99 603.77,-270.99 596.77,-270.99"/>
 </g>
 <!-- TabsVertical  -->
 <g id="node31" class="node">
 <title>TabsVertical </title>
-<polygon fill="#fb8072" stroke="black" points="531.79,-317 440.21,-317 440.21,-281 531.79,-281 531.79,-317"/>
-<text text-anchor="middle" x="486" y="-294.8" font-family="Times,serif" font-size="14.00">TabsVertical </text>
+<polygon fill="#fb8072" stroke="black" points="537.79,-317 446.21,-317 446.21,-281 537.79,-281 537.79,-317"/>
+<text text-anchor="middle" x="492" y="-294.8" font-family="Times,serif" font-size="14.00">TabsVertical </text>
 </g>
 <!-- TabsModule&#45;&gt;TabsVertical  -->
 <g id="edge30" class="edge">
 <title>TabsModule&#45;&gt;TabsVertical </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M951.7,-241C830.61,-241 497.27,-241 497.27,-241 497.27,-241 497.27,-270.97 497.27,-270.97"/>
-<polygon fill="black" stroke="black" points="493.77,-270.97 497.27,-280.97 500.77,-270.97 493.77,-270.97"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M957.44,-241C835.62,-241 500.27,-241 500.27,-241 500.27,-241 500.27,-270.97 500.27,-270.97"/>
+<polygon fill="black" stroke="black" points="496.77,-270.97 500.27,-280.97 503.77,-270.97 496.77,-270.97"/>
 </g>
 <!-- TabsVerticalGrouped  -->
 <g id="node32" class="node">
 <title>TabsVerticalGrouped </title>
-<polygon fill="#fb8072" stroke="black" points="422.28,-317 281.72,-317 281.72,-281 422.28,-281 422.28,-317"/>
-<text text-anchor="middle" x="352" y="-294.8" font-family="Times,serif" font-size="14.00">TabsVerticalGrouped </text>
+<polygon fill="#fb8072" stroke="black" points="428.28,-317 287.72,-317 287.72,-281 428.28,-281 428.28,-317"/>
+<text text-anchor="middle" x="358" y="-294.8" font-family="Times,serif" font-size="14.00">TabsVerticalGrouped </text>
 </g>
 <!-- TabsModule&#45;&gt;TabsVerticalGrouped  -->
 <g id="edge31" class="edge">
 <title>TabsModule&#45;&gt;TabsVerticalGrouped </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M951.49,-239C812.77,-239 390,-239 390,-239 390,-239 390,-271 390,-271"/>
-<polygon fill="black" stroke="black" points="386.5,-271 390,-281 393.5,-271 386.5,-271"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M957.27,-239C817.87,-239 393,-239 393,-239 393,-239 393,-271 393,-271"/>
+<polygon fill="black" stroke="black" points="389.5,-271 393,-281 396.5,-271 389.5,-271"/>
 </g>
 <!-- { provide: Tab, useExisting: forwardRef(() =&gt; IconTab) } -->
 <g id="node15" class="node">
 <title>{ provide: Tab, useExisting: forwardRef(() =&gt; IconTab) }</title>
-<ellipse fill="#fdb462" stroke="black" cx="1122" cy="-104" rx="234.97" ry="18"/>
-<text text-anchor="middle" x="1122" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: Tab, useExisting: forwardRef(() =&gt; IconTab) }</text>
+<ellipse fill="#fdb462" stroke="black" cx="1344" cy="-104" rx="234.97" ry="18"/>
+<text text-anchor="middle" x="1344" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: Tab, useExisting: forwardRef(() =&gt; IconTab) }</text>
 </g>
 <!-- { provide: Tab, useExisting: forwardRef(() =&gt; IconTab) }&#45;&gt;IconTab -->
 <g id="edge3" class="edge">
 <title>{ provide: Tab, useExisting: forwardRef(() =&gt; IconTab) }&#45;&gt;IconTab</title>
-<path fill="none" stroke="black" d="M1122,-122.11C1122,-122.11 1122,-140.99 1122,-140.99"/>
-<polygon fill="black" stroke="black" points="1118.5,-140.99 1122,-150.99 1125.5,-140.99 1118.5,-140.99"/>
+<path fill="none" stroke="black" d="M1218,-119.4C1218,-119.4 1218,-140.94 1218,-140.94"/>
+<polygon fill="black" stroke="black" points="1214.5,-140.94 1218,-150.94 1221.5,-140.94 1214.5,-140.94"/>
 </g>
 <!-- { provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) } -->
 <g id="node16" class="node">
 <title>{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) }</title>
-<ellipse fill="#fdb462" stroke="black" cx="1926" cy="-104" rx="292.19" ry="18"/>
-<text text-anchor="middle" x="1926" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) }</text>
+<ellipse fill="#fdb462" stroke="black" cx="793" cy="-104" rx="292.19" ry="18"/>
+<text text-anchor="middle" x="793" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) }</text>
 </g>
 <!-- { provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) }&#45;&gt;TabHeader -->
 <g id="edge6" class="edge">
 <title>{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeader) }&#45;&gt;TabHeader</title>
-<path fill="none" stroke="black" d="M1799,-120.4C1799,-120.4 1799,-140.54 1799,-140.54"/>
-<polygon fill="black" stroke="black" points="1795.5,-140.54 1799,-150.54 1802.5,-140.54 1795.5,-140.54"/>
+<path fill="none" stroke="black" d="M1052.13,-112.5C1052.13,-112.5 1052.13,-140.91 1052.13,-140.91"/>
+<polygon fill="black" stroke="black" points="1048.63,-140.91 1052.13,-150.91 1055.63,-140.91 1048.63,-140.91"/>
 </g>
 <!-- { provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) } -->
 <g id="node17" class="node">
 <title>{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) }</title>
-<ellipse fill="#fdb462" stroke="black" cx="2579" cy="-104" rx="337.32" ry="18"/>
-<text text-anchor="middle" x="2579" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) }</text>
+<ellipse fill="#fdb462" stroke="black" cx="2067" cy="-104" rx="337.32" ry="18"/>
+<text text-anchor="middle" x="2067" y="-99.8" font-family="Times,serif" font-size="14.00">{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) }</text>
 </g>
 <!-- { provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) }&#45;&gt;TabHeaderComponent -->
 <g id="edge8" class="edge">
 <title>{ provide: TabHeaderBase, useExisting: forwardRef(() =&gt; TabHeaderComponent) }&#45;&gt;TabHeaderComponent</title>
-<path fill="none" stroke="black" d="M2446,-120.74C2446,-120.74 2446,-140.72 2446,-140.72"/>
-<polygon fill="black" stroke="black" points="2442.5,-140.72 2446,-150.72 2449.5,-140.72 2442.5,-140.72"/>
+<path fill="none" stroke="black" d="M1934,-120.74C1934,-120.74 1934,-140.72 1934,-140.72"/>
+<polygon fill="black" stroke="black" points="1930.5,-140.72 1934,-150.72 1937.5,-140.72 1930.5,-140.72"/>
 </g>
 <!-- I18nModule -->
 <g id="node18" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1609.71,-187 1606.71,-191 1585.71,-191 1582.71,-187 1524.29,-187 1524.29,-151 1609.71,-151 1609.71,-187"/>
-<text text-anchor="middle" x="1567" y="-164.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1705.71,-187 1702.71,-191 1681.71,-191 1678.71,-187 1620.29,-187 1620.29,-151 1705.71,-151 1705.71,-187"/>
+<text text-anchor="middle" x="1663" y="-164.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;TabsModule -->
 <g id="edge17" class="edge">
 <title>I18nModule&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1536.12,-187.3C1536.12,-205.27 1536.12,-230 1536.12,-230 1536.12,-230 1048.37,-230 1048.37,-230"/>
-<polygon fill="black" stroke="black" points="1048.37,-226.5 1038.37,-230 1048.37,-233.5 1048.37,-226.5"/>
+<path fill="none" stroke="black" d="M1634.96,-187.17C1634.96,-206.09 1634.96,-233 1634.96,-233 1634.96,-233 1054.57,-233 1054.57,-233"/>
+<polygon fill="black" stroke="black" points="1054.57,-229.5 1044.57,-233 1054.57,-236.5 1054.57,-229.5"/>
 </g>
 <!-- TooltipModule -->
 <g id="node19" class="node">
 <title>TooltipModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1506.27,-187 1503.27,-191 1482.27,-191 1479.27,-187 1405.73,-187 1405.73,-151 1506.27,-151 1506.27,-187"/>
-<text text-anchor="middle" x="1456" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1602.27,-187 1599.27,-191 1578.27,-191 1575.27,-187 1501.73,-187 1501.73,-151 1602.27,-151 1602.27,-187"/>
+<text text-anchor="middle" x="1552" y="-164.8" font-family="Times,serif" font-size="14.00">TooltipModule</text>
 </g>
 <!-- TooltipModule&#45;&gt;TabsModule -->
 <g id="edge18" class="edge">
 <title>TooltipModule&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1427.06,-187.02C1427.06,-204.37 1427.06,-228 1427.06,-228 1427.06,-228 1048.41,-228 1048.41,-228"/>
-<polygon fill="black" stroke="black" points="1048.41,-224.5 1038.41,-228 1048.41,-231.5 1048.41,-224.5"/>
+<path fill="none" stroke="black" d="M1527.73,-187.3C1527.73,-205.27 1527.73,-230 1527.73,-230 1527.73,-230 1054.55,-230 1054.55,-230"/>
+<polygon fill="black" stroke="black" points="1054.55,-226.5 1044.55,-230 1054.55,-233.5 1054.55,-226.5"/>
 </g>
 <!-- UtilsModule -->
 <g id="node20" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1387.27,-187 1384.27,-191 1363.27,-191 1360.27,-187 1300.73,-187 1300.73,-151 1387.27,-151 1387.27,-187"/>
-<text text-anchor="middle" x="1344" y="-164.8" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1483.27,-187 1480.27,-191 1459.27,-191 1456.27,-187 1396.73,-187 1396.73,-151 1483.27,-151 1483.27,-187"/>
+<text text-anchor="middle" x="1440" y="-164.8" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;TabsModule -->
 <g id="edge19" class="edge">
 <title>UtilsModule&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M1358.76,-187.03C1358.76,-203.4 1358.76,-225 1358.76,-225 1358.76,-225 1048.52,-225 1048.52,-225"/>
-<polygon fill="black" stroke="black" points="1048.52,-221.5 1038.52,-225 1048.52,-228.5 1048.52,-221.5"/>
+<path fill="none" stroke="black" d="M1425.56,-187.02C1425.56,-204.37 1425.56,-228 1425.56,-228 1425.56,-228 1054.44,-228 1054.44,-228"/>
+<polygon fill="black" stroke="black" points="1054.44,-224.5 1044.44,-228 1054.44,-231.5 1054.44,-224.5"/>
 </g>
 </g>
 </svg>