carbon-components-angular 5.57.8 → 5.58.1

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"/>
+<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="clust12" class="cluster">
 <title>cluster_TilesModule_exports</title>
-<polygon fill="none" stroke="black" points="367,-319.59 367,-371.59 1557,-371.59 1557,-319.59 367,-319.59"/>
+<polygon fill="none" stroke="black" points="83,-319.59 83,-371.59 1273,-371.59 1273,-319.59 83,-319.59"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_TilesModule_declarations</title>
+<polygon fill="none" stroke="black" points="332,-189.59 332,-241.59 1497,-241.59 1497,-189.59 332,-189.59"/>
 </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" 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="1097,-189.59 1097,-241.59 1405,-241.59 1405,-189.59 1097,-189.59"/>
-</g>
-<g id="clust2" class="cluster">
-<title>cluster_TilesModule_declarations</title>
-<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 1089,-241.59 1089,-189.59 16,-189.59"/>
+<polygon fill="none" stroke="black" points="16,-189.59 16,-241.59 324,-241.59 324,-189.59 16,-189.59"/>
 </g>
 <!-- ClickableTile -->
 <g id="node1" class="node">
 <title>ClickableTile</title>
-<polygon fill="#ffffb3" stroke="black" points="1081.2,-233.59 988.8,-233.59 988.8,-197.59 1081.2,-197.59 1081.2,-233.59"/>
-<text text-anchor="middle" x="1035" 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="929.54,-298.59 926.54,-302.59 905.54,-302.59 902.54,-298.59 842.46,-298.59 842.46,-262.59 929.54,-262.59 929.54,-298.59"/>
-<text text-anchor="middle" x="886" 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="M1035,-233.71C1035,-248.37 1035,-266.59 1035,-266.59 1035,-266.59 939.9,-266.59 939.9,-266.59"/>
-<polygon fill="black" stroke="black" points="939.9,-263.09 929.9,-266.59 939.9,-270.09 939.9,-263.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="970.66,-233.59 801.34,-233.59 801.34,-197.59 970.66,-197.59 970.66,-233.59"/>
-<text text-anchor="middle" x="886" 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="M886,-233.7C886,-233.7 886,-252.58 886,-252.58"/>
-<polygon fill="black" stroke="black" points="882.5,-252.58 886,-262.58 889.5,-252.58 882.5,-252.58"/>
+<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="783.14,-233.59 678.86,-233.59 678.86,-197.59 783.14,-197.59 783.14,-233.59"/>
-<text text-anchor="middle" x="731" 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="M731,-233.71C731,-248.37 731,-266.59 731,-266.59 731,-266.59 832.41,-266.59 832.41,-266.59"/>
-<polygon fill="black" stroke="black" points="832.41,-270.09 842.41,-266.59 832.41,-263.09 832.41,-270.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="660.71,-233.59 441.29,-233.59 441.29,-197.59 660.71,-197.59 660.71,-233.59"/>
-<text text-anchor="middle" x="551" 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="M645.93,-233.6C645.93,-249.64 645.93,-270.59 645.93,-270.59 645.93,-270.59 832.25,-270.59 832.25,-270.59"/>
-<polygon fill="black" stroke="black" points="832.25,-274.09 842.25,-270.59 832.25,-267.09 832.25,-274.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="423.44,-233.59 204.56,-233.59 204.56,-197.59 423.44,-197.59 423.44,-233.59"/>
-<text text-anchor="middle" x="314" 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="M399.28,-233.61C399.28,-250.96 399.28,-274.59 399.28,-274.59 399.28,-274.59 832.38,-274.59 832.38,-274.59"/>
-<polygon fill="black" stroke="black" points="832.38,-278.09 842.38,-274.59 832.38,-271.09 832.38,-278.09"/>
+<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="186.15,-233.59 95.85,-233.59 95.85,-197.59 186.15,-197.59 186.15,-233.59"/>
-<text text-anchor="middle" x="141" 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="M141,-233.81C141,-252.42 141,-278.59 141,-278.59 141,-278.59 832.45,-278.59 832.45,-278.59"/>
-<polygon fill="black" stroke="black" points="832.45,-282.09 842.45,-278.59 832.45,-275.09 832.45,-282.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="78,-233.59 24,-233.59 24,-197.59 78,-197.59 78,-233.59"/>
-<text text-anchor="middle" x="51" 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="M51,-233.9C51,-253.74 51,-282.59 51,-282.59 51,-282.59 832.28,-282.59 832.28,-282.59"/>
-<polygon fill="black" stroke="black" points="832.28,-286.09 842.28,-282.59 832.28,-279.09 832.28,-286.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 939.75,-282.59 939.75,-282.59"/>
-<polygon fill="black" stroke="black" points="939.75,-279.09 929.75,-282.59 939.75,-286.09 939.75,-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="1548.7,-363.59 1453.3,-363.59 1453.3,-327.59 1548.7,-327.59 1548.7,-363.59"/>
-<text text-anchor="middle" x="1501" 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="M929.74,-286.59C1070.24,-286.59 1501,-286.59 1501,-286.59 1501,-286.59 1501,-317.57 1501,-317.57"/>
-<polygon fill="black" stroke="black" points="1497.5,-317.57 1501,-327.57 1504.5,-317.57 1497.5,-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="1435.16,-363.59 1262.84,-363.59 1262.84,-327.59 1435.16,-327.59 1435.16,-363.59"/>
-<text text-anchor="middle" x="1349" 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="M929.82,-290.59C1032.1,-290.59 1277.94,-290.59 1277.94,-290.59 1277.94,-290.59 1277.94,-317.58 1277.94,-317.58"/>
-<polygon fill="black" stroke="black" points="1274.44,-317.58 1277.94,-327.58 1281.44,-317.58 1274.44,-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="1245.14,-363.59 1136.86,-363.59 1136.86,-327.59 1245.14,-327.59 1245.14,-363.59"/>
-<text text-anchor="middle" x="1191" 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="M929.74,-294.59C1008.02,-294.59 1163.96,-294.59 1163.96,-294.59 1163.96,-294.59 1163.96,-317.47 1163.96,-317.47"/>
-<polygon fill="black" stroke="black" points="1160.46,-317.47 1163.96,-327.47 1167.46,-317.47 1160.46,-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="1118.71,-363.59 895.29,-363.59 895.29,-327.59 1118.71,-327.59 1118.71,-363.59"/>
-<text text-anchor="middle" x="1007" 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="M912.58,-298.7C912.58,-298.7 912.58,-317.58 912.58,-317.58"/>
-<polygon fill="black" stroke="black" points="909.08,-317.58 912.58,-327.58 916.08,-317.58 909.08,-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="877.44,-363.59 654.56,-363.59 654.56,-327.59 877.44,-327.59 877.44,-363.59"/>
-<text text-anchor="middle" x="766" 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="M859.72,-298.7C859.72,-298.7 859.72,-317.58 859.72,-317.58"/>
-<polygon fill="black" stroke="black" points="856.22,-317.58 859.72,-327.58 863.22,-317.58 856.22,-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="637.15,-363.59 542.85,-363.59 542.85,-327.59 637.15,-327.59 637.15,-363.59"/>
-<text text-anchor="middle" x="590" 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="M842.32,-294.59C759.99,-294.59 590,-294.59 590,-294.59 590,-294.59 590,-317.47 590,-317.47"/>
-<polygon fill="black" stroke="black" points="586.5,-317.47 590,-327.47 593.5,-317.47 586.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="525,-363.59 471,-363.59 471,-327.59 525,-327.59 525,-363.59"/>
-<text text-anchor="middle" x="498" 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="M842.25,-290.59C740.77,-290.59 498,-290.59 498,-290.59 498,-290.59 498,-317.58 498,-317.58"/>
-<polygon fill="black" stroke="black" points="494.5,-317.58 498,-327.58 501.5,-317.58 494.5,-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="452.82,-363.59 375.18,-363.59 375.18,-327.59 452.82,-327.59 452.82,-363.59"/>
-<text text-anchor="middle" x="414" 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="M842.3,-286.59C731.27,-286.59 447.03,-286.59 447.03,-286.59 447.03,-286.59 447.03,-317.57 447.03,-317.57"/>
-<polygon fill="black" stroke="black" points="443.53,-317.57 447.03,-327.57 450.53,-317.57 443.53,-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,44 +257,44 @@
 <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">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1396.71,-233.59 1393.71,-237.59 1372.71,-237.59 1369.71,-233.59 1311.29,-233.59 1311.29,-197.59 1396.71,-197.59 1396.71,-233.59"/>
-<text text-anchor="middle" x="1354" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="315.71,-233.59 312.71,-237.59 291.71,-237.59 288.71,-233.59 230.29,-233.59 230.29,-197.59 315.71,-197.59 315.71,-233.59"/>
+<text text-anchor="middle" x="273" y="-211.39" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;TilesModule -->
 <g id="edge10" class="edge">
 <title>I18nModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1354,-233.81C1354,-252.42 1354,-278.59 1354,-278.59 1354,-278.59 939.61,-278.59 939.61,-278.59"/>
-<polygon fill="black" stroke="black" points="939.61,-275.09 929.61,-278.59 939.61,-282.09 939.61,-275.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">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1293.43,-233.59 1290.43,-237.59 1269.43,-237.59 1266.43,-233.59 1208.57,-233.59 1208.57,-197.59 1293.43,-197.59 1293.43,-233.59"/>
-<text text-anchor="middle" x="1251" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="212.43,-233.59 209.43,-237.59 188.43,-237.59 185.43,-233.59 127.57,-233.59 127.57,-197.59 212.43,-197.59 212.43,-233.59"/>
+<text text-anchor="middle" x="170" y="-211.39" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;TilesModule -->
 <g id="edge11" class="edge">
 <title>IconModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1226.93,-233.61C1226.93,-250.96 1226.93,-274.59 1226.93,-274.59 1226.93,-274.59 939.87,-274.59 939.87,-274.59"/>
-<polygon fill="black" stroke="black" points="939.87,-271.09 929.87,-274.59 939.87,-278.09 939.87,-271.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">
 <title>LinkModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="1190.99,-233.59 1187.99,-237.59 1166.99,-237.59 1163.99,-233.59 1105.01,-233.59 1105.01,-197.59 1190.99,-197.59 1190.99,-233.59"/>
-<text text-anchor="middle" x="1148" y="-211.39" font-family="Times,serif" font-size="14.00">LinkModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="109.99,-233.59 106.99,-237.59 85.99,-237.59 82.99,-233.59 24.01,-233.59 24.01,-197.59 109.99,-197.59 109.99,-233.59"/>
+<text text-anchor="middle" x="67" y="-211.39" font-family="Times,serif" font-size="14.00">LinkModule</text>
 </g>
 <!-- LinkModule&#45;&gt;TilesModule -->
 <g id="edge12" class="edge">
 <title>LinkModule&#45;&gt;TilesModule</title>
-<path fill="none" stroke="black" d="M1111.8,-233.6C1111.8,-249.64 1111.8,-270.59 1111.8,-270.59 1111.8,-270.59 939.81,-270.59 939.81,-270.59"/>
-<polygon fill="black" stroke="black" points="939.81,-267.09 929.81,-270.59 939.81,-274.09 939.81,-267.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>