carbon-components-angular 5.57.7 → 5.58.0

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

@@ -4,71 +4,67 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="686pt" height="396pt"
- viewBox="0.00 0.00 686.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="870pt" height="396pt"
+ viewBox="0.00 0.00 870.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 682,-391.59 682,4 -4,4"/>
-<text text-anchor="start" x="318.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="105,-10 105,-30 125,-30 125,-10 105,-10"/>
-<text text-anchor="start" x="128.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="218,-10 218,-30 238,-30 238,-10 218,-10"/>
-<text text-anchor="start" x="241.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="304,-10 304,-30 324,-30 324,-10 304,-10"/>
-<text text-anchor="start" x="327.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="401,-10 401,-30 421,-30 421,-10 401,-10"/>
-<text text-anchor="start" x="424.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="497,-10 497,-30 517,-30 517,-10 497,-10"/>
-<text text-anchor="start" x="520.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 866,-391.59 866,4 -4,4"/>
+<text text-anchor="start" x="410.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="197,-10 197,-30 217,-30 217,-10 197,-10"/>
+<text text-anchor="start" x="220.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
+<text text-anchor="start" x="333.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="396,-10 396,-30 416,-30 416,-10 396,-10"/>
+<text text-anchor="start" x="419.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="493,-10 493,-30 513,-30 513,-10 493,-10"/>
+<text text-anchor="start" x="516.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="589,-10 589,-30 609,-30 609,-10 589,-10"/>
+<text text-anchor="start" x="612.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TimePickerModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 670,-379.59 670,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 854,-379.59 854,-70 8,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_TimePickerModule_declarations</title>
-<polygon fill="none" stroke="black" points="290,-189.59 290,-241.59 388,-241.59 388,-189.59 290,-189.59"/>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerModule_TimePicker_providers</title>
+<polygon fill="none" stroke="black" points="200,-78 200,-241.59 846,-241.59 846,-78 200,-78"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="396,-189.59 396,-241.59 572,-241.59 572,-189.59 396,-189.59"/>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 192,-241.59 192,-189.59 16,-189.59"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="361,-319.59 361,-371.59 461,-371.59 461,-319.59 361,-319.59"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerModule_TimePicker_providers</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-176.59 662,-176.59 662,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="195,-319.59 195,-371.59 295,-371.59 295,-319.59 195,-319.59"/>
 </g>
 <!-- TimePicker -->
 <g id="node1" class="node">
 <title>TimePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="379.81,-233.59 298.19,-233.59 298.19,-197.59 379.81,-197.59 379.81,-233.59"/>
-<text text-anchor="middle" x="339" y="-211.39" font-family="Times,serif" font-size="14.00">TimePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="426.81,-233.59 345.19,-233.59 345.19,-197.59 426.81,-197.59 426.81,-233.59"/>
+<text text-anchor="middle" x="386" y="-211.39" font-family="Times,serif" font-size="14.00">TimePicker</text>
 </g>
 <!-- TimePickerModule -->
 <g id="node2" class="node">
 <title>TimePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="473.36,-298.59 470.36,-302.59 449.36,-302.59 446.36,-298.59 348.64,-298.59 348.64,-262.59 473.36,-262.59 473.36,-298.59"/>
-<text text-anchor="middle" x="411" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="307.36,-298.59 304.36,-302.59 283.36,-302.59 280.36,-298.59 182.64,-298.59 182.64,-262.59 307.36,-262.59 307.36,-298.59"/>
+<text text-anchor="middle" x="245" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerModule</text>
 </g>
 <!-- TimePicker&#45;&gt;TimePickerModule -->
 <g id="edge1" class="edge">
 <title>TimePicker&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M364.11,-233.7C364.11,-233.7 364.11,-252.58 364.11,-252.58"/>
-<polygon fill="black" stroke="black" points="360.61,-252.58 364.11,-262.58 367.61,-252.58 360.61,-252.58"/>
+<path fill="none" stroke="black" d="M386,-233.7C386,-252.93 386,-280.59 386,-280.59 386,-280.59 317.67,-280.59 317.67,-280.59"/>
+<polygon fill="black" stroke="black" points="317.67,-277.09 307.67,-280.59 317.67,-284.09 317.67,-277.09"/>
 </g>
 <!-- TimePicker  -->
 <g id="node5" class="node">
 <title>TimePicker </title>
-<polygon fill="#fb8072" stroke="black" points="453.31,-363.59 368.69,-363.59 368.69,-327.59 453.31,-327.59 453.31,-363.59"/>
-<text text-anchor="middle" x="411" y="-341.39" font-family="Times,serif" font-size="14.00">TimePicker </text>
+<polygon fill="#fb8072" stroke="black" points="287.31,-363.59 202.69,-363.59 202.69,-327.59 287.31,-327.59 287.31,-363.59"/>
+<text text-anchor="middle" x="245" y="-341.39" font-family="Times,serif" font-size="14.00">TimePicker </text>
 </g>
 <!-- TimePickerModule&#45;&gt;TimePicker  -->
 <g id="edge4" class="edge">
 <title>TimePickerModule&#45;&gt;TimePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M411,-298.7C411,-298.7 411,-317.58 411,-317.58"/>
-<polygon fill="black" stroke="black" points="407.5,-317.58 411,-327.58 414.5,-317.58 407.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M245,-298.7C245,-298.7 245,-317.58 245,-317.58"/>
+<polygon fill="black" stroke="black" points="241.5,-317.58 245,-327.58 248.5,-317.58 241.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
@@ -77,10 +73,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="339" cy="-127.3" rx="314.66" ry="41.09"/>
-<text text-anchor="middle" x="339" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="339" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true</text>
-<text text-anchor="middle" x="339" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="523" cy="-127.3" rx="314.66" ry="41.09"/>
+<text text-anchor="middle" x="523" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="523" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true</text>
+<text text-anchor="middle" x="523" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
@@ -89,20 +85,20 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
 }&#45;&gt;TimePicker</title>
-<path fill="none" stroke="black" d="M339,-168.6C339,-168.6 339,-187.26 339,-187.26"/>
-<polygon fill="black" stroke="black" points="335.5,-187.26 339,-197.26 342.5,-187.26 335.5,-187.26"/>
+<path fill="none" stroke="black" d="M386,-164.48C386,-164.48 386,-187.22 386,-187.22"/>
+<polygon fill="black" stroke="black" points="382.5,-187.22 386,-197.22 389.5,-187.22 382.5,-187.22"/>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node4" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="563.57,-233.59 560.57,-237.59 539.57,-237.59 536.57,-233.59 404.43,-233.59 404.43,-197.59 563.57,-197.59 563.57,-233.59"/>
-<text text-anchor="middle" x="484" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="183.57,-233.59 180.57,-237.59 159.57,-237.59 156.57,-233.59 24.43,-233.59 24.43,-197.59 183.57,-197.59 183.57,-233.59"/>
+<text text-anchor="middle" x="104" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerModule -->
 <g id="edge3" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M438.95,-233.7C438.95,-233.7 438.95,-252.58 438.95,-252.58"/>
-<polygon fill="black" stroke="black" points="435.45,-252.58 438.95,-262.58 442.45,-252.58 435.45,-252.58"/>
+<path fill="none" stroke="black" d="M183.57,-215.59C191.09,-215.59 195.98,-215.59 195.98,-215.59 195.98,-215.59 195.98,-252.48 195.98,-252.48"/>
+<polygon fill="black" stroke="black" points="192.48,-252.48 195.98,-262.48 199.48,-252.48 192.48,-252.48"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/TimePickerModule.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,71 +113,67 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="686pt" height="396pt"
- viewBox="0.00 0.00 686.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="870pt" height="396pt"
+ viewBox="0.00 0.00 870.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 682,-391.59 682,4 -4,4"/>
-<text text-anchor="start" x="318.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="105,-10 105,-30 125,-30 125,-10 105,-10"/>
-<text text-anchor="start" x="128.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="218,-10 218,-30 238,-30 238,-10 218,-10"/>
-<text text-anchor="start" x="241.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="304,-10 304,-30 324,-30 324,-10 304,-10"/>
-<text text-anchor="start" x="327.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="401,-10 401,-30 421,-30 421,-10 401,-10"/>
-<text text-anchor="start" x="424.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="497,-10 497,-30 517,-30 517,-10 497,-10"/>
-<text text-anchor="start" x="520.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 866,-391.59 866,4 -4,4"/>
+<text text-anchor="start" x="410.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="197,-10 197,-30 217,-30 217,-10 197,-10"/>
+<text text-anchor="start" x="220.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
+<text text-anchor="start" x="333.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="396,-10 396,-30 416,-30 416,-10 396,-10"/>
+<text text-anchor="start" x="419.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="493,-10 493,-30 513,-30 513,-10 493,-10"/>
+<text text-anchor="start" x="516.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="589,-10 589,-30 609,-30 609,-10 589,-10"/>
+<text text-anchor="start" x="612.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TimePickerModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 670,-379.59 670,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 854,-379.59 854,-70 8,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_TimePickerModule_declarations</title>
-<polygon fill="none" stroke="black" points="290,-189.59 290,-241.59 388,-241.59 388,-189.59 290,-189.59"/>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerModule_TimePicker_providers</title>
+<polygon fill="none" stroke="black" points="200,-78 200,-241.59 846,-241.59 846,-78 200,-78"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="396,-189.59 396,-241.59 572,-241.59 572,-189.59 396,-189.59"/>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 192,-241.59 192,-189.59 16,-189.59"/>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="361,-319.59 361,-371.59 461,-371.59 461,-319.59 361,-319.59"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerModule_TimePicker_providers</title>
-<polygon fill="none" stroke="black" points="16,-78 16,-176.59 662,-176.59 662,-78 16,-78"/>
+<polygon fill="none" stroke="black" points="195,-319.59 195,-371.59 295,-371.59 295,-319.59 195,-319.59"/>
 </g>
 <!-- TimePicker -->
 <g id="node1" class="node">
 <title>TimePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="379.81,-233.59 298.19,-233.59 298.19,-197.59 379.81,-197.59 379.81,-233.59"/>
-<text text-anchor="middle" x="339" y="-211.39" font-family="Times,serif" font-size="14.00">TimePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="426.81,-233.59 345.19,-233.59 345.19,-197.59 426.81,-197.59 426.81,-233.59"/>
+<text text-anchor="middle" x="386" y="-211.39" font-family="Times,serif" font-size="14.00">TimePicker</text>
 </g>
 <!-- TimePickerModule -->
 <g id="node2" class="node">
 <title>TimePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="473.36,-298.59 470.36,-302.59 449.36,-302.59 446.36,-298.59 348.64,-298.59 348.64,-262.59 473.36,-262.59 473.36,-298.59"/>
-<text text-anchor="middle" x="411" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="307.36,-298.59 304.36,-302.59 283.36,-302.59 280.36,-298.59 182.64,-298.59 182.64,-262.59 307.36,-262.59 307.36,-298.59"/>
+<text text-anchor="middle" x="245" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerModule</text>
 </g>
 <!-- TimePicker&#45;&gt;TimePickerModule -->
 <g id="edge1" class="edge">
 <title>TimePicker&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M364.11,-233.7C364.11,-233.7 364.11,-252.58 364.11,-252.58"/>
-<polygon fill="black" stroke="black" points="360.61,-252.58 364.11,-262.58 367.61,-252.58 360.61,-252.58"/>
+<path fill="none" stroke="black" d="M386,-233.7C386,-252.93 386,-280.59 386,-280.59 386,-280.59 317.67,-280.59 317.67,-280.59"/>
+<polygon fill="black" stroke="black" points="317.67,-277.09 307.67,-280.59 317.67,-284.09 317.67,-277.09"/>
 </g>
 <!-- TimePicker  -->
 <g id="node5" class="node">
 <title>TimePicker </title>
-<polygon fill="#fb8072" stroke="black" points="453.31,-363.59 368.69,-363.59 368.69,-327.59 453.31,-327.59 453.31,-363.59"/>
-<text text-anchor="middle" x="411" y="-341.39" font-family="Times,serif" font-size="14.00">TimePicker </text>
+<polygon fill="#fb8072" stroke="black" points="287.31,-363.59 202.69,-363.59 202.69,-327.59 287.31,-327.59 287.31,-363.59"/>
+<text text-anchor="middle" x="245" y="-341.39" font-family="Times,serif" font-size="14.00">TimePicker </text>
 </g>
 <!-- TimePickerModule&#45;&gt;TimePicker  -->
 <g id="edge4" class="edge">
 <title>TimePickerModule&#45;&gt;TimePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M411,-298.7C411,-298.7 411,-317.58 411,-317.58"/>
-<polygon fill="black" stroke="black" points="407.5,-317.58 411,-327.58 414.5,-317.58 407.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M245,-298.7C245,-298.7 245,-317.58 245,-317.58"/>
+<polygon fill="black" stroke="black" points="241.5,-317.58 245,-327.58 248.5,-317.58 241.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
@@ -170,10 +182,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="339" cy="-127.3" rx="314.66" ry="41.09"/>
-<text text-anchor="middle" x="339" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="339" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true</text>
-<text text-anchor="middle" x="339" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="523" cy="-127.3" rx="314.66" ry="41.09"/>
+<text text-anchor="middle" x="523" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="523" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true</text>
+<text text-anchor="middle" x="523" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
@@ -182,20 +194,20 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
 }&#45;&gt;TimePicker</title>
-<path fill="none" stroke="black" d="M339,-168.6C339,-168.6 339,-187.26 339,-187.26"/>
-<polygon fill="black" stroke="black" points="335.5,-187.26 339,-197.26 342.5,-187.26 335.5,-187.26"/>
+<path fill="none" stroke="black" d="M386,-164.48C386,-164.48 386,-187.22 386,-187.22"/>
+<polygon fill="black" stroke="black" points="382.5,-187.22 386,-197.22 389.5,-187.22 382.5,-187.22"/>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node4" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="563.57,-233.59 560.57,-237.59 539.57,-237.59 536.57,-233.59 404.43,-233.59 404.43,-197.59 563.57,-197.59 563.57,-233.59"/>
-<text text-anchor="middle" x="484" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="183.57,-233.59 180.57,-237.59 159.57,-237.59 156.57,-233.59 24.43,-233.59 24.43,-197.59 183.57,-197.59 183.57,-233.59"/>
+<text text-anchor="middle" x="104" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerModule -->
 <g id="edge3" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M438.95,-233.7C438.95,-233.7 438.95,-252.58 438.95,-252.58"/>
-<polygon fill="black" stroke="black" points="435.45,-252.58 438.95,-262.58 442.45,-252.58 435.45,-252.58"/>
+<path fill="none" stroke="black" d="M183.57,-215.59C191.09,-215.59 195.98,-215.59 195.98,-215.59 195.98,-215.59 195.98,-252.48 195.98,-252.48"/>
+<polygon fill="black" stroke="black" points="192.48,-252.48 195.98,-262.48 199.48,-252.48 192.48,-252.48"/>
 </g>
 </g>
 </svg>
@@ -387,5 +399,27 @@ export class TimePickerModule { }
        <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/TimePickerSelectModule/dependencies.svg

@@ -28,14 +28,14 @@
 <title>cluster_TimePickerSelectModule_declarations</title>
 <polygon fill="none" stroke="black" points="297,-189.59 297,-241.59 429,-241.59 429,-189.59 297,-189.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="437,-189.59 437,-241.59 649,-241.59 649,-189.59 437,-189.59"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
 <polygon fill="none" stroke="black" points="424,-319.59 424,-371.59 560,-371.59 560,-319.59 424,-319.59"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_TimePickerSelectModule_imports</title>
+<polygon fill="none" stroke="black" points="437,-189.59 437,-241.59 649,-241.59 649,-189.59 437,-189.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 710,-176.59 710,-78 16,-78"/>

package/docs/documentation/modules/TimePickerSelectModule.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
@@ -121,14 +137,14 @@
 <title>cluster_TimePickerSelectModule_declarations</title>
 <polygon fill="none" stroke="black" points="297,-189.59 297,-241.59 429,-241.59 429,-189.59 297,-189.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="437,-189.59 437,-241.59 649,-241.59 649,-189.59 437,-189.59"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
 <polygon fill="none" stroke="black" points="424,-319.59 424,-371.59 560,-371.59 560,-319.59 424,-319.59"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_TimePickerSelectModule_imports</title>
+<polygon fill="none" stroke="black" points="437,-189.59 437,-241.59 649,-241.59 649,-189.59 437,-189.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 710,-176.59 710,-78 16,-78"/>
@@ -404,5 +420,27 @@ export class TimePickerSelectModule { }
        <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/ToggleModule/dependencies.svg

@@ -28,14 +28,14 @@
 <title>cluster_ToggleModule_declarations</title>
 <polygon fill="none" stroke="black" points="284,-189.59 284,-241.59 356,-241.59 356,-189.59 284,-189.59"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_ToggleModule_exports</title>
-<polygon fill="none" stroke="black" points="329,-319.59 329,-371.59 405,-371.59 405,-319.59 329,-319.59"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_ToggleModule_imports</title>
 <polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 466,-241.59 466,-189.59 364,-189.59"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_ToggleModule_exports</title>
+<polygon fill="none" stroke="black" points="329,-319.59 329,-371.59 405,-371.59 405,-319.59 329,-319.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_ToggleModule_Toggle_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 624,-176.59 624,-78 16,-78"/>

package/docs/documentation/modules/ToggleModule.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
@@ -121,14 +137,14 @@
 <title>cluster_ToggleModule_declarations</title>
 <polygon fill="none" stroke="black" points="284,-189.59 284,-241.59 356,-241.59 356,-189.59 284,-189.59"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_ToggleModule_exports</title>
-<polygon fill="none" stroke="black" points="329,-319.59 329,-371.59 405,-371.59 405,-319.59 329,-319.59"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_ToggleModule_imports</title>
 <polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 466,-241.59 466,-189.59 364,-189.59"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_ToggleModule_exports</title>
+<polygon fill="none" stroke="black" points="329,-319.59 329,-371.59 405,-371.59 405,-319.59 329,-319.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_ToggleModule_Toggle_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 624,-176.59 624,-78 16,-78"/>
@@ -392,5 +408,27 @@ export class ToggleModule { }
        <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>