carbon-components-angular 5.68.0 → 5.69.0

package/docs/documentation/modules/FileUploaderModule.html

@@ -133,39 +133,39 @@
 <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"/>
 </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"/>
 </g>
+<g id="clust2" class="cluster">
+<title>cluster_FileUploaderModule_declarations</title>
+<polygon fill="none" stroke="black" points="364,-189.59 364,-241.59 484,-241.59 484,-189.59 364,-189.59"/>
+</g>
 <g id="clust5" class="cluster">
 <title>cluster_FileUploaderModule_imports</title>
-<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="16,-189.59 16,-241.59 356,-241.59 356,-189.59 16,-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 id="clust6" class="cluster">
+<title>cluster_FileUploaderModule_exports</title>
+<polygon fill="none" stroke="black" points="185,-319.59 185,-371.59 419,-371.59 419,-319.59 185,-319.59"/>
 </g>
 <!-- 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="475.61,-233.59 372.39,-233.59 372.39,-197.59 475.61,-197.59 475.61,-233.59"/>
+<text text-anchor="middle" x="424" y="-211.39" font-family="Times,serif" font-size="14.00">FileComponent</text>
 </g>
 <!-- FileUploaderModule -->
 <g id="node3" class="node">
 <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="365.92,-298.59 362.92,-302.59 341.92,-302.59 338.92,-298.59 232.08,-298.59 232.08,-262.59 365.92,-262.59 365.92,-298.59"/>
+<text text-anchor="middle" x="299" 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="M372.36,-215.59C363.34,-215.59 356.77,-215.59 356.77,-215.59 356.77,-215.59 356.77,-252.48 356.77,-252.48"/>
+<polygon fill="black" stroke="black" points="353.27,-252.48 356.77,-262.48 360.27,-252.48 353.27,-252.48"/>
 </g>
 <!-- FileUploader -->
 <g id="node2" class="node">
@@ -176,32 +176,32 @@
 <!-- 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="M683,-233.7C683,-252.93 683,-280.59 683,-280.59 683,-280.59 375.89,-280.59 375.89,-280.59"/>
+<polygon fill="black" stroke="black" points="375.89,-277.09 365.89,-280.59 375.89,-284.09 375.89,-277.09"/>
 </g>
 <!-- FileComponent  -->
 <g id="node8" class="node">
 <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="411.11,-363.59 304.89,-363.59 304.89,-327.59 411.11,-327.59 411.11,-363.59"/>
+<text text-anchor="middle" x="358" 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="M335.2,-298.7C335.2,-298.7 335.2,-317.58 335.2,-317.58"/>
+<polygon fill="black" stroke="black" points="331.7,-317.58 335.2,-327.58 338.7,-317.58 331.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="286.87,-363.59 193.13,-363.59 193.13,-327.59 286.87,-327.59 286.87,-363.59"/>
+<text text-anchor="middle" x="240" 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="M259.49,-298.7C259.49,-298.7 259.49,-317.58 259.49,-317.58"/>
+<polygon fill="black" stroke="black" points="255.99,-317.58 259.49,-327.58 262.99,-317.58 255.99,-317.58"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: FileUploader, multi: true
@@ -228,38 +228,38 @@
 <!-- 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="347.67,-233.59 344.67,-237.59 323.67,-237.59 320.67,-233.59 250.33,-233.59 250.33,-197.59 347.67,-197.59 347.67,-233.59"/>
+<text text-anchor="middle" x="299" 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="M299,-233.7C299,-233.7 299,-252.58 299,-252.58"/>
+<polygon fill="black" stroke="black" points="295.5,-252.58 299,-262.58 302.5,-252.58 295.5,-252.58"/>
 </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="232.43,-233.59 229.43,-237.59 208.43,-237.59 205.43,-233.59 147.57,-233.59 147.57,-197.59 232.43,-197.59 232.43,-233.59"/>
+<text text-anchor="middle" x="190" 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="M232.31,-215.59C237.61,-215.59 241.23,-215.59 241.23,-215.59 241.23,-215.59 241.23,-252.48 241.23,-252.48"/>
+<polygon fill="black" stroke="black" points="237.73,-252.48 241.23,-262.48 244.73,-252.48 237.73,-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="130.21,-233.59 127.21,-237.59 106.21,-237.59 103.21,-233.59 23.79,-233.59 23.79,-197.59 130.21,-197.59 130.21,-233.59"/>
+<text text-anchor="middle" x="77" 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="M77,-233.7C77,-252.93 77,-280.59 77,-280.59 77,-280.59 222.09,-280.59 222.09,-280.59"/>
+<polygon fill="black" stroke="black" points="222.09,-284.09 232.09,-280.59 222.09,-277.09 222.09,-284.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="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">
+<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">
 <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 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>
+<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>
 <g id="clust1" class="cluster">
 <title>cluster_GridModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-427.11 1064,-427.11 1064,-70 8,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-427.11 1454,-427.11 1454,-70 8,-70"/>
 </g>
 <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"/>
+<polygon fill="none" stroke="black" points="1314,-237.11 1314,-289.11 1446,-289.11 1446,-237.11 1314,-237.11"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_GridModule_declarations</title>
-<polygon fill="none" stroke="black" points="369,-237.11 369,-289.11 722,-289.11 722,-237.11 369,-237.11"/>
+<g id="clust7" class="cluster">
+<title>cluster_GridModule_exports</title>
+<polygon fill="none" stroke="black" points="200,-367.11 200,-419.11 564,-419.11 564,-367.11 200,-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"/>
+<polygon fill="none" stroke="black" points="266,-78 266,-289.11 1306,-289.11 1306,-78 266,-78"/>
 </g>
-<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 id="clust2" class="cluster">
+<title>cluster_GridModule_declarations</title>
+<polygon fill="none" stroke="black" points="16,-237.11 16,-289.11 258,-289.11 258,-237.11 16,-237.11"/>
 </g>
 <!-- ColumnDirective -->
 <g id="node1" class="node">
 <title>ColumnDirective</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="249.7,-281.11 136.3,-281.11 136.3,-245.11 249.7,-245.11 249.7,-281.11"/>
+<text text-anchor="middle" x="193" 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="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>
+<polygon fill="#8dd3c7" stroke="black" points="415.71,-346.11 412.71,-350.11 391.71,-350.11 388.71,-346.11 330.29,-346.11 330.29,-310.11 415.71,-310.11 415.71,-346.11"/>
+<text text-anchor="middle" x="373" 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="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"/>
+<path fill="none" stroke="black" d="M228.79,-281.13C228.79,-297.51 228.79,-319.11 228.79,-319.11 228.79,-319.11 320.12,-319.11 320.12,-319.11"/>
+<polygon fill="black" stroke="black" points="320.12,-322.61 330.12,-319.11 320.12,-315.61 320.12,-322.61"/>
 </g>
 <!-- GridDirective -->
 <g id="node2" class="node">
 <title>GridDirective</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="599.74,-281.11 506.26,-281.11 506.26,-245.11 599.74,-245.11 599.74,-281.11"/>
+<text text-anchor="middle" x="553" 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="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"/>
+<path fill="none" stroke="black" d="M531.24,-281.13C531.24,-297.51 531.24,-319.11 531.24,-319.11 531.24,-319.11 425.82,-319.11 425.82,-319.11"/>
+<polygon fill="black" stroke="black" points="425.82,-315.61 415.82,-319.11 425.82,-322.61 425.82,-315.61"/>
 </g>
 <!-- RowDirective -->
 <g id="node3" class="node">
 <title>RowDirective</title>
-<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>
+<polygon fill="#ffffb3" stroke="black" points="118.03,-281.11 23.97,-281.11 23.97,-245.11 118.03,-245.11 118.03,-281.11"/>
+<text text-anchor="middle" x="71" 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="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"/>
+<path fill="none" stroke="black" d="M71,-281.21C71,-300.45 71,-328.11 71,-328.11 71,-328.11 320.37,-328.11 320.37,-328.11"/>
+<polygon fill="black" stroke="black" points="320.37,-331.61 330.37,-328.11 320.37,-324.61 320.37,-331.61"/>
 </g>
 <!-- ColumnDirective  -->
 <g id="node6" class="node">
 <title>ColumnDirective </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="556.2,-411.11 439.8,-411.11 439.8,-375.11 556.2,-375.11 556.2,-411.11"/>
+<text text-anchor="middle" x="498" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M415.65,-337.11C442.8,-337.11 472.89,-337.11 472.89,-337.11 472.89,-337.11 472.89,-365.08 472.89,-365.08"/>
+<polygon fill="black" stroke="black" points="469.39,-365.08 472.89,-375.08 476.39,-365.08 469.39,-365.08"/>
 </g>
 <!-- GridDirective  -->
 <g id="node7" class="node">
 <title>GridDirective </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="421.74,-411.11 324.26,-411.11 324.26,-375.11 421.74,-375.11 421.74,-411.11"/>
+<text text-anchor="middle" x="373" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M373,-346.21C373,-346.21 373,-365.1 373,-365.1"/>
+<polygon fill="black" stroke="black" points="369.5,-365.1 373,-375.1 376.5,-365.1 369.5,-365.1"/>
 </g>
 <!-- RowDirective  -->
 <g id="node8" class="node">
 <title>RowDirective </title>
-<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>
+<polygon fill="#fb8072" stroke="black" points="306.03,-411.11 207.97,-411.11 207.97,-375.11 306.03,-375.11 306.03,-411.11"/>
+<text text-anchor="middle" x="257" 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="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"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M330.01,-337.11C309.75,-337.11 289.95,-337.11 289.95,-337.11 289.95,-337.11 289.95,-365.08 289.95,-365.08"/>
+<polygon fill="black" stroke="black" points="286.45,-365.08 289.95,-375.08 293.45,-365.08 286.45,-365.08"/>
 </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="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>
+<ellipse fill="#fdb462" stroke="black" cx="786" cy="-151.05" rx="512.24" ry="65.11"/>
+<text text-anchor="middle" x="786" y="-180.45" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="786" 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="786" 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="786" y="-130.05" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;}</text>
+<text text-anchor="middle" x="786" 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="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"/>
+<path fill="none" stroke="black" d="M553,-209.05C553,-209.05 553,-234.89 553,-234.89"/>
+<polygon fill="black" stroke="black" points="549.5,-234.89 553,-244.89 556.5,-234.89 549.5,-234.89"/>
 </g>
 <!-- GridService -->
 <g id="node9" class="node">
 <title>GridService</title>
-<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>
+<ellipse fill="#fdb462" stroke="black" cx="1380" cy="-263.11" rx="57.88" ry="18"/>
+<text text-anchor="middle" x="1380" 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="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"/>
+<path fill="none" stroke="black" d="M1380,-281.21C1380,-300.45 1380,-328.11 1380,-328.11 1380,-328.11 425.63,-328.11 425.63,-328.11"/>
+<polygon fill="black" stroke="black" points="425.63,-324.61 415.63,-328.11 425.63,-331.61 425.63,-324.61"/>
 </g>
 </g>
 </svg>