carbon-components-angular 5.72.2 → 5.72.4

package/docs/documentation/modules/DropdownModule.html

@@ -135,125 +135,125 @@
 </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="516,-78 516,-176.59 1154,-176.59 1154,-78 516,-78"/>
-</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"/>
+<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 694,-241.59 694,-189.59 202,-189.59"/>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_DropdownModule_imports</title>
-<polygon fill="none" stroke="black" points="202,-189.59 202,-241.59 654,-241.59 654,-189.59 202,-189.59"/>
+<polygon fill="none" stroke="black" points="702,-189.59 702,-241.59 1154,-241.59 1154,-189.59 702,-189.59"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_DropdownModule_Dropdown_providers</title>
+<polygon fill="none" stroke="black" points="157,-78 157,-176.59 795,-176.59 795,-78 157,-78"/>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_DropdownModule_providers</title>
 <polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 194,-241.59 194,-189.59 16,-189.59"/>
 </g>
+<g id="clust8" class="cluster">
+<title>cluster_DropdownModule_exports</title>
+<polygon fill="none" stroke="black" points="380,-319.59 380,-371.59 886,-371.59 886,-319.59 380,-319.59"/>
+</g>
 <!-- AbstractDropdownView -->
 <g id="node1" class="node">
 <title>AbstractDropdownView</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="685.61,-233.59 532.39,-233.59 532.39,-197.59 685.61,-197.59 685.61,-233.59"/>
+<text text-anchor="middle" x="609" 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="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>
+<polygon fill="#8dd3c7" stroke="black" points="668.92,-298.59 665.92,-302.59 644.92,-302.59 641.92,-298.59 549.08,-298.59 549.08,-262.59 668.92,-262.59 668.92,-298.59"/>
+<text text-anchor="middle" x="609" 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="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"/>
+<path fill="none" stroke="black" d="M609,-233.7C609,-233.7 609,-252.58 609,-252.58"/>
+<polygon fill="black" stroke="black" points="605.5,-252.58 609,-262.58 612.5,-252.58 605.5,-252.58"/>
 </g>
 <!-- Dropdown -->
 <g id="node2" class="node">
 <title>Dropdown</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="513.87,-233.59 438.13,-233.59 438.13,-197.59 513.87,-197.59 513.87,-233.59"/>
+<text text-anchor="middle" x="476" 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="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"/>
+<path fill="none" stroke="black" d="M509.18,-233.83C509.18,-249.16 509.18,-268.59 509.18,-268.59 509.18,-268.59 539.21,-268.59 539.21,-268.59"/>
+<polygon fill="black" stroke="black" points="539.21,-272.09 549.21,-268.59 539.21,-265.09 539.21,-272.09"/>
 </g>
 <!-- DropdownList -->
 <g id="node3" class="node">
 <title>DropdownList</title>
-<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>
+<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="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"/>
+<path fill="none" stroke="black" d="M403.9,-233.61C403.9,-250.96 403.9,-274.59 403.9,-274.59 403.9,-274.59 539.13,-274.59 539.13,-274.59"/>
+<polygon fill="black" stroke="black" points="539.13,-278.09 549.13,-274.59 539.13,-271.09 539.13,-278.09"/>
 </g>
 <!-- ScrollableList -->
 <g id="node4" class="node">
 <title>ScrollableList</title>
-<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>
+<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="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"/>
+<path fill="none" stroke="black" d="M257,-233.7C257,-252.93 257,-280.59 257,-280.59 257,-280.59 539.29,-280.59 539.29,-280.59"/>
+<polygon fill="black" stroke="black" points="539.29,-284.09 549.29,-280.59 539.29,-277.09 539.29,-284.09"/>
 </g>
 <!-- AbstractDropdownView  -->
 <g id="node11" class="node">
 <title>AbstractDropdownView </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="877.61,-363.59 720.39,-363.59 720.39,-327.59 877.61,-327.59 877.61,-363.59"/>
+<text text-anchor="middle" x="799" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M668.91,-292.59C710.48,-292.59 758.41,-292.59 758.41,-292.59 758.41,-292.59 758.41,-317.35 758.41,-317.35"/>
+<polygon fill="black" stroke="black" points="754.91,-317.35 758.41,-327.35 761.91,-317.35 754.91,-317.35"/>
 </g>
 <!-- Dropdown  -->
 <g id="node12" class="node">
 <title>Dropdown </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="702.87,-363.59 623.13,-363.59 623.13,-327.59 702.87,-327.59 702.87,-363.59"/>
+<text text-anchor="middle" x="663" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M646.01,-298.7C646.01,-298.7 646.01,-317.58 646.01,-317.58"/>
+<polygon fill="black" stroke="black" points="642.51,-317.58 646.01,-327.58 649.51,-317.58 642.51,-317.58"/>
 </g>
 <!-- DropdownList  -->
 <g id="node13" class="node">
 <title>DropdownList </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="605.65,-363.59 504.35,-363.59 504.35,-327.59 605.65,-327.59 605.65,-363.59"/>
+<text text-anchor="middle" x="555" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M577.43,-298.7C577.43,-298.7 577.43,-317.58 577.43,-317.58"/>
+<polygon fill="black" stroke="black" points="573.93,-317.58 577.43,-327.58 580.93,-317.58 573.93,-317.58"/>
 </g>
 <!-- ScrollableList  -->
 <g id="node14" class="node">
 <title>ScrollableList </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="486.04,-363.59 387.96,-363.59 387.96,-327.59 486.04,-327.59 486.04,-363.59"/>
+<text text-anchor="middle" x="437" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M549.23,-292.59C508.54,-292.59 462.04,-292.59 462.04,-292.59 462.04,-292.59 462.04,-317.35 462.04,-317.35"/>
+<polygon fill="black" stroke="black" points="458.54,-317.35 462.04,-327.35 465.54,-317.35 458.54,-317.35"/>
 </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="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>
+<ellipse fill="#fdb462" stroke="black" cx="476" cy="-127.3" rx="310.97" ry="41.09"/>
+<text text-anchor="middle" x="476" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="476" 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="476" 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="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"/>
+<path fill="none" stroke="black" d="M476,-168.6C476,-168.6 476,-187.26 476,-187.26"/>
+<polygon fill="black" stroke="black" points="472.5,-187.26 476,-197.26 479.5,-187.26 472.5,-187.26"/>
 </g>
 <!-- I18nModule -->
 <g id="node7" class="node">
 <title>I18nModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="1145.71,-233.59 1142.71,-237.59 1121.71,-237.59 1118.71,-233.59 1060.29,-233.59 1060.29,-197.59 1145.71,-197.59 1145.71,-233.59"/>
+<text text-anchor="middle" x="1103" 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="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"/>
+<path fill="none" stroke="black" d="M1103,-233.87C1103,-254.91 1103,-286.59 1103,-286.59 1103,-286.59 679.08,-286.59 679.08,-286.59"/>
+<polygon fill="black" stroke="black" points="679.08,-283.09 669.08,-286.59 679.08,-290.09 679.08,-283.09"/>
 </g>
 <!-- IconModule -->
 <g id="node8" class="node">
 <title>IconModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="1042.43,-233.59 1039.43,-237.59 1018.43,-237.59 1015.43,-233.59 957.57,-233.59 957.57,-197.59 1042.43,-197.59 1042.43,-233.59"/>
+<text text-anchor="middle" x="1000" 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="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"/>
+<path fill="none" stroke="black" d="M1000,-233.7C1000,-252.93 1000,-280.59 1000,-280.59 1000,-280.59 678.81,-280.59 678.81,-280.59"/>
+<polygon fill="black" stroke="black" points="678.81,-277.09 668.81,-280.59 678.81,-284.09 678.81,-277.09"/>
 </g>
 <!-- PlaceholderModule -->
 <g id="node9" class="node">
 <title>PlaceholderModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="939.63,-233.59 936.63,-237.59 915.63,-237.59 912.63,-233.59 814.37,-233.59 814.37,-197.59 939.63,-197.59 939.63,-233.59"/>
+<text text-anchor="middle" x="877" 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="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"/>
+<path fill="none" stroke="black" d="M845.87,-233.61C845.87,-250.96 845.87,-274.59 845.87,-274.59 845.87,-274.59 678.77,-274.59 678.77,-274.59"/>
+<polygon fill="black" stroke="black" points="678.77,-271.09 668.77,-274.59 678.77,-278.09 678.77,-271.09"/>
 </g>
 <!-- UtilsModule -->
 <g id="node10" class="node">
 <title>UtilsModule</title>
-<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>
+<polygon fill="#8dd3c7" stroke="black" points="796.27,-233.59 793.27,-237.59 772.27,-237.59 769.27,-233.59 709.73,-233.59 709.73,-197.59 796.27,-197.59 796.27,-233.59"/>
+<text text-anchor="middle" x="753" 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="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"/>
+<path fill="none" stroke="black" d="M715.03,-233.83C715.03,-249.16 715.03,-268.59 715.03,-268.59 715.03,-268.59 678.83,-268.59 678.83,-268.59"/>
+<polygon fill="black" stroke="black" points="678.83,-265.09 668.83,-268.59 678.83,-272.09 678.83,-265.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 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"/>
+<path fill="none" stroke="black" d="M105,-233.87C105,-254.91 105,-286.59 105,-286.59 105,-286.59 539.21,-286.59 539.21,-286.59"/>
+<polygon fill="black" stroke="black" points="539.21,-290.09 549.21,-286.59 539.21,-283.09 539.21,-290.09"/>
 </g>
 </g>
 </svg>

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

@@ -4,119 +4,119 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="1470pt" height="443pt"
- viewBox="0.00 0.00 1470.00 443.11" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1080pt" height="443pt"
+ viewBox="0.00 0.00 1080.00 443.11" 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 439.11)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-439.11 1466,-439.11 1466,4 -4,4"/>
-<text text-anchor="start" x="710.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="497,-10 497,-30 517,-30 517,-10 497,-10"/>
-<text text-anchor="start" x="520.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="610,-10 610,-30 630,-30 630,-10 610,-10"/>
-<text text-anchor="start" x="633.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="696,-10 696,-30 716,-30 716,-10 696,-10"/>
-<text text-anchor="start" x="719.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="793,-10 793,-30 813,-30 813,-10 793,-10"/>
-<text text-anchor="start" x="816.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="889,-10 889,-30 909,-30 909,-10 889,-10"/>
-<text text-anchor="start" x="912.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-439.11 1076,-439.11 1076,4 -4,4"/>
+<text text-anchor="start" x="515.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="302,-10 302,-30 322,-30 322,-10 302,-10"/>
+<text text-anchor="start" x="325.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="415,-10 415,-30 435,-30 435,-10 415,-10"/>
+<text text-anchor="start" x="438.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="501,-10 501,-30 521,-30 521,-10 501,-10"/>
+<text text-anchor="start" x="524.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="598,-10 598,-30 618,-30 618,-10 598,-10"/>
+<text text-anchor="start" x="621.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="694,-10 694,-30 714,-30 714,-10 694,-10"/>
+<text text-anchor="start" x="717.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_GridModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-427.11 1454,-427.11 1454,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-427.11 1064,-427.11 1064,-70 8,-70"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_GridModule_GridDirective_providers</title>
-<polygon fill="none" stroke="black" points="406,-78 406,-289.11 1446,-289.11 1446,-78 406,-78"/>
-</g>
-<g id="clust7" class="cluster">
-<title>cluster_GridModule_exports</title>
-<polygon fill="none" stroke="black" points="99,-367.11 99,-419.11 463,-419.11 463,-367.11 99,-367.11"/>
+<g id="clust9" class="cluster">
+<title>cluster_GridModule_providers</title>
+<polygon fill="none" stroke="black" points="730,-237.11 730,-289.11 862,-289.11 862,-237.11 730,-237.11"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_GridModule_declarations</title>
-<polygon fill="none" stroke="black" points="156,-237.11 156,-289.11 398,-289.11 398,-237.11 156,-237.11"/>
+<polygon fill="none" stroke="black" points="369,-237.11 369,-289.11 722,-289.11 722,-237.11 369,-237.11"/>
 </g>
-<g id="clust9" class="cluster">
-<title>cluster_GridModule_providers</title>
-<polygon fill="none" stroke="black" points="16,-237.11 16,-289.11 148,-289.11 148,-237.11 16,-237.11"/>
+<g id="clust7" class="cluster">
+<title>cluster_GridModule_exports</title>
+<polygon fill="none" stroke="black" points="423,-367.11 423,-419.11 787,-419.11 787,-367.11 423,-367.11"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_GridModule_GridDirective_providers</title>
+<polygon fill="none" stroke="black" points="16,-78 16,-224.11 1056,-224.11 1056,-78 16,-78"/>
 </g>
 <!-- ColumnDirective -->
 <g id="node1" class="node">
 <title>ColumnDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="389.7,-281.11 276.3,-281.11 276.3,-245.11 389.7,-245.11 389.7,-281.11"/>
-<text text-anchor="middle" x="333" y="-258.91" font-family="Times,serif" font-size="14.00">ColumnDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="713.7,-281.11 600.3,-281.11 600.3,-245.11 713.7,-245.11 713.7,-281.11"/>
+<text text-anchor="middle" x="657" y="-258.91" font-family="Times,serif" font-size="14.00">ColumnDirective</text>
 </g>
 <!-- GridModule -->
 <g id="node4" class="node">
 <title>GridModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="314.71,-346.11 311.71,-350.11 290.71,-350.11 287.71,-346.11 229.29,-346.11 229.29,-310.11 314.71,-310.11 314.71,-346.11"/>
-<text text-anchor="middle" x="272" y="-323.91" font-family="Times,serif" font-size="14.00">GridModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="638.71,-346.11 635.71,-350.11 614.71,-350.11 611.71,-346.11 553.29,-346.11 553.29,-310.11 638.71,-310.11 638.71,-346.11"/>
+<text text-anchor="middle" x="596" y="-323.91" font-family="Times,serif" font-size="14.00">GridModule</text>
 </g>
 <!-- ColumnDirective&#45;&gt;GridModule -->
 <g id="edge1" class="edge">
 <title>ColumnDirective&#45;&gt;GridModule</title>
-<path fill="none" stroke="black" d="M295.5,-281.21C295.5,-281.21 295.5,-300.1 295.5,-300.1"/>
-<polygon fill="black" stroke="black" points="292,-300.1 295.5,-310.1 299,-300.1 292,-300.1"/>
+<path fill="none" stroke="black" d="M619.5,-281.21C619.5,-281.21 619.5,-300.1 619.5,-300.1"/>
+<polygon fill="black" stroke="black" points="616,-300.1 619.5,-310.1 623,-300.1 616,-300.1"/>
 </g>
 <!-- GridDirective -->
 <g id="node2" class="node">
 <title>GridDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="739.74,-281.11 646.26,-281.11 646.26,-245.11 739.74,-245.11 739.74,-281.11"/>
-<text text-anchor="middle" x="693" y="-258.91" font-family="Times,serif" font-size="14.00">GridDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="582.74,-281.11 489.26,-281.11 489.26,-245.11 582.74,-245.11 582.74,-281.11"/>
+<text text-anchor="middle" x="536" y="-258.91" font-family="Times,serif" font-size="14.00">GridDirective</text>
 </g>
 <!-- GridDirective&#45;&gt;GridModule -->
 <g id="edge2" class="edge">
 <title>GridDirective&#45;&gt;GridModule</title>
-<path fill="none" stroke="black" d="M693,-281.13C693,-298.48 693,-322.11 693,-322.11 693,-322.11 324.68,-322.11 324.68,-322.11"/>
-<polygon fill="black" stroke="black" points="324.68,-318.61 314.68,-322.11 324.68,-325.61 324.68,-318.61"/>
+<path fill="none" stroke="black" d="M568.13,-281.21C568.13,-281.21 568.13,-300.1 568.13,-300.1"/>
+<polygon fill="black" stroke="black" points="564.63,-300.1 568.13,-310.1 571.63,-300.1 564.63,-300.1"/>
 </g>
 <!-- RowDirective -->
 <g id="node3" class="node">
 <title>RowDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="258.03,-281.11 163.97,-281.11 163.97,-245.11 258.03,-245.11 258.03,-281.11"/>
-<text text-anchor="middle" x="211" y="-258.91" font-family="Times,serif" font-size="14.00">RowDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="471.03,-281.11 376.97,-281.11 376.97,-245.11 471.03,-245.11 471.03,-281.11"/>
+<text text-anchor="middle" x="424" y="-258.91" font-family="Times,serif" font-size="14.00">RowDirective</text>
 </g>
 <!-- RowDirective&#45;&gt;GridModule -->
 <g id="edge4" class="edge">
 <title>RowDirective&#45;&gt;GridModule</title>
-<path fill="none" stroke="black" d="M243.83,-281.21C243.83,-281.21 243.83,-300.1 243.83,-300.1"/>
-<polygon fill="black" stroke="black" points="240.33,-300.1 243.83,-310.1 247.33,-300.1 240.33,-300.1"/>
+<path fill="none" stroke="black" d="M451.12,-281.13C451.12,-298.48 451.12,-322.11 451.12,-322.11 451.12,-322.11 543.32,-322.11 543.32,-322.11"/>
+<polygon fill="black" stroke="black" points="543.32,-325.61 553.32,-322.11 543.32,-318.61 543.32,-325.61"/>
 </g>
 <!-- ColumnDirective  -->
 <g id="node6" class="node">
 <title>ColumnDirective </title>
-<polygon fill="#fb8072" stroke="black" points="455.2,-411.11 338.8,-411.11 338.8,-375.11 455.2,-375.11 455.2,-411.11"/>
-<text text-anchor="middle" x="397" y="-388.91" font-family="Times,serif" font-size="14.00">ColumnDirective </text>
+<polygon fill="#fb8072" stroke="black" points="779.2,-411.11 662.8,-411.11 662.8,-375.11 779.2,-375.11 779.2,-411.11"/>
+<text text-anchor="middle" x="721" y="-388.91" font-family="Times,serif" font-size="14.00">ColumnDirective </text>
 </g>
 <!-- GridModule&#45;&gt;ColumnDirective  -->
 <g id="edge5" class="edge">
 <title>GridModule&#45;&gt;ColumnDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M314.83,-334.11C338.88,-334.11 364.12,-334.11 364.12,-334.11 364.12,-334.11 364.12,-365.09 364.12,-365.09"/>
-<polygon fill="black" stroke="black" points="360.63,-365.09 364.12,-375.09 367.63,-365.09 360.63,-365.09"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M638.83,-334.11C662.88,-334.11 688.12,-334.11 688.12,-334.11 688.12,-334.11 688.12,-365.09 688.12,-365.09"/>
+<polygon fill="black" stroke="black" points="684.63,-365.09 688.12,-375.09 691.63,-365.09 684.63,-365.09"/>
 </g>
 <!-- GridDirective  -->
 <g id="node7" class="node">
 <title>GridDirective </title>
-<polygon fill="#fb8072" stroke="black" points="320.74,-411.11 223.26,-411.11 223.26,-375.11 320.74,-375.11 320.74,-411.11"/>
-<text text-anchor="middle" x="272" y="-388.91" font-family="Times,serif" font-size="14.00">GridDirective </text>
+<polygon fill="#fb8072" stroke="black" points="644.74,-411.11 547.26,-411.11 547.26,-375.11 644.74,-375.11 644.74,-411.11"/>
+<text text-anchor="middle" x="596" y="-388.91" font-family="Times,serif" font-size="14.00">GridDirective </text>
 </g>
 <!-- GridModule&#45;&gt;GridDirective  -->
 <g id="edge6" class="edge">
 <title>GridModule&#45;&gt;GridDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M272,-346.21C272,-346.21 272,-365.1 272,-365.1"/>
-<polygon fill="black" stroke="black" points="268.5,-365.1 272,-375.1 275.5,-365.1 268.5,-365.1"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M596,-346.21C596,-346.21 596,-365.1 596,-365.1"/>
+<polygon fill="black" stroke="black" points="592.5,-365.1 596,-375.1 599.5,-365.1 592.5,-365.1"/>
 </g>
 <!-- RowDirective  -->
 <g id="node8" class="node">
 <title>RowDirective </title>
-<polygon fill="#fb8072" stroke="black" points="205.03,-411.11 106.97,-411.11 106.97,-375.11 205.03,-375.11 205.03,-411.11"/>
-<text text-anchor="middle" x="156" y="-388.91" font-family="Times,serif" font-size="14.00">RowDirective </text>
+<polygon fill="#fb8072" stroke="black" points="529.03,-411.11 430.97,-411.11 430.97,-375.11 529.03,-375.11 529.03,-411.11"/>
+<text text-anchor="middle" x="480" y="-388.91" font-family="Times,serif" font-size="14.00">RowDirective </text>
 </g>
 <!-- GridModule&#45;&gt;RowDirective  -->
 <g id="edge7" class="edge">
 <title>GridModule&#45;&gt;RowDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M229.21,-334.11C206.97,-334.11 184.38,-334.11 184.38,-334.11 184.38,-334.11 184.38,-365.09 184.38,-365.09"/>
-<polygon fill="black" stroke="black" points="180.88,-365.09 184.38,-375.09 187.88,-365.09 180.88,-365.09"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M553.3,-334.11C531.32,-334.11 509.07,-334.11 509.07,-334.11 509.07,-334.11 509.07,-365.09 509.07,-365.09"/>
+<polygon fill="black" stroke="black" points="505.57,-365.09 509.07,-375.09 512.57,-365.09 505.57,-365.09"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: GridService, deps: [[new Optional(), new SkipSelf(), GridService]], useFactory: (parentService: GridService) =&gt; {
@@ -129,12 +129,12 @@
  &#160;&#160;&#160;&#160;&#160;&#160;&#160;return parentService || new GridService();
  &#160;&#160;&#160;}
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="926" cy="-151.05" rx="512.24" ry="65.11"/>
-<text text-anchor="middle" x="926" y="-180.45" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="926" y="-163.65" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: GridService, deps: [[new Optional(), new SkipSelf(), GridService]], useFactory: (parentService: GridService) =&gt; {</text>
-<text text-anchor="middle" x="926" y="-146.85" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;&#160;&#160;&#160;&#160;return parentService || new GridService();</text>
-<text text-anchor="middle" x="926" y="-130.05" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;}</text>
-<text text-anchor="middle" x="926" y="-113.25" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="536" cy="-151.05" rx="512.24" ry="65.11"/>
+<text text-anchor="middle" x="536" y="-180.45" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="536" y="-163.65" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: GridService, deps: [[new Optional(), new SkipSelf(), GridService]], useFactory: (parentService: GridService) =&gt; {</text>
+<text text-anchor="middle" x="536" y="-146.85" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;&#160;&#160;&#160;&#160;return parentService || new GridService();</text>
+<text text-anchor="middle" x="536" y="-130.05" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;}</text>
+<text text-anchor="middle" x="536" y="-113.25" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: GridService, deps: [[new Optional(), new SkipSelf(), GridService]], useFactory: (parentService: GridService) =&gt; {
@@ -147,20 +147,20 @@
  &#160;&#160;&#160;&#160;&#160;&#160;&#160;return parentService || new GridService();
  &#160;&#160;&#160;}
 }&#45;&gt;GridDirective</title>
-<path fill="none" stroke="black" d="M693,-209.05C693,-209.05 693,-234.89 693,-234.89"/>
-<polygon fill="black" stroke="black" points="689.5,-234.89 693,-244.89 696.5,-234.89 689.5,-234.89"/>
+<path fill="none" stroke="black" d="M536,-216.24C536,-216.24 536,-235.1 536,-235.1"/>
+<polygon fill="black" stroke="black" points="532.5,-235.1 536,-245.1 539.5,-235.1 532.5,-235.1"/>
 </g>
 <!-- GridService -->
 <g id="node9" class="node">
 <title>GridService</title>
-<ellipse fill="#fdb462" stroke="black" cx="82" cy="-263.11" rx="57.88" ry="18"/>
-<text text-anchor="middle" x="82" y="-258.91" font-family="Times,serif" font-size="14.00">GridService</text>
+<ellipse fill="#fdb462" stroke="black" cx="796" cy="-263.11" rx="57.88" ry="18"/>
+<text text-anchor="middle" x="796" y="-258.91" font-family="Times,serif" font-size="14.00">GridService</text>
 </g>
 <!-- GridService&#45;&gt;GridModule -->
 <g id="edge8" class="edge">
 <title>GridService&#45;&gt;GridModule</title>
-<path fill="none" stroke="black" d="M123.34,-275.91C123.34,-293.26 123.34,-322.11 123.34,-322.11 123.34,-322.11 219,-322.11 219,-322.11"/>
-<polygon fill="black" stroke="black" points="219,-325.61 229,-322.11 219,-318.61 219,-325.61"/>
+<path fill="none" stroke="black" d="M758.83,-277.09C758.83,-294.54 758.83,-322.11 758.83,-322.11 758.83,-322.11 648.78,-322.11 648.78,-322.11"/>
+<polygon fill="black" stroke="black" points="648.78,-318.61 638.78,-322.11 648.78,-325.61 648.78,-318.61"/>
 </g>
 </g>
 </svg>