carbon-components-angular 5.50.0 → 5.52.0

package/docs/documentation/modules/GridModule.html

@@ -97,119 +97,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"/>
-</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"/>
+<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="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="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>
 <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"/>
+<polygon fill="none" stroke="black" points="307,-367.11 307,-419.11 671,-419.11 671,-367.11 307,-367.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"/>
+<polygon fill="none" stroke="black" points="229,-237.11 229,-289.11 361,-289.11 361,-237.11 229,-237.11"/>
 </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="522.71,-346.11 519.71,-350.11 498.71,-350.11 495.71,-346.11 437.29,-346.11 437.29,-310.11 522.71,-310.11 522.71,-346.11"/>
+<text text-anchor="middle" x="480" 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="M631.88,-281.13C631.88,-298.48 631.88,-322.11 631.88,-322.11 631.88,-322.11 532.71,-322.11 532.71,-322.11"/>
+<polygon fill="black" stroke="black" points="532.71,-318.61 522.71,-322.11 532.71,-325.61 532.71,-318.61"/>
 </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="M505.87,-281.21C505.87,-281.21 505.87,-300.1 505.87,-300.1"/>
+<polygon fill="black" stroke="black" points="502.37,-300.1 505.87,-310.1 509.37,-300.1 502.37,-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="M454.33,-281.21C454.33,-281.21 454.33,-300.1 454.33,-300.1"/>
+<polygon fill="black" stroke="black" points="450.83,-300.1 454.33,-310.1 457.83,-300.1 450.83,-300.1"/>
 </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="663.2,-411.11 546.8,-411.11 546.8,-375.11 663.2,-375.11 663.2,-411.11"/>
+<text text-anchor="middle" x="605" 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="M522.88,-334.11C543.9,-334.11 564.76,-334.11 564.76,-334.11 564.76,-334.11 564.76,-365.09 564.76,-365.09"/>
+<polygon fill="black" stroke="black" points="561.26,-365.09 564.76,-375.09 568.26,-365.09 561.26,-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="528.74,-411.11 431.26,-411.11 431.26,-375.11 528.74,-375.11 528.74,-411.11"/>
+<text text-anchor="middle" x="480" 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="M480,-346.21C480,-346.21 480,-365.1 480,-365.1"/>
+<polygon fill="black" stroke="black" points="476.5,-365.1 480,-375.1 483.5,-365.1 476.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="413.03,-411.11 314.97,-411.11 314.97,-375.11 413.03,-375.11 413.03,-411.11"/>
+<text text-anchor="middle" x="364" 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="M436.94,-334.11C415.83,-334.11 394.88,-334.11 394.88,-334.11 394.88,-334.11 394.88,-365.09 394.88,-365.09"/>
+<polygon fill="black" stroke="black" points="391.38,-365.09 394.88,-375.09 398.38,-365.09 391.38,-365.09"/>
 </g>
 <!-- {
  &#160;&#160;&#160;provide: GridService, deps: [[new Optional(), new SkipSelf(), GridService]], useFactory: (parentService: GridService) =&gt; {
@@ -222,12 +222,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; {
@@ -240,20 +240,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="295" cy="-263.11" rx="57.88" ry="18"/>
+<text text-anchor="middle" x="295" 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="M333.84,-276.5C333.84,-293.9 333.84,-322.11 333.84,-322.11 333.84,-322.11 427.33,-322.11 427.33,-322.11"/>
+<polygon fill="black" stroke="black" points="427.33,-325.61 437.33,-322.11 427.33,-318.61 427.33,-325.61"/>
 </g>
 </g>
 </svg>

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

@@ -22,45 +22,69 @@
 <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_LinkModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="197,-70 197,-268 299,-268 299,-70 197,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="135,-70 135,-268 361,-268 361,-70 135,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_LinkModule_declarations</title>
-<polygon fill="none" stroke="black" points="213,-78 213,-130 283,-130 283,-78 213,-78"/>
+<polygon fill="none" stroke="black" points="144,-78 144,-130 352,-130 352,-78 144,-78"/>
 </g>
-<g id="clust5" class="cluster">
+<g id="clust6" class="cluster">
 <title>cluster_LinkModule_exports</title>
-<polygon fill="none" stroke="black" points="213,-208 213,-260 283,-260 283,-208 213,-208"/>
+<polygon fill="none" stroke="black" points="143,-208 143,-260 353,-260 353,-208 143,-208"/>
 </g>
 <!-- Link -->
 <g id="node1" class="node">
 <title>Link</title>
-<polygon fill="#ffffb3" stroke="black" points="275,-122 221,-122 221,-86 275,-86 275,-122"/>
-<text text-anchor="middle" x="248" y="-99.8" font-family="Times,serif" font-size="14.00">Link</text>
+<polygon fill="#ffffb3" stroke="black" points="344,-122 290,-122 290,-86 344,-86 344,-122"/>
+<text text-anchor="middle" x="317" y="-99.8" font-family="Times,serif" font-size="14.00">Link</text>
 </g>
 <!-- LinkModule -->
-<g id="node2" class="node">
+<g id="node3" class="node">
 <title>LinkModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="290.99,-187 287.99,-191 266.99,-191 263.99,-187 205.01,-187 205.01,-151 290.99,-151 290.99,-187"/>
-<text text-anchor="middle" x="248" y="-164.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="254.99,-187 251.99,-191 230.99,-191 227.99,-187 169.01,-187 169.01,-151 254.99,-151 254.99,-187"/>
+<text text-anchor="middle" x="212" y="-164.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
 </g>
 <!-- Link&#45;&gt;LinkModule -->
 <g id="edge1" class="edge">
 <title>Link&#45;&gt;LinkModule</title>
-<path fill="none" stroke="black" d="M248,-122.11C248,-122.11 248,-140.99 248,-140.99"/>
-<polygon fill="black" stroke="black" points="244.5,-140.99 248,-150.99 251.5,-140.99 244.5,-140.99"/>
+<path fill="none" stroke="black" d="M326.33,-122.02C326.33,-139.37 326.33,-163 326.33,-163 326.33,-163 265.22,-163 265.22,-163"/>
+<polygon fill="black" stroke="black" points="265.22,-159.5 255.22,-163 265.22,-166.5 265.22,-159.5"/>
+</g>
+<!-- LinkIconDirective -->
+<g id="node2" class="node">
+<title>LinkIconDirective</title>
+<polygon fill="#ffffb3" stroke="black" points="271.9,-122 152.1,-122 152.1,-86 271.9,-86 271.9,-122"/>
+<text text-anchor="middle" x="212" y="-99.8" font-family="Times,serif" font-size="14.00">LinkIconDirective</text>
+</g>
+<!-- LinkIconDirective&#45;&gt;LinkModule -->
+<g id="edge2" class="edge">
+<title>LinkIconDirective&#45;&gt;LinkModule</title>
+<path fill="none" stroke="black" d="M212,-122.11C212,-122.11 212,-140.99 212,-140.99"/>
+<polygon fill="black" stroke="black" points="208.5,-140.99 212,-150.99 215.5,-140.99 208.5,-140.99"/>
 </g>
 <!-- Link  -->
-<g id="node3" class="node">
+<g id="node4" class="node">
 <title>Link </title>
-<polygon fill="#fb8072" stroke="black" points="275,-252 221,-252 221,-216 275,-216 275,-252"/>
-<text text-anchor="middle" x="248" y="-229.8" font-family="Times,serif" font-size="14.00">Link </text>
+<polygon fill="#fb8072" stroke="black" points="345,-252 291,-252 291,-216 345,-216 345,-252"/>
+<text text-anchor="middle" x="318" y="-229.8" font-family="Times,serif" font-size="14.00">Link </text>
 </g>
 <!-- LinkModule&#45;&gt;Link  -->
-<g id="edge2" class="edge">
+<g id="edge3" class="edge">
 <title>LinkModule&#45;&gt;Link </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M248,-187.11C248,-187.11 248,-205.99 248,-205.99"/>
-<polygon fill="black" stroke="black" points="244.5,-205.99 248,-215.99 251.5,-205.99 244.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M255.24,-175C280.98,-175 308.67,-175 308.67,-175 308.67,-175 308.67,-205.98 308.67,-205.98"/>
+<polygon fill="black" stroke="black" points="305.17,-205.98 308.67,-215.98 312.17,-205.98 305.17,-205.98"/>
+</g>
+<!-- LinkIconDirective  -->
+<g id="node5" class="node">
+<title>LinkIconDirective </title>
+<polygon fill="#fb8072" stroke="black" points="273.4,-252 150.6,-252 150.6,-216 273.4,-216 273.4,-252"/>
+<text text-anchor="middle" x="212" y="-229.8" font-family="Times,serif" font-size="14.00">LinkIconDirective </text>
+</g>
+<!-- LinkModule&#45;&gt;LinkIconDirective  -->
+<g id="edge4" class="edge">
+<title>LinkModule&#45;&gt;LinkIconDirective </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M212,-187.11C212,-187.11 212,-205.99 212,-205.99"/>
+<polygon fill="black" stroke="black" points="208.5,-205.99 212,-215.99 215.5,-205.99 208.5,-205.99"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/LinkModule.html

@@ -115,45 +115,69 @@
 <text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_LinkModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="197,-70 197,-268 299,-268 299,-70 197,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="135,-70 135,-268 361,-268 361,-70 135,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_LinkModule_declarations</title>
-<polygon fill="none" stroke="black" points="213,-78 213,-130 283,-130 283,-78 213,-78"/>
+<polygon fill="none" stroke="black" points="144,-78 144,-130 352,-130 352,-78 144,-78"/>
 </g>
-<g id="clust5" class="cluster">
+<g id="clust6" class="cluster">
 <title>cluster_LinkModule_exports</title>
-<polygon fill="none" stroke="black" points="213,-208 213,-260 283,-260 283,-208 213,-208"/>
+<polygon fill="none" stroke="black" points="143,-208 143,-260 353,-260 353,-208 143,-208"/>
 </g>
 <!-- Link -->
 <g id="node1" class="node">
 <title>Link</title>
-<polygon fill="#ffffb3" stroke="black" points="275,-122 221,-122 221,-86 275,-86 275,-122"/>
-<text text-anchor="middle" x="248" y="-99.8" font-family="Times,serif" font-size="14.00">Link</text>
+<polygon fill="#ffffb3" stroke="black" points="344,-122 290,-122 290,-86 344,-86 344,-122"/>
+<text text-anchor="middle" x="317" y="-99.8" font-family="Times,serif" font-size="14.00">Link</text>
 </g>
 <!-- LinkModule -->
-<g id="node2" class="node">
+<g id="node3" class="node">
 <title>LinkModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="290.99,-187 287.99,-191 266.99,-191 263.99,-187 205.01,-187 205.01,-151 290.99,-151 290.99,-187"/>
-<text text-anchor="middle" x="248" y="-164.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="254.99,-187 251.99,-191 230.99,-191 227.99,-187 169.01,-187 169.01,-151 254.99,-151 254.99,-187"/>
+<text text-anchor="middle" x="212" y="-164.8" font-family="Times,serif" font-size="14.00">LinkModule</text>
 </g>
 <!-- Link&#45;&gt;LinkModule -->
 <g id="edge1" class="edge">
 <title>Link&#45;&gt;LinkModule</title>
-<path fill="none" stroke="black" d="M248,-122.11C248,-122.11 248,-140.99 248,-140.99"/>
-<polygon fill="black" stroke="black" points="244.5,-140.99 248,-150.99 251.5,-140.99 244.5,-140.99"/>
+<path fill="none" stroke="black" d="M326.33,-122.02C326.33,-139.37 326.33,-163 326.33,-163 326.33,-163 265.22,-163 265.22,-163"/>
+<polygon fill="black" stroke="black" points="265.22,-159.5 255.22,-163 265.22,-166.5 265.22,-159.5"/>
+</g>
+<!-- LinkIconDirective -->
+<g id="node2" class="node">
+<title>LinkIconDirective</title>
+<polygon fill="#ffffb3" stroke="black" points="271.9,-122 152.1,-122 152.1,-86 271.9,-86 271.9,-122"/>
+<text text-anchor="middle" x="212" y="-99.8" font-family="Times,serif" font-size="14.00">LinkIconDirective</text>
+</g>
+<!-- LinkIconDirective&#45;&gt;LinkModule -->
+<g id="edge2" class="edge">
+<title>LinkIconDirective&#45;&gt;LinkModule</title>
+<path fill="none" stroke="black" d="M212,-122.11C212,-122.11 212,-140.99 212,-140.99"/>
+<polygon fill="black" stroke="black" points="208.5,-140.99 212,-150.99 215.5,-140.99 208.5,-140.99"/>
 </g>
 <!-- Link  -->
-<g id="node3" class="node">
+<g id="node4" class="node">
 <title>Link </title>
-<polygon fill="#fb8072" stroke="black" points="275,-252 221,-252 221,-216 275,-216 275,-252"/>
-<text text-anchor="middle" x="248" y="-229.8" font-family="Times,serif" font-size="14.00">Link </text>
+<polygon fill="#fb8072" stroke="black" points="345,-252 291,-252 291,-216 345,-216 345,-252"/>
+<text text-anchor="middle" x="318" y="-229.8" font-family="Times,serif" font-size="14.00">Link </text>
 </g>
 <!-- LinkModule&#45;&gt;Link  -->
-<g id="edge2" class="edge">
+<g id="edge3" class="edge">
 <title>LinkModule&#45;&gt;Link </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M248,-187.11C248,-187.11 248,-205.99 248,-205.99"/>
-<polygon fill="black" stroke="black" points="244.5,-205.99 248,-215.99 251.5,-205.99 244.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M255.24,-175C280.98,-175 308.67,-175 308.67,-175 308.67,-175 308.67,-205.98 308.67,-205.98"/>
+<polygon fill="black" stroke="black" points="305.17,-205.98 308.67,-215.98 312.17,-205.98 305.17,-205.98"/>
+</g>
+<!-- LinkIconDirective  -->
+<g id="node5" class="node">
+<title>LinkIconDirective </title>
+<polygon fill="#fb8072" stroke="black" points="273.4,-252 150.6,-252 150.6,-216 273.4,-216 273.4,-252"/>
+<text text-anchor="middle" x="212" y="-229.8" font-family="Times,serif" font-size="14.00">LinkIconDirective </text>
+</g>
+<!-- LinkModule&#45;&gt;LinkIconDirective  -->
+<g id="edge4" class="edge">
+<title>LinkModule&#45;&gt;LinkIconDirective </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M212,-187.11C212,-187.11 212,-205.99 212,-205.99"/>
+<polygon fill="black" stroke="black" points="208.5,-205.99 212,-215.99 215.5,-205.99 208.5,-205.99"/>
 </g>
 </g>
 </svg>
@@ -207,6 +231,9 @@
                         <li class="list-group-item">
                             <a href="../directives/Link.html">Link</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/LinkIconDirective.html">LinkIconDirective</a>
+                        </li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
@@ -217,6 +244,9 @@
                         <li class="list-group-item">
                             <a href="../directives/Link.html">Link</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/LinkIconDirective.html">LinkIconDirective</a>
+                        </li>
                     </ul>
                 </div>
             </div>
@@ -231,13 +261,16 @@
 import { CommonModule } from &quot;@angular/common&quot;;
 
 import { Link } from &quot;./link.directive&quot;;
+import { LinkIconDirective } from &quot;./link-icon.directive&quot;;
 
 @NgModule({
 	declarations: [
-		Link
+		Link,
+		LinkIconDirective
 	],
 	exports: [
-		Link
+		Link,
+		LinkIconDirective
 	],
 	imports: [
 		CommonModule

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

@@ -24,14 +24,14 @@
 <title>cluster_NFormsModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 625,-268 625,-70 8,-70"/>
 </g>
-<g id="clust3" class="cluster">
-<title>cluster_NFormsModule_imports</title>
-<polygon fill="none" stroke="black" points="25,-78 25,-130 609,-130 609,-78 25,-78"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_NFormsModule_exports</title>
 <polygon fill="none" stroke="black" points="16,-208 16,-260 617,-260 617,-208 16,-208"/>
 </g>
+<g id="clust3" class="cluster">
+<title>cluster_NFormsModule_imports</title>
+<polygon fill="none" stroke="black" points="25,-78 25,-130 609,-130 609,-78 25,-78"/>
+</g>
 <!-- ButtonModule -->
 <g id="node1" class="node">
 <title>ButtonModule</title>

package/docs/documentation/modules/NFormsModule.html

@@ -117,14 +117,14 @@
 <title>cluster_NFormsModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 625,-268 625,-70 8,-70"/>
 </g>
-<g id="clust3" class="cluster">
-<title>cluster_NFormsModule_imports</title>
-<polygon fill="none" stroke="black" points="25,-78 25,-130 609,-130 609,-78 25,-78"/>
-</g>
 <g id="clust4" class="cluster">
 <title>cluster_NFormsModule_exports</title>
 <polygon fill="none" stroke="black" points="16,-208 16,-260 617,-260 617,-208 16,-208"/>
 </g>
+<g id="clust3" class="cluster">
+<title>cluster_NFormsModule_imports</title>
+<polygon fill="none" stroke="black" points="25,-78 25,-130 609,-130 609,-78 25,-78"/>
+</g>
 <!-- ButtonModule -->
 <g id="node1" class="node">
 <title>ButtonModule</title>

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

@@ -24,71 +24,71 @@
 <title>cluster_NumberModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="95,-70 95,-268 401,-268 401,-70 95,-70"/>
 </g>
-<g id="clust4" class="cluster">
-<title>cluster_NumberModule_imports</title>
-<polygon fill="none" stroke="black" points="189,-78 189,-130 393,-130 393,-78 189,-78"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_NumberModule_exports</title>
-<polygon fill="none" stroke="black" points="198,-208 198,-260 280,-260 280,-208 198,-208"/>
+<polygon fill="none" stroke="black" points="215,-208 215,-260 297,-260 297,-208 215,-208"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_NumberModule_declarations</title>
-<polygon fill="none" stroke="black" points="103,-78 103,-130 181,-130 181,-78 103,-78"/>
+<polygon fill="none" stroke="black" points="315,-78 315,-130 393,-130 393,-78 315,-78"/>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster_NumberModule_imports</title>
+<polygon fill="none" stroke="black" points="103,-78 103,-130 307,-130 307,-78 103,-78"/>
 </g>
 <!-- Number -->
 <g id="node1" class="node">
 <title>Number</title>
-<polygon fill="#ffffb3" stroke="black" points="172.87,-122 111.13,-122 111.13,-86 172.87,-86 172.87,-122"/>
-<text text-anchor="middle" x="142" y="-99.8" font-family="Times,serif" font-size="14.00">Number</text>
+<polygon fill="#ffffb3" stroke="black" points="384.87,-122 323.13,-122 323.13,-86 384.87,-86 384.87,-122"/>
+<text text-anchor="middle" x="354" y="-99.8" font-family="Times,serif" font-size="14.00">Number</text>
 </g>
 <!-- NumberModule -->
 <g id="node2" class="node">
 <title>NumberModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="291.92,-187 288.92,-191 267.92,-191 264.92,-187 186.08,-187 186.08,-151 291.92,-151 291.92,-187"/>
-<text text-anchor="middle" x="239" y="-164.8" font-family="Times,serif" font-size="14.00">NumberModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="308.92,-187 305.92,-191 284.92,-191 281.92,-187 203.08,-187 203.08,-151 308.92,-151 308.92,-187"/>
+<text text-anchor="middle" x="256" y="-164.8" font-family="Times,serif" font-size="14.00">NumberModule</text>
 </g>
 <!-- Number&#45;&gt;NumberModule -->
 <g id="edge1" class="edge">
 <title>Number&#45;&gt;NumberModule</title>
-<path fill="none" stroke="black" d="M173.09,-104C183.04,-104 191.54,-104 191.54,-104 191.54,-104 191.54,-140.89 191.54,-140.89"/>
-<polygon fill="black" stroke="black" points="188.04,-140.89 191.54,-150.89 195.04,-140.89 188.04,-140.89"/>
+<path fill="none" stroke="black" d="M322.98,-104C312.62,-104 303.66,-104 303.66,-104 303.66,-104 303.66,-140.89 303.66,-140.89"/>
+<polygon fill="black" stroke="black" points="300.16,-140.89 303.66,-150.89 307.16,-140.89 300.16,-140.89"/>
 </g>
 <!-- Number  -->
 <g id="node5" class="node">
 <title>Number </title>
-<polygon fill="#fb8072" stroke="black" points="271.87,-252 206.13,-252 206.13,-216 271.87,-216 271.87,-252"/>
-<text text-anchor="middle" x="239" y="-229.8" font-family="Times,serif" font-size="14.00">Number </text>
+<polygon fill="#fb8072" stroke="black" points="288.87,-252 223.13,-252 223.13,-216 288.87,-216 288.87,-252"/>
+<text text-anchor="middle" x="256" y="-229.8" font-family="Times,serif" font-size="14.00">Number </text>
 </g>
 <!-- NumberModule&#45;&gt;Number  -->
 <g id="edge4" class="edge">
 <title>NumberModule&#45;&gt;Number </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M239,-187.11C239,-187.11 239,-205.99 239,-205.99"/>
-<polygon fill="black" stroke="black" points="235.5,-205.99 239,-215.99 242.5,-205.99 235.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M256,-187.11C256,-187.11 256,-205.99 256,-205.99"/>
+<polygon fill="black" stroke="black" points="252.5,-205.99 256,-215.99 259.5,-205.99 252.5,-205.99"/>
 </g>
 <!-- I18nModule -->
 <g id="node3" class="node">
 <title>I18nModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="384.71,-122 381.71,-126 360.71,-126 357.71,-122 299.29,-122 299.29,-86 384.71,-86 384.71,-122"/>
-<text text-anchor="middle" x="342" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="298.71,-122 295.71,-126 274.71,-126 271.71,-122 213.29,-122 213.29,-86 298.71,-86 298.71,-122"/>
+<text text-anchor="middle" x="256" y="-99.8" font-family="Times,serif" font-size="14.00">I18nModule</text>
 </g>
 <!-- I18nModule&#45;&gt;NumberModule -->
 <g id="edge2" class="edge">
 <title>I18nModule&#45;&gt;NumberModule</title>
-<path fill="none" stroke="black" d="M299.34,-104C291.89,-104 286.46,-104 286.46,-104 286.46,-104 286.46,-140.89 286.46,-140.89"/>
-<polygon fill="black" stroke="black" points="282.96,-140.89 286.46,-150.89 289.96,-140.89 282.96,-140.89"/>
+<path fill="none" stroke="black" d="M256,-122.11C256,-122.11 256,-140.99 256,-140.99"/>
+<polygon fill="black" stroke="black" points="252.5,-140.99 256,-150.99 259.5,-140.99 252.5,-140.99"/>
 </g>
 <!-- IconModule -->
 <g id="node4" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="281.43,-122 278.43,-126 257.43,-126 254.43,-122 196.57,-122 196.57,-86 281.43,-86 281.43,-122"/>
-<text text-anchor="middle" x="239" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="195.43,-122 192.43,-126 171.43,-126 168.43,-122 110.57,-122 110.57,-86 195.43,-86 195.43,-122"/>
+<text text-anchor="middle" x="153" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;NumberModule -->
 <g id="edge3" class="edge">
 <title>IconModule&#45;&gt;NumberModule</title>
-<path fill="none" stroke="black" d="M239,-122.11C239,-122.11 239,-140.99 239,-140.99"/>
-<polygon fill="black" stroke="black" points="235.5,-140.99 239,-150.99 242.5,-140.99 235.5,-140.99"/>
+<path fill="none" stroke="black" d="M195.23,-104C202.8,-104 208.34,-104 208.34,-104 208.34,-104 208.34,-140.89 208.34,-140.89"/>
+<polygon fill="black" stroke="black" points="204.84,-140.89 208.34,-150.89 211.84,-140.89 204.84,-140.89"/>
 </g>
 </g>
 </svg>