carbon-components-angular 5.67.0 → 5.68.0

package/docs/documentation/modules/DropdownModule.html

@@ -133,127 +133,127 @@
 <title>cluster_DropdownModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1714,-379.59 1714,-70 8,-70"/>
 </g>
+<g id="clust4" class="cluster">
+<title>cluster_DropdownModule_Dropdown_providers</title>
+<polygon fill="none" stroke="black" points="1068,-78 1068,-241.59 1706,-241.59 1706,-78 1068,-78"/>
+</g>
 <g id="clust7" class="cluster">
 <title>cluster_DropdownModule_imports</title>
-<polygon fill="none" stroke="black" points="1254,-189.59 1254,-241.59 1706,-241.59 1706,-189.59 1254,-189.59"/>
+<polygon fill="none" stroke="black" points="608,-189.59 608,-241.59 1060,-241.59 1060,-189.59 608,-189.59"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_DropdownModule_Dropdown_providers</title>
-<polygon fill="none" stroke="black" points="608,-78 608,-241.59 1246,-241.59 1246,-78 608,-78"/>
+<g id="clust2" class="cluster">
+<title>cluster_DropdownModule_declarations</title>
+<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 600,-241.59 600,-189.59 202,-189.59"/>
 </g>
 <g id="clust8" class="cluster">
 <title>cluster_DropdownModule_exports</title>
-<polygon fill="none" stroke="black" points="698,-319.59 698,-371.59 1204,-371.59 1204,-319.59 698,-319.59"/>
+<polygon fill="none" stroke="black" points="430,-319.59 430,-371.59 936,-371.59 936,-319.59 430,-319.59"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_DropdownModule_providers</title>
-<polygon fill="none" stroke="black" points="422,-189.59 422,-241.59 600,-241.59 600,-189.59 422,-189.59"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_DropdownModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 414,-241.59 414,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 194,-241.59 194,-189.59 16,-189.59"/>
 </g>
 <!-- AbstractDropdownView -->
 <g id="node1" class="node">
 <title>AbstractDropdownView</title>
-<polygon fill="#ffffb3" stroke="black" points="405.61,-233.59 252.39,-233.59 252.39,-197.59 405.61,-197.59 405.61,-233.59"/>
-<text text-anchor="middle" x="329" y="-211.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView</text>
+<polygon fill="#ffffb3" stroke="black" points="591.61,-233.59 438.39,-233.59 438.39,-197.59 591.61,-197.59 591.61,-233.59"/>
+<text text-anchor="middle" x="515" y="-211.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView</text>
 </g>
 <!-- DropdownModule -->
 <g id="node5" class="node">
 <title>DropdownModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="986.92,-298.59 983.92,-302.59 962.92,-302.59 959.92,-298.59 867.08,-298.59 867.08,-262.59 986.92,-262.59 986.92,-298.59"/>
-<text text-anchor="middle" x="927" y="-276.39" font-family="Times,serif" font-size="14.00">DropdownModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="718.92,-298.59 715.92,-302.59 694.92,-302.59 691.92,-298.59 599.08,-298.59 599.08,-262.59 718.92,-262.59 718.92,-298.59"/>
+<text text-anchor="middle" x="659" y="-276.39" font-family="Times,serif" font-size="14.00">DropdownModule</text>
 </g>
 <!-- AbstractDropdownView&#45;&gt;DropdownModule -->
 <g id="edge1" class="edge">
 <title>AbstractDropdownView&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M329,-233.6C329,-249.64 329,-270.59 329,-270.59 329,-270.59 857.2,-270.59 857.2,-270.59"/>
-<polygon fill="black" stroke="black" points="857.2,-274.09 867.2,-270.59 857.2,-267.09 857.2,-274.09"/>
+<path fill="none" stroke="black" d="M591.77,-215.59C601.12,-215.59 607.45,-215.59 607.45,-215.59 607.45,-215.59 607.45,-252.48 607.45,-252.48"/>
+<polygon fill="black" stroke="black" points="603.95,-252.48 607.45,-262.48 610.95,-252.48 603.95,-252.48"/>
 </g>
 <!-- Dropdown -->
 <g id="node2" class="node">
 <title>Dropdown</title>
-<polygon fill="#ffffb3" stroke="black" points="964.87,-233.59 889.13,-233.59 889.13,-197.59 964.87,-197.59 964.87,-233.59"/>
-<text text-anchor="middle" x="927" y="-211.39" font-family="Times,serif" font-size="14.00">Dropdown</text>
+<polygon fill="#ffffb3" stroke="black" points="1287.87,-233.59 1212.13,-233.59 1212.13,-197.59 1287.87,-197.59 1287.87,-233.59"/>
+<text text-anchor="middle" x="1250" y="-211.39" font-family="Times,serif" font-size="14.00">Dropdown</text>
 </g>
 <!-- Dropdown&#45;&gt;DropdownModule -->
 <g id="edge2" class="edge">
 <title>Dropdown&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M927,-233.7C927,-233.7 927,-252.58 927,-252.58"/>
-<polygon fill="black" stroke="black" points="923.5,-252.58 927,-262.58 930.5,-252.58 923.5,-252.58"/>
+<path fill="none" stroke="black" d="M1250,-233.72C1250,-254.16 1250,-284.59 1250,-284.59 1250,-284.59 728.92,-284.59 728.92,-284.59"/>
+<polygon fill="black" stroke="black" points="728.92,-281.09 718.92,-284.59 728.92,-288.09 728.92,-281.09"/>
 </g>
 <!-- DropdownList -->
 <g id="node3" class="node">
 <title>DropdownList</title>
-<polygon fill="#ffffb3" stroke="black" points="233.65,-233.59 136.35,-233.59 136.35,-197.59 233.65,-197.59 233.65,-233.59"/>
-<text text-anchor="middle" x="185" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownList</text>
+<polygon fill="#ffffb3" stroke="black" points="419.65,-233.59 322.35,-233.59 322.35,-197.59 419.65,-197.59 419.65,-233.59"/>
+<text text-anchor="middle" x="371" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownList</text>
 </g>
 <!-- DropdownList&#45;&gt;DropdownModule -->
 <g id="edge4" class="edge">
 <title>DropdownList&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M185,-233.86C185,-252.15 185,-277.59 185,-277.59 185,-277.59 857.22,-277.59 857.22,-277.59"/>
-<polygon fill="black" stroke="black" points="857.22,-281.09 867.22,-277.59 857.22,-274.09 857.22,-281.09"/>
+<path fill="none" stroke="black" d="M371,-233.6C371,-249.64 371,-270.59 371,-270.59 371,-270.59 588.98,-270.59 588.98,-270.59"/>
+<polygon fill="black" stroke="black" points="588.98,-274.09 598.98,-270.59 588.98,-267.09 588.98,-274.09"/>
 </g>
 <!-- ScrollableList -->
 <g id="node4" class="node">
 <title>ScrollableList</title>
-<polygon fill="#ffffb3" stroke="black" points="118.04,-233.59 23.96,-233.59 23.96,-197.59 118.04,-197.59 118.04,-233.59"/>
-<text text-anchor="middle" x="71" y="-211.39" font-family="Times,serif" font-size="14.00">ScrollableList</text>
+<polygon fill="#ffffb3" stroke="black" points="304.04,-233.59 209.96,-233.59 209.96,-197.59 304.04,-197.59 304.04,-233.59"/>
+<text text-anchor="middle" x="257" y="-211.39" font-family="Times,serif" font-size="14.00">ScrollableList</text>
 </g>
 <!-- ScrollableList&#45;&gt;DropdownModule -->
 <g id="edge5" class="edge">
 <title>ScrollableList&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M71,-233.72C71,-254.16 71,-284.59 71,-284.59 71,-284.59 857.15,-284.59 857.15,-284.59"/>
-<polygon fill="black" stroke="black" points="857.15,-288.09 867.15,-284.59 857.15,-281.09 857.15,-288.09"/>
+<path fill="none" stroke="black" d="M257,-233.86C257,-252.15 257,-277.59 257,-277.59 257,-277.59 589.25,-277.59 589.25,-277.59"/>
+<polygon fill="black" stroke="black" points="589.25,-281.09 599.25,-277.59 589.25,-274.09 589.25,-281.09"/>
 </g>
 <!-- AbstractDropdownView  -->
 <g id="node11" class="node">
 <title>AbstractDropdownView </title>
-<polygon fill="#fb8072" stroke="black" points="1195.61,-363.59 1038.39,-363.59 1038.39,-327.59 1195.61,-327.59 1195.61,-363.59"/>
-<text text-anchor="middle" x="1117" y="-341.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView </text>
+<polygon fill="#fb8072" stroke="black" points="927.61,-363.59 770.39,-363.59 770.39,-327.59 927.61,-327.59 927.61,-363.59"/>
+<text text-anchor="middle" x="849" y="-341.39" font-family="Times,serif" font-size="14.00">AbstractDropdownView </text>
 </g>
 <!-- DropdownModule&#45;&gt;AbstractDropdownView  -->
 <g id="edge10" class="edge">
 <title>DropdownModule&#45;&gt;AbstractDropdownView </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M986.86,-291.59C1042.55,-291.59 1117,-291.59 1117,-291.59 1117,-291.59 1117,-317.31 1117,-317.31"/>
-<polygon fill="black" stroke="black" points="1113.5,-317.31 1117,-327.31 1120.5,-317.31 1113.5,-317.31"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M718.8,-291.59C760.29,-291.59 808.13,-291.59 808.13,-291.59 808.13,-291.59 808.13,-317.31 808.13,-317.31"/>
+<polygon fill="black" stroke="black" points="804.63,-317.31 808.13,-327.31 811.63,-317.31 804.63,-317.31"/>
 </g>
 <!-- Dropdown  -->
 <g id="node12" class="node">
 <title>Dropdown </title>
-<polygon fill="#fb8072" stroke="black" points="1020.87,-363.59 941.13,-363.59 941.13,-327.59 1020.87,-327.59 1020.87,-363.59"/>
-<text text-anchor="middle" x="981" y="-341.39" font-family="Times,serif" font-size="14.00">Dropdown </text>
+<polygon fill="#fb8072" stroke="black" points="752.87,-363.59 673.13,-363.59 673.13,-327.59 752.87,-327.59 752.87,-363.59"/>
+<text text-anchor="middle" x="713" y="-341.39" font-family="Times,serif" font-size="14.00">Dropdown </text>
 </g>
 <!-- DropdownModule&#45;&gt;Dropdown  -->
 <g id="edge11" class="edge">
 <title>DropdownModule&#45;&gt;Dropdown </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M964.01,-298.7C964.01,-298.7 964.01,-317.58 964.01,-317.58"/>
-<polygon fill="black" stroke="black" points="960.51,-317.58 964.01,-327.58 967.51,-317.58 960.51,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M696.01,-298.7C696.01,-298.7 696.01,-317.58 696.01,-317.58"/>
+<polygon fill="black" stroke="black" points="692.51,-317.58 696.01,-327.58 699.51,-317.58 692.51,-317.58"/>
 </g>
 <!-- DropdownList  -->
 <g id="node13" class="node">
 <title>DropdownList </title>
-<polygon fill="#fb8072" stroke="black" points="923.65,-363.59 822.35,-363.59 822.35,-327.59 923.65,-327.59 923.65,-363.59"/>
-<text text-anchor="middle" x="873" y="-341.39" font-family="Times,serif" font-size="14.00">DropdownList </text>
+<polygon fill="#fb8072" stroke="black" points="655.65,-363.59 554.35,-363.59 554.35,-327.59 655.65,-327.59 655.65,-363.59"/>
+<text text-anchor="middle" x="605" y="-341.39" font-family="Times,serif" font-size="14.00">DropdownList </text>
 </g>
 <!-- DropdownModule&#45;&gt;DropdownList  -->
 <g id="edge12" class="edge">
 <title>DropdownModule&#45;&gt;DropdownList </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M895.43,-298.7C895.43,-298.7 895.43,-317.58 895.43,-317.58"/>
-<polygon fill="black" stroke="black" points="891.93,-317.58 895.43,-327.58 898.93,-317.58 891.93,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M627.43,-298.7C627.43,-298.7 627.43,-317.58 627.43,-317.58"/>
+<polygon fill="black" stroke="black" points="623.93,-317.58 627.43,-327.58 630.93,-317.58 623.93,-317.58"/>
 </g>
 <!-- ScrollableList  -->
 <g id="node14" class="node">
 <title>ScrollableList </title>
-<polygon fill="#fb8072" stroke="black" points="804.04,-363.59 705.96,-363.59 705.96,-327.59 804.04,-327.59 804.04,-363.59"/>
-<text text-anchor="middle" x="755" y="-341.39" font-family="Times,serif" font-size="14.00">ScrollableList </text>
+<polygon fill="#fb8072" stroke="black" points="536.04,-363.59 437.96,-363.59 437.96,-327.59 536.04,-327.59 536.04,-363.59"/>
+<text text-anchor="middle" x="487" y="-341.39" font-family="Times,serif" font-size="14.00">ScrollableList </text>
 </g>
 <!-- DropdownModule&#45;&gt;ScrollableList  -->
 <g id="edge13" class="edge">
 <title>DropdownModule&#45;&gt;ScrollableList </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M866.84,-291.59C817.24,-291.59 755,-291.59 755,-291.59 755,-291.59 755,-317.31 755,-317.31"/>
-<polygon fill="black" stroke="black" points="751.5,-317.31 755,-327.31 758.5,-317.31 751.5,-317.31"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M598.88,-291.59C549.31,-291.59 487.11,-291.59 487.11,-291.59 487.11,-291.59 487.11,-317.31 487.11,-317.31"/>
+<polygon fill="black" stroke="black" points="483.61,-317.31 487.11,-327.31 490.61,-317.31 483.61,-317.31"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
@@ -262,10 +262,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="927" cy="-127.3" rx="310.97" ry="41.09"/>
-<text text-anchor="middle" x="927" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="927" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true</text>
-<text text-anchor="middle" x="927" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="1387" cy="-127.3" rx="310.97" ry="41.09"/>
+<text text-anchor="middle" x="1387" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="1387" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true</text>
+<text text-anchor="middle" x="1387" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
@@ -274,68 +274,68 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
 }&#45;&gt;Dropdown</title>
-<path fill="none" stroke="black" d="M927,-168.6C927,-168.6 927,-187.26 927,-187.26"/>
-<polygon fill="black" stroke="black" points="923.5,-187.26 927,-197.26 930.5,-187.26 923.5,-187.26"/>
+<path fill="none" stroke="black" d="M1250,-164.48C1250,-164.48 1250,-187.22 1250,-187.22"/>
+<polygon fill="black" stroke="black" points="1246.5,-187.22 1250,-197.22 1253.5,-187.22 1246.5,-187.22"/>
 </g>
 <!-- I18nModule -->
 <g id="node7" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1697.71,-233.59 1694.71,-237.59 1673.71,-237.59 1670.71,-233.59 1612.29,-233.59 1612.29,-197.59 1697.71,-197.59 1697.71,-233.59"/>
-<text text-anchor="middle" x="1655" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="1051.71,-233.59 1048.71,-237.59 1027.71,-237.59 1024.71,-233.59 966.29,-233.59 966.29,-197.59 1051.71,-197.59 1051.71,-233.59"/>
+<text text-anchor="middle" x="1009" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;DropdownModule -->
 <g id="edge6" class="edge">
 <title>I18nModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1655,-233.72C1655,-254.16 1655,-284.59 1655,-284.59 1655,-284.59 996.88,-284.59 996.88,-284.59"/>
-<polygon fill="black" stroke="black" points="996.88,-281.09 986.88,-284.59 996.88,-288.09 996.88,-281.09"/>
+<path fill="none" stroke="black" d="M1009,-233.86C1009,-252.15 1009,-277.59 1009,-277.59 1009,-277.59 728.77,-277.59 728.77,-277.59"/>
+<polygon fill="black" stroke="black" points="728.77,-274.09 718.77,-277.59 728.77,-281.09 728.77,-274.09"/>
 </g>
 <!-- IconModule -->
 <g id="node8" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1594.43,-233.59 1591.43,-237.59 1570.43,-237.59 1567.43,-233.59 1509.57,-233.59 1509.57,-197.59 1594.43,-197.59 1594.43,-233.59"/>
-<text text-anchor="middle" x="1552" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="948.43,-233.59 945.43,-237.59 924.43,-237.59 921.43,-233.59 863.57,-233.59 863.57,-197.59 948.43,-197.59 948.43,-233.59"/>
+<text text-anchor="middle" x="906" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;DropdownModule -->
 <g id="edge7" class="edge">
 <title>IconModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1552,-233.86C1552,-252.15 1552,-277.59 1552,-277.59 1552,-277.59 996.93,-277.59 996.93,-277.59"/>
-<polygon fill="black" stroke="black" points="996.93,-274.09 986.93,-277.59 996.93,-281.09 996.93,-274.09"/>
+<path fill="none" stroke="black" d="M895.67,-233.6C895.67,-249.64 895.67,-270.59 895.67,-270.59 895.67,-270.59 728.72,-270.59 728.72,-270.59"/>
+<polygon fill="black" stroke="black" points="728.72,-267.09 718.72,-270.59 728.72,-274.09 728.72,-267.09"/>
 </g>
 <!-- PlaceholderModule -->
 <g id="node9" class="node">
 <title>PlaceholderModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1491.63,-233.59 1488.63,-237.59 1467.63,-237.59 1464.63,-233.59 1366.37,-233.59 1366.37,-197.59 1491.63,-197.59 1491.63,-233.59"/>
-<text text-anchor="middle" x="1429" y="-211.39" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="845.63,-233.59 842.63,-237.59 821.63,-237.59 818.63,-233.59 720.37,-233.59 720.37,-197.59 845.63,-197.59 845.63,-233.59"/>
+<text text-anchor="middle" x="783" y="-211.39" font-family="Times,serif" font-size="14.00">PlaceholderModule</text>
 </g>
 <!-- PlaceholderModule&#45;&gt;DropdownModule -->
 <g id="edge8" class="edge">
 <title>PlaceholderModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1429,-233.6C1429,-249.64 1429,-270.59 1429,-270.59 1429,-270.59 997.05,-270.59 997.05,-270.59"/>
-<polygon fill="black" stroke="black" points="997.05,-267.09 987.05,-270.59 997.05,-274.09 997.05,-267.09"/>
+<path fill="none" stroke="black" d="M720.32,-215.59C714.4,-215.59 710.55,-215.59 710.55,-215.59 710.55,-215.59 710.55,-252.48 710.55,-252.48"/>
+<polygon fill="black" stroke="black" points="707.05,-252.48 710.55,-262.48 714.05,-252.48 707.05,-252.48"/>
 </g>
 <!-- UtilsModule -->
 <g id="node10" class="node">
 <title>UtilsModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1348.27,-233.59 1345.27,-237.59 1324.27,-237.59 1321.27,-233.59 1261.73,-233.59 1261.73,-197.59 1348.27,-197.59 1348.27,-233.59"/>
-<text text-anchor="middle" x="1305" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="702.27,-233.59 699.27,-237.59 678.27,-237.59 675.27,-233.59 615.73,-233.59 615.73,-197.59 702.27,-197.59 702.27,-233.59"/>
+<text text-anchor="middle" x="659" y="-211.39" font-family="Times,serif" font-size="14.00">UtilsModule</text>
 </g>
 <!-- UtilsModule&#45;&gt;DropdownModule -->
 <g id="edge9" class="edge">
 <title>UtilsModule&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M1261.63,-215.59C1172.24,-215.59 975.82,-215.59 975.82,-215.59 975.82,-215.59 975.82,-252.48 975.82,-252.48"/>
-<polygon fill="black" stroke="black" points="972.32,-252.48 975.82,-262.48 979.32,-252.48 972.32,-252.48"/>
+<path fill="none" stroke="black" d="M659,-233.7C659,-233.7 659,-252.58 659,-252.58"/>
+<polygon fill="black" stroke="black" points="655.5,-252.58 659,-262.58 662.5,-252.58 655.5,-252.58"/>
 </g>
 <!-- DropdownService -->
 <g id="node15" class="node">
 <title>DropdownService</title>
-<ellipse fill="#fdb462" stroke="black" cx="511" cy="-215.59" rx="81.08" ry="18"/>
-<text text-anchor="middle" x="511" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownService</text>
+<ellipse fill="#fdb462" stroke="black" cx="105" cy="-215.59" rx="81.08" ry="18"/>
+<text text-anchor="middle" x="105" y="-211.39" font-family="Times,serif" font-size="14.00">DropdownService</text>
 </g>
 <!-- DropdownService&#45;&gt;DropdownModule -->
 <g id="edge14" class="edge">
 <title>DropdownService&#45;&gt;DropdownModule</title>
-<path fill="none" stroke="black" d="M592.49,-215.59C700.66,-215.59 878.18,-215.59 878.18,-215.59 878.18,-215.59 878.18,-252.48 878.18,-252.48"/>
-<polygon fill="black" stroke="black" points="874.68,-252.48 878.18,-262.48 881.68,-252.48 874.68,-252.48"/>
+<path fill="none" stroke="black" d="M105,-233.72C105,-254.16 105,-284.59 105,-284.59 105,-284.59 589.19,-284.59 589.19,-284.59"/>
+<polygon fill="black" stroke="black" points="589.19,-288.09 599.19,-284.59 589.19,-281.09 589.19,-288.09"/>
 </g>
 </g>
 </svg>

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

@@ -4,95 +4,95 @@
 <!-- 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="clust2" class="cluster">
-<title>cluster_FileUploaderModule_declarations</title>
-<polygon fill="none" stroke="black" points="99,-189.59 99,-241.59 326,-241.59 326,-189.59 99,-189.59"/>
-</g>
-<g id="clust5" class="cluster">
-<title>cluster_FileUploaderModule_imports</title>
-<polygon fill="none" stroke="black" points="334,-189.59 334,-241.59 674,-241.59 674,-189.59 334,-189.59"/>
+<g id="clust6" class="cluster">
+<title>cluster_FileUploaderModule_exports</title>
+<polygon fill="none" stroke="black" points="204,-319.59 204,-371.59 438,-371.59 438,-319.59 204,-319.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="clust6" class="cluster">
-<title>cluster_FileUploaderModule_exports</title>
-<polygon fill="none" stroke="black" points="281,-319.59 281,-371.59 515,-371.59 515,-319.59 281,-319.59"/>
+<g id="clust5" class="cluster">
+<title>cluster_FileUploaderModule_imports</title>
+<polygon fill="none" stroke="black" points="144,-189.59 144,-241.59 484,-241.59 484,-189.59 144,-189.59"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_FileUploaderModule_declarations</title>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 136,-241.59 136,-189.59 16,-189.59"/>
 </g>
 <!-- FileComponent -->
 <g id="node1" class="node">
 <title>FileComponent</title>
-<polygon fill="#ffffb3" stroke="black" points="317.61,-233.59 214.39,-233.59 214.39,-197.59 317.61,-197.59 317.61,-233.59"/>
-<text text-anchor="middle" x="266" y="-211.39" font-family="Times,serif" font-size="14.00">FileComponent</text>
+<polygon fill="#ffffb3" stroke="black" points="127.61,-233.59 24.39,-233.59 24.39,-197.59 127.61,-197.59 127.61,-233.59"/>
+<text text-anchor="middle" x="76" y="-211.39" font-family="Times,serif" font-size="14.00">FileComponent</text>
 </g>
 <!-- FileUploaderModule -->
 <g id="node3" class="node">
 <title>FileUploaderModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="461.92,-298.59 458.92,-302.59 437.92,-302.59 434.92,-298.59 328.08,-298.59 328.08,-262.59 461.92,-262.59 461.92,-298.59"/>
-<text text-anchor="middle" x="395" y="-276.39" font-family="Times,serif" font-size="14.00">FileUploaderModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="384.92,-298.59 381.92,-302.59 360.92,-302.59 357.92,-298.59 251.08,-298.59 251.08,-262.59 384.92,-262.59 384.92,-298.59"/>
+<text text-anchor="middle" x="318" y="-276.39" font-family="Times,serif" font-size="14.00">FileUploaderModule</text>
 </g>
 <!-- FileComponent&#45;&gt;FileUploaderModule -->
 <g id="edge1" class="edge">
 <title>FileComponent&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M317.66,-215.59C327.66,-215.59 335.09,-215.59 335.09,-215.59 335.09,-215.59 335.09,-252.48 335.09,-252.48"/>
-<polygon fill="black" stroke="black" points="331.59,-252.48 335.09,-262.48 338.59,-252.48 331.59,-252.48"/>
+<path fill="none" stroke="black" d="M76,-233.7C76,-252.93 76,-280.59 76,-280.59 76,-280.59 241.23,-280.59 241.23,-280.59"/>
+<polygon fill="black" stroke="black" points="241.23,-284.09 251.23,-280.59 241.23,-277.09 241.23,-284.09"/>
 </g>
 <!-- FileUploader -->
 <g id="node2" class="node">
 <title>FileUploader</title>
-<polygon fill="#ffffb3" stroke="black" points="196.87,-233.59 107.13,-233.59 107.13,-197.59 196.87,-197.59 196.87,-233.59"/>
-<text text-anchor="middle" x="152" 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="M152,-233.7C152,-252.93 152,-280.59 152,-280.59 152,-280.59 318.28,-280.59 318.28,-280.59"/>
-<polygon fill="black" stroke="black" points="318.28,-284.09 328.28,-280.59 318.28,-277.09 318.28,-284.09"/>
+<path fill="none" stroke="black" d="M683,-233.7C683,-252.93 683,-280.59 683,-280.59 683,-280.59 394.95,-280.59 394.95,-280.59"/>
+<polygon fill="black" stroke="black" points="394.95,-277.09 384.95,-280.59 394.95,-284.09 394.95,-277.09"/>
 </g>
 <!-- FileComponent  -->
 <g id="node8" class="node">
 <title>FileComponent </title>
-<polygon fill="#fb8072" stroke="black" points="507.11,-363.59 400.89,-363.59 400.89,-327.59 507.11,-327.59 507.11,-363.59"/>
-<text text-anchor="middle" x="454" y="-341.39" font-family="Times,serif" font-size="14.00">FileComponent </text>
+<polygon fill="#fb8072" stroke="black" points="430.11,-363.59 323.89,-363.59 323.89,-327.59 430.11,-327.59 430.11,-363.59"/>
+<text text-anchor="middle" x="377" y="-341.39" font-family="Times,serif" font-size="14.00">FileComponent </text>
 </g>
 <!-- FileUploaderModule&#45;&gt;FileComponent  -->
 <g id="edge7" class="edge">
 <title>FileUploaderModule&#45;&gt;FileComponent </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M431.2,-298.7C431.2,-298.7 431.2,-317.58 431.2,-317.58"/>
-<polygon fill="black" stroke="black" points="427.7,-317.58 431.2,-327.58 434.7,-317.58 427.7,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M354.2,-298.7C354.2,-298.7 354.2,-317.58 354.2,-317.58"/>
+<polygon fill="black" stroke="black" points="350.7,-317.58 354.2,-327.58 357.7,-317.58 350.7,-317.58"/>
 </g>
 <!-- FileUploader  -->
 <g id="node9" class="node">
 <title>FileUploader </title>
-<polygon fill="#fb8072" stroke="black" points="382.87,-363.59 289.13,-363.59 289.13,-327.59 382.87,-327.59 382.87,-363.59"/>
-<text text-anchor="middle" x="336" y="-341.39" font-family="Times,serif" font-size="14.00">FileUploader </text>
+<polygon fill="#fb8072" stroke="black" points="305.87,-363.59 212.13,-363.59 212.13,-327.59 305.87,-327.59 305.87,-363.59"/>
+<text text-anchor="middle" x="259" y="-341.39" font-family="Times,serif" font-size="14.00">FileUploader </text>
 </g>
 <!-- FileUploaderModule&#45;&gt;FileUploader  -->
 <g id="edge8" class="edge">
 <title>FileUploaderModule&#45;&gt;FileUploader </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M355.49,-298.7C355.49,-298.7 355.49,-317.58 355.49,-317.58"/>
-<polygon fill="black" stroke="black" points="351.99,-317.58 355.49,-327.58 358.99,-317.58 351.99,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M278.49,-298.7C278.49,-298.7 278.49,-317.58 278.49,-317.58"/>
+<polygon fill="black" stroke="black" points="274.99,-317.58 278.49,-327.58 281.99,-317.58 274.99,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
@@ -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,44 +113,44 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
 }&#45;&gt;FileUploader</title>
-<path fill="none" stroke="black" d="M152,-160.42C152,-160.42 152,-187.4 152,-187.4"/>
-<polygon fill="black" stroke="black" points="148.5,-187.4 152,-197.4 155.5,-187.4 148.5,-187.4"/>
+<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">
 <title>ButtonModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="665.67,-233.59 662.67,-237.59 641.67,-237.59 638.67,-233.59 568.33,-233.59 568.33,-197.59 665.67,-197.59 665.67,-233.59"/>
-<text text-anchor="middle" x="617" y="-211.39" font-family="Times,serif" font-size="14.00">ButtonModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="475.67,-233.59 472.67,-237.59 451.67,-237.59 448.67,-233.59 378.33,-233.59 378.33,-197.59 475.67,-197.59 475.67,-233.59"/>
+<text text-anchor="middle" x="427" y="-211.39" font-family="Times,serif" font-size="14.00">ButtonModule</text>
 </g>
 <!-- ButtonModule&#45;&gt;FileUploaderModule -->
 <g id="edge4" class="edge">
 <title>ButtonModule&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M617,-233.7C617,-252.93 617,-280.59 617,-280.59 617,-280.59 471.91,-280.59 471.91,-280.59"/>
-<polygon fill="black" stroke="black" points="471.91,-277.09 461.91,-280.59 471.91,-284.09 471.91,-277.09"/>
+<path fill="none" stroke="black" d="M378.22,-215.59C372.8,-215.59 369.19,-215.59 369.19,-215.59 369.19,-215.59 369.19,-252.48 369.19,-252.48"/>
+<polygon fill="black" stroke="black" points="365.69,-252.48 369.19,-262.48 372.69,-252.48 365.69,-252.48"/>
 </g>
 <!-- IconModule -->
 <g id="node6" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="550.43,-233.59 547.43,-237.59 526.43,-237.59 523.43,-233.59 465.57,-233.59 465.57,-197.59 550.43,-197.59 550.43,-233.59"/>
-<text text-anchor="middle" x="508" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="360.43,-233.59 357.43,-237.59 336.43,-237.59 333.43,-233.59 275.57,-233.59 275.57,-197.59 360.43,-197.59 360.43,-233.59"/>
+<text text-anchor="middle" x="318" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;FileUploaderModule -->
 <g id="edge5" class="edge">
 <title>IconModule&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M465.65,-215.59C459.34,-215.59 454.91,-215.59 454.91,-215.59 454.91,-215.59 454.91,-252.48 454.91,-252.48"/>
-<polygon fill="black" stroke="black" points="451.41,-252.48 454.91,-262.48 458.41,-252.48 451.41,-252.48"/>
+<path fill="none" stroke="black" d="M318,-233.7C318,-233.7 318,-252.58 318,-252.58"/>
+<polygon fill="black" stroke="black" points="314.5,-252.58 318,-262.58 321.5,-252.58 314.5,-252.58"/>
 </g>
 <!-- LoadingModule -->
 <g id="node7" class="node">
 <title>LoadingModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="448.21,-233.59 445.21,-237.59 424.21,-237.59 421.21,-233.59 341.79,-233.59 341.79,-197.59 448.21,-197.59 448.21,-233.59"/>
-<text text-anchor="middle" x="395" y="-211.39" font-family="Times,serif" font-size="14.00">LoadingModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="258.21,-233.59 255.21,-237.59 234.21,-237.59 231.21,-233.59 151.79,-233.59 151.79,-197.59 258.21,-197.59 258.21,-233.59"/>
+<text text-anchor="middle" x="205" y="-211.39" font-family="Times,serif" font-size="14.00">LoadingModule</text>
 </g>
 <!-- LoadingModule&#45;&gt;FileUploaderModule -->
 <g id="edge6" class="edge">
 <title>LoadingModule&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M395,-233.7C395,-233.7 395,-252.58 395,-252.58"/>
-<polygon fill="black" stroke="black" points="391.5,-252.58 395,-262.58 398.5,-252.58 391.5,-252.58"/>
+<path fill="none" stroke="black" d="M258.33,-215.59C263.54,-215.59 266.95,-215.59 266.95,-215.59 266.95,-215.59 266.95,-252.48 266.95,-252.48"/>
+<polygon fill="black" stroke="black" points="263.45,-252.48 266.95,-262.48 270.45,-252.48 263.45,-252.48"/>
 </g>
 </g>
 </svg>