carbon-components-angular 5.54.0 → 5.55.0

package/docs/documentation/components/TextInputLabelComponent.html

@@ -134,6 +134,7 @@
     </p>
     <p class="comment">
                 <code>AfterViewInit</code>
+                <code>AfterContentInit</code>
     </p>
 
 
@@ -295,6 +296,9 @@
                                     <span class="modifier">Public</span>
                                 <a href="#isTemplate" >isTemplate</a>
                             </li>
+                            <li>
+                                <a href="#ngAfterContentInit" >ngAfterContentInit</a>
+                            </li>
                             <li>
                                 <a href="#ngAfterViewInit" >ngAfterViewInit</a>
                             </li>
@@ -414,7 +418,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="178" class="link-to-prism">src/input/text-input-label.component.ts:178</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/input/text-input-label.component.ts:179</a></div>
                             </td>
                         </tr>
 
@@ -472,7 +476,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/input/text-input-label.component.ts:154</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/input/text-input-label.component.ts:155</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -504,7 +508,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/input/text-input-label.component.ts:119</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/input/text-input-label.component.ts:120</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -536,7 +540,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/input/text-input-label.component.ts:159</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/input/text-input-label.component.ts:160</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -563,7 +567,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/input/text-input-label.component.ts:134</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/input/text-input-label.component.ts:135</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -595,7 +599,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/input/text-input-label.component.ts:142</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/input/text-input-label.component.ts:143</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -622,7 +626,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/input/text-input-label.component.ts:138</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/input/text-input-label.component.ts:139</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -654,7 +658,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/input/text-input-label.component.ts:114</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/input/text-input-label.component.ts:115</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -682,7 +686,7 @@ its input counterpart through the &#39;for&#39; attribute.</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/input/text-input-label.component.ts:129</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/input/text-input-label.component.ts:130</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -715,7 +719,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/input/text-input-label.component.ts:123</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/input/text-input-label.component.ts:124</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -742,7 +746,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/input/text-input-label.component.ts:130</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/input/text-input-label.component.ts:131</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -768,7 +772,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/input/text-input-label.component.ts:146</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/input/text-input-label.component.ts:147</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -795,7 +799,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/input/text-input-label.component.ts:150</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/input/text-input-label.component.ts:151</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -833,7 +837,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/input/text-input-label.component.ts:164</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/input/text-input-label.component.ts:165</a></div>
                         </td>
                     </tr>
 
@@ -859,7 +863,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/input/text-input-label.component.ts:172</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/input/text-input-label.component.ts:173</a></div>
                         </td>
                     </tr>
 
@@ -885,7 +889,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/input/text-input-label.component.ts:176</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/input/text-input-label.component.ts:177</a></div>
                         </td>
                     </tr>
 
@@ -916,7 +920,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/input/text-input-label.component.ts:166</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/input/text-input-label.component.ts:167</a></div>
                         </td>
                     </tr>
 
@@ -942,7 +946,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/input/text-input-label.component.ts:168</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/input/text-input-label.component.ts:169</a></div>
                         </td>
                     </tr>
 
@@ -979,8 +983,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="213"
-                                    class="link-to-prism">src/input/text-input-label.component.ts:213</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="218"
+                                    class="link-to-prism">src/input/text-input-label.component.ts:218</a></div>
                         </td>
                     </tr>
 
@@ -1022,6 +1026,43 @@ Since we cannot pass ng-content down easily from label component, we will accept
             </tr>
         </tbody>
     </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="ngAfterContentInit"></a>
+                    <span class="name">
+                        <span ><b>ngAfterContentInit</b></span>
+                        <a href="#ngAfterContentInit"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>ngAfterContentInit()</code>
+                </td>
+            </tr>
+
+
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-line">Defined in <a href="" data-line="214"
+                                    class="link-to-prism">src/input/text-input-label.component.ts:214</a></div>
+                        </td>
+                    </tr>
+
+
+            <tr>
+                <td class="col-md-4">
+
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                        </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -1042,8 +1083,8 @@ Since we cannot pass ng-content down easily from label component, we will accept
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="188"
-                                    class="link-to-prism">src/input/text-input-label.component.ts:188</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="189"
+                                    class="link-to-prism">src/input/text-input-label.component.ts:189</a></div>
                         </td>
                     </tr>
 
@@ -1095,7 +1136,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/input/text-input-label.component.ts:164</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/input/text-input-label.component.ts:165</a></div>
                         </td>
                     </tr>
 
@@ -1127,7 +1168,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/input/text-input-label.component.ts:109</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/input/text-input-label.component.ts:110</a></div>
                         </td>
                     </tr>
 
@@ -1168,7 +1209,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/input/text-input-label.component.ts:166</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/input/text-input-label.component.ts:167</a></div>
                         </td>
                     </tr>
 
@@ -1204,7 +1245,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/input/text-input-label.component.ts:162</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/input/text-input-label.component.ts:163</a></div>
                         </td>
                     </tr>
 
@@ -1233,7 +1274,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/input/text-input-label.component.ts:168</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/input/text-input-label.component.ts:169</a></div>
                                 </td>
                             </tr>
 
@@ -1255,7 +1296,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/input/text-input-label.component.ts:172</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/input/text-input-label.component.ts:173</a></div>
                                 </td>
                             </tr>
 
@@ -1277,7 +1318,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/input/text-input-label.component.ts:176</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/input/text-input-label.component.ts:177</a></div>
                                 </td>
                             </tr>
 
@@ -1289,6 +1330,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
 
     <div class="tab-pane fade  tab-source-code" id="source">
         <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
+	AfterContentInit,
 	AfterViewInit,
 	ChangeDetectorRef,
 	Component,
@@ -1392,7 +1434,7 @@ Since we cannot pass ng-content down easily from label component, we will accept
 		&lt;/div&gt;
 	&#x60;
 })
-export class TextInputLabelComponent implements AfterViewInit {
+export class TextInputLabelComponent implements AfterViewInit, AfterContentInit {
 	/**
 	 * Used to build the id of the input item associated with the &#x60;Label&#x60;.
 	 */
@@ -1500,6 +1542,10 @@ export class TextInputLabelComponent implements AfterViewInit {
 		}
 	}
 
+	ngAfterContentInit() {
+		this.changeDetectorRef.detectChanges();
+	}
+
 	public isTemplate(value) {
 		return value instanceof TemplateRef;
 	}

package/docs/documentation/coverage.html

@@ -293,9 +293,9 @@
             </td>
             <td>component</td>
             <td>ComboBox</td>
-            <td align="right" data-sort="60">
-                <span class="coverage-percent">60 %</span>
-                <span class="coverage-count">(54/89)</span>
+            <td align="right" data-sort="61">
+                <span class="coverage-percent">61 %</span>
+                <span class="coverage-count">(55/90)</span>
             </td>
         </tr>
         <tr class="low">
@@ -1289,9 +1289,9 @@
             </td>
             <td>component</td>
             <td>TextInputLabelComponent</td>
-            <td align="right" data-sort="60">
-                <span class="coverage-percent">60 %</span>
-                <span class="coverage-count">(15/25)</span>
+            <td align="right" data-sort="57">
+                <span class="coverage-percent">57 %</span>
+                <span class="coverage-count">(15/26)</span>
             </td>
         </tr>
         <tr class="good">

package/docs/documentation/index.html

@@ -118,7 +118,7 @@ $ npm i --save carbon-components-angular &#64;carbon/styles</code></pre></div><p
 <blockquote>
 <p><em>Note:</em> This isn&#39;t the only way to bootstrap a <code>carbon-components-angular</code> application, but the combination of <code>@angular/cli</code> and the <code>carbon-components</code> scss is our recommended setup.</p>
 </blockquote>
-<p><a href="https://codesandbox.io/s/0129r494ql"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit Carbon Components Angular" class="img-responsive"></a></p>
+<p><a href="https://stackblitz.com/edit/stackblitz-starters-exxkq4?file=src%2Fmain.ts"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt="Edit Carbon Components Angular" class="img-responsive"></a></p>
 <h3>Support</h3>
 <ul>
 <li>For general usage questions, or other discussions visit our <a href="https://github.com/carbon-design-system/carbon-components-angular/discussions">Github Discussions</a></li>