carbon-components-angular 5.68.0 → 5.70.0

package/docs/documentation/modules/DropdownModule.html

@@ -113,41 +113,41 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1730pt" height="396pt"
- viewBox="0.00 0.00 1730.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1178pt" height="396pt"
+ viewBox="0.00 0.00 1178.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 1726,-391.59 1726,4 -4,4"/>
-<text text-anchor="start" x="840.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="627,-10 627,-30 647,-30 647,-10 627,-10"/>
-<text text-anchor="start" x="650.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="740,-10 740,-30 760,-30 760,-10 740,-10"/>
-<text text-anchor="start" x="763.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="826,-10 826,-30 846,-30 846,-10 826,-10"/>
-<text text-anchor="start" x="849.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="923,-10 923,-30 943,-30 943,-10 923,-10"/>
-<text text-anchor="start" x="946.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1019,-10 1019,-30 1039,-30 1039,-10 1019,-10"/>
-<text text-anchor="start" x="1042.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 1174,-391.59 1174,4 -4,4"/>
+<text text-anchor="start" x="564.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="351,-10 351,-30 371,-30 371,-10 351,-10"/>
+<text text-anchor="start" x="374.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="464,-10 464,-30 484,-30 484,-10 464,-10"/>
+<text text-anchor="start" x="487.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="550,-10 550,-30 570,-30 570,-10 550,-10"/>
+<text text-anchor="start" x="573.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="647,-10 647,-30 667,-30 667,-10 647,-10"/>
+<text text-anchor="start" x="670.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="743,-10 743,-30 763,-30 763,-10 743,-10"/>
+<text text-anchor="start" x="766.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <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"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1162,-379.59 1162,-70 8,-70"/>
+</g>
+<g id="clust8" class="cluster">
+<title>cluster_DropdownModule_exports</title>
+<polygon fill="none" stroke="black" points="374,-319.59 374,-371.59 880,-371.59 880,-319.59 374,-319.59"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_DropdownModule_declarations</title>
+<polygon fill="none" stroke="black" points="662,-189.59 662,-241.59 1154,-241.59 1154,-189.59 662,-189.59"/>
 </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"/>
+<polygon fill="none" stroke="black" points="516,-78 516,-176.59 1154,-176.59 1154,-78 516,-78"/>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_DropdownModule_imports</title>
-<polygon fill="none" stroke="black" points="608,-189.59 608,-241.59 1060,-241.59 1060,-189.59 608,-189.59"/>
-</g>
-<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="430,-319.59 430,-371.59 936,-371.59 936,-319.59 430,-319.59"/>
+<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 654,-241.59 654,-189.59 202,-189.59"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_DropdownModule_providers</title>
@@ -156,104 +156,104 @@
 <!-- AbstractDropdownView -->
 <g id="node1" class="node">
 <title>AbstractDropdownView</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="1145.61,-233.59 992.39,-233.59 992.39,-197.59 1145.61,-197.59 1145.61,-233.59"/>
+<text text-anchor="middle" x="1069" 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="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>
+<polygon fill="#8dd3c7" stroke="black" points="662.92,-298.59 659.92,-302.59 638.92,-302.59 635.92,-298.59 543.08,-298.59 543.08,-262.59 662.92,-262.59 662.92,-298.59"/>
+<text text-anchor="middle" x="603" 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="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"/>
+<path fill="none" stroke="black" d="M1069,-233.72C1069,-254.16 1069,-284.59 1069,-284.59 1069,-284.59 672.97,-284.59 672.97,-284.59"/>
+<polygon fill="black" stroke="black" points="672.97,-281.09 662.97,-284.59 672.97,-288.09 672.97,-281.09"/>
 </g>
 <!-- Dropdown -->
 <g id="node2" class="node">
 <title>Dropdown</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="973.87,-233.59 898.13,-233.59 898.13,-197.59 973.87,-197.59 973.87,-233.59"/>
+<text text-anchor="middle" x="936" 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="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"/>
+<path fill="none" stroke="black" d="M936,-233.86C936,-252.15 936,-277.59 936,-277.59 936,-277.59 672.92,-277.59 672.92,-277.59"/>
+<polygon fill="black" stroke="black" points="672.92,-274.09 662.92,-277.59 672.92,-281.09 672.92,-274.09"/>
 </g>
 <!-- DropdownList -->
 <g id="node3" class="node">
 <title>DropdownList</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="879.65,-233.59 782.35,-233.59 782.35,-197.59 879.65,-197.59 879.65,-233.59"/>
+<text text-anchor="middle" x="831" 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="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"/>
+<path fill="none" stroke="black" d="M826.87,-233.6C826.87,-249.64 826.87,-270.59 826.87,-270.59 826.87,-270.59 672.99,-270.59 672.99,-270.59"/>
+<polygon fill="black" stroke="black" points="672.99,-267.09 662.99,-270.59 672.99,-274.09 672.99,-267.09"/>
 </g>
 <!-- ScrollableList -->
 <g id="node4" class="node">
 <title>ScrollableList</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="764.04,-233.59 669.96,-233.59 669.96,-197.59 764.04,-197.59 764.04,-233.59"/>
+<text text-anchor="middle" x="717" 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="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"/>
+<path fill="none" stroke="black" d="M669.69,-215.59C660.76,-215.59 654.16,-215.59 654.16,-215.59 654.16,-215.59 654.16,-252.48 654.16,-252.48"/>
+<polygon fill="black" stroke="black" points="650.66,-252.48 654.16,-262.48 657.66,-252.48 650.66,-252.48"/>
 </g>
 <!-- AbstractDropdownView  -->
 <g id="node11" class="node">
 <title>AbstractDropdownView </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="871.61,-363.59 714.39,-363.59 714.39,-327.59 871.61,-327.59 871.61,-363.59"/>
+<text text-anchor="middle" x="793" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M662.81,-291.59C699.44,-291.59 739.36,-291.59 739.36,-291.59 739.36,-291.59 739.36,-317.31 739.36,-317.31"/>
+<polygon fill="black" stroke="black" points="735.86,-317.31 739.36,-327.31 742.86,-317.31 735.86,-317.31"/>
 </g>
 <!-- Dropdown  -->
 <g id="node12" class="node">
 <title>Dropdown </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="696.87,-363.59 617.13,-363.59 617.13,-327.59 696.87,-327.59 696.87,-363.59"/>
+<text text-anchor="middle" x="657" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M640.01,-298.7C640.01,-298.7 640.01,-317.58 640.01,-317.58"/>
+<polygon fill="black" stroke="black" points="636.51,-317.58 640.01,-327.58 643.51,-317.58 636.51,-317.58"/>
 </g>
 <!-- DropdownList  -->
 <g id="node13" class="node">
 <title>DropdownList </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="599.65,-363.59 498.35,-363.59 498.35,-327.59 599.65,-327.59 599.65,-363.59"/>
+<text text-anchor="middle" x="549" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M571.43,-298.7C571.43,-298.7 571.43,-317.58 571.43,-317.58"/>
+<polygon fill="black" stroke="black" points="567.93,-317.58 571.43,-327.58 574.93,-317.58 567.93,-317.58"/>
 </g>
 <!-- ScrollableList  -->
 <g id="node14" class="node">
 <title>ScrollableList </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="480.04,-363.59 381.96,-363.59 381.96,-327.59 480.04,-327.59 480.04,-363.59"/>
+<text text-anchor="middle" x="431" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M543.01,-291.59C507.31,-291.59 468.9,-291.59 468.9,-291.59 468.9,-291.59 468.9,-317.31 468.9,-317.31"/>
+<polygon fill="black" stroke="black" points="465.4,-317.31 468.9,-327.31 472.4,-317.31 465.4,-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="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>
+<ellipse fill="#fdb462" stroke="black" cx="835" cy="-127.3" rx="310.97" ry="41.09"/>
+<text text-anchor="middle" x="835" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="835" 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="835" 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,56 +274,56 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: Dropdown, multi: true
 }&#45;&gt;Dropdown</title>
-<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"/>
+<path fill="none" stroke="black" d="M936,-166.54C936,-166.54 936,-187.21 936,-187.21"/>
+<polygon fill="black" stroke="black" points="932.5,-187.21 936,-197.21 939.5,-187.21 932.5,-187.21"/>
 </g>
 <!-- I18nModule -->
 <g id="node7" class="node">
 <title>I18nModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="645.71,-233.59 642.71,-237.59 621.71,-237.59 618.71,-233.59 560.29,-233.59 560.29,-197.59 645.71,-197.59 645.71,-233.59"/>
+<text text-anchor="middle" x="603" 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="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"/>
+<path fill="none" stroke="black" d="M603,-233.7C603,-233.7 603,-252.58 603,-252.58"/>
+<polygon fill="black" stroke="black" points="599.5,-252.58 603,-262.58 606.5,-252.58 599.5,-252.58"/>
 </g>
 <!-- IconModule -->
 <g id="node8" class="node">
 <title>IconModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="542.43,-233.59 539.43,-237.59 518.43,-237.59 515.43,-233.59 457.57,-233.59 457.57,-197.59 542.43,-197.59 542.43,-233.59"/>
+<text text-anchor="middle" x="500" 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="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"/>
+<path fill="none" stroke="black" d="M542.33,-215.59C547.97,-215.59 551.84,-215.59 551.84,-215.59 551.84,-215.59 551.84,-252.48 551.84,-252.48"/>
+<polygon fill="black" stroke="black" points="548.34,-252.48 551.84,-262.48 555.34,-252.48 548.34,-252.48"/>
 </g>
 <!-- PlaceholderModule -->
 <g id="node9" class="node">
 <title>PlaceholderModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="439.63,-233.59 436.63,-237.59 415.63,-237.59 412.63,-233.59 314.37,-233.59 314.37,-197.59 439.63,-197.59 439.63,-233.59"/>
+<text text-anchor="middle" x="377" 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="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"/>
+<path fill="none" stroke="black" d="M410.9,-233.6C410.9,-249.64 410.9,-270.59 410.9,-270.59 410.9,-270.59 533.27,-270.59 533.27,-270.59"/>
+<polygon fill="black" stroke="black" points="533.27,-274.09 543.27,-270.59 533.27,-267.09 533.27,-274.09"/>
 </g>
 <!-- UtilsModule -->
 <g id="node10" class="node">
 <title>UtilsModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="296.27,-233.59 293.27,-237.59 272.27,-237.59 269.27,-233.59 209.73,-233.59 209.73,-197.59 296.27,-197.59 296.27,-233.59"/>
+<text text-anchor="middle" x="253" 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="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"/>
+<path fill="none" stroke="black" d="M253,-233.86C253,-252.15 253,-277.59 253,-277.59 253,-277.59 533.23,-277.59 533.23,-277.59"/>
+<polygon fill="black" stroke="black" points="533.23,-281.09 543.23,-277.59 533.23,-274.09 533.23,-281.09"/>
 </g>
 <!-- DropdownService -->
 <g id="node15" class="node">
@@ -334,8 +334,8 @@
 <!-- DropdownService&#45;&gt;DropdownModule -->
 <g id="edge14" class="edge">
 <title>DropdownService&#45;&gt;DropdownModule</title>
-<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"/>
+<path fill="none" stroke="black" d="M105,-233.72C105,-254.16 105,-284.59 105,-284.59 105,-284.59 532.93,-284.59 532.93,-284.59"/>
+<polygon fill="black" stroke="black" points="532.93,-288.09 542.93,-284.59 532.93,-281.09 532.93,-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="1174pt" height="396pt"
- viewBox="0.00 0.00 1174.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="698pt" height="396pt"
+ viewBox="0.00 0.00 698.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 391.59)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 1170,-391.59 1170,4 -4,4"/>
-<text text-anchor="start" x="562.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="349,-10 349,-30 369,-30 369,-10 349,-10"/>
-<text text-anchor="start" x="372.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="462,-10 462,-30 482,-30 482,-10 462,-10"/>
-<text text-anchor="start" x="485.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="548,-10 548,-30 568,-30 568,-10 548,-10"/>
-<text text-anchor="start" x="571.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="645,-10 645,-30 665,-30 665,-10 645,-10"/>
-<text text-anchor="start" x="668.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="741,-10 741,-30 761,-30 761,-10 741,-10"/>
-<text text-anchor="start" x="764.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-391.59 694,-391.59 694,4 -4,4"/>
+<text text-anchor="start" x="324.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="111,-10 111,-30 131,-30 131,-10 111,-10"/>
+<text text-anchor="start" x="134.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="224,-10 224,-30 244,-30 244,-10 224,-10"/>
+<text text-anchor="start" x="247.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
+<text text-anchor="start" x="333.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="407,-10 407,-30 427,-30 427,-10 407,-10"/>
+<text text-anchor="start" x="430.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="503,-10 503,-30 523,-30 523,-10 503,-10"/>
+<text text-anchor="start" x="526.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_FileUploaderModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1158,-379.59 1158,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 682,-379.59 682,-70 8,-70"/>
 </g>
 <g id="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="492,-78 492,-241.59 1150,-241.59 1150,-78 492,-78"/>
+<polygon fill="none" stroke="black" points="281,-319.59 281,-371.59 515,-371.59 515,-319.59 281,-319.59"/>
 </g>
 <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"/>
+<polygon fill="none" stroke="black" points="334,-189.59 334,-241.59 674,-241.59 674,-189.59 334,-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"/>
+<polygon fill="none" stroke="black" points="99,-189.59 99,-241.59 326,-241.59 326,-189.59 99,-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"/>
 </g>
 <!-- FileComponent -->
 <g id="node1" class="node">
 <title>FileComponent</title>
-<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>
+<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>
 </g>
 <!-- FileUploaderModule -->
 <g id="node3" class="node">
 <title>FileUploaderModule</title>
-<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>
+<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>
 </g>
 <!-- FileComponent&#45;&gt;FileUploaderModule -->
 <g id="edge1" class="edge">
 <title>FileComponent&#45;&gt;FileUploaderModule</title>
-<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"/>
+<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"/>
 </g>
 <!-- FileUploader -->
 <g id="node2" class="node">
 <title>FileUploader</title>
-<polygon fill="#ffffb3" stroke="black" points="727.87,-233.59 638.13,-233.59 638.13,-197.59 727.87,-197.59 727.87,-233.59"/>
-<text text-anchor="middle" x="683" y="-211.39" font-family="Times,serif" font-size="14.00">FileUploader</text>
+<polygon fill="#ffffb3" stroke="black" points="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>
 </g>
 <!-- FileUploader&#45;&gt;FileUploaderModule -->
 <g id="edge2" class="edge">
 <title>FileUploader&#45;&gt;FileUploaderModule</title>
-<path fill="none" stroke="black" d="M683,-233.7C683,-252.93 683,-280.59 683,-280.59 683,-280.59 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"/>
+<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"/>
 </g>
 <!-- FileComponent  -->
 <g id="node8" class="node">
 <title>FileComponent </title>
-<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>
+<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>
 </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="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"/>
+<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"/>
 </g>
 <!-- FileUploader  -->
 <g id="node9" class="node">
 <title>FileUploader </title>
-<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>
+<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>
 </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="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"/>
+<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"/>
 </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="821" cy="-127.3" rx="320.76" ry="41.09"/>
-<text text-anchor="middle" x="821" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="821" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true</text>
-<text text-anchor="middle" x="821" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="345" cy="-127.3" rx="320.76" ry="41.09"/>
+<text text-anchor="middle" x="345" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="345" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true</text>
+<text text-anchor="middle" x="345" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
@@ -113,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="M683,-164.74C683,-164.74 683,-187.34 683,-187.34"/>
-<polygon fill="black" stroke="black" points="679.5,-187.34 683,-197.34 686.5,-187.34 679.5,-187.34"/>
+<path fill="none" stroke="black" d="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"/>
 </g>
 <!-- ButtonModule -->
 <g id="node5" class="node">
 <title>ButtonModule</title>
-<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>
+<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>
 </g>
 <!-- ButtonModule&#45;&gt;FileUploaderModule -->
 <g id="edge4" class="edge">
 <title>ButtonModule&#45;&gt;FileUploaderModule</title>
-<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"/>
+<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"/>
 </g>
 <!-- IconModule -->
 <g id="node6" class="node">
 <title>IconModule</title>
-<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>
+<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>
 </g>
 <!-- IconModule&#45;&gt;FileUploaderModule -->
 <g id="edge5" class="edge">
 <title>IconModule&#45;&gt;FileUploaderModule</title>
-<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"/>
+<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"/>
 </g>
 <!-- LoadingModule -->
 <g id="node7" class="node">
 <title>LoadingModule</title>
-<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>
+<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>
 </g>
 <!-- LoadingModule&#45;&gt;FileUploaderModule -->
 <g id="edge6" class="edge">
 <title>LoadingModule&#45;&gt;FileUploaderModule</title>
-<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"/>
+<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"/>
 </g>
 </g>
 </svg>