carbon-components-angular 5.53.0 → 5.54.0

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

@@ -4,239 +4,239 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="2073pt" height="396pt"
- viewBox="0.00 0.00 2073.00 395.59" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="1521pt" height="396pt"
+ viewBox="0.00 0.00 1521.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 2069,-391.59 2069,4 -4,4"/>
-<text text-anchor="start" x="1011.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="798.5,-10 798.5,-30 818.5,-30 818.5,-10 798.5,-10"/>
-<text text-anchor="start" x="822.13" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="911.5,-10 911.5,-30 931.5,-30 931.5,-10 911.5,-10"/>
-<text text-anchor="start" x="935.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="997.5,-10 997.5,-30 1017.5,-30 1017.5,-10 997.5,-10"/>
-<text text-anchor="start" x="1021.28" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="1094.5,-10 1094.5,-30 1114.5,-30 1114.5,-10 1094.5,-10"/>
-<text text-anchor="start" x="1118.17" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="1190.5,-10 1190.5,-30 1210.5,-30 1210.5,-10 1190.5,-10"/>
-<text text-anchor="start" x="1214.23" 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 1517,-391.59 1517,4 -4,4"/>
+<text text-anchor="start" x="735.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="522.5,-10 522.5,-30 542.5,-30 542.5,-10 522.5,-10"/>
+<text text-anchor="start" x="546.13" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="635.5,-10 635.5,-30 655.5,-30 655.5,-10 635.5,-10"/>
+<text text-anchor="start" x="659.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="721.5,-10 721.5,-30 741.5,-30 741.5,-10 721.5,-10"/>
+<text text-anchor="start" x="745.28" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="818.5,-10 818.5,-30 838.5,-30 838.5,-10 818.5,-10"/>
+<text text-anchor="start" x="842.17" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="914.5,-10 914.5,-30 934.5,-30 934.5,-10 914.5,-10"/>
+<text text-anchor="start" x="938.23" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_TilesModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 2057,-379.59 2057,-70 8,-70"/>
-</g>
-<g id="clust10" class="cluster">
-<title>cluster_TilesModule_TileGroup_providers</title>
-<polygon fill="none" stroke="black" points="1413,-78 1413,-241.59 2049,-241.59 2049,-78 1413,-78"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-379.59 1505,-379.59 1505,-70 8,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_TilesModule_declarations</title>
-<polygon fill="none" stroke="black" points="332,-189.59 332,-241.59 1405,-241.59 1405,-189.59 332,-189.59"/>
+<polygon fill="none" stroke="black" points="332,-189.59 332,-241.59 1497,-241.59 1497,-189.59 332,-189.59"/>
 </g>
-<g id="clust12" class="cluster">
-<title>cluster_TilesModule_exports</title>
-<polygon fill="none" stroke="black" points="124,-319.59 124,-371.59 1314,-371.59 1314,-319.59 124,-319.59"/>
+<g id="clust10" class="cluster">
+<title>cluster_TilesModule_TileGroup_providers</title>
+<polygon fill="none" stroke="black" points="59,-78 59,-176.59 695,-176.59 695,-78 59,-78"/>
 </g>
 <g id="clust11" class="cluster">
 <title>cluster_TilesModule_imports</title>
 <polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 324,-241.59 324,-189.59 16,-189.59"/>
 </g>
+<g id="clust12" class="cluster">
+<title>cluster_TilesModule_exports</title>
+<polygon fill="none" stroke="black" points="83,-319.59 83,-371.59 1273,-371.59 1273,-319.59 83,-319.59"/>
+</g>
 <!-- ClickableTile -->
 <g id="node1" class="node">
 <title>ClickableTile</title>
-<polygon fill="#ffffb3" stroke="black" points="1397.2,-233.59 1304.8,-233.59 1304.8,-197.59 1397.2,-197.59 1397.2,-233.59"/>
-<text text-anchor="middle" x="1351" y="-211.39" font-family="Times,serif" font-size="14.00">ClickableTile</text>
+<polygon fill="#ffffb3" stroke="black" points="1489.2,-233.59 1396.8,-233.59 1396.8,-197.59 1489.2,-197.59 1489.2,-233.59"/>
+<text text-anchor="middle" x="1443" y="-211.39" font-family="Times,serif" font-size="14.00">ClickableTile</text>
 </g>
 <!-- TilesModule -->
 <g id="node9" class="node">
 <title>TilesModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="673.54,-298.59 670.54,-302.59 649.54,-302.59 646.54,-298.59 586.46,-298.59 586.46,-262.59 673.54,-262.59 673.54,-298.59"/>
-<text text-anchor="middle" x="630" y="-276.39" font-family="Times,serif" font-size="14.00">TilesModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="592.54,-298.59 589.54,-302.59 568.54,-302.59 565.54,-298.59 505.46,-298.59 505.46,-262.59 592.54,-262.59 592.54,-298.59"/>
+<text text-anchor="middle" x="549" y="-276.39" font-family="Times,serif" font-size="14.00">TilesModule</text>
 </g>
 <!-- ClickableTile&#45;&gt;TilesModule -->
 <g id="edge1" class="edge">
 <title>ClickableTile&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1351.48,-233.81C1351.48,-252.42 1351.48,-278.59 1351.48,-278.59 1351.48,-278.59 683.78,-278.59 683.78,-278.59"/>
-<polygon fill="black" stroke="black" points="683.78,-275.09 673.78,-278.59 683.78,-282.09 683.78,-275.09"/>
+<path fill="none" stroke="black" d="M1443,-233.7C1443,-252.93 1443,-280.59 1443,-280.59 1443,-280.59 602.72,-280.59 602.72,-280.59"/>
+<polygon fill="black" stroke="black" points="602.72,-277.09 592.72,-280.59 602.72,-284.09 602.72,-277.09"/>
 </g>
 <!-- ClickableTileIconDirective -->
 <g id="node2" class="node">
 <title>ClickableTileIconDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="1286.66,-233.59 1117.34,-233.59 1117.34,-197.59 1286.66,-197.59 1286.66,-233.59"/>
-<text text-anchor="middle" x="1202" y="-211.39" font-family="Times,serif" font-size="14.00">ClickableTileIconDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="1378.66,-233.59 1209.34,-233.59 1209.34,-197.59 1378.66,-197.59 1378.66,-233.59"/>
+<text text-anchor="middle" x="1294" y="-211.39" font-family="Times,serif" font-size="14.00">ClickableTileIconDirective</text>
 </g>
 <!-- ClickableTileIconDirective&#45;&gt;TilesModule -->
 <g id="edge2" class="edge">
 <title>ClickableTileIconDirective&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1154.88,-233.61C1154.88,-250.96 1154.88,-274.59 1154.88,-274.59 1154.88,-274.59 683.85,-274.59 683.85,-274.59"/>
-<polygon fill="black" stroke="black" points="683.85,-271.09 673.85,-274.59 683.85,-278.09 683.85,-271.09"/>
+<path fill="none" stroke="black" d="M1237.14,-233.86C1237.14,-252.15 1237.14,-277.59 1237.14,-277.59 1237.14,-277.59 602.57,-277.59 602.57,-277.59"/>
+<polygon fill="black" stroke="black" points="602.57,-274.09 592.57,-277.59 602.57,-281.09 602.57,-274.09"/>
 </g>
 <!-- ExpandableTile -->
 <g id="node3" class="node">
 <title>ExpandableTile</title>
-<polygon fill="#ffffb3" stroke="black" points="1099.14,-233.59 994.86,-233.59 994.86,-197.59 1099.14,-197.59 1099.14,-233.59"/>
-<text text-anchor="middle" x="1047" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTile</text>
+<polygon fill="#ffffb3" stroke="black" points="1191.14,-233.59 1086.86,-233.59 1086.86,-197.59 1191.14,-197.59 1191.14,-233.59"/>
+<text text-anchor="middle" x="1139" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTile</text>
 </g>
 <!-- ExpandableTile&#45;&gt;TilesModule -->
 <g id="edge3" class="edge">
 <title>ExpandableTile&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M998.38,-233.6C998.38,-249.64 998.38,-270.59 998.38,-270.59 998.38,-270.59 683.7,-270.59 683.7,-270.59"/>
-<polygon fill="black" stroke="black" points="683.7,-267.09 673.7,-270.59 683.7,-274.09 683.7,-267.09"/>
+<path fill="none" stroke="black" d="M1119.01,-233.62C1119.01,-250.65 1119.01,-273.59 1119.01,-273.59 1119.01,-273.59 602.78,-273.59 602.78,-273.59"/>
+<polygon fill="black" stroke="black" points="602.78,-270.09 592.78,-273.59 602.78,-277.09 602.78,-270.09"/>
 </g>
 <!-- ExpandableTileAboveFoldDirective -->
 <g id="node4" class="node">
 <title>ExpandableTileAboveFoldDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="976.71,-233.59 757.29,-233.59 757.29,-197.59 976.71,-197.59 976.71,-233.59"/>
-<text text-anchor="middle" x="867" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTileAboveFoldDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="1068.71,-233.59 849.29,-233.59 849.29,-197.59 1068.71,-197.59 1068.71,-233.59"/>
+<text text-anchor="middle" x="959" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTileAboveFoldDirective</text>
 </g>
 <!-- ExpandableTileAboveFoldDirective&#45;&gt;TilesModule -->
 <g id="edge4" class="edge">
 <title>ExpandableTileAboveFoldDirective&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M816.38,-233.71C816.38,-248.37 816.38,-266.59 816.38,-266.59 816.38,-266.59 683.7,-266.59 683.7,-266.59"/>
-<polygon fill="black" stroke="black" points="683.7,-263.09 673.7,-266.59 683.7,-270.09 683.7,-263.09"/>
+<path fill="none" stroke="black" d="M888.98,-233.6C888.98,-249.64 888.98,-270.59 888.98,-270.59 888.98,-270.59 602.75,-270.59 602.75,-270.59"/>
+<polygon fill="black" stroke="black" points="602.75,-267.09 592.75,-270.59 602.75,-274.09 602.75,-267.09"/>
 </g>
 <!-- ExpandableTileBelowFoldDirective -->
 <g id="node5" class="node">
 <title>ExpandableTileBelowFoldDirective</title>
-<polygon fill="#ffffb3" stroke="black" points="739.44,-233.59 520.56,-233.59 520.56,-197.59 739.44,-197.59 739.44,-233.59"/>
-<text text-anchor="middle" x="630" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTileBelowFoldDirective</text>
+<polygon fill="#ffffb3" stroke="black" points="831.44,-233.59 612.56,-233.59 612.56,-197.59 831.44,-197.59 831.44,-233.59"/>
+<text text-anchor="middle" x="722" y="-211.39" font-family="Times,serif" font-size="14.00">ExpandableTileBelowFoldDirective</text>
 </g>
 <!-- ExpandableTileBelowFoldDirective&#45;&gt;TilesModule -->
 <g id="edge5" class="edge">
 <title>ExpandableTileBelowFoldDirective&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M630,-233.7C630,-233.7 630,-252.58 630,-252.58"/>
-<polygon fill="black" stroke="black" points="626.5,-252.58 630,-262.58 633.5,-252.58 626.5,-252.58"/>
+<path fill="none" stroke="black" d="M758.49,-233.71C758.49,-248.37 758.49,-266.59 758.49,-266.59 758.49,-266.59 602.66,-266.59 602.66,-266.59"/>
+<polygon fill="black" stroke="black" points="602.66,-263.09 592.66,-266.59 602.66,-270.09 602.66,-263.09"/>
 </g>
 <!-- SelectionTile -->
 <g id="node6" class="node">
 <title>SelectionTile</title>
-<polygon fill="#ffffb3" stroke="black" points="502.15,-233.59 411.85,-233.59 411.85,-197.59 502.15,-197.59 502.15,-233.59"/>
-<text text-anchor="middle" x="457" y="-211.39" font-family="Times,serif" font-size="14.00">SelectionTile</text>
+<polygon fill="#ffffb3" stroke="black" points="594.15,-233.59 503.85,-233.59 503.85,-197.59 594.15,-197.59 594.15,-233.59"/>
+<text text-anchor="middle" x="549" y="-211.39" font-family="Times,serif" font-size="14.00">SelectionTile</text>
 </g>
 <!-- SelectionTile&#45;&gt;TilesModule -->
 <g id="edge6" class="edge">
 <title>SelectionTile&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M457.05,-233.71C457.05,-248.37 457.05,-266.59 457.05,-266.59 457.05,-266.59 576.36,-266.59 576.36,-266.59"/>
-<polygon fill="black" stroke="black" points="576.36,-270.09 586.36,-266.59 576.36,-263.09 576.36,-270.09"/>
+<path fill="none" stroke="black" d="M549,-233.7C549,-233.7 549,-252.58 549,-252.58"/>
+<polygon fill="black" stroke="black" points="545.5,-252.58 549,-262.58 552.5,-252.58 545.5,-252.58"/>
 </g>
 <!-- Tile -->
 <g id="node7" class="node">
 <title>Tile</title>
-<polygon fill="#ffffb3" stroke="black" points="394,-233.59 340,-233.59 340,-197.59 394,-197.59 394,-233.59"/>
-<text text-anchor="middle" x="367" y="-211.39" font-family="Times,serif" font-size="14.00">Tile</text>
+<polygon fill="#ffffb3" stroke="black" points="486,-233.59 432,-233.59 432,-197.59 486,-197.59 486,-233.59"/>
+<text text-anchor="middle" x="459" y="-211.39" font-family="Times,serif" font-size="14.00">Tile</text>
 </g>
 <!-- Tile&#45;&gt;TilesModule -->
 <g id="edge7" class="edge">
 <title>Tile&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M376,-233.6C376,-249.64 376,-270.59 376,-270.59 376,-270.59 576.34,-270.59 576.34,-270.59"/>
-<polygon fill="black" stroke="black" points="576.34,-274.09 586.34,-270.59 576.34,-267.09 576.34,-274.09"/>
+<path fill="none" stroke="black" d="M459,-233.71C459,-248.37 459,-266.59 459,-266.59 459,-266.59 495.32,-266.59 495.32,-266.59"/>
+<polygon fill="black" stroke="black" points="495.32,-270.09 505.32,-266.59 495.32,-263.09 495.32,-270.09"/>
 </g>
 <!-- TileGroup -->
 <g id="node8" class="node">
 <title>TileGroup</title>
-<polygon fill="#ffffb3" stroke="black" points="1631.32,-233.59 1556.68,-233.59 1556.68,-197.59 1631.32,-197.59 1631.32,-233.59"/>
-<text text-anchor="middle" x="1594" y="-211.39" font-family="Times,serif" font-size="14.00">TileGroup</text>
+<polygon fill="#ffffb3" stroke="black" points="414.32,-233.59 339.68,-233.59 339.68,-197.59 414.32,-197.59 414.32,-233.59"/>
+<text text-anchor="middle" x="377" y="-211.39" font-family="Times,serif" font-size="14.00">TileGroup</text>
 </g>
 <!-- TileGroup&#45;&gt;TilesModule -->
 <g id="edge8" class="edge">
 <title>TileGroup&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1594,-233.9C1594,-253.74 1594,-282.59 1594,-282.59 1594,-282.59 683.61,-282.59 683.61,-282.59"/>
-<polygon fill="black" stroke="black" points="683.61,-279.09 673.61,-282.59 683.61,-286.09 683.61,-279.09"/>
+<path fill="none" stroke="black" d="M392.47,-233.6C392.47,-249.64 392.47,-270.59 392.47,-270.59 392.47,-270.59 495.4,-270.59 495.4,-270.59"/>
+<polygon fill="black" stroke="black" points="495.4,-274.09 505.4,-270.59 495.4,-267.09 495.4,-274.09"/>
 </g>
 <!-- ClickableTile  -->
 <g id="node14" class="node">
 <title>ClickableTile </title>
-<polygon fill="#fb8072" stroke="black" points="1305.7,-363.59 1210.3,-363.59 1210.3,-327.59 1305.7,-327.59 1305.7,-363.59"/>
-<text text-anchor="middle" x="1258" y="-341.39" font-family="Times,serif" font-size="14.00">ClickableTile </text>
+<polygon fill="#fb8072" stroke="black" points="1264.7,-363.59 1169.3,-363.59 1169.3,-327.59 1264.7,-327.59 1264.7,-363.59"/>
+<text text-anchor="middle" x="1217" y="-341.39" font-family="Times,serif" font-size="14.00">ClickableTile </text>
 </g>
 <!-- TilesModule&#45;&gt;ClickableTile  -->
 <g id="edge13" class="edge">
 <title>TilesModule&#45;&gt;ClickableTile </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M673.98,-286.59C815.25,-286.59 1248.36,-286.59 1248.36,-286.59 1248.36,-286.59 1248.36,-317.57 1248.36,-317.57"/>
-<polygon fill="black" stroke="black" points="1244.86,-317.57 1248.36,-327.57 1251.86,-317.57 1244.86,-317.57"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M592.64,-284.59C735.52,-284.59 1180.23,-284.59 1180.23,-284.59 1180.23,-284.59 1180.23,-317.29 1180.23,-317.29"/>
+<polygon fill="black" stroke="black" points="1176.73,-317.29 1180.23,-327.29 1183.73,-317.29 1176.73,-317.29"/>
 </g>
 <!-- ClickableTileIconDirective  -->
 <g id="node15" class="node">
 <title>ClickableTileIconDirective </title>
-<polygon fill="#fb8072" stroke="black" points="1192.16,-363.59 1019.84,-363.59 1019.84,-327.59 1192.16,-327.59 1192.16,-363.59"/>
-<text text-anchor="middle" x="1106" y="-341.39" font-family="Times,serif" font-size="14.00">ClickableTileIconDirective </text>
+<polygon fill="#fb8072" stroke="black" points="1151.16,-363.59 978.84,-363.59 978.84,-327.59 1151.16,-327.59 1151.16,-363.59"/>
+<text text-anchor="middle" x="1065" y="-341.39" font-family="Times,serif" font-size="14.00">ClickableTileIconDirective </text>
 </g>
 <!-- TilesModule&#45;&gt;ClickableTileIconDirective  -->
 <g id="edge14" class="edge">
 <title>TilesModule&#45;&gt;ClickableTileIconDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M673.55,-290.59C782.74,-290.59 1059.49,-290.59 1059.49,-290.59 1059.49,-290.59 1059.49,-317.58 1059.49,-317.58"/>
-<polygon fill="black" stroke="black" points="1055.99,-317.58 1059.49,-327.58 1062.99,-317.58 1055.99,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M592.81,-288.59C710.35,-288.59 1023.76,-288.59 1023.76,-288.59 1023.76,-288.59 1023.76,-317.55 1023.76,-317.55"/>
+<polygon fill="black" stroke="black" points="1020.26,-317.55 1023.76,-327.55 1027.26,-317.55 1020.26,-317.55"/>
 </g>
 <!-- ExpandableTile  -->
 <g id="node16" class="node">
 <title>ExpandableTile </title>
-<polygon fill="#fb8072" stroke="black" points="1002.14,-363.59 893.86,-363.59 893.86,-327.59 1002.14,-327.59 1002.14,-363.59"/>
-<text text-anchor="middle" x="948" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTile </text>
+<polygon fill="#fb8072" stroke="black" points="961.14,-363.59 852.86,-363.59 852.86,-327.59 961.14,-327.59 961.14,-363.59"/>
+<text text-anchor="middle" x="907" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTile </text>
 </g>
 <!-- TilesModule&#45;&gt;ExpandableTile  -->
 <g id="edge15" class="edge">
 <title>TilesModule&#45;&gt;ExpandableTile </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M673.76,-294.59C758.2,-294.59 935.39,-294.59 935.39,-294.59 935.39,-294.59 935.39,-317.47 935.39,-317.47"/>
-<polygon fill="black" stroke="black" points="931.89,-317.47 935.39,-327.47 938.89,-317.47 931.89,-317.47"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M592.87,-291.59C692.06,-291.59 925.02,-291.59 925.02,-291.59 925.02,-291.59 925.02,-317.31 925.02,-317.31"/>
+<polygon fill="black" stroke="black" points="921.52,-317.31 925.02,-327.31 928.52,-317.31 921.52,-317.31"/>
 </g>
 <!-- ExpandableTileAboveFoldDirective  -->
 <g id="node17" class="node">
 <title>ExpandableTileAboveFoldDirective </title>
-<polygon fill="#fb8072" stroke="black" points="875.71,-363.59 652.29,-363.59 652.29,-327.59 875.71,-327.59 875.71,-363.59"/>
-<text text-anchor="middle" x="764" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTileAboveFoldDirective </text>
+<polygon fill="#fb8072" stroke="black" points="834.71,-363.59 611.29,-363.59 611.29,-327.59 834.71,-327.59 834.71,-363.59"/>
+<text text-anchor="middle" x="723" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTileAboveFoldDirective </text>
 </g>
 <!-- TilesModule&#45;&gt;ExpandableTileAboveFoldDirective  -->
 <g id="edge16" class="edge">
 <title>TilesModule&#45;&gt;ExpandableTileAboveFoldDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M663.08,-298.7C663.08,-298.7 663.08,-317.58 663.08,-317.58"/>
-<polygon fill="black" stroke="black" points="659.58,-317.58 663.08,-327.58 666.58,-317.58 659.58,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M592.57,-295.59C632.52,-295.59 685.51,-295.59 685.51,-295.59 685.51,-295.59 685.51,-317.54 685.51,-317.54"/>
+<polygon fill="black" stroke="black" points="682.01,-317.54 685.51,-327.54 689.01,-317.54 682.01,-317.54"/>
 </g>
 <!-- ExpandableTileBelowFoldDirective  -->
 <g id="node18" class="node">
 <title>ExpandableTileBelowFoldDirective </title>
-<polygon fill="#fb8072" stroke="black" points="634.44,-363.59 411.56,-363.59 411.56,-327.59 634.44,-327.59 634.44,-363.59"/>
-<text text-anchor="middle" x="523" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTileBelowFoldDirective </text>
+<polygon fill="#fb8072" stroke="black" points="593.44,-363.59 370.56,-363.59 370.56,-327.59 593.44,-327.59 593.44,-363.59"/>
+<text text-anchor="middle" x="482" y="-341.39" font-family="Times,serif" font-size="14.00">ExpandableTileBelowFoldDirective </text>
 </g>
 <!-- TilesModule&#45;&gt;ExpandableTileBelowFoldDirective  -->
 <g id="edge17" class="edge">
 <title>TilesModule&#45;&gt;ExpandableTileBelowFoldDirective </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M610.22,-298.7C610.22,-298.7 610.22,-317.58 610.22,-317.58"/>
-<polygon fill="black" stroke="black" points="606.72,-317.58 610.22,-327.58 613.72,-317.58 606.72,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M549,-298.7C549,-298.7 549,-317.58 549,-317.58"/>
+<polygon fill="black" stroke="black" points="545.5,-317.58 549,-327.58 552.5,-317.58 545.5,-317.58"/>
 </g>
 <!-- SelectionTile  -->
 <g id="node19" class="node">
 <title>SelectionTile </title>
-<polygon fill="#fb8072" stroke="black" points="394.15,-363.59 299.85,-363.59 299.85,-327.59 394.15,-327.59 394.15,-363.59"/>
-<text text-anchor="middle" x="347" y="-341.39" font-family="Times,serif" font-size="14.00">SelectionTile </text>
+<polygon fill="#fb8072" stroke="black" points="353.15,-363.59 258.85,-363.59 258.85,-327.59 353.15,-327.59 353.15,-363.59"/>
+<text text-anchor="middle" x="306" y="-341.39" font-family="Times,serif" font-size="14.00">SelectionTile </text>
 </g>
 <!-- TilesModule&#45;&gt;SelectionTile  -->
 <g id="edge18" class="edge">
 <title>TilesModule&#45;&gt;SelectionTile </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M586.3,-294.59C509.41,-294.59 358,-294.59 358,-294.59 358,-294.59 358,-317.47 358,-317.47"/>
-<polygon fill="black" stroke="black" points="354.5,-317.47 358,-327.47 361.5,-317.47 354.5,-317.47"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M505.05,-294.59C445.48,-294.59 346.46,-294.59 346.46,-294.59 346.46,-294.59 346.46,-317.47 346.46,-317.47"/>
+<polygon fill="black" stroke="black" points="342.96,-317.47 346.46,-327.47 349.96,-317.47 342.96,-317.47"/>
 </g>
 <!-- Tile  -->
 <g id="node20" class="node">
 <title>Tile </title>
-<polygon fill="#fb8072" stroke="black" points="282,-363.59 228,-363.59 228,-327.59 282,-327.59 282,-363.59"/>
-<text text-anchor="middle" x="255" y="-341.39" font-family="Times,serif" font-size="14.00">Tile </text>
+<polygon fill="#fb8072" stroke="black" points="241,-363.59 187,-363.59 187,-327.59 241,-327.59 241,-363.59"/>
+<text text-anchor="middle" x="214" y="-341.39" font-family="Times,serif" font-size="14.00">Tile </text>
 </g>
 <!-- TilesModule&#45;&gt;Tile  -->
 <g id="edge19" class="edge">
 <title>TilesModule&#45;&gt;Tile </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M586.39,-290.59C487.78,-290.59 256.2,-290.59 256.2,-290.59 256.2,-290.59 256.2,-317.58 256.2,-317.58"/>
-<polygon fill="black" stroke="black" points="252.7,-317.58 256.2,-327.58 259.7,-317.58 252.7,-317.58"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M505.44,-290.59C419.35,-290.59 235.7,-290.59 235.7,-290.59 235.7,-290.59 235.7,-317.58 235.7,-317.58"/>
+<polygon fill="black" stroke="black" points="232.2,-317.58 235.7,-327.58 239.2,-317.58 232.2,-317.58"/>
 </g>
 <!-- TileGroup  -->
 <g id="node21" class="node">
 <title>TileGroup </title>
-<polygon fill="#fb8072" stroke="black" points="209.82,-363.59 132.18,-363.59 132.18,-327.59 209.82,-327.59 209.82,-363.59"/>
-<text text-anchor="middle" x="171" y="-341.39" font-family="Times,serif" font-size="14.00">TileGroup </text>
+<polygon fill="#fb8072" stroke="black" points="168.82,-363.59 91.18,-363.59 91.18,-327.59 168.82,-327.59 168.82,-363.59"/>
+<text text-anchor="middle" x="130" y="-341.39" font-family="Times,serif" font-size="14.00">TileGroup </text>
 </g>
 <!-- TilesModule&#45;&gt;TileGroup  -->
 <g id="edge20" class="edge">
 <title>TilesModule&#45;&gt;TileGroup </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M586.42,-286.59C474.19,-286.59 183.97,-286.59 183.97,-286.59 183.97,-286.59 183.97,-317.57 183.97,-317.57"/>
-<polygon fill="black" stroke="black" points="180.47,-317.57 183.97,-327.57 187.47,-317.57 180.47,-317.57"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M505.36,-286.59C401.52,-286.59 148.35,-286.59 148.35,-286.59 148.35,-286.59 148.35,-317.57 148.35,-317.57"/>
+<polygon fill="black" stroke="black" points="144.85,-317.57 148.35,-327.57 151.85,-317.57 144.85,-317.57"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true
@@ -245,10 +245,10 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true
 }</title>
-<ellipse fill="#fdb462" stroke="black" cx="1731" cy="-127.3" rx="309.77" ry="41.09"/>
-<text text-anchor="middle" x="1731" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
-<text text-anchor="middle" x="1731" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true</text>
-<text text-anchor="middle" x="1731" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
+<ellipse fill="#fdb462" stroke="black" cx="377" cy="-127.3" rx="309.77" ry="41.09"/>
+<text text-anchor="middle" x="377" y="-139.9" font-family="Times,serif" font-size="14.00">{</text>
+<text text-anchor="middle" x="377" y="-123.1" font-family="Times,serif" font-size="14.00"> &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true</text>
+<text text-anchor="middle" x="377" y="-106.3" font-family="Times,serif" font-size="14.00">}</text>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true
@@ -257,8 +257,8 @@
 <title>{
  &#160;&#160;&#160;provide: NG_VALUE_ACCESSOR, useExisting: TileGroup, multi: true
 }&#45;&gt;TileGroup</title>
-<path fill="none" stroke="black" d="M1594,-164.48C1594,-164.48 1594,-187.22 1594,-187.22"/>
-<polygon fill="black" stroke="black" points="1590.5,-187.22 1594,-197.22 1597.5,-187.22 1590.5,-187.22"/>
+<path fill="none" stroke="black" d="M377,-168.6C377,-168.6 377,-187.26 377,-187.26"/>
+<polygon fill="black" stroke="black" points="373.5,-187.26 377,-197.26 380.5,-187.26 373.5,-187.26"/>
 </g>
 <!-- I18nModule -->
 <g id="node11" class="node">
@@ -269,8 +269,8 @@
 <!-- I18nModule&#45;&gt;TilesModule -->
 <g id="edge10" class="edge">
 <title>I18nModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M307.77,-233.61C307.77,-250.96 307.77,-274.59 307.77,-274.59 307.77,-274.59 576.21,-274.59 576.21,-274.59"/>
-<polygon fill="black" stroke="black" points="576.21,-278.09 586.21,-274.59 576.21,-271.09 576.21,-278.09"/>
+<path fill="none" stroke="black" d="M287.27,-233.61C287.27,-250.96 287.27,-274.59 287.27,-274.59 287.27,-274.59 495.19,-274.59 495.19,-274.59"/>
+<polygon fill="black" stroke="black" points="495.19,-278.09 505.19,-274.59 495.19,-271.09 495.19,-278.09"/>
 </g>
 <!-- IconModule -->
 <g id="node12" class="node">
@@ -281,8 +281,8 @@
 <!-- IconModule&#45;&gt;TilesModule -->
 <g id="edge11" class="edge">
 <title>IconModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M158.03,-233.81C158.03,-252.42 158.03,-278.59 158.03,-278.59 158.03,-278.59 576.44,-278.59 576.44,-278.59"/>
-<polygon fill="black" stroke="black" points="576.44,-282.09 586.44,-278.59 576.44,-275.09 576.44,-282.09"/>
+<path fill="none" stroke="black" d="M199.61,-233.81C199.61,-252.42 199.61,-278.59 199.61,-278.59 199.61,-278.59 495.46,-278.59 495.46,-278.59"/>
+<polygon fill="black" stroke="black" points="495.46,-282.09 505.46,-278.59 495.46,-275.09 495.46,-282.09"/>
 </g>
 <!-- LinkModule -->
 <g id="node13" class="node">
@@ -293,8 +293,8 @@
 <!-- LinkModule&#45;&gt;TilesModule -->
 <g id="edge12" class="edge">
 <title>LinkModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M67,-233.9C67,-253.74 67,-282.59 67,-282.59 67,-282.59 576.29,-282.59 576.29,-282.59"/>
-<polygon fill="black" stroke="black" points="576.29,-286.09 586.29,-282.59 576.29,-279.09 576.29,-286.09"/>
+<path fill="none" stroke="black" d="M100.54,-233.9C100.54,-253.74 100.54,-282.59 100.54,-282.59 100.54,-282.59 495.18,-282.59 495.18,-282.59"/>
+<polygon fill="black" stroke="black" points="495.18,-286.09 505.18,-282.59 495.18,-279.09 495.18,-286.09"/>
 </g>
 </g>
 </svg>