carbon-components-angular 5.53.0 → 5.54.0

package/docs/documentation/miscellaneous/enumerations.html

@@ -142,7 +142,7 @@
                             <a href="#Target" title="src/dialog/overflow-menu/overflow-menu-option.component.ts" ><b>Target</b>&nbsp;&nbsp;&nbsp;(src/.../overflow-menu-option.component.ts)</a>
                         </li>
                         <li>
-                            <a href="#ToggleState" title="src/toggle/toggle.component.ts" ><b>ToggleState</b>&nbsp;&nbsp;&nbsp;(src/.../toggle.component.ts)</a>
+                            <a href="#ToggleState" title="src/toggle/toggle.component.ts" class="deprecated-name"><b>ToggleState</b>&nbsp;&nbsp;&nbsp;(src/.../toggle.component.ts)</a>
                         </li>
                     </ul>
                 </td>
@@ -621,15 +621,15 @@
                 <tr>
                     <td class="col-md-4">
                         <a name="ToggleState"></a>
-                        <span class="name "><b>ToggleState</b><a href="#ToggleState"><span class="icon ion-ios-link"></span></a></span>
+                        <span class="name deprecated-name"><b>ToggleState</b><a href="#ToggleState"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4 deprecated">
+                        since v5 - Use boolean
+Defines the set of states for a toggle component.
                     </td>
                 </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <div class="io-description"><p>Defines the set of states for a toggle component.</p>
-</div>
-                        </td>
-                    </tr>
                         <tr>
                             <td class="col-md-4">
                                 &nbsp;Init

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

@@ -28,14 +28,14 @@
 <title>cluster_ComboBoxModule_exports</title>
 <polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_ComboBoxModule_imports</title>
-<polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ComboBoxModule_declarations</title>
 <polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 298,-241.59 298,-189.59 202,-189.59"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_ComboBoxModule_imports</title>
+<polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_ComboBoxModule_ComboBox_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 660,-176.59 660,-78 16,-78"/>

package/docs/documentation/modules/ComboBoxModule.html

@@ -121,14 +121,14 @@
 <title>cluster_ComboBoxModule_exports</title>
 <polygon fill="none" stroke="black" points="280,-319.59 280,-371.59 520,-371.59 520,-319.59 280,-319.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_ComboBoxModule_imports</title>
-<polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
-</g>
 <g id="clust2" class="cluster">
 <title>cluster_ComboBoxModule_declarations</title>
 <polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 298,-241.59 298,-189.59 202,-189.59"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_ComboBoxModule_imports</title>
+<polygon fill="none" stroke="black" points="306,-189.59 306,-241.59 752,-241.59 752,-189.59 306,-189.59"/>
+</g>
 <g id="clust3" class="cluster">
 <title>cluster_ComboBoxModule_ComboBox_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 660,-176.59 660,-78 16,-78"/>

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

@@ -24,10 +24,6 @@
 <title>cluster_DatePickerInputModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 706,-379.59 706,-70 8,-70"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_DatePickerInputModule_exports</title>
-<polygon fill="none" stroke="black" points="353,-319.59 353,-371.59 481,-371.59 481,-319.59 353,-319.59"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_DatePickerInputModule_imports</title>
 <polygon fill="none" stroke="black" points="427,-189.59 427,-241.59 527,-241.59 527,-189.59 427,-189.59"/>
@@ -40,6 +36,10 @@
 <title>cluster_DatePickerInputModule_DatePickerInput_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 698,-176.59 698,-78 16,-78"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_DatePickerInputModule_exports</title>
+<polygon fill="none" stroke="black" points="353,-319.59 353,-371.59 481,-371.59 481,-319.59 353,-319.59"/>
+</g>
 <!-- DatePickerInput -->
 <g id="node1" class="node">
 <title>DatePickerInput</title>

package/docs/documentation/modules/DatePickerInputModule.html

@@ -117,10 +117,6 @@
 <title>cluster_DatePickerInputModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 706,-379.59 706,-70 8,-70"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_DatePickerInputModule_exports</title>
-<polygon fill="none" stroke="black" points="353,-319.59 353,-371.59 481,-371.59 481,-319.59 353,-319.59"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_DatePickerInputModule_imports</title>
 <polygon fill="none" stroke="black" points="427,-189.59 427,-241.59 527,-241.59 527,-189.59 427,-189.59"/>
@@ -133,6 +129,10 @@
 <title>cluster_DatePickerInputModule_DatePickerInput_providers</title>
 <polygon fill="none" stroke="black" points="16,-78 16,-176.59 698,-176.59 698,-78 16,-78"/>
 </g>
+<g id="clust5" class="cluster">
+<title>cluster_DatePickerInputModule_exports</title>
+<polygon fill="none" stroke="black" points="353,-319.59 353,-371.59 481,-371.59 481,-319.59 353,-319.59"/>
+</g>
 <!-- DatePickerInput -->
 <g id="node1" class="node">
 <title>DatePickerInput</title>

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

@@ -24,59 +24,59 @@
 <title>cluster_DatePickerModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1047,-379.59 1047,-70 8,-70"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_DatePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="86,-319.59 86,-371.59 356,-371.59 356,-319.59 86,-319.59"/>
+<g id="clust4" class="cluster">
+<title>cluster_DatePickerModule_imports</title>
+<polygon fill="none" stroke="black" points="664,-189.59 664,-241.59 1039,-241.59 1039,-189.59 664,-189.59"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_DatePickerModule_DatePicker_providers</title>
-<polygon fill="none" stroke="black" points="399,-78 399,-241.59 1039,-241.59 1039,-78 399,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 656,-241.59 656,-78 16,-78"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_DatePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 391,-241.59 391,-189.59 16,-189.59"/>
+<g id="clust5" class="cluster">
+<title>cluster_DatePickerModule_exports</title>
+<polygon fill="none" stroke="black" points="614,-319.59 614,-371.59 884,-371.59 884,-319.59 614,-319.59"/>
 </g>
 <!-- DatePicker -->
 <g id="node1" class="node">
 <title>DatePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="621.19,-233.59 542.81,-233.59 542.81,-197.59 621.19,-197.59 621.19,-233.59"/>
-<text text-anchor="middle" x="582" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="511.19,-233.59 432.81,-233.59 432.81,-197.59 511.19,-197.59 511.19,-233.59"/>
+<text text-anchor="middle" x="472" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
 </g>
 <!-- DatePickerModule -->
 <g id="node2" class="node">
 <title>DatePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="299.74,-298.59 296.74,-302.59 275.74,-302.59 272.74,-298.59 178.26,-298.59 178.26,-262.59 299.74,-262.59 299.74,-298.59"/>
-<text text-anchor="middle" x="239" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="827.74,-298.59 824.74,-302.59 803.74,-302.59 800.74,-298.59 706.26,-298.59 706.26,-262.59 827.74,-262.59 827.74,-298.59"/>
+<text text-anchor="middle" x="767" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
 </g>
 <!-- DatePicker&#45;&gt;DatePickerModule -->
 <g id="edge1" class="edge">
 <title>DatePicker&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M582,-233.7C582,-252.93 582,-280.59 582,-280.59 582,-280.59 309.93,-280.59 309.93,-280.59"/>
-<polygon fill="black" stroke="black" points="309.93,-277.09 299.93,-280.59 309.93,-284.09 309.93,-277.09"/>
+<path fill="none" stroke="black" d="M472,-233.7C472,-252.93 472,-280.59 472,-280.59 472,-280.59 696.23,-280.59 696.23,-280.59"/>
+<polygon fill="black" stroke="black" points="696.23,-284.09 706.23,-280.59 696.23,-277.09 696.23,-284.09"/>
 </g>
 <!-- DatePicker  -->
 <g id="node7" class="node">
 <title>DatePicker </title>
-<polygon fill="#fb8072" stroke="black" points="347.69,-363.59 266.31,-363.59 266.31,-327.59 347.69,-327.59 347.69,-363.59"/>
-<text text-anchor="middle" x="307" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
+<polygon fill="#fb8072" stroke="black" points="875.69,-363.59 794.31,-363.59 794.31,-327.59 875.69,-327.59 875.69,-363.59"/>
+<text text-anchor="middle" x="835" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePicker  -->
 <g id="edge6" class="edge">
 <title>DatePickerModule&#45;&gt;DatePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M283.01,-298.7C283.01,-298.7 283.01,-317.58 283.01,-317.58"/>
-<polygon fill="black" stroke="black" points="279.51,-317.58 283.01,-327.58 286.51,-317.58 279.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M811.01,-298.7C811.01,-298.7 811.01,-317.58 811.01,-317.58"/>
+<polygon fill="black" stroke="black" points="807.51,-317.58 811.01,-327.58 814.51,-317.58 807.51,-317.58"/>
 </g>
 <!-- DatePickerInputModule  -->
 <g id="node8" class="node">
 <title>DatePickerInputModule </title>
-<polygon fill="#fb8072" stroke="black" points="248.29,-363.59 93.71,-363.59 93.71,-327.59 248.29,-327.59 248.29,-363.59"/>
-<text text-anchor="middle" x="171" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
+<polygon fill="#fb8072" stroke="black" points="776.29,-363.59 621.71,-363.59 621.71,-327.59 776.29,-327.59 776.29,-363.59"/>
+<text text-anchor="middle" x="699" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePickerInputModule  -->
 <g id="edge7" class="edge">
 <title>DatePickerModule&#45;&gt;DatePickerInputModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M213.26,-298.7C213.26,-298.7 213.26,-317.58 213.26,-317.58"/>
-<polygon fill="black" stroke="black" points="209.76,-317.58 213.26,-327.58 216.76,-317.58 209.76,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M741.26,-298.7C741.26,-298.7 741.26,-317.58 741.26,-317.58"/>
+<polygon fill="black" stroke="black" points="737.76,-317.58 741.26,-327.58 744.76,-317.58 737.76,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -85,10 +85,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="719" cy="-127.3" rx="312.25" ry="41.09"/>
-<text text-anchor="middle" x="719" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="719" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
-<text text-anchor="middle" x="719" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="336" cy="-127.3" rx="312.25" ry="41.09"/>
+<text text-anchor="middle" x="336" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="336" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
+<text text-anchor="middle" x="336" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -97,44 +97,44 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }&#45;&gt;DatePicker</title>
-<path fill="none" stroke="black" d="M582,-164.48C582,-164.48 582,-187.22 582,-187.22"/>
-<polygon fill="black" stroke="black" points="578.5,-187.22 582,-197.22 585.5,-187.22 578.5,-187.22"/>
+<path fill="none" stroke="black" d="M472,-164.48C472,-164.48 472,-187.22 472,-187.22"/>
+<polygon fill="black" stroke="black" points="468.5,-187.22 472,-197.22 475.5,-187.22 468.5,-187.22"/>
 </g>
 <!-- DatePickerInputModule -->
 <g id="node4" class="node">
 <title>DatePickerInputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="382.79,-233.59 379.79,-237.59 358.79,-237.59 355.79,-233.59 231.21,-233.59 231.21,-197.59 382.79,-197.59 382.79,-233.59"/>
-<text text-anchor="middle" x="307" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1030.79,-233.59 1027.79,-237.59 1006.79,-237.59 1003.79,-233.59 879.21,-233.59 879.21,-197.59 1030.79,-197.59 1030.79,-233.59"/>
+<text text-anchor="middle" x="955" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
 </g>
 <!-- DatePickerInputModule&#45;&gt;DatePickerModule -->
 <g id="edge3" class="edge">
 <title>DatePickerInputModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M265.61,-233.7C265.61,-233.7 265.61,-252.58 265.61,-252.58"/>
-<polygon fill="black" stroke="black" points="262.11,-252.58 265.61,-262.58 269.11,-252.58 262.11,-252.58"/>
+<path fill="none" stroke="black" d="M955,-233.7C955,-252.93 955,-280.59 955,-280.59 955,-280.59 837.78,-280.59 837.78,-280.59"/>
+<polygon fill="black" stroke="black" points="837.78,-277.09 827.78,-280.59 837.78,-284.09 837.78,-277.09"/>
 </g>
 <!-- I18nModule -->
 <g id="node5" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="213.71,-233.59 210.71,-237.59 189.71,-237.59 186.71,-233.59 128.29,-233.59 128.29,-197.59 213.71,-197.59 213.71,-233.59"/>
-<text text-anchor="middle" x="171" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="861.71,-233.59 858.71,-237.59 837.71,-237.59 834.71,-233.59 776.29,-233.59 776.29,-197.59 861.71,-197.59 861.71,-233.59"/>
+<text text-anchor="middle" x="819" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DatePickerModule -->
 <g id="edge4" class="edge">
 <title>I18nModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M195.87,-233.7C195.87,-233.7 195.87,-252.58 195.87,-252.58"/>
-<polygon fill="black" stroke="black" points="192.37,-252.58 195.87,-262.58 199.37,-252.58 192.37,-252.58"/>
+<path fill="none" stroke="black" d="M802.13,-233.7C802.13,-233.7 802.13,-252.58 802.13,-252.58"/>
+<polygon fill="black" stroke="black" points="798.63,-252.58 802.13,-262.58 805.63,-252.58 798.63,-252.58"/>
 </g>
 <!-- UtilsModule -->
 <g id="node6" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="110.27,-233.59 107.27,-237.59 86.27,-237.59 83.27,-233.59 23.73,-233.59 23.73,-197.59 110.27,-197.59 110.27,-233.59"/>
-<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="758.27,-233.59 755.27,-237.59 734.27,-237.59 731.27,-233.59 671.73,-233.59 671.73,-197.59 758.27,-197.59 758.27,-233.59"/>
+<text text-anchor="middle" x="715" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DatePickerModule -->
 <g id="edge5" class="edge">
 <title>UtilsModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M102,-233.7C102,-252.93 102,-280.59 102,-280.59 102,-280.59 168.11,-280.59 168.11,-280.59"/>
-<polygon fill="black" stroke="black" points="168.11,-284.09 178.11,-280.59 168.11,-277.09 168.11,-284.09"/>
+<path fill="none" stroke="black" d="M732.26,-233.7C732.26,-233.7 732.26,-252.58 732.26,-252.58"/>
+<polygon fill="black" stroke="black" points="728.76,-252.58 732.26,-262.58 735.76,-252.58 728.76,-252.58"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/DatePickerModule.html

@@ -117,59 +117,59 @@
 <title>cluster_DatePickerModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1047,-379.59 1047,-70 8,-70"/>
 </g>
-<g id="clust5" class="cluster">
-<title>cluster_DatePickerModule_exports</title>
-<polygon fill="none" stroke="black" points="86,-319.59 86,-371.59 356,-371.59 356,-319.59 86,-319.59"/>
+<g id="clust4" class="cluster">
+<title>cluster_DatePickerModule_imports</title>
+<polygon fill="none" stroke="black" points="664,-189.59 664,-241.59 1039,-241.59 1039,-189.59 664,-189.59"/>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_DatePickerModule_DatePicker_providers</title>
-<polygon fill="none" stroke="black" points="399,-78 399,-241.59 1039,-241.59 1039,-78 399,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-241.59 656,-241.59 656,-78 16,-78"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_DatePickerModule_imports</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 391,-241.59 391,-189.59 16,-189.59"/>
+<g id="clust5" class="cluster">
+<title>cluster_DatePickerModule_exports</title>
+<polygon fill="none" stroke="black" points="614,-319.59 614,-371.59 884,-371.59 884,-319.59 614,-319.59"/>
 </g>
 <!-- DatePicker -->
 <g id="node1" class="node">
 <title>DatePicker</title>
-<polygon fill="#ffffb3" stroke="black" points="621.19,-233.59 542.81,-233.59 542.81,-197.59 621.19,-197.59 621.19,-233.59"/>
-<text text-anchor="middle" x="582" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
+<polygon fill="#ffffb3" stroke="black" points="511.19,-233.59 432.81,-233.59 432.81,-197.59 511.19,-197.59 511.19,-233.59"/>
+<text text-anchor="middle" x="472" y="-211.39" font-family="Times,serif" font-size="14.00">DatePicker</text>
 </g>
 <!-- DatePickerModule -->
 <g id="node2" class="node">
 <title>DatePickerModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="299.74,-298.59 296.74,-302.59 275.74,-302.59 272.74,-298.59 178.26,-298.59 178.26,-262.59 299.74,-262.59 299.74,-298.59"/>
-<text text-anchor="middle" x="239" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="827.74,-298.59 824.74,-302.59 803.74,-302.59 800.74,-298.59 706.26,-298.59 706.26,-262.59 827.74,-262.59 827.74,-298.59"/>
+<text text-anchor="middle" x="767" y="-276.39" font-family="Times,serif" font-size="14.00">DatePickerModule</text>
 </g>
 <!-- DatePicker&#45;&gt;DatePickerModule -->
 <g id="edge1" class="edge">
 <title>DatePicker&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M582,-233.7C582,-252.93 582,-280.59 582,-280.59 582,-280.59 309.93,-280.59 309.93,-280.59"/>
-<polygon fill="black" stroke="black" points="309.93,-277.09 299.93,-280.59 309.93,-284.09 309.93,-277.09"/>
+<path fill="none" stroke="black" d="M472,-233.7C472,-252.93 472,-280.59 472,-280.59 472,-280.59 696.23,-280.59 696.23,-280.59"/>
+<polygon fill="black" stroke="black" points="696.23,-284.09 706.23,-280.59 696.23,-277.09 696.23,-284.09"/>
 </g>
 <!-- DatePicker  -->
 <g id="node7" class="node">
 <title>DatePicker </title>
-<polygon fill="#fb8072" stroke="black" points="347.69,-363.59 266.31,-363.59 266.31,-327.59 347.69,-327.59 347.69,-363.59"/>
-<text text-anchor="middle" x="307" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
+<polygon fill="#fb8072" stroke="black" points="875.69,-363.59 794.31,-363.59 794.31,-327.59 875.69,-327.59 875.69,-363.59"/>
+<text text-anchor="middle" x="835" y="-341.39" font-family="Times,serif" font-size="14.00">DatePicker </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePicker  -->
 <g id="edge6" class="edge">
 <title>DatePickerModule&#45;&gt;DatePicker </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M283.01,-298.7C283.01,-298.7 283.01,-317.58 283.01,-317.58"/>
-<polygon fill="black" stroke="black" points="279.51,-317.58 283.01,-327.58 286.51,-317.58 279.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M811.01,-298.7C811.01,-298.7 811.01,-317.58 811.01,-317.58"/>
+<polygon fill="black" stroke="black" points="807.51,-317.58 811.01,-327.58 814.51,-317.58 807.51,-317.58"/>
 </g>
 <!-- DatePickerInputModule  -->
 <g id="node8" class="node">
 <title>DatePickerInputModule </title>
-<polygon fill="#fb8072" stroke="black" points="248.29,-363.59 93.71,-363.59 93.71,-327.59 248.29,-327.59 248.29,-363.59"/>
-<text text-anchor="middle" x="171" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
+<polygon fill="#fb8072" stroke="black" points="776.29,-363.59 621.71,-363.59 621.71,-327.59 776.29,-327.59 776.29,-363.59"/>
+<text text-anchor="middle" x="699" y="-341.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule </text>
 </g>
 <!-- DatePickerModule&#45;&gt;DatePickerInputModule  -->
 <g id="edge7" class="edge">
 <title>DatePickerModule&#45;&gt;DatePickerInputModule </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M213.26,-298.7C213.26,-298.7 213.26,-317.58 213.26,-317.58"/>
-<polygon fill="black" stroke="black" points="209.76,-317.58 213.26,-327.58 216.76,-317.58 209.76,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M741.26,-298.7C741.26,-298.7 741.26,-317.58 741.26,-317.58"/>
+<polygon fill="black" stroke="black" points="737.76,-317.58 741.26,-327.58 744.76,-317.58 737.76,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -178,10 +178,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="719" cy="-127.3" rx="312.25" ry="41.09"/>
-<text text-anchor="middle" x="719" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="719" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
-<text text-anchor="middle" x="719" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="336" cy="-127.3" rx="312.25" ry="41.09"/>
+<text text-anchor="middle" x="336" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="336" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true</text>
+<text text-anchor="middle" x="336" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
@@ -190,44 +190,44 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: DatePicker, multi: true
 }&#45;&gt;DatePicker</title>
-<path fill="none" stroke="black" d="M582,-164.48C582,-164.48 582,-187.22 582,-187.22"/>
-<polygon fill="black" stroke="black" points="578.5,-187.22 582,-197.22 585.5,-187.22 578.5,-187.22"/>
+<path fill="none" stroke="black" d="M472,-164.48C472,-164.48 472,-187.22 472,-187.22"/>
+<polygon fill="black" stroke="black" points="468.5,-187.22 472,-197.22 475.5,-187.22 468.5,-187.22"/>
 </g>
 <!-- DatePickerInputModule -->
 <g id="node4" class="node">
 <title>DatePickerInputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="382.79,-233.59 379.79,-237.59 358.79,-237.59 355.79,-233.59 231.21,-233.59 231.21,-197.59 382.79,-197.59 382.79,-233.59"/>
-<text text-anchor="middle" x="307" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1030.79,-233.59 1027.79,-237.59 1006.79,-237.59 1003.79,-233.59 879.21,-233.59 879.21,-197.59 1030.79,-197.59 1030.79,-233.59"/>
+<text text-anchor="middle" x="955" y="-211.39" font-family="Times,serif" font-size="14.00">DatePickerInputModule</text>
 </g>
 <!-- DatePickerInputModule&#45;&gt;DatePickerModule -->
 <g id="edge3" class="edge">
 <title>DatePickerInputModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M265.61,-233.7C265.61,-233.7 265.61,-252.58 265.61,-252.58"/>
-<polygon fill="black" stroke="black" points="262.11,-252.58 265.61,-262.58 269.11,-252.58 262.11,-252.58"/>
+<path fill="none" stroke="black" d="M955,-233.7C955,-252.93 955,-280.59 955,-280.59 955,-280.59 837.78,-280.59 837.78,-280.59"/>
+<polygon fill="black" stroke="black" points="837.78,-277.09 827.78,-280.59 837.78,-284.09 837.78,-277.09"/>
 </g>
 <!-- I18nModule -->
 <g id="node5" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="213.71,-233.59 210.71,-237.59 189.71,-237.59 186.71,-233.59 128.29,-233.59 128.29,-197.59 213.71,-197.59 213.71,-233.59"/>
-<text text-anchor="middle" x="171" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="861.71,-233.59 858.71,-237.59 837.71,-237.59 834.71,-233.59 776.29,-233.59 776.29,-197.59 861.71,-197.59 861.71,-233.59"/>
+<text text-anchor="middle" x="819" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DatePickerModule -->
 <g id="edge4" class="edge">
 <title>I18nModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M195.87,-233.7C195.87,-233.7 195.87,-252.58 195.87,-252.58"/>
-<polygon fill="black" stroke="black" points="192.37,-252.58 195.87,-262.58 199.37,-252.58 192.37,-252.58"/>
+<path fill="none" stroke="black" d="M802.13,-233.7C802.13,-233.7 802.13,-252.58 802.13,-252.58"/>
+<polygon fill="black" stroke="black" points="798.63,-252.58 802.13,-262.58 805.63,-252.58 798.63,-252.58"/>
 </g>
 <!-- UtilsModule -->
 <g id="node6" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="110.27,-233.59 107.27,-237.59 86.27,-237.59 83.27,-233.59 23.73,-233.59 23.73,-197.59 110.27,-197.59 110.27,-233.59"/>
-<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="758.27,-233.59 755.27,-237.59 734.27,-237.59 731.27,-233.59 671.73,-233.59 671.73,-197.59 758.27,-197.59 758.27,-233.59"/>
+<text text-anchor="middle" x="715" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DatePickerModule -->
 <g id="edge5" class="edge">
 <title>UtilsModule&#45;&gt;DatePickerModule</title>
-<path fill="none" stroke="black" d="M102,-233.7C102,-252.93 102,-280.59 102,-280.59 102,-280.59 168.11,-280.59 168.11,-280.59"/>
-<polygon fill="black" stroke="black" points="168.11,-284.09 178.11,-280.59 168.11,-277.09 168.11,-284.09"/>
+<path fill="none" stroke="black" d="M732.26,-233.7C732.26,-233.7 732.26,-252.58 732.26,-252.58"/>
+<polygon fill="black" stroke="black" points="728.76,-252.58 732.26,-262.58 735.76,-252.58 728.76,-252.58"/>
 </g>
 </g>
 </svg>

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="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">
+<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">
 <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 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>
+<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>
 <g id="clust1" class="cluster">
 <title>cluster_FileUploaderModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 682,-379.59 682,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1158,-379.59 1158,-70 8,-70"/>
 </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>
-<g id="clust2" class="cluster">
-<title>cluster_FileUploaderModule_declarations</title>
-<polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 591,-241.59 591,-189.59 364,-189.59"/>
-</g>
 <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"/>
+<polygon fill="none" stroke="black" points="492,-78 492,-241.59 1150,-241.59 1150,-78 492,-78"/>
+</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"/>
 </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="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>
+<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>
 </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="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"/>
+<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"/>
 </g>
 <!-- FileUploader -->
 <g id="node2" class="node">
 <title>FileUploader</title>
-<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>
+<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>
 </g>
 <!-- FileUploader&#45;&gt;FileUploaderModule -->
 <g id="edge2" class="edge">
 <title>FileUploader&#45;&gt;FileUploaderModule</title>
-<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"/>
+<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"/>
 </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="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>
+<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>
 </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="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"/>
+<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"/>
 </g>
 <!-- ButtonModule -->
 <g id="node5" class="node">