carbon-components-angular 5.57.7 → 5.58.0

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

@@ -4,33 +4,33 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1904pt" height="349pt"
- viewBox="0.00 0.00 1904.00 349.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1884pt" height="349pt"
+ viewBox="0.00 0.00 1884.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 1900,-345 1900,4 -4,4"/>
-<text text-anchor="start" x="927.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="714,-10 714,-30 734,-30 734,-10 714,-10"/>
-<text text-anchor="start" x="737.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="827,-10 827,-30 847,-30 847,-10 827,-10"/>
-<text text-anchor="start" x="850.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="913,-10 913,-30 933,-30 933,-10 913,-10"/>
-<text text-anchor="start" x="936.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="1010,-10 1010,-30 1030,-30 1030,-10 1010,-10"/>
-<text text-anchor="start" x="1033.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1106,-10 1106,-30 1126,-30 1126,-10 1106,-10"/>
-<text text-anchor="start" x="1129.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 1880,-345 1880,4 -4,4"/>
+<text text-anchor="start" x="917.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="704,-10 704,-30 724,-30 724,-10 704,-10"/>
+<text text-anchor="start" x="727.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="817,-10 817,-30 837,-30 837,-10 817,-10"/>
+<text text-anchor="start" x="840.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="903,-10 903,-30 923,-30 923,-10 903,-10"/>
+<text text-anchor="start" x="926.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="1000,-10 1000,-30 1020,-30 1020,-10 1000,-10"/>
+<text text-anchor="start" x="1023.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="1096,-10 1096,-30 1116,-30 1116,-10 1096,-10"/>
+<text text-anchor="start" x="1119.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_DialogModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 1888,-333 1888,-70 8,-70"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_DialogModule_DialogDirective_providers</title>
-<polygon fill="none" stroke="black" points="1732,-78 1732,-195 1880,-195 1880,-78 1732,-78"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 1868,-333 1868,-70 8,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_DialogModule_declarations</title>
-<polygon fill="none" stroke="black" points="863,-143 863,-195 1724,-195 1724,-143 863,-143"/>
+<polygon fill="none" stroke="black" points="863,-143 863,-195 1848,-195 1848,-143 863,-143"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DialogModule_DialogDirective_providers</title>
+<polygon fill="none" stroke="black" points="1676,-78 1676,-130 1824,-130 1824,-78 1676,-78"/>
 </g>
 <g id="clust11" class="cluster">
 <title>cluster_DialogModule_exports</title>
@@ -43,8 +43,8 @@
 <!-- Dialog -->
 <g id="node1" class="node">
 <title>Dialog</title>
-<polygon fill="#ffffb3" stroke="black" points="1716.1,-187 1661.9,-187 1661.9,-151 1716.1,-151 1716.1,-187"/>
-<text text-anchor="middle" x="1689" y="-164.8" font-family="Times,serif" font-size="14.00">Dialog</text>
+<polygon fill="#ffffb3" stroke="black" points="1840.1,-187 1785.9,-187 1785.9,-151 1840.1,-151 1840.1,-187"/>
+<text text-anchor="middle" x="1813" y="-164.8" font-family="Times,serif" font-size="14.00">Dialog</text>
 </g>
 <!-- DialogModule -->
 <g id="node8" class="node">
@@ -55,20 +55,20 @@
 <!-- Dialog&#45;&gt;DialogModule -->
 <g id="edge1" class="edge">
 <title>Dialog&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1689,-187.17C1689,-206.09 1689,-233 1689,-233 1689,-233 994.83,-233 994.83,-233"/>
-<polygon fill="black" stroke="black" points="994.83,-229.5 984.83,-233 994.83,-236.5 994.83,-229.5"/>
+<path fill="none" stroke="black" d="M1813,-187.03C1813,-207.77 1813,-239 1813,-239 1813,-239 994.72,-239 994.72,-239"/>
+<polygon fill="black" stroke="black" points="994.72,-235.5 984.72,-239 994.72,-242.5 994.72,-235.5"/>
 </g>
 <!-- DialogDirective -->
 <g id="node2" class="node">
 <title>DialogDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="1846.19,-187 1739.81,-187 1739.81,-151 1846.19,-151 1846.19,-187"/>
-<text text-anchor="middle" x="1793" y="-164.8" font-family="Times,serif" font-size="14.00">DialogDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="1768.19,-187 1661.81,-187 1661.81,-151 1768.19,-151 1768.19,-187"/>
+<text text-anchor="middle" x="1715" y="-164.8" font-family="Times,serif" font-size="14.00">DialogDirective</text>
 </g>
 <!-- DialogDirective&#45;&gt;DialogModule -->
 <g id="edge2" class="edge">
 <title>DialogDirective&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1793,-187.31C1793,-207.15 1793,-236 1793,-236 1793,-236 994.84,-236 994.84,-236"/>
-<polygon fill="black" stroke="black" points="994.84,-232.5 984.84,-236 994.84,-239.5 994.84,-232.5"/>
+<path fill="none" stroke="black" d="M1715,-187.17C1715,-206.09 1715,-233 1715,-233 1715,-233 994.73,-233 994.73,-233"/>
+<polygon fill="black" stroke="black" points="994.73,-229.5 984.73,-233 994.73,-236.5 994.73,-229.5"/>
 </g>
 <!-- OverflowMenu -->
 <g id="node3" class="node">
@@ -217,20 +217,20 @@
 <!-- DialogService -->
 <g id="node9" class="node">
 <title>DialogService</title>
-<ellipse fill="#fdb462" stroke="black" cx="1806" cy="-104" rx="66.05" ry="18"/>
-<text text-anchor="middle" x="1806" y="-99.8" font-family="Times,serif" font-size="14.00">DialogService</text>
+<ellipse fill="#fdb462" stroke="black" cx="1750" cy="-104" rx="66.05" ry="18"/>
+<text text-anchor="middle" x="1750" y="-99.8" font-family="Times,serif" font-size="14.00">DialogService</text>
 </g>
 <!-- DialogService&#45;&gt;DialogDirective -->
 <g id="edge3" class="edge">
 <title>DialogService&#45;&gt;DialogDirective</title>
-<path fill="none" stroke="black" d="M1793,-121.76C1793,-121.76 1793,-140.81 1793,-140.81"/>
-<polygon fill="black" stroke="black" points="1789.5,-140.81 1793,-150.81 1796.5,-140.81 1789.5,-140.81"/>
+<path fill="none" stroke="black" d="M1725.91,-121.08C1725.91,-121.08 1725.91,-140.9 1725.91,-140.9"/>
+<polygon fill="black" stroke="black" points="1722.41,-140.9 1725.91,-150.9 1729.41,-140.9 1722.41,-140.9"/>
 </g>
 <!-- DialogService&#45;&gt;DialogModule -->
 <g id="edge23" class="edge">
 <title>DialogService&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1859.18,-115.05C1859.18,-147.29 1859.18,-239 1859.18,-239 1859.18,-239 994.66,-239 994.66,-239"/>
-<polygon fill="black" stroke="black" points="994.66,-235.5 984.66,-239 994.66,-242.5 994.66,-235.5"/>
+<path fill="none" stroke="black" d="M1777.02,-120.45C1777.02,-155.84 1777.02,-236 1777.02,-236 1777.02,-236 994.85,-236 994.85,-236"/>
+<polygon fill="black" stroke="black" points="994.85,-232.5 984.85,-236 994.85,-239.5 994.85,-232.5"/>
 </g>
 <!-- ButtonModule -->
 <g id="node10" class="node">

package/docs/documentation/modules/DialogModule.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
@@ -97,33 +113,33 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1904pt" height="349pt"
- viewBox="0.00 0.00 1904.00 349.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1884pt" height="349pt"
+ viewBox="0.00 0.00 1884.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 1900,-345 1900,4 -4,4"/>
-<text text-anchor="start" x="927.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="714,-10 714,-30 734,-30 734,-10 714,-10"/>
-<text text-anchor="start" x="737.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="827,-10 827,-30 847,-30 847,-10 827,-10"/>
-<text text-anchor="start" x="850.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="913,-10 913,-30 933,-30 933,-10 913,-10"/>
-<text text-anchor="start" x="936.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="1010,-10 1010,-30 1030,-30 1030,-10 1010,-10"/>
-<text text-anchor="start" x="1033.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1106,-10 1106,-30 1126,-30 1126,-10 1106,-10"/>
-<text text-anchor="start" x="1129.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 1880,-345 1880,4 -4,4"/>
+<text text-anchor="start" x="917.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="704,-10 704,-30 724,-30 724,-10 704,-10"/>
+<text text-anchor="start" x="727.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="817,-10 817,-30 837,-30 837,-10 817,-10"/>
+<text text-anchor="start" x="840.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="903,-10 903,-30 923,-30 923,-10 903,-10"/>
+<text text-anchor="start" x="926.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="1000,-10 1000,-30 1020,-30 1020,-10 1000,-10"/>
+<text text-anchor="start" x="1023.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="1096,-10 1096,-30 1116,-30 1116,-10 1096,-10"/>
+<text text-anchor="start" x="1119.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_DialogModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 1888,-333 1888,-70 8,-70"/>
-</g>
-<g id="clust4" class="cluster">
-<title>cluster_DialogModule_DialogDirective_providers</title>
-<polygon fill="none" stroke="black" points="1732,-78 1732,-195 1880,-195 1880,-78 1732,-78"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-333 1868,-333 1868,-70 8,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_DialogModule_declarations</title>
-<polygon fill="none" stroke="black" points="863,-143 863,-195 1724,-195 1724,-143 863,-143"/>
+<polygon fill="none" stroke="black" points="863,-143 863,-195 1848,-195 1848,-143 863,-143"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DialogModule_DialogDirective_providers</title>
+<polygon fill="none" stroke="black" points="1676,-78 1676,-130 1824,-130 1824,-78 1676,-78"/>
 </g>
 <g id="clust11" class="cluster">
 <title>cluster_DialogModule_exports</title>
@@ -136,8 +152,8 @@
 <!-- Dialog -->
 <g id="node1" class="node">
 <title>Dialog</title>
-<polygon fill="#ffffb3" stroke="black" points="1716.1,-187 1661.9,-187 1661.9,-151 1716.1,-151 1716.1,-187"/>
-<text text-anchor="middle" x="1689" y="-164.8" font-family="Times,serif" font-size="14.00">Dialog</text>
+<polygon fill="#ffffb3" stroke="black" points="1840.1,-187 1785.9,-187 1785.9,-151 1840.1,-151 1840.1,-187"/>
+<text text-anchor="middle" x="1813" y="-164.8" font-family="Times,serif" font-size="14.00">Dialog</text>
 </g>
 <!-- DialogModule -->
 <g id="node8" class="node">
@@ -148,20 +164,20 @@
 <!-- Dialog&#45;&gt;DialogModule -->
 <g id="edge1" class="edge">
 <title>Dialog&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1689,-187.17C1689,-206.09 1689,-233 1689,-233 1689,-233 994.83,-233 994.83,-233"/>
-<polygon fill="black" stroke="black" points="994.83,-229.5 984.83,-233 994.83,-236.5 994.83,-229.5"/>
+<path fill="none" stroke="black" d="M1813,-187.03C1813,-207.77 1813,-239 1813,-239 1813,-239 994.72,-239 994.72,-239"/>
+<polygon fill="black" stroke="black" points="994.72,-235.5 984.72,-239 994.72,-242.5 994.72,-235.5"/>
 </g>
 <!-- DialogDirective -->
 <g id="node2" class="node">
 <title>DialogDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="1846.19,-187 1739.81,-187 1739.81,-151 1846.19,-151 1846.19,-187"/>
-<text text-anchor="middle" x="1793" y="-164.8" font-family="Times,serif" font-size="14.00">DialogDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="1768.19,-187 1661.81,-187 1661.81,-151 1768.19,-151 1768.19,-187"/>
+<text text-anchor="middle" x="1715" y="-164.8" font-family="Times,serif" font-size="14.00">DialogDirective</text>
 </g>
 <!-- DialogDirective&#45;&gt;DialogModule -->
 <g id="edge2" class="edge">
 <title>DialogDirective&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1793,-187.31C1793,-207.15 1793,-236 1793,-236 1793,-236 994.84,-236 994.84,-236"/>
-<polygon fill="black" stroke="black" points="994.84,-232.5 984.84,-236 994.84,-239.5 994.84,-232.5"/>
+<path fill="none" stroke="black" d="M1715,-187.17C1715,-206.09 1715,-233 1715,-233 1715,-233 994.73,-233 994.73,-233"/>
+<polygon fill="black" stroke="black" points="994.73,-229.5 984.73,-233 994.73,-236.5 994.73,-229.5"/>
 </g>
 <!-- OverflowMenu -->
 <g id="node3" class="node">
@@ -310,20 +326,20 @@
 <!-- DialogService -->
 <g id="node9" class="node">
 <title>DialogService</title>
-<ellipse fill="#fdb462" stroke="black" cx="1806" cy="-104" rx="66.05" ry="18"/>
-<text text-anchor="middle" x="1806" y="-99.8" font-family="Times,serif" font-size="14.00">DialogService</text>
+<ellipse fill="#fdb462" stroke="black" cx="1750" cy="-104" rx="66.05" ry="18"/>
+<text text-anchor="middle" x="1750" y="-99.8" font-family="Times,serif" font-size="14.00">DialogService</text>
 </g>
 <!-- DialogService&#45;&gt;DialogDirective -->
 <g id="edge3" class="edge">
 <title>DialogService&#45;&gt;DialogDirective</title>
-<path fill="none" stroke="black" d="M1793,-121.76C1793,-121.76 1793,-140.81 1793,-140.81"/>
-<polygon fill="black" stroke="black" points="1789.5,-140.81 1793,-150.81 1796.5,-140.81 1789.5,-140.81"/>
+<path fill="none" stroke="black" d="M1725.91,-121.08C1725.91,-121.08 1725.91,-140.9 1725.91,-140.9"/>
+<polygon fill="black" stroke="black" points="1722.41,-140.9 1725.91,-150.9 1729.41,-140.9 1722.41,-140.9"/>
 </g>
 <!-- DialogService&#45;&gt;DialogModule -->
 <g id="edge23" class="edge">
 <title>DialogService&#45;&gt;DialogModule</title>
-<path fill="none" stroke="black" d="M1859.18,-115.05C1859.18,-147.29 1859.18,-239 1859.18,-239 1859.18,-239 994.66,-239 994.66,-239"/>
-<polygon fill="black" stroke="black" points="994.66,-235.5 984.66,-239 994.66,-242.5 994.66,-235.5"/>
+<path fill="none" stroke="black" d="M1777.02,-120.45C1777.02,-155.84 1777.02,-236 1777.02,-236 1777.02,-236 994.85,-236 994.85,-236"/>
+<polygon fill="black" stroke="black" points="994.85,-232.5 984.85,-236 994.85,-239.5 994.85,-232.5"/>
 </g>
 <!-- ButtonModule -->
 <g id="node10" class="node">
@@ -698,5 +714,27 @@ export class DialogModule {}
        <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/DocumentationModule.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
@@ -336,5 +352,27 @@ export class DocumentationModule { }
        <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/DropdownModule.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
@@ -568,5 +584,27 @@ export class DropdownModule {}
        <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/ExperimentalModule.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
@@ -312,5 +328,27 @@ export class ExperimentalModule { }
        <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/FileUploaderModule/dependencies.svg

@@ -4,37 +4,37 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1174pt" height="396pt"
- viewBox="0.00 0.00 1174.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="698pt" height="396pt"
+ viewBox="0.00 0.00 698.00 395.59" 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 391.59)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 1170,-391.59 1170,4 -4,4"/>
-<text text-anchor="start" x="562.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="349,-10 349,-30 369,-30 369,-10 349,-10"/>
-<text text-anchor="start" x="372.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="462,-10 462,-30 482,-30 482,-10 462,-10"/>
-<text text-anchor="start" x="485.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="548,-10 548,-30 568,-30 568,-10 548,-10"/>
-<text text-anchor="start" x="571.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="645,-10 645,-30 665,-30 665,-10 645,-10"/>
-<text text-anchor="start" x="668.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="741,-10 741,-30 761,-30 761,-10 741,-10"/>
-<text text-anchor="start" x="764.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 694,-391.59 694,4 -4,4"/>
+<text text-anchor="start" x="324.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="111,-10 111,-30 131,-30 131,-10 111,-10"/>
+<text text-anchor="start" x="134.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="224,-10 224,-30 244,-30 244,-10 224,-10"/>
+<text text-anchor="start" x="247.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
+<text text-anchor="start" x="333.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="407,-10 407,-30 427,-30 427,-10 407,-10"/>
+<text text-anchor="start" x="430.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="503,-10 503,-30 523,-30 523,-10 503,-10"/>
+<text text-anchor="start" x="526.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_FileUploaderModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1158,-379.59 1158,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 682,-379.59 682,-70 8,-70"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_FileUploaderModule_FileUploader_providers</title>
-<polygon fill="none" stroke="black" points="492,-78 492,-241.59 1150,-241.59 1150,-78 492,-78"/>
+<g id="clust6" class="cluster">
+<title>cluster_FileUploaderModule_exports</title>
+<polygon fill="none" stroke="black" points="185,-319.59 185,-371.59 419,-371.59 419,-319.59 185,-319.59"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_FileUploaderModule_declarations</title>
-<polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 484,-241.59 484,-189.59 364,-189.59"/>
+<polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 591,-241.59 591,-189.59 364,-189.59"/>
 </g>
-<g id="clust6" class="cluster">
-<title>cluster_FileUploaderModule_exports</title>
-<polygon fill="none" stroke="black" points="185,-319.59 185,-371.59 419,-371.59 419,-319.59 185,-319.59"/>
+<g id="clust4" class="cluster">
+<title>cluster_FileUploaderModule_FileUploader_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-176.59 674,-176.59 674,-78 16,-78"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_FileUploaderModule_imports</title>
@@ -43,8 +43,8 @@
 <!-- FileComponent -->
 <g id="node1" class="node">
 <title>FileComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="475.61,-233.59 372.39,-233.59 372.39,-197.59 475.61,-197.59 475.61,-233.59"/>
-<text text-anchor="middle" x="424" y="-211.39" font-family="Times,serif" font-size="14.00">FileComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="582.61,-233.59 479.39,-233.59 479.39,-197.59 582.61,-197.59 582.61,-233.59"/>
+<text text-anchor="middle" x="531" y="-211.39" font-family="Times,serif" font-size="14.00">FileComponent</text>
 </g>
 <!-- FileUploaderModule -->
 <g id="node3" class="node">
@@ -55,20 +55,20 @@
 <!-- FileComponent&#45;&gt;FileUploaderModule -->
 <g id="edge1" class="edge">
 <title>FileComponent&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M372.36,-215.59C363.34,-215.59 356.77,-215.59 356.77,-215.59 356.77,-215.59 356.77,-252.48 356.77,-252.48"/>
-<polygon fill="black" stroke="black" points="353.27,-252.48 356.77,-262.48 360.27,-252.48 353.27,-252.48"/>
+<path fill="none" stroke="black" d="M531,-233.7C531,-252.93 531,-280.59 531,-280.59 531,-280.59 375.79,-280.59 375.79,-280.59"/>
+<polygon fill="black" stroke="black" points="375.79,-277.09 365.79,-280.59 375.79,-284.09 375.79,-277.09"/>
 </g>
 <!-- FileUploader -->
 <g id="node2" class="node">
 <title>FileUploader</title>
-<polygon fill="#ffffb3" stroke="black" points="727.87,-233.59 638.13,-233.59 638.13,-197.59 727.87,-197.59 727.87,-233.59"/>
-<text text-anchor="middle" x="683" y="-211.39" font-family="Times,serif" font-size="14.00">FileUploader</text>
+<polygon fill="#ffffb3" stroke="black" points="461.87,-233.59 372.13,-233.59 372.13,-197.59 461.87,-197.59 461.87,-233.59"/>
+<text text-anchor="middle" x="417" y="-211.39" font-family="Times,serif" font-size="14.00">FileUploader</text>
 </g>
 <!-- FileUploader&#45;&gt;FileUploaderModule -->
 <g id="edge2" class="edge">
 <title>FileUploader&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M683,-233.7C683,-252.93 683,-280.59 683,-280.59 683,-280.59 375.89,-280.59 375.89,-280.59"/>
-<polygon fill="black" stroke="black" points="375.89,-277.09 365.89,-280.59 375.89,-284.09 375.89,-277.09"/>
+<path fill="none" stroke="black" d="M371.97,-215.59C363.26,-215.59 356.77,-215.59 356.77,-215.59 356.77,-215.59 356.77,-252.48 356.77,-252.48"/>
+<polygon fill="black" stroke="black" points="353.27,-252.48 356.77,-262.48 360.27,-252.48 353.27,-252.48"/>
 </g>
 <!-- FileComponent  -->
 <g id="node8" class="node">
@@ -101,10 +101,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="821" cy="-127.3" rx="320.76" ry="41.09"/>
-<text text-anchor="middle" x="821" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="821" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true</text>
-<text text-anchor="middle" x="821" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="345" cy="-127.3" rx="320.76" ry="41.09"/>
+<text text-anchor="middle" x="345" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="345" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true</text>
+<text text-anchor="middle" x="345" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
@@ -113,8 +113,8 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
 }&#45;&gt;FileUploader</title>
-<path fill="none" stroke="black" d="M683,-164.74C683,-164.74 683,-187.34 683,-187.34"/>
-<polygon fill="black" stroke="black" points="679.5,-187.34 683,-197.34 686.5,-187.34 679.5,-187.34"/>
+<path fill="none" stroke="black" d="M417,-167.57C417,-167.57 417,-187.23 417,-187.23"/>
+<polygon fill="black" stroke="black" points="413.5,-187.23 417,-197.23 420.5,-187.23 413.5,-187.23"/>
 </g>
 <!-- ButtonModule -->
 <g id="node5" class="node">