npm - carbon-components-angular - Versions diffs - 5.57.7 → 5.58.0 - Mend

carbon-components-angular 5.57.7 → 5.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (355) hide show

package/docs/documentation/modules/SliderModule.html CHANGED Viewed

@@ -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,10 +133,6 @@
 <title>cluster_SliderModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 624,-379.59 624,-70 8,-70"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_SliderModule_exports</title>
-<polygon fill="none" stroke="black" points="328,-319.59 328,-371.59 398,-371.59 398,-319.59 328,-319.59"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_SliderModule_imports</title>
 <polygon fill="none" stroke="black" points="359,-189.59 359,-241.59 461,-241.59 461,-189.59 359,-189.59"/>
@@ -129,6 +141,10 @@
 <title>cluster_SliderModule_declarations</title>
 <polygon fill="none" stroke="black" points="281,-189.59 281,-241.59 351,-241.59 351,-189.59 281,-189.59"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_SliderModule_exports</title>
+<polygon fill="none" stroke="black" points="328,-319.59 328,-371.59 398,-371.59 398,-319.59 328,-319.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_SliderModule_Slider_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 616,-176.59 616,-78 16,-78"/>
@@ -384,5 +400,27 @@ export class SliderModule {}
        <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/StructuredListModule.html CHANGED Viewed

@@ -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
@@ -487,5 +503,27 @@ export class StructuredListModule { }
        <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/TableModule.html CHANGED Viewed

@@ -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
@@ -1195,5 +1211,27 @@ export class TableModule {}
        <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/TabsModule/dependencies.svg CHANGED Viewed

@@ -24,203 +24,203 @@
 <title>cluster_TabsModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 938,-268 938,-70 8,-70"/>
 </g>
-<g id="clust11" class="cluster">
-<title>cluster_TabsModule_exports</title>
-<polygon fill="none" stroke="black" points="181,-208 181,-260 772,-260 772,-208 181,-208"/>
+<g id="clust2" class="cluster">
+<title>cluster_TabsModule_declarations</title>
+<polygon fill="none" stroke="black" points="230,-78 230,-130 930,-130 930,-78 230,-78"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_TabsModule_imports</title>
-<polygon fill="none" stroke="black" points="724,-78 724,-130 930,-130 930,-78 724,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 222,-130 222,-78 16,-78"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_TabsModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-130 716,-130 716,-78 16,-78"/>
+<g id="clust11" class="cluster">
+<title>cluster_TabsModule_exports</title>
+<polygon fill="none" stroke="black" points="164,-208 164,-260 755,-260 755,-208 164,-208"/>
 </g>
 <!-- BaseTabHeader -->
 <g id="node1" class="node">
 <title>BaseTabHeader</title>
-<polygon fill="#ffffb3" stroke="black" points="707.89,-122 602.11,-122 602.11,-86 707.89,-86 707.89,-122"/>
-<text text-anchor="middle" x="655" y="-99.8" font-family="Times,serif" font-size="14.00">BaseTabHeader</text>
+<polygon fill="#ffffb3" stroke="black" points="921.89,-122 816.11,-122 816.11,-86 921.89,-86 921.89,-122"/>
+<text text-anchor="middle" x="869" y="-99.8" font-family="Times,serif" font-size="14.00">BaseTabHeader</text>
 </g>
 <!-- TabsModule -->
 <g id="node8" class="node">
 <title>TabsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="516.26,-187 513.26,-191 492.26,-191 489.26,-187 429.74,-187 429.74,-151 516.26,-151 516.26,-187"/>
-<text text-anchor="middle" x="473" y="-164.8" font-family="Times,serif" font-size="14.00">TabsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="499.26,-187 496.26,-191 475.26,-191 472.26,-187 412.74,-187 412.74,-151 499.26,-151 499.26,-187"/>
+<text text-anchor="middle" x="456" y="-164.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="M606.23,-122.03C606.23,-139.06 606.23,-162 606.23,-162 606.23,-162 526.63,-162 526.63,-162"/>
-<polygon fill="black" stroke="black" points="526.63,-158.5 516.63,-162 526.63,-165.5 526.63,-158.5"/>
+<path fill="none" stroke="black" d="M869,-122.22C869,-142.37 869,-172 869,-172 869,-172 509.42,-172 509.42,-172"/>
+<polygon fill="black" stroke="black" points="509.42,-168.5 499.42,-172 509.42,-175.5 509.42,-168.5"/>
 </g>
 <!-- Tab -->
 <g id="node2" class="node">
 <title>Tab</title>
-<polygon fill="#ffffb3" stroke="black" points="584,-122 530,-122 530,-86 584,-86 584,-122"/>
-<text text-anchor="middle" x="557" y="-99.8" font-family="Times,serif" font-size="14.00">Tab</text>
+<polygon fill="#ffffb3" stroke="black" points="798,-122 744,-122 744,-86 798,-86 798,-122"/>
+<text text-anchor="middle" x="771" y="-99.8" font-family="Times,serif" font-size="14.00">Tab</text>
 </g>
 <!-- Tab&#45;&gt;TabsModule -->
 <g id="edge2" class="edge">
 <title>Tab&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M557,-122.24C557,-137.57 557,-157 557,-157 557,-157 526.48,-157 526.48,-157"/>
-<polygon fill="black" stroke="black" points="526.48,-153.5 516.48,-157 526.48,-160.5 526.48,-153.5"/>
+<path fill="none" stroke="black" d="M772.5,-122.22C772.5,-140.83 772.5,-167 772.5,-167 772.5,-167 509.34,-167 509.34,-167"/>
+<polygon fill="black" stroke="black" points="509.34,-163.5 499.34,-167 509.34,-170.5 509.34,-163.5"/>
 </g>
 <!-- TabHeader -->
 <g id="node3" class="node">
 <title>TabHeader</title>
-<polygon fill="#ffffb3" stroke="black" points="512.18,-122 433.82,-122 433.82,-86 512.18,-86 512.18,-122"/>
-<text text-anchor="middle" x="473" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeader</text>
+<polygon fill="#ffffb3" stroke="black" points="726.18,-122 647.82,-122 647.82,-86 726.18,-86 726.18,-122"/>
+<text text-anchor="middle" x="687" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeader</text>
 </g>
 <!-- TabHeader&#45;&gt;TabsModule -->
 <g id="edge3" class="edge">
 <title>TabHeader&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M473,-122.11C473,-122.11 473,-140.99 473,-140.99"/>
-<polygon fill="black" stroke="black" points="469.5,-140.99 473,-150.99 476.5,-140.99 469.5,-140.99"/>
+<path fill="none" stroke="black" d="M661.38,-122.03C661.38,-139.06 661.38,-162 661.38,-162 661.38,-162 509.55,-162 509.55,-162"/>
+<polygon fill="black" stroke="black" points="509.55,-158.5 499.55,-162 509.55,-165.5 509.55,-158.5"/>
 </g>
 <!-- TabHeaderGroup -->
 <g id="node4" class="node">
 <title>TabHeaderGroup</title>
-<polygon fill="#ffffb3" stroke="black" points="415.95,-122 302.05,-122 302.05,-86 415.95,-86 415.95,-122"/>
-<text text-anchor="middle" x="359" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup</text>
+<polygon fill="#ffffb3" stroke="black" points="629.95,-122 516.05,-122 516.05,-86 629.95,-86 629.95,-122"/>
+<text text-anchor="middle" x="573" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup</text>
 </g>
 <!-- TabHeaderGroup&#45;&gt;TabsModule -->
 <g id="edge4" class="edge">
 <title>TabHeaderGroup&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M392.71,-122.24C392.71,-137.57 392.71,-157 392.71,-157 392.71,-157 419.56,-157 419.56,-157"/>
-<polygon fill="black" stroke="black" points="419.56,-160.5 429.56,-157 419.56,-153.5 419.56,-160.5"/>
+<path fill="none" stroke="black" d="M545.38,-122.24C545.38,-137.57 545.38,-157 545.38,-157 545.38,-157 509.38,-157 509.38,-157"/>
+<polygon fill="black" stroke="black" points="509.38,-153.5 499.38,-157 509.38,-160.5 509.38,-153.5"/>
 </g>
 <!-- TabHeaders -->
 <g id="node5" class="node">
 <title>TabHeaders</title>
-<polygon fill="#ffffb3" stroke="black" points="283.62,-122 200.38,-122 200.38,-86 283.62,-86 283.62,-122"/>
-<text text-anchor="middle" x="242" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeaders</text>
+<polygon fill="#ffffb3" stroke="black" points="497.62,-122 414.38,-122 414.38,-86 497.62,-86 497.62,-122"/>
+<text text-anchor="middle" x="456" y="-99.8" font-family="Times,serif" font-size="14.00">TabHeaders</text>
 </g>
 <!-- TabHeaders&#45;&gt;TabsModule -->
 <g id="edge5" class="edge">
 <title>TabHeaders&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M272.34,-122.03C272.34,-139.06 272.34,-162 272.34,-162 272.34,-162 419.46,-162 419.46,-162"/>
-<polygon fill="black" stroke="black" points="419.46,-165.5 429.46,-162 419.46,-158.5 419.46,-165.5"/>
+<path fill="none" stroke="black" d="M456,-122.11C456,-122.11 456,-140.99 456,-140.99"/>
+<polygon fill="black" stroke="black" points="452.5,-140.99 456,-150.99 459.5,-140.99 452.5,-140.99"/>
 </g>
 <!-- TabSkeleton -->
 <g id="node6" class="node">
 <title>TabSkeleton</title>
-<polygon fill="#ffffb3" stroke="black" points="182.26,-122 95.74,-122 95.74,-86 182.26,-86 182.26,-122"/>
-<text text-anchor="middle" x="139" y="-99.8" font-family="Times,serif" font-size="14.00">TabSkeleton</text>
+<polygon fill="#ffffb3" stroke="black" points="396.26,-122 309.74,-122 309.74,-86 396.26,-86 396.26,-122"/>
+<text text-anchor="middle" x="353" y="-99.8" font-family="Times,serif" font-size="14.00">TabSkeleton</text>
 </g>
 <!-- TabSkeleton&#45;&gt;TabsModule -->
 <g id="edge6" class="edge">
 <title>TabSkeleton&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M139,-122.22C139,-140.83 139,-167 139,-167 139,-167 419.68,-167 419.68,-167"/>
-<polygon fill="black" stroke="black" points="419.68,-170.5 429.68,-167 419.68,-163.5 419.68,-170.5"/>
+<path fill="none" stroke="black" d="M374.41,-122.24C374.41,-137.57 374.41,-157 374.41,-157 374.41,-157 402.34,-157 402.34,-157"/>
+<polygon fill="black" stroke="black" points="402.34,-160.5 412.34,-157 402.34,-153.5 402.34,-160.5"/>
 </g>
 <!-- Tabs -->
 <g id="node7" class="node">
 <title>Tabs</title>
-<polygon fill="#ffffb3" stroke="black" points="78,-122 24,-122 24,-86 78,-86 78,-122"/>
-<text text-anchor="middle" x="51" y="-99.8" font-family="Times,serif" font-size="14.00">Tabs</text>
+<polygon fill="#ffffb3" stroke="black" points="292,-122 238,-122 238,-86 292,-86 292,-122"/>
+<text text-anchor="middle" x="265" y="-99.8" font-family="Times,serif" font-size="14.00">Tabs</text>
 </g>
 <!-- Tabs&#45;&gt;TabsModule -->
 <g id="edge7" class="edge">
 <title>Tabs&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M51,-122.22C51,-142.37 51,-172 51,-172 51,-172 419.43,-172 419.43,-172"/>
-<polygon fill="black" stroke="black" points="419.43,-175.5 429.43,-172 419.43,-168.5 419.43,-175.5"/>
+<path fill="none" stroke="black" d="M267.93,-122.03C267.93,-139.06 267.93,-162 267.93,-162 267.93,-162 402.38,-162 402.38,-162"/>
+<polygon fill="black" stroke="black" points="402.38,-165.5 412.38,-162 402.38,-158.5 402.38,-165.5"/>
 </g>
 <!-- Tab  -->
 <g id="node11" class="node">
 <title>Tab </title>
-<polygon fill="#fb8072" stroke="black" points="764,-252 710,-252 710,-216 764,-216 764,-252"/>
-<text text-anchor="middle" x="737" y="-229.8" font-family="Times,serif" font-size="14.00">Tab </text>
+<polygon fill="#fb8072" stroke="black" points="747,-252 693,-252 693,-216 747,-216 747,-252"/>
+<text text-anchor="middle" x="720" y="-229.8" font-family="Times,serif" font-size="14.00">Tab </text>
 </g>
 <!-- TabsModule&#45;&gt;Tab  -->
 <g id="edge10" class="edge">
 <title>TabsModule&#45;&gt;Tab </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M516.45,-177C587.52,-177 720.81,-177 720.81,-177 720.81,-177 720.81,-205.96 720.81,-205.96"/>
-<polygon fill="black" stroke="black" points="717.31,-205.96 720.81,-215.96 724.31,-205.96 717.31,-205.96"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M499.3,-177C571.71,-177 709.54,-177 709.54,-177 709.54,-177 709.54,-205.96 709.54,-205.96"/>
+<polygon fill="black" stroke="black" points="706.04,-205.96 709.54,-215.96 713.04,-205.96 706.04,-205.96"/>
 </g>
 <!-- TabHeader  -->
 <g id="node12" class="node">
 <title>TabHeader </title>
-<polygon fill="#fb8072" stroke="black" points="691.68,-252 610.32,-252 610.32,-216 691.68,-216 691.68,-252"/>
-<text text-anchor="middle" x="651" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeader </text>
+<polygon fill="#fb8072" stroke="black" points="674.68,-252 593.32,-252 593.32,-216 674.68,-216 674.68,-252"/>
+<text text-anchor="middle" x="634" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeader </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeader  -->
 <g id="edge11" class="edge">
 <title>TabsModule&#45;&gt;TabHeader </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M516.54,-182C569.24,-182 651,-182 651,-182 651,-182 651,-205.81 651,-205.81"/>
-<polygon fill="black" stroke="black" points="647.5,-205.81 651,-215.81 654.5,-205.81 647.5,-205.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M499.33,-182C545.36,-182 611.57,-182 611.57,-182 611.57,-182 611.57,-205.81 611.57,-205.81"/>
+<polygon fill="black" stroke="black" points="608.07,-205.81 611.57,-215.81 615.07,-205.81 608.07,-205.81"/>
 </g>
 <!-- TabHeaderGroup  -->
 <g id="node13" class="node">
 <title>TabHeaderGroup </title>
-<polygon fill="#fb8072" stroke="black" points="591.95,-252 474.05,-252 474.05,-216 591.95,-216 591.95,-252"/>
-<text text-anchor="middle" x="533" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup </text>
+<polygon fill="#fb8072" stroke="black" points="574.95,-252 457.05,-252 457.05,-216 574.95,-216 574.95,-252"/>
+<text text-anchor="middle" x="516" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeaderGroup </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaderGroup  -->
 <g id="edge12" class="edge">
 <title>TabsModule&#45;&gt;TabHeaderGroup </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M495.33,-187.11C495.33,-187.11 495.33,-205.99 495.33,-205.99"/>
-<polygon fill="black" stroke="black" points="491.83,-205.99 495.33,-215.99 498.83,-205.99 491.83,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M478.33,-187.11C478.33,-187.11 478.33,-205.99 478.33,-205.99"/>
+<polygon fill="black" stroke="black" points="474.83,-205.99 478.33,-215.99 481.83,-205.99 474.83,-205.99"/>
 </g>
 <!-- TabHeaders  -->
 <g id="node14" class="node">
 <title>TabHeaders </title>
-<polygon fill="#fb8072" stroke="black" points="456.62,-252 369.38,-252 369.38,-216 456.62,-216 456.62,-252"/>
-<text text-anchor="middle" x="413" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeaders </text>
+<polygon fill="#fb8072" stroke="black" points="439.62,-252 352.38,-252 352.38,-216 439.62,-216 439.62,-252"/>
+<text text-anchor="middle" x="396" y="-229.8" font-family="Times,serif" font-size="14.00">TabHeaders </text>
 </g>
 <!-- TabsModule&#45;&gt;TabHeaders  -->
 <g id="edge13" class="edge">
 <title>TabsModule&#45;&gt;TabHeaders </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M443.09,-187.11C443.09,-187.11 443.09,-205.99 443.09,-205.99"/>
-<polygon fill="black" stroke="black" points="439.59,-205.99 443.09,-215.99 446.59,-205.99 439.59,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M426.09,-187.11C426.09,-187.11 426.09,-205.99 426.09,-205.99"/>
+<polygon fill="black" stroke="black" points="422.59,-205.99 426.09,-215.99 429.59,-205.99 422.59,-205.99"/>
 </g>
 <!-- TabSkeleton  -->
 <g id="node15" class="node">
 <title>TabSkeleton </title>
-<polygon fill="#fb8072" stroke="black" points="351.26,-252 260.74,-252 260.74,-216 351.26,-216 351.26,-252"/>
-<text text-anchor="middle" x="306" y="-229.8" font-family="Times,serif" font-size="14.00">TabSkeleton </text>
+<polygon fill="#fb8072" stroke="black" points="334.26,-252 243.74,-252 243.74,-216 334.26,-216 334.26,-252"/>
+<text text-anchor="middle" x="289" y="-229.8" font-family="Times,serif" font-size="14.00">TabSkeleton </text>
 </g>
 <!-- TabsModule&#45;&gt;TabSkeleton  -->
 <g id="edge14" class="edge">
 <title>TabsModule&#45;&gt;TabSkeleton </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M429.47,-182C386.3,-182 326.58,-182 326.58,-182 326.58,-182 326.58,-205.81 326.58,-205.81"/>
-<polygon fill="black" stroke="black" points="323.08,-205.81 326.58,-215.81 330.08,-205.81 323.08,-205.81"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M412.45,-182C373.29,-182 321.88,-182 321.88,-182 321.88,-182 321.88,-205.81 321.88,-205.81"/>
+<polygon fill="black" stroke="black" points="318.38,-205.81 321.88,-215.81 325.38,-205.81 318.38,-205.81"/>
 </g>
 <!-- Tabs  -->
 <g id="node16" class="node">
 <title>Tabs </title>
-<polygon fill="#fb8072" stroke="black" points="243,-252 189,-252 189,-216 243,-216 243,-252"/>
-<text text-anchor="middle" x="216" y="-229.8" font-family="Times,serif" font-size="14.00">Tabs </text>
+<polygon fill="#fb8072" stroke="black" points="226,-252 172,-252 172,-216 226,-216 226,-252"/>
+<text text-anchor="middle" x="199" y="-229.8" font-family="Times,serif" font-size="14.00">Tabs </text>
 </g>
 <!-- TabsModule&#45;&gt;Tabs  -->
 <g id="edge15" class="edge">
 <title>TabsModule&#45;&gt;Tabs </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M429.5,-177C357.54,-177 221.59,-177 221.59,-177 221.59,-177 221.59,-205.96 221.59,-205.96"/>
-<polygon fill="black" stroke="black" points="218.09,-205.96 221.59,-215.96 225.09,-205.96 218.09,-205.96"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M412.68,-177C344.49,-177 219.8,-177 219.8,-177 219.8,-177 219.8,-205.96 219.8,-205.96"/>
+<polygon fill="black" stroke="black" points="216.3,-205.96 219.8,-215.96 223.3,-205.96 216.3,-205.96"/>
 </g>
 <!-- I18nModule -->
 <g id="node9" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="921.71,-122 918.71,-126 897.71,-126 894.71,-122 836.29,-122 836.29,-86 921.71,-86 921.71,-122"/>
-<text text-anchor="middle" x="879" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="213.71,-122 210.71,-126 189.71,-126 186.71,-122 128.29,-122 128.29,-86 213.71,-86 213.71,-122"/>
+<text text-anchor="middle" x="171" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;TabsModule -->
 <g id="edge8" class="edge">
 <title>I18nModule&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M879,-122.22C879,-142.37 879,-172 879,-172 879,-172 526.45,-172 526.45,-172"/>
-<polygon fill="black" stroke="black" points="526.45,-168.5 516.45,-172 526.45,-175.5 526.45,-168.5"/>
+<path fill="none" stroke="black" d="M192.8,-122.22C192.8,-140.83 192.8,-167 192.8,-167 192.8,-167 402.54,-167 402.54,-167"/>
+<polygon fill="black" stroke="black" points="402.54,-170.5 412.54,-167 402.54,-163.5 402.54,-170.5"/>
 </g>
 <!-- UtilsModule -->
 <g id="node10" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="818.27,-122 815.27,-126 794.27,-126 791.27,-122 731.73,-122 731.73,-86 818.27,-86 818.27,-122"/>
-<text text-anchor="middle" x="775" y="-99.8" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="110.27,-122 107.27,-126 86.27,-126 83.27,-122 23.73,-122 23.73,-86 110.27,-86 110.27,-122"/>
+<text text-anchor="middle" x="67" y="-99.8" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;TabsModule -->
 <g id="edge9" class="edge">
 <title>UtilsModule&#45;&gt;TabsModule</title>
-<path fill="none" stroke="black" d="M747.81,-122.22C747.81,-140.83 747.81,-167 747.81,-167 747.81,-167 526.54,-167 526.54,-167"/>
-<polygon fill="black" stroke="black" points="526.54,-163.5 516.54,-167 526.54,-170.5 526.54,-163.5"/>
+<path fill="none" stroke="black" d="M67,-122.22C67,-142.37 67,-172 67,-172 67,-172 402.51,-172 402.51,-172"/>
+<polygon fill="black" stroke="black" points="402.51,-175.5 412.51,-172 402.51,-168.5 402.51,-175.5"/>
 </g>
 </g>
 </svg>