carbon-components-angular 5.68.0 → 5.70.0

package/docs/documentation/modules/TimePickerModule.html

@@ -133,21 +133,21 @@
 <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"/>
 </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"/>
+</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>
-<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"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="216,-319.59 216,-371.59 316,-371.59 316,-319.59 216,-319.59"/>
+<polygon fill="none" stroke="black" points="361,-319.59 361,-371.59 461,-371.59 461,-319.59 361,-319.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_TimePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="106,-189.59 106,-241.59 282,-241.59 282,-189.59 106,-189.59"/>
+<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"/>
 </g>
 <!-- TimePicker -->
 <g id="node1" class="node">
@@ -158,26 +158,26 @@
 <!-- TimePickerModule -->
 <g id="node2" class="node">
 <title>TimePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="328.36,-298.59 325.36,-302.59 304.36,-302.59 301.36,-298.59 203.64,-298.59 203.64,-262.59 328.36,-262.59 328.36,-298.59"/>
-<text text-anchor="middle" x="266" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerModule</text>
+<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>
 </g>
 <!-- TimePicker&#45;&gt;TimePickerModule -->
 <g id="edge1" class="edge">
 <title>TimePicker&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M313.39,-233.7C313.39,-233.7 313.39,-252.58 313.39,-252.58"/>
-<polygon fill="black" stroke="black" points="309.89,-252.58 313.39,-262.58 316.89,-252.58 309.89,-252.58"/>
+<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"/>
 </g>
 <!-- TimePicker  -->
 <g id="node5" class="node">
 <title>TimePicker </title>
-<polygon fill="#fb8072" stroke="black" points="308.31,-363.59 223.69,-363.59 223.69,-327.59 308.31,-327.59 308.31,-363.59"/>
-<text text-anchor="middle" x="266" y="-341.39" font-family="Times,serif" font-size="14.00">TimePicker </text>
+<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>
 </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="M266,-298.7C266,-298.7 266,-317.58 266,-317.58"/>
-<polygon fill="black" stroke="black" points="262.5,-317.58 266,-327.58 269.5,-317.58 262.5,-317.58"/>
+<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"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePicker, multi: true
@@ -204,14 +204,14 @@
 <!-- TimePickerSelectModule -->
 <g id="node4" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="273.57,-233.59 270.57,-237.59 249.57,-237.59 246.57,-233.59 114.43,-233.59 114.43,-197.59 273.57,-197.59 273.57,-233.59"/>
-<text text-anchor="middle" x="194" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<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>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerModule -->
 <g id="edge3" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerModule</title>
-<path fill="none" stroke="black" d="M238.55,-233.7C238.55,-233.7 238.55,-252.58 238.55,-252.58"/>
-<polygon fill="black" stroke="black" points="235.05,-252.58 238.55,-262.58 242.05,-252.58 235.05,-252.58"/>
+<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"/>
 </g>
 </g>
 </svg>

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

@@ -26,45 +26,45 @@
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
-<polygon fill="none" stroke="black" points="110,-319.59 110,-371.59 246,-371.59 246,-319.59 110,-319.59"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
-<polygon fill="none" stroke="black" points="236,-78 236,-241.59 930,-241.59 930,-78 236,-78"/>
+<polygon fill="none" stroke="black" points="705,-319.59 705,-371.59 841,-371.59 841,-319.59 705,-319.59"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 228,-241.59 228,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="718,-189.59 718,-241.59 930,-241.59 930,-189.59 718,-189.59"/>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 710,-241.59 710,-78 16,-78"/>
 </g>
 <!-- TimePickerSelect -->
 <g id="node1" class="node">
 <title>TimePickerSelect</title>
-<polygon fill="#ffffb3" stroke="black" points="499.52,-233.59 384.48,-233.59 384.48,-197.59 499.52,-197.59 499.52,-233.59"/>
-<text text-anchor="middle" x="442" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
+<polygon fill="#ffffb3" stroke="black" points="560.52,-233.59 445.48,-233.59 445.48,-197.59 560.52,-197.59 560.52,-233.59"/>
+<text text-anchor="middle" x="503" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node2" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="257.57,-298.59 254.57,-302.59 233.57,-302.59 230.57,-298.59 98.43,-298.59 98.43,-262.59 257.57,-262.59 257.57,-298.59"/>
-<text text-anchor="middle" x="178" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="852.57,-298.59 849.57,-302.59 828.57,-302.59 825.57,-298.59 693.43,-298.59 693.43,-262.59 852.57,-262.59 852.57,-298.59"/>
+<text text-anchor="middle" x="773" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelect&#45;&gt;TimePickerSelectModule -->
 <g id="edge1" class="edge">
 <title>TimePickerSelect&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M384.4,-215.59C328.13,-215.59 250.88,-215.59 250.88,-215.59 250.88,-215.59 250.88,-252.48 250.88,-252.48"/>
-<polygon fill="black" stroke="black" points="247.38,-252.48 250.88,-262.48 254.38,-252.48 247.38,-252.48"/>
+<path fill="none" stroke="black" d="M560.6,-215.59C617.99,-215.59 697.62,-215.59 697.62,-215.59 697.62,-215.59 697.62,-252.48 697.62,-252.48"/>
+<polygon fill="black" stroke="black" points="694.12,-252.48 697.62,-262.48 701.12,-252.48 694.12,-252.48"/>
 </g>
 <!-- TimePickerSelect  -->
 <g id="node6" class="node">
 <title>TimePickerSelect </title>
-<polygon fill="#fb8072" stroke="black" points="237.52,-363.59 118.48,-363.59 118.48,-327.59 237.52,-327.59 237.52,-363.59"/>
-<text text-anchor="middle" x="178" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
+<polygon fill="#fb8072" stroke="black" points="832.52,-363.59 713.48,-363.59 713.48,-327.59 832.52,-327.59 832.52,-363.59"/>
+<text text-anchor="middle" x="773" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerSelect  -->
 <g id="edge5" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerSelect </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M178,-298.7C178,-298.7 178,-317.58 178,-317.58"/>
-<polygon fill="black" stroke="black" points="174.5,-317.58 178,-327.58 181.5,-317.58 174.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M773,-298.7C773,-298.7 773,-317.58 773,-317.58"/>
+<polygon fill="black" stroke="black" points="769.5,-317.58 773,-327.58 776.5,-317.58 769.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -73,10 +73,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="583" cy="-127.3" rx="338.54" ry="41.09"/>
-<text text-anchor="middle" x="583" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="583" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
-<text text-anchor="middle" x="583" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="363" cy="-127.3" rx="338.54" ry="41.09"/>
+<text text-anchor="middle" x="363" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="363" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
+<text text-anchor="middle" x="363" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -85,32 +85,32 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }&#45;&gt;TimePickerSelect</title>
-<path fill="none" stroke="black" d="M442,-165C442,-165 442,-187.45 442,-187.45"/>
-<polygon fill="black" stroke="black" points="438.5,-187.45 442,-197.45 445.5,-187.45 438.5,-187.45"/>
+<path fill="none" stroke="black" d="M503,-165C503,-165 503,-187.45 503,-187.45"/>
+<polygon fill="black" stroke="black" points="499.5,-187.45 503,-197.45 506.5,-187.45 499.5,-187.45"/>
 </g>
 <!-- IconModule -->
 <g id="node4" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="220.43,-233.59 217.43,-237.59 196.43,-237.59 193.43,-233.59 135.57,-233.59 135.57,-197.59 220.43,-197.59 220.43,-233.59"/>
-<text text-anchor="middle" x="178" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="922.43,-233.59 919.43,-237.59 898.43,-237.59 895.43,-233.59 837.57,-233.59 837.57,-197.59 922.43,-197.59 922.43,-233.59"/>
+<text text-anchor="middle" x="880" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge3" class="edge">
 <title>IconModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M178,-233.7C178,-233.7 178,-252.58 178,-252.58"/>
-<polygon fill="black" stroke="black" points="174.5,-252.58 178,-262.58 181.5,-252.58 174.5,-252.58"/>
+<path fill="none" stroke="black" d="M845.16,-233.7C845.16,-233.7 845.16,-252.58 845.16,-252.58"/>
+<polygon fill="black" stroke="black" points="841.66,-252.58 845.16,-262.58 848.66,-252.58 841.66,-252.58"/>
 </g>
 <!-- SelectModule -->
 <g id="node5" class="node">
 <title>SelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="117.76,-233.59 114.76,-237.59 93.76,-237.59 90.76,-233.59 24.24,-233.59 24.24,-197.59 117.76,-197.59 117.76,-233.59"/>
-<text text-anchor="middle" x="71" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="819.76,-233.59 816.76,-237.59 795.76,-237.59 792.76,-233.59 726.24,-233.59 726.24,-197.59 819.76,-197.59 819.76,-233.59"/>
+<text text-anchor="middle" x="773" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
 </g>
 <!-- SelectModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge4" class="edge">
 <title>SelectModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M108.17,-233.7C108.17,-233.7 108.17,-252.58 108.17,-252.58"/>
-<polygon fill="black" stroke="black" points="104.67,-252.58 108.17,-262.58 111.67,-252.58 104.67,-252.58"/>
+<path fill="none" stroke="black" d="M773,-233.7C773,-233.7 773,-252.58 773,-252.58"/>
+<polygon fill="black" stroke="black" points="769.5,-252.58 773,-262.58 776.5,-252.58 769.5,-252.58"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/TimePickerSelectModule.html

@@ -135,45 +135,45 @@
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_TimePickerSelectModule_exports</title>
-<polygon fill="none" stroke="black" points="110,-319.59 110,-371.59 246,-371.59 246,-319.59 110,-319.59"/>
-</g>
-<g id="clust3" class="cluster">
-<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
-<polygon fill="none" stroke="black" points="236,-78 236,-241.59 930,-241.59 930,-78 236,-78"/>
+<polygon fill="none" stroke="black" points="705,-319.59 705,-371.59 841,-371.59 841,-319.59 705,-319.59"/>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_TimePickerSelectModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 228,-241.59 228,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="718,-189.59 718,-241.59 930,-241.59 930,-189.59 718,-189.59"/>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster_TimePickerSelectModule_TimePickerSelect_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 710,-241.59 710,-78 16,-78"/>
 </g>
 <!-- TimePickerSelect -->
 <g id="node1" class="node">
 <title>TimePickerSelect</title>
-<polygon fill="#ffffb3" stroke="black" points="499.52,-233.59 384.48,-233.59 384.48,-197.59 499.52,-197.59 499.52,-233.59"/>
-<text text-anchor="middle" x="442" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
+<polygon fill="#ffffb3" stroke="black" points="560.52,-233.59 445.48,-233.59 445.48,-197.59 560.52,-197.59 560.52,-233.59"/>
+<text text-anchor="middle" x="503" y="-211.39" font-family="Times,serif" font-size="14.00">TimePickerSelect</text>
 </g>
 <!-- TimePickerSelectModule -->
 <g id="node2" class="node">
 <title>TimePickerSelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="257.57,-298.59 254.57,-302.59 233.57,-302.59 230.57,-298.59 98.43,-298.59 98.43,-262.59 257.57,-262.59 257.57,-298.59"/>
-<text text-anchor="middle" x="178" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="852.57,-298.59 849.57,-302.59 828.57,-302.59 825.57,-298.59 693.43,-298.59 693.43,-262.59 852.57,-262.59 852.57,-298.59"/>
+<text text-anchor="middle" x="773" y="-276.39" font-family="Times,serif" font-size="14.00">TimePickerSelectModule</text>
 </g>
 <!-- TimePickerSelect&#45;&gt;TimePickerSelectModule -->
 <g id="edge1" class="edge">
 <title>TimePickerSelect&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M384.4,-215.59C328.13,-215.59 250.88,-215.59 250.88,-215.59 250.88,-215.59 250.88,-252.48 250.88,-252.48"/>
-<polygon fill="black" stroke="black" points="247.38,-252.48 250.88,-262.48 254.38,-252.48 247.38,-252.48"/>
+<path fill="none" stroke="black" d="M560.6,-215.59C617.99,-215.59 697.62,-215.59 697.62,-215.59 697.62,-215.59 697.62,-252.48 697.62,-252.48"/>
+<polygon fill="black" stroke="black" points="694.12,-252.48 697.62,-262.48 701.12,-252.48 694.12,-252.48"/>
 </g>
 <!-- TimePickerSelect  -->
 <g id="node6" class="node">
 <title>TimePickerSelect </title>
-<polygon fill="#fb8072" stroke="black" points="237.52,-363.59 118.48,-363.59 118.48,-327.59 237.52,-327.59 237.52,-363.59"/>
-<text text-anchor="middle" x="178" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
+<polygon fill="#fb8072" stroke="black" points="832.52,-363.59 713.48,-363.59 713.48,-327.59 832.52,-327.59 832.52,-363.59"/>
+<text text-anchor="middle" x="773" y="-341.39" font-family="Times,serif" font-size="14.00">TimePickerSelect </text>
 </g>
 <!-- TimePickerSelectModule&#45;&gt;TimePickerSelect  -->
 <g id="edge5" class="edge">
 <title>TimePickerSelectModule&#45;&gt;TimePickerSelect </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M178,-298.7C178,-298.7 178,-317.58 178,-317.58"/>
-<polygon fill="black" stroke="black" points="174.5,-317.58 178,-327.58 181.5,-317.58 174.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M773,-298.7C773,-298.7 773,-317.58 773,-317.58"/>
+<polygon fill="black" stroke="black" points="769.5,-317.58 773,-327.58 776.5,-317.58 769.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -182,10 +182,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="583" cy="-127.3" rx="338.54" ry="41.09"/>
-<text text-anchor="middle" x="583" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="583" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
-<text text-anchor="middle" x="583" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="363" cy="-127.3" rx="338.54" ry="41.09"/>
+<text text-anchor="middle" x="363" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="363" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true</text>
+<text text-anchor="middle" x="363" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
@@ -194,32 +194,32 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TimePickerSelect, multi: true
 }&#45;&gt;TimePickerSelect</title>
-<path fill="none" stroke="black" d="M442,-165C442,-165 442,-187.45 442,-187.45"/>
-<polygon fill="black" stroke="black" points="438.5,-187.45 442,-197.45 445.5,-187.45 438.5,-187.45"/>
+<path fill="none" stroke="black" d="M503,-165C503,-165 503,-187.45 503,-187.45"/>
+<polygon fill="black" stroke="black" points="499.5,-187.45 503,-197.45 506.5,-187.45 499.5,-187.45"/>
 </g>
 <!-- IconModule -->
 <g id="node4" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="220.43,-233.59 217.43,-237.59 196.43,-237.59 193.43,-233.59 135.57,-233.59 135.57,-197.59 220.43,-197.59 220.43,-233.59"/>
-<text text-anchor="middle" x="178" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="922.43,-233.59 919.43,-237.59 898.43,-237.59 895.43,-233.59 837.57,-233.59 837.57,-197.59 922.43,-197.59 922.43,-233.59"/>
+<text text-anchor="middle" x="880" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge3" class="edge">
 <title>IconModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M178,-233.7C178,-233.7 178,-252.58 178,-252.58"/>
-<polygon fill="black" stroke="black" points="174.5,-252.58 178,-262.58 181.5,-252.58 174.5,-252.58"/>
+<path fill="none" stroke="black" d="M845.16,-233.7C845.16,-233.7 845.16,-252.58 845.16,-252.58"/>
+<polygon fill="black" stroke="black" points="841.66,-252.58 845.16,-262.58 848.66,-252.58 841.66,-252.58"/>
 </g>
 <!-- SelectModule -->
 <g id="node5" class="node">
 <title>SelectModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="117.76,-233.59 114.76,-237.59 93.76,-237.59 90.76,-233.59 24.24,-233.59 24.24,-197.59 117.76,-197.59 117.76,-233.59"/>
-<text text-anchor="middle" x="71" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="819.76,-233.59 816.76,-237.59 795.76,-237.59 792.76,-233.59 726.24,-233.59 726.24,-197.59 819.76,-197.59 819.76,-233.59"/>
+<text text-anchor="middle" x="773" y="-211.39" font-family="Times,serif" font-size="14.00">SelectModule</text>
 </g>
 <!-- SelectModule&#45;&gt;TimePickerSelectModule -->
 <g id="edge4" class="edge">
 <title>SelectModule&#45;&gt;TimePickerSelectModule</title>
-<path fill="none" stroke="black" d="M108.17,-233.7C108.17,-233.7 108.17,-252.58 108.17,-252.58"/>
-<polygon fill="black" stroke="black" points="104.67,-252.58 108.17,-262.58 111.67,-252.58 104.67,-252.58"/>
+<path fill="none" stroke="black" d="M773,-233.7C773,-233.7 773,-252.58 773,-252.58"/>
+<polygon fill="black" stroke="black" points="769.5,-252.58 773,-262.58 776.5,-252.58 769.5,-252.58"/>
 </g>
 </g>
 </svg>

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

@@ -4,71 +4,67 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="648pt" height="396pt"
- viewBox="0.00 0.00 648.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="758pt" height="396pt"
+ viewBox="0.00 0.00 758.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 644,-391.59 644,4 -4,4"/>
-<text text-anchor="start" x="299.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="86,-10 86,-30 106,-30 106,-10 86,-10"/>
-<text text-anchor="start" x="109.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="199,-10 199,-30 219,-30 219,-10 199,-10"/>
-<text text-anchor="start" x="222.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="285,-10 285,-30 305,-30 305,-10 285,-10"/>
-<text text-anchor="start" x="308.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="382,-10 382,-30 402,-30 402,-10 382,-10"/>
-<text text-anchor="start" x="405.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="478,-10 478,-30 498,-30 498,-10 478,-10"/>
-<text text-anchor="start" x="501.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 754,-391.59 754,4 -4,4"/>
+<text text-anchor="start" x="354.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="141,-10 141,-30 161,-30 161,-10 141,-10"/>
+<text text-anchor="start" x="164.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="254,-10 254,-30 274,-30 274,-10 254,-10"/>
+<text text-anchor="start" x="277.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="340,-10 340,-30 360,-30 360,-10 340,-10"/>
+<text text-anchor="start" x="363.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="437,-10 437,-30 457,-30 457,-10 437,-10"/>
+<text text-anchor="start" x="460.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="533,-10 533,-30 553,-30 553,-10 533,-10"/>
+<text text-anchor="start" x="556.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_ToggleModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 632,-379.59 632,-70 8,-70"/>
-</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="clust2" class="cluster">
-<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"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 742,-379.59 742,-70 8,-70"/>
 </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"/>
+<polygon fill="none" stroke="black" points="554,-319.59 554,-371.59 630,-371.59 630,-319.59 554,-319.59"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_ToggleModule_imports</title>
+<polygon fill="none" stroke="black" points="632,-189.59 632,-241.59 734,-241.59 734,-189.59 632,-189.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"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 624,-241.59 624,-78 16,-78"/>
 </g>
 <!-- Toggle -->
 <g id="node1" class="node">
 <title>Toggle</title>
-<polygon fill="#ffffb3" stroke="black" points="347.66,-233.59 292.34,-233.59 292.34,-197.59 347.66,-197.59 347.66,-233.59"/>
-<text text-anchor="middle" x="320" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
+<polygon fill="#ffffb3" stroke="black" points="438.66,-233.59 383.34,-233.59 383.34,-197.59 438.66,-197.59 438.66,-233.59"/>
+<text text-anchor="middle" x="411" y="-211.39" font-family="Times,serif" font-size="14.00">Toggle</text>
 </g>
 <!-- ToggleModule -->
 <g id="node2" class="node">
 <title>ToggleModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="416.71,-298.59 413.71,-302.59 392.71,-302.59 389.71,-298.59 317.29,-298.59 317.29,-262.59 416.71,-262.59 416.71,-298.59"/>
-<text text-anchor="middle" x="367" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="641.71,-298.59 638.71,-302.59 617.71,-302.59 614.71,-298.59 542.29,-298.59 542.29,-262.59 641.71,-262.59 641.71,-298.59"/>
+<text text-anchor="middle" x="592" y="-276.39" font-family="Times,serif" font-size="14.00">ToggleModule</text>
 </g>
 <!-- Toggle&#45;&gt;ToggleModule -->
 <g id="edge1" class="edge">
 <title>Toggle&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M332.61,-233.7C332.61,-233.7 332.61,-252.58 332.61,-252.58"/>
-<polygon fill="black" stroke="black" points="329.11,-252.58 332.61,-262.58 336.11,-252.58 329.11,-252.58"/>
+<path fill="none" stroke="black" d="M411,-233.7C411,-252.93 411,-280.59 411,-280.59 411,-280.59 532.06,-280.59 532.06,-280.59"/>
+<polygon fill="black" stroke="black" points="532.06,-284.09 542.06,-280.59 532.06,-277.09 532.06,-284.09"/>
 </g>
 <!-- Toggle  -->
 <g id="node5" class="node">
 <title>Toggle </title>
-<polygon fill="#fb8072" stroke="black" points="396.66,-363.59 337.34,-363.59 337.34,-327.59 396.66,-327.59 396.66,-363.59"/>
-<text text-anchor="middle" x="367" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
+<polygon fill="#fb8072" stroke="black" points="621.66,-363.59 562.34,-363.59 562.34,-327.59 621.66,-327.59 621.66,-363.59"/>
+<text text-anchor="middle" x="592" y="-341.39" font-family="Times,serif" font-size="14.00">Toggle </text>
 </g>
 <!-- ToggleModule&#45;&gt;Toggle  -->
 <g id="edge4" class="edge">
 <title>ToggleModule&#45;&gt;Toggle </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M367,-298.7C367,-298.7 367,-317.58 367,-317.58"/>
-<polygon fill="black" stroke="black" points="363.5,-317.58 367,-327.58 370.5,-317.58 363.5,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M592,-298.7C592,-298.7 592,-317.58 592,-317.58"/>
+<polygon fill="black" stroke="black" points="588.5,-317.58 592,-327.58 595.5,-317.58 588.5,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
@@ -89,20 +85,20 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Toggle, multi: true
 }&#45;&gt;Toggle</title>
-<path fill="none" stroke="black" d="M320,-168.6C320,-168.6 320,-187.26 320,-187.26"/>
-<polygon fill="black" stroke="black" points="316.5,-187.26 320,-197.26 323.5,-187.26 316.5,-187.26"/>
+<path fill="none" stroke="black" d="M411,-166.79C411,-166.79 411,-187.33 411,-187.33"/>
+<polygon fill="black" stroke="black" points="407.5,-187.33 411,-197.33 414.5,-187.33 407.5,-187.33"/>
 </g>
 <!-- I18nModule -->
 <g id="node4" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="457.71,-233.59 454.71,-237.59 433.71,-237.59 430.71,-233.59 372.29,-233.59 372.29,-197.59 457.71,-197.59 457.71,-233.59"/>
-<text text-anchor="middle" x="415" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="725.71,-233.59 722.71,-237.59 701.71,-237.59 698.71,-233.59 640.29,-233.59 640.29,-197.59 725.71,-197.59 725.71,-233.59"/>
+<text text-anchor="middle" x="683" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;ToggleModule -->
 <g id="edge3" class="edge">
 <title>I18nModule&#45;&gt;ToggleModule</title>
-<path fill="none" stroke="black" d="M394.5,-233.7C394.5,-233.7 394.5,-252.58 394.5,-252.58"/>
-<polygon fill="black" stroke="black" points="391,-252.58 394.5,-262.58 398,-252.58 391,-252.58"/>
+<path fill="none" stroke="black" d="M640.26,-215.59C633.36,-215.59 628.42,-215.59 628.42,-215.59 628.42,-215.59 628.42,-252.48 628.42,-252.48"/>
+<polygon fill="black" stroke="black" points="624.92,-252.48 628.42,-262.48 631.92,-252.48 624.92,-252.48"/>
 </g>
 </g>
 </svg>