carbon-components-angular 5.8.1 → 5.9.1

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

@@ -4,127 +4,175 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="504pt" height="284pt"
- viewBox="0.00 0.00 504.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="760pt" height="284pt"
+ viewBox="0.00 0.00 760.00 284.00" 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 280)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 500,-280 500,4 -4,4"/>
-<text text-anchor="start" x="227.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="14,-10 14,-30 34,-30 34,-10 14,-10"/>
-<text text-anchor="start" x="37.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="127,-10 127,-30 147,-30 147,-10 127,-10"/>
-<text text-anchor="start" x="150.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="213,-10 213,-30 233,-30 233,-10 213,-10"/>
-<text text-anchor="start" x="236.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
-<text text-anchor="start" x="333.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="406,-10 406,-30 426,-30 426,-10 406,-10"/>
-<text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 756,-280 756,4 -4,4"/>
+<text text-anchor="start" x="355.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="142,-10 142,-30 162,-30 162,-10 142,-10"/>
+<text text-anchor="start" x="165.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="255,-10 255,-30 275,-30 275,-10 255,-10"/>
+<text text-anchor="start" x="278.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="341,-10 341,-30 361,-30 361,-10 341,-10"/>
+<text text-anchor="start" x="364.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="438,-10 438,-30 458,-30 458,-10 438,-10"/>
+<text text-anchor="start" x="461.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="534,-10 534,-30 554,-30 554,-10 534,-10"/>
+<text text-anchor="start" x="557.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_InputModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="63,-70 63,-268 433,-268 433,-70 63,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 744,-268 744,-70 8,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_InputModule_declarations</title>
-<polygon fill="none" stroke="black" points="179,-78 179,-130 425,-130 425,-78 179,-78"/>
+<polygon fill="none" stroke="black" points="124,-78 124,-130 736,-130 736,-78 124,-78"/>
 </g>
-<g id="clust7" class="cluster">
+<g id="clust9" class="cluster">
 <title>cluster_InputModule_exports</title>
-<polygon fill="none" stroke="black" points="129,-208 129,-260 382,-260 382,-208 129,-208"/>
+<polygon fill="none" stroke="black" points="62,-208 62,-260 689,-260 689,-208 62,-208"/>
 </g>
-<g id="clust6" class="cluster">
+<g id="clust8" class="cluster">
 <title>cluster_InputModule_imports</title>
-<polygon fill="none" stroke="black" points="71,-78 71,-130 171,-130 171,-78 71,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 116,-130 116,-78 16,-78"/>
 </g>
 <!-- Label -->
 <g id="node1" class="node">
 <title>Label</title>
-<polygon fill="#ffffb3" stroke="black" points="417,-122 363,-122 363,-86 417,-86 417,-122"/>
-<text text-anchor="middle" x="390" y="-99.8" font-family="Times,serif" font-size="14.00">Label</text>
+<polygon fill="#ffffb3" stroke="black" points="728,-122 674,-122 674,-86 728,-86 728,-122"/>
+<text text-anchor="middle" x="701" y="-99.8" font-family="Times,serif" font-size="14.00">Label</text>
 </g>
 <!-- InputModule -->
-<g id="node4" class="node">
+<g id="node6" class="node">
 <title>InputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="310.6,-187 307.6,-191 286.6,-191 283.6,-187 221.4,-187 221.4,-151 310.6,-151 310.6,-187"/>
-<text text-anchor="middle" x="266" y="-164.8" font-family="Times,serif" font-size="14.00">InputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="525.6,-187 522.6,-191 501.6,-191 498.6,-187 436.4,-187 436.4,-151 525.6,-151 525.6,-187"/>
+<text text-anchor="middle" x="481" y="-164.8" font-family="Times,serif" font-size="14.00">InputModule</text>
 </g>
 <!-- Label&#45;&gt;InputModule -->
 <g id="edge1" class="edge">
 <title>Label&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M368.5,-122.11C368.5,-141.34 368.5,-169 368.5,-169 368.5,-169 320.66,-169 320.66,-169"/>
-<polygon fill="black" stroke="black" points="320.66,-165.5 310.66,-169 320.66,-172.5 320.66,-165.5"/>
+<path fill="none" stroke="black" d="M677.5,-122.11C677.5,-141.34 677.5,-169 677.5,-169 677.5,-169 535.59,-169 535.59,-169"/>
+<polygon fill="black" stroke="black" points="535.59,-165.5 525.59,-169 535.59,-172.5 535.59,-165.5"/>
 </g>
 <!-- TextArea -->
 <g id="node2" class="node">
 <title>TextArea</title>
-<polygon fill="#ffffb3" stroke="black" points="345.35,-122 276.65,-122 276.65,-86 345.35,-86 345.35,-122"/>
-<text text-anchor="middle" x="311" y="-99.8" font-family="Times,serif" font-size="14.00">TextArea</text>
+<polygon fill="#ffffb3" stroke="black" points="656.35,-122 587.65,-122 587.65,-86 656.35,-86 656.35,-122"/>
+<text text-anchor="middle" x="622" y="-99.8" font-family="Times,serif" font-size="14.00">TextArea</text>
 </g>
 <!-- TextArea&#45;&gt;InputModule -->
 <g id="edge2" class="edge">
 <title>TextArea&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M293.56,-122.11C293.56,-122.11 293.56,-140.99 293.56,-140.99"/>
-<polygon fill="black" stroke="black" points="290.06,-140.99 293.56,-150.99 297.06,-140.99 290.06,-140.99"/>
+<path fill="none" stroke="black" d="M598.38,-122.03C598.38,-138.4 598.38,-160 598.38,-160 598.38,-160 535.71,-160 535.71,-160"/>
+<polygon fill="black" stroke="black" points="535.71,-156.5 525.71,-160 535.71,-163.5 535.71,-156.5"/>
 </g>
 <!-- TextInput -->
 <g id="node3" class="node">
 <title>TextInput</title>
-<polygon fill="#ffffb3" stroke="black" points="258.71,-122 187.29,-122 187.29,-86 258.71,-86 258.71,-122"/>
-<text text-anchor="middle" x="223" y="-99.8" font-family="Times,serif" font-size="14.00">TextInput</text>
+<polygon fill="#ffffb3" stroke="black" points="569.71,-122 498.29,-122 498.29,-86 569.71,-86 569.71,-122"/>
+<text text-anchor="middle" x="534" y="-99.8" font-family="Times,serif" font-size="14.00">TextInput</text>
 </g>
 <!-- TextInput&#45;&gt;InputModule -->
 <g id="edge3" class="edge">
 <title>TextInput&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M240.03,-122.11C240.03,-122.11 240.03,-140.99 240.03,-140.99"/>
-<polygon fill="black" stroke="black" points="236.53,-140.99 240.03,-150.99 243.53,-140.99 236.53,-140.99"/>
+<path fill="none" stroke="black" d="M511.97,-122.11C511.97,-122.11 511.97,-140.99 511.97,-140.99"/>
+<polygon fill="black" stroke="black" points="508.47,-140.99 511.97,-150.99 515.47,-140.99 508.47,-140.99"/>
+</g>
+<!-- TextInputLabelComponent -->
+<g id="node4" class="node">
+<title>TextInputLabelComponent</title>
+<polygon fill="#ffffb3" stroke="black" points="480.41,-122 311.59,-122 311.59,-86 480.41,-86 480.41,-122"/>
+<text text-anchor="middle" x="396" y="-99.8" font-family="Times,serif" font-size="14.00">TextInputLabelComponent</text>
+</g>
+<!-- TextInputLabelComponent&#45;&gt;InputModule -->
+<g id="edge4" class="edge">
+<title>TextInputLabelComponent&#45;&gt;InputModule</title>
+<path fill="none" stroke="black" d="M458.33,-122.11C458.33,-122.11 458.33,-140.99 458.33,-140.99"/>
+<polygon fill="black" stroke="black" points="454.83,-140.99 458.33,-150.99 461.83,-140.99 454.83,-140.99"/>
+</g>
+<!-- TextareaLabelComponent -->
+<g id="node5" class="node">
+<title>TextareaLabelComponent</title>
+<polygon fill="#ffffb3" stroke="black" points="294.17,-122 131.83,-122 131.83,-86 294.17,-86 294.17,-122"/>
+<text text-anchor="middle" x="213" y="-99.8" font-family="Times,serif" font-size="14.00">TextareaLabelComponent</text>
+</g>
+<!-- TextareaLabelComponent&#45;&gt;InputModule -->
+<g id="edge5" class="edge">
+<title>TextareaLabelComponent&#45;&gt;InputModule</title>
+<path fill="none" stroke="black" d="M274.06,-122.03C274.06,-138.4 274.06,-160 274.06,-160 274.06,-160 426.35,-160 426.35,-160"/>
+<polygon fill="black" stroke="black" points="426.35,-163.5 436.35,-160 426.35,-156.5 426.35,-163.5"/>
 </g>
 <!-- Label  -->
-<g id="node6" class="node">
+<g id="node8" class="node">
 <title>Label </title>
-<polygon fill="#fb8072" stroke="black" points="374,-252 320,-252 320,-216 374,-216 374,-252"/>
-<text text-anchor="middle" x="347" y="-229.8" font-family="Times,serif" font-size="14.00">Label </text>
+<polygon fill="#fb8072" stroke="black" points="681,-252 627,-252 627,-216 681,-216 681,-252"/>
+<text text-anchor="middle" x="654" y="-229.8" font-family="Times,serif" font-size="14.00">Label </text>
 </g>
 <!-- InputModule&#45;&gt;Label  -->
-<g id="edge5" class="edge">
+<g id="edge7" class="edge">
 <title>InputModule&#45;&gt;Label </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M306.36,-187.11C306.36,-206.34 306.36,-234 306.36,-234 306.36,-234 309.67,-234 309.67,-234"/>
-<polygon fill="black" stroke="black" points="309.67,-237.5 319.67,-234 309.67,-230.5 309.67,-237.5"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M525.77,-178C573.32,-178 641.71,-178 641.71,-178 641.71,-178 641.71,-205.97 641.71,-205.97"/>
+<polygon fill="black" stroke="black" points="638.21,-205.97 641.71,-215.97 645.21,-205.97 638.21,-205.97"/>
 </g>
 <!-- TextArea  -->
-<g id="node7" class="node">
+<g id="node9" class="node">
 <title>TextArea </title>
-<polygon fill="#fb8072" stroke="black" points="302.36,-252 229.64,-252 229.64,-216 302.36,-216 302.36,-252"/>
-<text text-anchor="middle" x="266" y="-229.8" font-family="Times,serif" font-size="14.00">TextArea </text>
+<polygon fill="#fb8072" stroke="black" points="609.36,-252 536.64,-252 536.64,-216 609.36,-216 609.36,-252"/>
+<text text-anchor="middle" x="573" y="-229.8" font-family="Times,serif" font-size="14.00">TextArea </text>
 </g>
 <!-- InputModule&#45;&gt;TextArea  -->
-<g id="edge6" class="edge">
+<g id="edge8" class="edge">
 <title>InputModule&#45;&gt;TextArea </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M266,-187.11C266,-187.11 266,-205.99 266,-205.99"/>
-<polygon fill="black" stroke="black" points="262.5,-205.99 266,-215.99 269.5,-205.99 262.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M521.95,-187.11C521.95,-206.34 521.95,-234 521.95,-234 521.95,-234 526.72,-234 526.72,-234"/>
+<polygon fill="black" stroke="black" points="526.72,-237.5 536.72,-234 526.72,-230.5 526.72,-237.5"/>
 </g>
 <!-- TextInput  -->
-<g id="node8" class="node">
+<g id="node10" class="node">
 <title>TextInput </title>
-<polygon fill="#fb8072" stroke="black" points="211.21,-252 136.79,-252 136.79,-216 211.21,-216 211.21,-252"/>
-<text text-anchor="middle" x="174" y="-229.8" font-family="Times,serif" font-size="14.00">TextInput </text>
+<polygon fill="#fb8072" stroke="black" points="518.21,-252 443.79,-252 443.79,-216 518.21,-216 518.21,-252"/>
+<text text-anchor="middle" x="481" y="-229.8" font-family="Times,serif" font-size="14.00">TextInput </text>
 </g>
 <!-- InputModule&#45;&gt;TextInput  -->
-<g id="edge7" class="edge">
+<g id="edge9" class="edge">
 <title>InputModule&#45;&gt;TextInput </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M225.64,-187.11C225.64,-206.34 225.64,-234 225.64,-234 225.64,-234 221.25,-234 221.25,-234"/>
-<polygon fill="black" stroke="black" points="221.25,-230.5 211.25,-234 221.25,-237.5 221.25,-230.5"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M481,-187.11C481,-187.11 481,-205.99 481,-205.99"/>
+<polygon fill="black" stroke="black" points="477.5,-205.99 481,-215.99 484.5,-205.99 477.5,-205.99"/>
+</g>
+<!-- TextInputLabelComponent  -->
+<g id="node11" class="node">
+<title>TextInputLabelComponent </title>
+<polygon fill="#fb8072" stroke="black" points="425.91,-252 254.09,-252 254.09,-216 425.91,-216 425.91,-252"/>
+<text text-anchor="middle" x="340" y="-229.8" font-family="Times,serif" font-size="14.00">TextInputLabelComponent </text>
+</g>
+<!-- InputModule&#45;&gt;TextInputLabelComponent  -->
+<g id="edge10" class="edge">
+<title>InputModule&#45;&gt;TextInputLabelComponent </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M440.05,-187.11C440.05,-206.34 440.05,-234 440.05,-234 440.05,-234 436.14,-234 436.14,-234"/>
+<polygon fill="black" stroke="black" points="436.14,-230.5 426.14,-234 436.14,-237.5 436.14,-230.5"/>
+</g>
+<!-- TextareaLabelComponent  -->
+<g id="node12" class="node">
+<title>TextareaLabelComponent </title>
+<polygon fill="#fb8072" stroke="black" points="235.67,-252 70.33,-252 70.33,-216 235.67,-216 235.67,-252"/>
+<text text-anchor="middle" x="153" y="-229.8" font-family="Times,serif" font-size="14.00">TextareaLabelComponent </text>
+</g>
+<!-- InputModule&#45;&gt;TextareaLabelComponent  -->
+<g id="edge11" class="edge">
+<title>InputModule&#45;&gt;TextareaLabelComponent </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M436.2,-178C353.19,-178 183.88,-178 183.88,-178 183.88,-178 183.88,-205.97 183.88,-205.97"/>
+<polygon fill="black" stroke="black" points="180.38,-205.97 183.88,-215.97 187.38,-205.97 180.38,-205.97"/>
 </g>
 <!-- IconModule -->
-<g id="node5" class="node">
+<g id="node7" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="163.43,-122 160.43,-126 139.43,-126 136.43,-122 78.57,-122 78.57,-86 163.43,-86 163.43,-122"/>
-<text text-anchor="middle" x="121" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="108.43,-122 105.43,-126 84.43,-126 81.43,-122 23.57,-122 23.57,-86 108.43,-86 108.43,-122"/>
+<text text-anchor="middle" x="66" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;InputModule -->
-<g id="edge4" class="edge">
+<g id="edge6" class="edge">
 <title>IconModule&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M149.93,-122.11C149.93,-141.34 149.93,-169 149.93,-169 149.93,-169 211.12,-169 211.12,-169"/>
-<polygon fill="black" stroke="black" points="211.12,-172.5 221.12,-169 211.12,-165.5 211.12,-172.5"/>
+<path fill="none" stroke="black" d="M89.19,-122.11C89.19,-141.34 89.19,-169 89.19,-169 89.19,-169 426.44,-169 426.44,-169"/>
+<polygon fill="black" stroke="black" points="426.44,-172.5 436.44,-169 426.44,-165.5 426.44,-172.5"/>
 </g>
 </g>
 </svg>

package/docs/documentation/modules/InputModule.html

@@ -46,127 +46,175 @@
 <!-- Generated by graphviz version 2.47.0 (20210316.0004)
  -->
 <!-- Title: dependencies Pages: 1 -->
-<svg width="504pt" height="284pt"
- viewBox="0.00 0.00 504.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="760pt" height="284pt"
+ viewBox="0.00 0.00 760.00 284.00" 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 280)">
 <title>dependencies</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 500,-280 500,4 -4,4"/>
-<text text-anchor="start" x="227.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
-<polygon fill="#ffffb3" stroke="transparent" points="14,-10 14,-30 34,-30 34,-10 14,-10"/>
-<text text-anchor="start" x="37.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
-<polygon fill="#8dd3c7" stroke="transparent" points="127,-10 127,-30 147,-30 147,-10 127,-10"/>
-<text text-anchor="start" x="150.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
-<polygon fill="#80b1d3" stroke="transparent" points="213,-10 213,-30 233,-30 233,-10 213,-10"/>
-<text text-anchor="start" x="236.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
-<polygon fill="#fdb462" stroke="transparent" points="310,-10 310,-30 330,-30 330,-10 310,-10"/>
-<text text-anchor="start" x="333.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
-<polygon fill="#fb8072" stroke="transparent" points="406,-10 406,-30 426,-30 426,-10 406,-10"/>
-<text text-anchor="start" x="429.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 756,-280 756,4 -4,4"/>
+<text text-anchor="start" x="355.01" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
+<polygon fill="#ffffb3" stroke="transparent" points="142,-10 142,-30 162,-30 162,-10 142,-10"/>
+<text text-anchor="start" x="165.63" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Declarations</text>
+<polygon fill="#8dd3c7" stroke="transparent" points="255,-10 255,-30 275,-30 275,-10 255,-10"/>
+<text text-anchor="start" x="278.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Module</text>
+<polygon fill="#80b1d3" stroke="transparent" points="341,-10 341,-30 361,-30 361,-10 341,-10"/>
+<text text-anchor="start" x="364.78" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Bootstrap</text>
+<polygon fill="#fdb462" stroke="transparent" points="438,-10 438,-30 458,-30 458,-10 438,-10"/>
+<text text-anchor="start" x="461.67" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Providers</text>
+<polygon fill="#fb8072" stroke="transparent" points="534,-10 534,-30 554,-30 554,-10 534,-10"/>
+<text text-anchor="start" x="557.73" y="-15.4" font-family="Times-12" font-size="14.00"> &#160;Exports</text>
 <g id="clust1" class="cluster">
 <title>cluster_InputModule</title>
-<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="63,-70 63,-268 433,-268 433,-70 63,-70"/>
+<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 744,-268 744,-70 8,-70"/>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_InputModule_declarations</title>
-<polygon fill="none" stroke="black" points="179,-78 179,-130 425,-130 425,-78 179,-78"/>
+<polygon fill="none" stroke="black" points="124,-78 124,-130 736,-130 736,-78 124,-78"/>
 </g>
-<g id="clust7" class="cluster">
+<g id="clust9" class="cluster">
 <title>cluster_InputModule_exports</title>
-<polygon fill="none" stroke="black" points="129,-208 129,-260 382,-260 382,-208 129,-208"/>
+<polygon fill="none" stroke="black" points="62,-208 62,-260 689,-260 689,-208 62,-208"/>
 </g>
-<g id="clust6" class="cluster">
+<g id="clust8" class="cluster">
 <title>cluster_InputModule_imports</title>
-<polygon fill="none" stroke="black" points="71,-78 71,-130 171,-130 171,-78 71,-78"/>
+<polygon fill="none" stroke="black" points="16,-78 16,-130 116,-130 116,-78 16,-78"/>
 </g>
 <!-- Label -->
 <g id="node1" class="node">
 <title>Label</title>
-<polygon fill="#ffffb3" stroke="black" points="417,-122 363,-122 363,-86 417,-86 417,-122"/>
-<text text-anchor="middle" x="390" y="-99.8" font-family="Times,serif" font-size="14.00">Label</text>
+<polygon fill="#ffffb3" stroke="black" points="728,-122 674,-122 674,-86 728,-86 728,-122"/>
+<text text-anchor="middle" x="701" y="-99.8" font-family="Times,serif" font-size="14.00">Label</text>
 </g>
 <!-- InputModule -->
-<g id="node4" class="node">
+<g id="node6" class="node">
 <title>InputModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="310.6,-187 307.6,-191 286.6,-191 283.6,-187 221.4,-187 221.4,-151 310.6,-151 310.6,-187"/>
-<text text-anchor="middle" x="266" y="-164.8" font-family="Times,serif" font-size="14.00">InputModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="525.6,-187 522.6,-191 501.6,-191 498.6,-187 436.4,-187 436.4,-151 525.6,-151 525.6,-187"/>
+<text text-anchor="middle" x="481" y="-164.8" font-family="Times,serif" font-size="14.00">InputModule</text>
 </g>
 <!-- Label&#45;&gt;InputModule -->
 <g id="edge1" class="edge">
 <title>Label&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M368.5,-122.11C368.5,-141.34 368.5,-169 368.5,-169 368.5,-169 320.66,-169 320.66,-169"/>
-<polygon fill="black" stroke="black" points="320.66,-165.5 310.66,-169 320.66,-172.5 320.66,-165.5"/>
+<path fill="none" stroke="black" d="M677.5,-122.11C677.5,-141.34 677.5,-169 677.5,-169 677.5,-169 535.59,-169 535.59,-169"/>
+<polygon fill="black" stroke="black" points="535.59,-165.5 525.59,-169 535.59,-172.5 535.59,-165.5"/>
 </g>
 <!-- TextArea -->
 <g id="node2" class="node">
 <title>TextArea</title>
-<polygon fill="#ffffb3" stroke="black" points="345.35,-122 276.65,-122 276.65,-86 345.35,-86 345.35,-122"/>
-<text text-anchor="middle" x="311" y="-99.8" font-family="Times,serif" font-size="14.00">TextArea</text>
+<polygon fill="#ffffb3" stroke="black" points="656.35,-122 587.65,-122 587.65,-86 656.35,-86 656.35,-122"/>
+<text text-anchor="middle" x="622" y="-99.8" font-family="Times,serif" font-size="14.00">TextArea</text>
 </g>
 <!-- TextArea&#45;&gt;InputModule -->
 <g id="edge2" class="edge">
 <title>TextArea&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M293.56,-122.11C293.56,-122.11 293.56,-140.99 293.56,-140.99"/>
-<polygon fill="black" stroke="black" points="290.06,-140.99 293.56,-150.99 297.06,-140.99 290.06,-140.99"/>
+<path fill="none" stroke="black" d="M598.38,-122.03C598.38,-138.4 598.38,-160 598.38,-160 598.38,-160 535.71,-160 535.71,-160"/>
+<polygon fill="black" stroke="black" points="535.71,-156.5 525.71,-160 535.71,-163.5 535.71,-156.5"/>
 </g>
 <!-- TextInput -->
 <g id="node3" class="node">
 <title>TextInput</title>
-<polygon fill="#ffffb3" stroke="black" points="258.71,-122 187.29,-122 187.29,-86 258.71,-86 258.71,-122"/>
-<text text-anchor="middle" x="223" y="-99.8" font-family="Times,serif" font-size="14.00">TextInput</text>
+<polygon fill="#ffffb3" stroke="black" points="569.71,-122 498.29,-122 498.29,-86 569.71,-86 569.71,-122"/>
+<text text-anchor="middle" x="534" y="-99.8" font-family="Times,serif" font-size="14.00">TextInput</text>
 </g>
 <!-- TextInput&#45;&gt;InputModule -->
 <g id="edge3" class="edge">
 <title>TextInput&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M240.03,-122.11C240.03,-122.11 240.03,-140.99 240.03,-140.99"/>
-<polygon fill="black" stroke="black" points="236.53,-140.99 240.03,-150.99 243.53,-140.99 236.53,-140.99"/>
+<path fill="none" stroke="black" d="M511.97,-122.11C511.97,-122.11 511.97,-140.99 511.97,-140.99"/>
+<polygon fill="black" stroke="black" points="508.47,-140.99 511.97,-150.99 515.47,-140.99 508.47,-140.99"/>
+</g>
+<!-- TextInputLabelComponent -->
+<g id="node4" class="node">
+<title>TextInputLabelComponent</title>
+<polygon fill="#ffffb3" stroke="black" points="480.41,-122 311.59,-122 311.59,-86 480.41,-86 480.41,-122"/>
+<text text-anchor="middle" x="396" y="-99.8" font-family="Times,serif" font-size="14.00">TextInputLabelComponent</text>
+</g>
+<!-- TextInputLabelComponent&#45;&gt;InputModule -->
+<g id="edge4" class="edge">
+<title>TextInputLabelComponent&#45;&gt;InputModule</title>
+<path fill="none" stroke="black" d="M458.33,-122.11C458.33,-122.11 458.33,-140.99 458.33,-140.99"/>
+<polygon fill="black" stroke="black" points="454.83,-140.99 458.33,-150.99 461.83,-140.99 454.83,-140.99"/>
+</g>
+<!-- TextareaLabelComponent -->
+<g id="node5" class="node">
+<title>TextareaLabelComponent</title>
+<polygon fill="#ffffb3" stroke="black" points="294.17,-122 131.83,-122 131.83,-86 294.17,-86 294.17,-122"/>
+<text text-anchor="middle" x="213" y="-99.8" font-family="Times,serif" font-size="14.00">TextareaLabelComponent</text>
+</g>
+<!-- TextareaLabelComponent&#45;&gt;InputModule -->
+<g id="edge5" class="edge">
+<title>TextareaLabelComponent&#45;&gt;InputModule</title>
+<path fill="none" stroke="black" d="M274.06,-122.03C274.06,-138.4 274.06,-160 274.06,-160 274.06,-160 426.35,-160 426.35,-160"/>
+<polygon fill="black" stroke="black" points="426.35,-163.5 436.35,-160 426.35,-156.5 426.35,-163.5"/>
 </g>
 <!-- Label  -->
-<g id="node6" class="node">
+<g id="node8" class="node">
 <title>Label </title>
-<polygon fill="#fb8072" stroke="black" points="374,-252 320,-252 320,-216 374,-216 374,-252"/>
-<text text-anchor="middle" x="347" y="-229.8" font-family="Times,serif" font-size="14.00">Label </text>
+<polygon fill="#fb8072" stroke="black" points="681,-252 627,-252 627,-216 681,-216 681,-252"/>
+<text text-anchor="middle" x="654" y="-229.8" font-family="Times,serif" font-size="14.00">Label </text>
 </g>
 <!-- InputModule&#45;&gt;Label  -->
-<g id="edge5" class="edge">
+<g id="edge7" class="edge">
 <title>InputModule&#45;&gt;Label </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M306.36,-187.11C306.36,-206.34 306.36,-234 306.36,-234 306.36,-234 309.67,-234 309.67,-234"/>
-<polygon fill="black" stroke="black" points="309.67,-237.5 319.67,-234 309.67,-230.5 309.67,-237.5"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M525.77,-178C573.32,-178 641.71,-178 641.71,-178 641.71,-178 641.71,-205.97 641.71,-205.97"/>
+<polygon fill="black" stroke="black" points="638.21,-205.97 641.71,-215.97 645.21,-205.97 638.21,-205.97"/>
 </g>
 <!-- TextArea  -->
-<g id="node7" class="node">
+<g id="node9" class="node">
 <title>TextArea </title>
-<polygon fill="#fb8072" stroke="black" points="302.36,-252 229.64,-252 229.64,-216 302.36,-216 302.36,-252"/>
-<text text-anchor="middle" x="266" y="-229.8" font-family="Times,serif" font-size="14.00">TextArea </text>
+<polygon fill="#fb8072" stroke="black" points="609.36,-252 536.64,-252 536.64,-216 609.36,-216 609.36,-252"/>
+<text text-anchor="middle" x="573" y="-229.8" font-family="Times,serif" font-size="14.00">TextArea </text>
 </g>
 <!-- InputModule&#45;&gt;TextArea  -->
-<g id="edge6" class="edge">
+<g id="edge8" class="edge">
 <title>InputModule&#45;&gt;TextArea </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M266,-187.11C266,-187.11 266,-205.99 266,-205.99"/>
-<polygon fill="black" stroke="black" points="262.5,-205.99 266,-215.99 269.5,-205.99 262.5,-205.99"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M521.95,-187.11C521.95,-206.34 521.95,-234 521.95,-234 521.95,-234 526.72,-234 526.72,-234"/>
+<polygon fill="black" stroke="black" points="526.72,-237.5 536.72,-234 526.72,-230.5 526.72,-237.5"/>
 </g>
 <!-- TextInput  -->
-<g id="node8" class="node">
+<g id="node10" class="node">
 <title>TextInput </title>
-<polygon fill="#fb8072" stroke="black" points="211.21,-252 136.79,-252 136.79,-216 211.21,-216 211.21,-252"/>
-<text text-anchor="middle" x="174" y="-229.8" font-family="Times,serif" font-size="14.00">TextInput </text>
+<polygon fill="#fb8072" stroke="black" points="518.21,-252 443.79,-252 443.79,-216 518.21,-216 518.21,-252"/>
+<text text-anchor="middle" x="481" y="-229.8" font-family="Times,serif" font-size="14.00">TextInput </text>
 </g>
 <!-- InputModule&#45;&gt;TextInput  -->
-<g id="edge7" class="edge">
+<g id="edge9" class="edge">
 <title>InputModule&#45;&gt;TextInput </title>
-<path fill="none" stroke="black" stroke-dasharray="5,2" d="M225.64,-187.11C225.64,-206.34 225.64,-234 225.64,-234 225.64,-234 221.25,-234 221.25,-234"/>
-<polygon fill="black" stroke="black" points="221.25,-230.5 211.25,-234 221.25,-237.5 221.25,-230.5"/>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M481,-187.11C481,-187.11 481,-205.99 481,-205.99"/>
+<polygon fill="black" stroke="black" points="477.5,-205.99 481,-215.99 484.5,-205.99 477.5,-205.99"/>
+</g>
+<!-- TextInputLabelComponent  -->
+<g id="node11" class="node">
+<title>TextInputLabelComponent </title>
+<polygon fill="#fb8072" stroke="black" points="425.91,-252 254.09,-252 254.09,-216 425.91,-216 425.91,-252"/>
+<text text-anchor="middle" x="340" y="-229.8" font-family="Times,serif" font-size="14.00">TextInputLabelComponent </text>
+</g>
+<!-- InputModule&#45;&gt;TextInputLabelComponent  -->
+<g id="edge10" class="edge">
+<title>InputModule&#45;&gt;TextInputLabelComponent </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M440.05,-187.11C440.05,-206.34 440.05,-234 440.05,-234 440.05,-234 436.14,-234 436.14,-234"/>
+<polygon fill="black" stroke="black" points="436.14,-230.5 426.14,-234 436.14,-237.5 436.14,-230.5"/>
+</g>
+<!-- TextareaLabelComponent  -->
+<g id="node12" class="node">
+<title>TextareaLabelComponent </title>
+<polygon fill="#fb8072" stroke="black" points="235.67,-252 70.33,-252 70.33,-216 235.67,-216 235.67,-252"/>
+<text text-anchor="middle" x="153" y="-229.8" font-family="Times,serif" font-size="14.00">TextareaLabelComponent </text>
+</g>
+<!-- InputModule&#45;&gt;TextareaLabelComponent  -->
+<g id="edge11" class="edge">
+<title>InputModule&#45;&gt;TextareaLabelComponent </title>
+<path fill="none" stroke="black" stroke-dasharray="5,2" d="M436.2,-178C353.19,-178 183.88,-178 183.88,-178 183.88,-178 183.88,-205.97 183.88,-205.97"/>
+<polygon fill="black" stroke="black" points="180.38,-205.97 183.88,-215.97 187.38,-205.97 180.38,-205.97"/>
 </g>
 <!-- IconModule -->
-<g id="node5" class="node">
+<g id="node7" class="node">
 <title>IconModule</title>
-<polygon fill="#8dd3c7" stroke="black" points="163.43,-122 160.43,-126 139.43,-126 136.43,-122 78.57,-122 78.57,-86 163.43,-86 163.43,-122"/>
-<text text-anchor="middle" x="121" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
+<polygon fill="#8dd3c7" stroke="black" points="108.43,-122 105.43,-126 84.43,-126 81.43,-122 23.57,-122 23.57,-86 108.43,-86 108.43,-122"/>
+<text text-anchor="middle" x="66" y="-99.8" font-family="Times,serif" font-size="14.00">IconModule</text>
 </g>
 <!-- IconModule&#45;&gt;InputModule -->
-<g id="edge4" class="edge">
+<g id="edge6" class="edge">
 <title>IconModule&#45;&gt;InputModule</title>
-<path fill="none" stroke="black" d="M149.93,-122.11C149.93,-141.34 149.93,-169 149.93,-169 149.93,-169 211.12,-169 211.12,-169"/>
-<polygon fill="black" stroke="black" points="211.12,-172.5 221.12,-169 211.12,-165.5 211.12,-172.5"/>
+<path fill="none" stroke="black" d="M89.19,-122.11C89.19,-141.34 89.19,-169 89.19,-169 89.19,-169 426.44,-169 426.44,-169"/>
+<polygon fill="black" stroke="black" points="426.44,-172.5 436.44,-169 426.44,-165.5 426.44,-172.5"/>
 </g>
 </g>
 </svg>
@@ -226,6 +274,12 @@
                         <li class="list-group-item">
                             <a href="../directives/TextInput.html">TextInput</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../components/TextInputLabelComponent.html">TextInputLabelComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/TextareaLabelComponent.html">TextareaLabelComponent</a>
+                        </li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
@@ -252,6 +306,12 @@
                         <li class="list-group-item">
                             <a href="../directives/TextInput.html">TextInput</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../components/TextInputLabelComponent.html">TextInputLabelComponent</a>
+                        </li>
+                        <li class="list-group-item">
+                            <a href="../components/TextareaLabelComponent.html">TextareaLabelComponent</a>
+                        </li>
                     </ul>
                 </div>
             </div>
@@ -271,16 +331,22 @@ import { CommonModule } from &quot;@angular/common&quot;;
 import { Label } from &quot;./label.component&quot;;
 import { TextInput } from &quot;./input.directive&quot;;
 import { TextArea } from &quot;./text-area.directive&quot;;
+import { TextareaLabelComponent } from &quot;./textarea-label.component&quot;;
+import { TextInputLabelComponent } from &quot;./text-input-label.component&quot;;
 import { IconModule } from &quot;carbon-components-angular/icon&quot;;
 
 @NgModule({
 	declarations: [
 		Label,
 		TextInput,
-		TextArea
+		TextArea,
+		TextareaLabelComponent,
+		TextInputLabelComponent
 	],
 	exports: [
 		Label,
+		TextareaLabelComponent,
+		TextInputLabelComponent,
 		TextInput,
 		TextArea
 	],

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

@@ -24,14 +24,14 @@
 <title>cluster_LoadingModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="146,-70 146,-268 350,-268 350,-70 146,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_LoadingModule_declarations</title>
-<polygon fill="none" stroke="black" points="264,-78 264,-130 342,-130 342,-78 264,-78"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_LoadingModule_exports</title>
 <polygon fill="none" stroke="black" points="207,-208 207,-260 289,-260 289,-208 207,-208"/>
 </g>
+<g id="clust2" class="cluster">
+<title>cluster_LoadingModule_declarations</title>
+<polygon fill="none" stroke="black" points="264,-78 264,-130 342,-130 342,-78 264,-78"/>
+</g>
 <g id="clust4" class="cluster">
 <title>cluster_LoadingModule_imports</title>
 <polygon fill="none" stroke="black" points="154,-78 154,-130 256,-130 256,-78 154,-78"/>

package/docs/documentation/modules/LoadingModule.html

@@ -66,14 +66,14 @@
 <title>cluster_LoadingModule</title>
 <polygon fill="none" stroke="black" stroke-dasharray="1,5" points="146,-70 146,-268 350,-268 350,-70 146,-70"/>
 </g>
-<g id="clust2" class="cluster">
-<title>cluster_LoadingModule_declarations</title>
-<polygon fill="none" stroke="black" points="264,-78 264,-130 342,-130 342,-78 264,-78"/>
-</g>
 <g id="clust5" class="cluster">
 <title>cluster_LoadingModule_exports</title>
 <polygon fill="none" stroke="black" points="207,-208 207,-260 289,-260 289,-208 207,-208"/>
 </g>
+<g id="clust2" class="cluster">
+<title>cluster_LoadingModule_declarations</title>
+<polygon fill="none" stroke="black" points="264,-78 264,-130 342,-130 342,-78 264,-78"/>
+</g>
 <g id="clust4" class="cluster">
 <title>cluster_LoadingModule_imports</title>
 <polygon fill="none" stroke="black" points="154,-78 154,-130 256,-130 256,-78 154,-78"/>