carbon-components-angular 5.10.4 → 5.10.6

package/docs/documentation/directives/ThemeDirective.html

@@ -81,7 +81,6 @@
                 <h3>Implements</h3>
             </p>
             <p class="comment">
-                        <code>OnInit</code>
                         <code>AfterContentChecked</code>
             </p>
 
@@ -142,9 +141,6 @@
                             <li>
                                 <a href="#ngAfterContentChecked" >ngAfterContentChecked</a>
                             </li>
-                            <li>
-                                <a href="#ngOnInit" >ngOnInit</a>
-                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -239,7 +235,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot;</code>
+                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ThemeType" target="_self" >ThemeType | string</a></code>
 
                     </td>
                 </tr>
@@ -250,12 +246,14 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/theme/theme.directive.ts:32</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/theme/theme.directive.ts:35</a></div>
                             </td>
                         </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Sets the theme for the content</p>
+                        <div class="io-description"><p>Sets the theme for the content
+Accepts <code>ThemeType</code> or nothing (empty string which is equivalent to &quot;white&quot;)
+Empty string has been added as an option for Angular 16+ to resolve type errors</p>
 </div>
                     </td>
                 </tr>
@@ -271,13 +269,13 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot;</code>
+                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#ThemeType" target="_self" >ThemeType | string</a></code>
 
                     </td>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/theme/theme.directive.ts:25</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/theme/theme.directive.ts:26</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -304,7 +302,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/theme/theme.directive.ts:44</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/theme/theme.directive.ts:47</a></div>
                         </td>
                     </tr>
 
@@ -330,7 +328,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/theme/theme.directive.ts:52</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/theme/theme.directive.ts:55</a></div>
                         </td>
                     </tr>
 
@@ -356,7 +354,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/theme/theme.directive.ts:48</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/theme/theme.directive.ts:51</a></div>
                         </td>
                     </tr>
 
@@ -387,7 +385,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/theme/theme.directive.ts:56</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/theme/theme.directive.ts:59</a></div>
                         </td>
                     </tr>
 
@@ -413,7 +411,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/theme/theme.directive.ts:40</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/theme/theme.directive.ts:43</a></div>
                         </td>
                     </tr>
 
@@ -455,8 +453,8 @@ overwrite user added classes</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="58"
-                            class="link-to-prism">src/theme/theme.directive.ts:58</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="61"
+                            class="link-to-prism">src/theme/theme.directive.ts:61</a></div>
                 </td>
             </tr>
 
@@ -464,46 +462,6 @@ overwrite user added classes</p>
             <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>
-                <td class="col-md-4">
-                    <a name="ngOnInit"></a>
-                    <span class="name">
-                        <span ><b>ngOnInit</b></span>
-                        <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ngOnInit()</code>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="74"
-                            class="link-to-prism">src/theme/theme.directive.ts:74</a></div>
-                </td>
-            </tr>
-
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>We need to make sure cdsTheme is not an empty string because
-input name matches selector name.</p>
-</div>
-
                     <div class="io-description">
                         <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
 
@@ -547,7 +505,7 @@ input name matches selector name.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/theme/theme.directive.ts:34</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/theme/theme.directive.ts:37</a></div>
                         </td>
                     </tr>
 
@@ -582,7 +540,7 @@ input name matches selector name.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/theme/theme.directive.ts:56</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/theme/theme.directive.ts:59</a></div>
                         </td>
                     </tr>
 
@@ -607,12 +565,12 @@ input name matches selector name.</p>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>ibmTheme(type: "white" | "g10" | "g90" | "g100")</code></span>
+                        <span class="accessor"><b>set</b><code>ibmTheme(type: <a href="../undefineds/ThemeType.html" target="_self">ThemeType | string</a>)</code></span>
                     </td>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/theme/theme.directive.ts:25</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/theme/theme.directive.ts:26</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -633,7 +591,7 @@ input name matches selector name.</p>
                                                             <td>type</td>
                                                     
                                                             <td>
-                                                                        <code>&quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot;</code>
+                                                                            <code><a href="../miscellaneous/typealiases.html#ThemeType" target="_self" >ThemeType | string</a></code>
                                                             </td>
                                                     
                                                         <td>
@@ -670,7 +628,7 @@ input name matches selector name.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/theme/theme.directive.ts:40</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/theme/theme.directive.ts:43</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -700,7 +658,7 @@ overwrite user added classes</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/theme/theme.directive.ts:44</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/theme/theme.directive.ts:47</a></div>
                                 </td>
                             </tr>
 
@@ -722,7 +680,7 @@ overwrite user added classes</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/theme/theme.directive.ts:48</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/theme/theme.directive.ts:51</a></div>
                                 </td>
                             </tr>
 
@@ -744,7 +702,7 @@ overwrite user added classes</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/theme/theme.directive.ts:52</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/theme/theme.directive.ts:55</a></div>
                                 </td>
                             </tr>
 
@@ -762,11 +720,12 @@ overwrite user added classes</p>
 	Directive,
 	HostBinding,
 	Input,
-	OnInit,
 	QueryList
 } from &quot;@angular/core&quot;;
 import { LayerDirective } from &quot;carbon-components-angular/layer&quot;;
 
+export type ThemeType &#x3D; &quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot;;
+
 /**
  * Applies theme styles to the div container it is applied to.
  *
@@ -776,18 +735,20 @@ import { LayerDirective } from &quot;carbon-components-angular/layer&quot;;
 	selector: &quot;[cdsTheme], [ibmTheme]&quot;,
 	exportAs: &quot;theme&quot;
 })
-export class ThemeDirective implements OnInit, AfterContentChecked {
+export class ThemeDirective implements AfterContentChecked {
 	/**
 	 * @deprecated as of v5 - Use &#x60;cdsTheme&#x60; input property instead
 	 */
-	@Input() set ibmTheme(type: &quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot;) {
+	@Input() set ibmTheme(type: ThemeType | &quot;&quot;) {
 		this.cdsTheme &#x3D; type;
 	}
 
 	/**
 	 * Sets the theme for the content
+	 * Accepts &#x60;ThemeType&#x60; or nothing (empty string which is equivalent to &quot;white&quot;)
+	 * Empty string has been added as an option for Angular 16+ to resolve type errors
 	 */
-	@Input() cdsTheme: &quot;white&quot; | &quot;g10&quot; | &quot;g90&quot; | &quot;g100&quot; &#x3D; &quot;white&quot;;
+	@Input() cdsTheme: ThemeType | &quot;&quot; &#x3D; &quot;white&quot;;
 
 	@ContentChildren(LayerDirective, { descendants: false }) layerChildren: QueryList&lt;LayerDirective&gt;;
 
@@ -796,7 +757,7 @@ export class ThemeDirective implements OnInit, AfterContentChecked {
 	 * overwrite user added classes
 	 */
 	@HostBinding(&quot;class.cds--white&quot;) get whiteThemeClass() {
-		return this.cdsTheme &#x3D;&#x3D;&#x3D; &quot;white&quot;;
+		return this.cdsTheme &#x3D;&#x3D;&#x3D; &quot;white&quot; || !this.cdsTheme;
 	}
 
 	@HostBinding(&quot;class.cds--g10&quot;) get g10ThemeClass() {
@@ -824,16 +785,6 @@ export class ThemeDirective implements OnInit, AfterContentChecked {
 			}
 		});
 	}
-
-	/**
-	 * We need to make sure cdsTheme is not an empty string because
-	 * input name matches selector name.
-	 */
-	ngOnInit(): void {
-		if (!this.cdsTheme) {
-			this.cdsTheme &#x3D; &quot;white&quot;;
-		}
-	}
 }
 </code></pre>
     </div>