carbon-components-angular 5.12.4 → 5.13.1

package/README.md

@@ -66,6 +66,8 @@ Angular version support matrix:
 | 12      | ❌ | ✅ | ❌                   |
 | 13      | ❌ | ✅ | ❌                   |
 | 14      | ❌ | ✅ | ✅                   |
+| 15      | ❌ | ✅ | ✅                   |
+| 16      | ❌ | ❌ | ✅                   |
 
 Carbon Components Angular version support matrix:
 | Carbon Components Angular version | Community support | Active support |

package/docs/documentation/classes/NumberChange.html

@@ -260,7 +260,7 @@ export class NumberChange {
 				<input
 					type="number"
 					[id]="id"
-					[value]="value"
+					[attr.value]="value"
 					[attr.min]="min"
 					[attr.max]="max"
 					[attr.step]="step"

package/docs/documentation/classes/TableHeaderItem.html

@@ -88,10 +88,6 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Protected</span>
-                                <a href="#_ascending" >_ascending</a>
-                            </li>
                             <li>
                                     <span class="modifier">Private</span>
                                 <a href="#_title" >_title</a>
@@ -132,6 +128,9 @@
                             <li>
                                 <a href="#sortable" >sortable</a>
                             </li>
+                            <li>
+                                <a href="#sortDirection" >sortDirection</a>
+                            </li>
                             <li>
                                 <a href="#sorted" >sorted</a>
                             </li>
@@ -205,7 +204,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/table/table-header-item.class.ts:238</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/table/table-header-item.class.ts:232</a></div>
                             </td>
                         </tr>
 
@@ -250,38 +249,6 @@
     <h3 id="inputs">
         Properties
     </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="_ascending"></a>
-                    <span class="name">
-                            <span class="modifier">Protected</span>
-                        <span ><b>_ascending</b></span>
-                        <a href="#_ascending"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/table/table-header-item.class.ts:208</a></div>
-                        </td>
-                    </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>used in <code>ascending</code></p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -302,7 +269,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/table/table-header-item.class.ts:238</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/table/table-header-item.class.ts:232</a></div>
                         </td>
                     </tr>
 
@@ -328,7 +295,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/table/table-header-item.class.ts:130</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/table/table-header-item.class.ts:155</a></div>
                         </td>
                     </tr>
 
@@ -360,7 +327,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/table/table-header-item.class.ts:50</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/table/table-header-item.class.ts:97</a></div>
                         </td>
                     </tr>
 
@@ -397,7 +364,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/table/table-header-item.class.ts:44</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/table/table-header-item.class.ts:91</a></div>
                         </td>
                     </tr>
 
@@ -429,7 +396,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/table/table-header-item.class.ts:85</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/table/table-header-item.class.ts:110</a></div>
                         </td>
                     </tr>
 
@@ -466,7 +433,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/table/table-header-item.class.ts:33</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/table/table-header-item.class.ts:80</a></div>
                         </td>
                     </tr>
 
@@ -499,7 +466,7 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/table/table-header-item.class.ts:201</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/table/table-header-item.class.ts:226</a></div>
                         </td>
                     </tr>
 
@@ -535,7 +502,7 @@ available in <code>filterData.data</code> in your extension of <code>TableHeader
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="189" class="link-to-prism">src/table/table-header-item.class.ts:189</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/table/table-header-item.class.ts:214</a></div>
                         </td>
                     </tr>
 
@@ -567,7 +534,7 @@ available in <code>filterData.data</code> in your extension of <code>TableHeader
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/table/table-header-item.class.ts:184</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="209" class="link-to-prism">src/table/table-header-item.class.ts:209</a></div>
                         </td>
                     </tr>
 
@@ -629,7 +596,7 @@ store the data you need to <code>filter.data</code>. You will be able to access
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/table/table-header-item.class.ts:135</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/table/table-header-item.class.ts:160</a></div>
                         </td>
                     </tr>
 
@@ -661,7 +628,7 @@ store the data you need to <code>filter.data</code>. You will be able to access
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/table/table-header-item.class.ts:91</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/table/table-header-item.class.ts:116</a></div>
                         </td>
                     </tr>
 
@@ -699,7 +666,7 @@ For example, which <code>field</code> is this column related to.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/table/table-header-item.class.ts:39</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/table/table-header-item.class.ts:86</a></div>
                         </td>
                     </tr>
 
@@ -731,7 +698,7 @@ For example, which <code>field</code> is this column related to.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/table/table-header-item.class.ts:25</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/table/table-header-item.class.ts:72</a></div>
                         </td>
                     </tr>
 
@@ -745,6 +712,37 @@ If false then this column won&#39;t show a sorting arrow at all.</p>
 
         </tbody>
     </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="sortDirection"></a>
+                    <span class="name">
+                        <span ><b>sortDirection</b></span>
+                        <a href="#sortDirection"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#SortType" target="_self" >SortType</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>&quot;NONE&quot;</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/table/table-header-item.class.ts:228</a></div>
+                        </td>
+                    </tr>
+
+
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -763,7 +761,7 @@ If false then this column won&#39;t show a sorting arrow at all.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/table/table-header-item.class.ts:18</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/table/table-header-item.class.ts:65</a></div>
                         </td>
                     </tr>
 
@@ -800,7 +798,7 @@ If false then this column won&#39;t show a sorting arrow at all.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/table/table-header-item.class.ts:58</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/table/table-header-item.class.ts:105</a></div>
                         </td>
                     </tr>
 
@@ -833,7 +831,7 @@ If false then this column won&#39;t show a sorting arrow at all.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/table/table-header-item.class.ts:125</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/table/table-header-item.class.ts:150</a></div>
                         </td>
                     </tr>
 
@@ -876,7 +874,7 @@ protected customHeaderTemplate: TemplateRef&lt;any&gt;;</code></pre></div><p>Set
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">src/table/table-header-item.class.ts:12</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/table/table-header-item.class.ts:59</a></div>
                         </td>
                     </tr>
 
@@ -916,8 +914,8 @@ protected customHeaderTemplate: TemplateRef&lt;any&gt;;</code></pre></div><p>Set
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="270"
-                            class="link-to-prism">src/table/table-header-item.class.ts:270</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="264"
+                            class="link-to-prism">src/table/table-header-item.class.ts:264</a></div>
                 </td>
             </tr>
 
@@ -1005,8 +1003,8 @@ protected customHeaderTemplate: TemplateRef&lt;any&gt;;</code></pre></div><p>Set
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="299"
-                            class="link-to-prism">src/table/table-header-item.class.ts:299</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="293"
+                            class="link-to-prism">src/table/table-header-item.class.ts:293</a></div>
                 </td>
             </tr>
 
@@ -1087,18 +1085,18 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/table/table-header-item.class.ts:67</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="13" class="link-to-prism">src/table/table-header-item.class.ts:13</a></div>
                                 </td>
                             </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>ascending(asc)</code></span>
+                        <span class="accessor"><b>set</b><code>ascending(asc: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
                     </td>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/table/table-header-item.class.ts:64</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">src/table/table-header-item.class.ts:10</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1112,6 +1110,7 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
                                                 </tr>
                                             </thead>
@@ -1119,6 +1118,9 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                                                     <tr>
                                                             <td>asc</td>
                                                     
+                                                            <td>
+                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                                                            </td>
                                                     
                                                         <td>
                                                                 No
@@ -1154,18 +1156,18 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/table/table-header-item.class.ts:78</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/table/table-header-item.class.ts:24</a></div>
                                 </td>
                             </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>set</b><code>descending(desc)</code></span>
+                        <span class="accessor"><b>set</b><code>descending(desc: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
                     </td>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/table/table-header-item.class.ts:75</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/table/table-header-item.class.ts:21</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1179,6 +1181,7 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                                             <thead>
                                                 <tr>
                                                     <td>Name</td>
+                                                        <td>Type</td>
                                                     <td>Optional</td>
                                                 </tr>
                                             </thead>
@@ -1186,6 +1189,9 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                                                     <tr>
                                                             <td>desc</td>
                                                     
+                                                            <td>
+                                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                                                            </td>
                                                     
                                                         <td>
                                                                 No
@@ -1221,7 +1227,7 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/table/table-header-item.class.ts:210</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/table/table-header-item.class.ts:28</a></div>
                                 </td>
                             </tr>
 
@@ -1232,7 +1238,7 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/table/table-header-item.class.ts:234</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/table/table-header-item.class.ts:52</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1276,12 +1282,59 @@ When implementing filter, set <code>filterCount</code> before returning.</p>
 
     <div class="tab-pane fade  tab-source-code" id="source">
         <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { TableItem } from &quot;./table-item.class&quot;;
-import {
-	EventEmitter,
-	TemplateRef
-} from &quot;@angular/core&quot;;
+import { TemplateRef } from &quot;@angular/core&quot;;
 
+export type SortType &#x3D; &quot;ASCENDING&quot; | &quot;DESCENDING&quot; | &quot;NONE&quot;;
 export class TableHeaderItem {
+	/**
+	 * If true, sort is set to ascending, if false descending will be true.
+	 *
+	 */
+	set ascending(asc: boolean) {
+		this.sortDirection &#x3D; asc ? &quot;ASCENDING&quot; : &quot;DESCENDING&quot;;
+	}
+	get ascending() {
+		return this.sortDirection &#x3D;&#x3D;&#x3D; &quot;ASCENDING&quot;;
+	}
+
+	/**
+	 * If true, sort is set to descending, if false ascending will be true.
+	 *
+	 */
+	set descending(desc: boolean) {
+		this.sortDirection &#x3D; desc ? &quot;DESCENDING&quot; : &quot;ASCENDING&quot;;
+	}
+	get descending() {
+		return this.sortDirection &#x3D;&#x3D;&#x3D; &quot;DESCENDING&quot;;
+	}
+
+	get title() {
+		if (this._title) {
+			return this._title;
+		}
+
+		if (!this.data) {
+			return &quot;&quot;;
+		}
+
+		if (typeof this.data &#x3D;&#x3D;&#x3D; &quot;string&quot;) {
+			return this.data;
+		}
+
+		if (
+			this.data.toString &amp;&amp;
+			this.data.constructor !&#x3D;&#x3D; ({}).constructor
+		) {
+			return this.data.toString();
+		}
+
+		// data can’t be reasonably converted to an end user readable string
+		return &quot;&quot;;
+	}
+
+	set title(title) {
+		this._title &#x3D; title;
+	}
 	/**
 	 * Defines if column under this TableHeaderItem should be displayed.
 	 *
@@ -1334,28 +1387,6 @@ export class TableHeaderItem {
 	 */
 	style &#x3D; {};
 
-	/**
-	 * If true, sort is set to ascending, if false descending will be true.
-	 *
-	 */
-	set ascending(asc) {
-		this._ascending &#x3D; asc;
-	}
-	get ascending() {
-		return this._ascending;
-	}
-
-	/**
-	 * If true, sort is set to descending, if false ascending will be true.
-	 *
-	 */
-	set descending(desc) {
-		this._ascending &#x3D; !desc;
-	}
-	get descending() {
-		return !this._ascending;
-	}
-
 	/**
 	 * Data for the header item.
 	 */
@@ -1477,40 +1508,9 @@ export class TableHeaderItem {
 	 */
 	filterData: any;
 
-	/**
-	 * used in &#x60;ascending&#x60;
-	 *
-	 * @protected
-	 */
-	protected _ascending &#x3D; true;
-
-	get title() {
-		if (this._title) {
-			return this._title;
-		}
-
-		if (!this.data) {
-			return &quot;&quot;;
-		}
-
-		if (typeof this.data &#x3D;&#x3D;&#x3D; &quot;string&quot;) {
-			return this.data;
-		}
-
-		if (
-			this.data.toString &amp;&amp;
-			this.data.constructor !&#x3D;&#x3D; ({}).constructor
-		) {
-			return this.data.toString();
-		}
+	sortDirection: SortType &#x3D; &quot;NONE&quot;;
 
-		// data can’t be reasonably converted to an end user readable string
-		return &quot;&quot;;
-	}
 
-	set title(title) {
-		this._title &#x3D; title;
-	}
 
 	private _title: string;