carbon-components-angular 3.30.1 → 3.31.1

package/docs/documentation/components/TableRowComponent.html

@@ -90,6 +90,7 @@
 	<td
 		*ngIf="model.hasExpandableRows()"
 		ibmTableExpandButton
+		class="bx--table-expand-v2"
 		[expanded]="expanded"
 		[expandable]="expandable"
 		[skeleton]="skeleton"
@@ -100,6 +101,7 @@
 	<td
 		*ngIf="!skeleton && showSelectionColumn && !enableSingleSelect"
 		ibmTableCheckbox
+		class="bx--table-column-checkbox"
 		[size]="size"
 		[selected]="selected"
 		[label]="getCheckboxLabel()"
@@ -345,7 +347,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/table/body/table-row.component.ts:173</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/table/body/table-row.component.ts:175</a></div>
                             </td>
                         </tr>
 
@@ -397,7 +399,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/table/body/table-row.component.ts:110</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/table/body/table-row.component.ts:112</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -419,7 +421,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/table/body/table-row.component.ts:98</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/table/body/table-row.component.ts:100</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -439,7 +441,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/table/body/table-row.component.ts:86</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/table/body/table-row.component.ts:88</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -456,7 +458,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/table/body/table-row.component.ts:101</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/table/body/table-row.component.ts:103</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -476,7 +478,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/table/body/table-row.component.ts:84</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/table/body/table-row.component.ts:86</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -499,7 +501,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/table/body/table-row.component.ts:80</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/table/body/table-row.component.ts:82</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -520,7 +522,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/table/body/table-row.component.ts:82</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/table/body/table-row.component.ts:84</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -540,7 +542,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/table/body/table-row.component.ts:88</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/table/body/table-row.component.ts:90</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -567,7 +569,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/table/body/table-row.component.ts:133</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/table/body/table-row.component.ts:135</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -589,7 +591,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/table/body/table-row.component.ts:121</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/table/body/table-row.component.ts:123</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -615,7 +617,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/table/body/table-row.component.ts:93</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/table/body/table-row.component.ts:95</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -635,7 +637,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/table/body/table-row.component.ts:135</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/table/body/table-row.component.ts:137</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -659,7 +661,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/table/body/table-row.component.ts:145</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/table/body/table-row.component.ts:147</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -680,7 +682,7 @@
                 </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/table/body/table-row.component.ts:150</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/table/body/table-row.component.ts:152</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -701,7 +703,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/table/body/table-row.component.ts:140</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/table/body/table-row.component.ts:142</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -729,7 +731,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/table/body/table-row.component.ts:168</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/table/body/table-row.component.ts:170</a></div>
                             </td>
                         </tr>
 
@@ -757,7 +759,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/table/body/table-row.component.ts:152</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/table/body/table-row.component.ts:154</a></div>
                             </td>
                         </tr>
 
@@ -785,7 +787,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/table/body/table-row.component.ts:160</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/table/body/table-row.component.ts:162</a></div>
                             </td>
                         </tr>
 
@@ -813,7 +815,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/table/body/table-row.component.ts:156</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/table/body/table-row.component.ts:158</a></div>
                             </td>
                         </tr>
 
@@ -841,7 +843,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/table/body/table-row.component.ts:164</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/table/body/table-row.component.ts:166</a></div>
                             </td>
                         </tr>
 
@@ -873,7 +875,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="178" class="link-to-prism">src/table/body/table-row.component.ts:178</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="180" class="link-to-prism">src/table/body/table-row.component.ts:180</a></div>
                             </td>
                         </tr>
 
@@ -909,7 +911,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/table/body/table-row.component.ts:192</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/table/body/table-row.component.ts:194</a></div>
                             </td>
                         </tr>
 
@@ -947,7 +949,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/table/body/table-row.component.ts:196</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/table/body/table-row.component.ts:198</a></div>
                             </td>
                         </tr>
 
@@ -985,7 +987,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/table/body/table-row.component.ts:184</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/table/body/table-row.component.ts:186</a></div>
                             </td>
                         </tr>
 
@@ -1035,7 +1037,7 @@
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/table/body/table-row.component.ts:172</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/table/body/table-row.component.ts:174</a></div>
                             </td>
                         </tr>
 
@@ -1069,7 +1071,7 @@
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/table/body/table-row.component.ts:173</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/table/body/table-row.component.ts:175</a></div>
                             </td>
                         </tr>
 
@@ -1098,7 +1100,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/table/body/table-row.component.ts:105</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/table/body/table-row.component.ts:107</a></div>
                                 </td>
                             </tr>
 
@@ -1109,7 +1111,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/table/body/table-row.component.ts:101</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/table/body/table-row.component.ts:103</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1163,7 +1165,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/table/body/table-row.component.ts:114</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/table/body/table-row.component.ts:116</a></div>
                                 </td>
                             </tr>
 
@@ -1174,7 +1176,7 @@
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/table/body/table-row.component.ts:110</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/table/body/table-row.component.ts:112</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1238,6 +1240,7 @@ import { Observable } from &quot;rxjs&quot;;
 			&lt;td
 				*ngIf&#x3D;&quot;model.hasExpandableRows()&quot;
 				ibmTableExpandButton
+				class&#x3D;&quot;bx--table-expand-v2&quot;
 				[expanded]&#x3D;&quot;expanded&quot;
 				[expandable]&#x3D;&quot;expandable&quot;
 				[skeleton]&#x3D;&quot;skeleton&quot;
@@ -1248,6 +1251,7 @@ import { Observable } from &quot;rxjs&quot;;
 			&lt;td
 				*ngIf&#x3D;&quot;!skeleton &amp;&amp; showSelectionColumn &amp;&amp; !enableSingleSelect&quot;
 				ibmTableCheckbox
+				class&#x3D;&quot;bx--table-column-checkbox&quot;
 				[size]&#x3D;&quot;size&quot;
 				[selected]&#x3D;&quot;selected&quot;
 				[label]&#x3D;&quot;getCheckboxLabel()&quot;
@@ -1446,7 +1450,7 @@ export class TableRowComponent {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="model">	<td		*ngIf="model.hasExpandableRows()"		ibmTableExpandButton		[expanded]="expanded"		[expandable]="expandable"		[skeleton]="skeleton"		[ariaLabel]="getExpandButtonAriaLabel()"		[headers]="model.getHeaderId(\'expand\')"		(expandRow)="expandRow.emit()">	</td>	<td		*ngIf="!skeleton && showSelectionColumn && !enableSingleSelect"		ibmTableCheckbox		[size]="size"		[selected]="selected"		[label]="getCheckboxLabel()"		[row]="row"		[skeleton]="skeleton"		[headers]="model.getHeaderId(\'select\')"		(change)="onSelectionChange()">	</td>	<td		*ngIf="!skeleton && showSelectionColumn && enableSingleSelect"		ibmTableRadio		[selected]="selected"		[label]="getCheckboxLabel()"		[row]="row"		[skeleton]="skeleton"		[headers]="model.getHeaderId(\'select\')"		(change)="onSelectionChange()">	</td>	<ng-container *ngFor="let item of row; let j = index">		<td			*ngIf="item && model.getHeader(j) && model.getHeader(j).visible"			ibmTableData			[headers]="model.getHeaderId(j, item.colSpan)"			[item]="item"			[class]="model.getHeader(j).className"			[ngStyle]="model.getHeader(j).style"			[skeleton]="skeleton"			[attr.colspan]="item.colSpan"			[attr.rowspan]="item.rowSpan">		</td>		<td			*ngIf="item && model.getHeader(j) == null"			ibmTableData			[headers]="model.getHeaderId(j, item.colSpan)"			[item]="item"			[skeleton]="skeleton"			[attr.colspan]="item.colSpan"			[attr.rowspan]="item.rowSpan">		</td>	</ng-container></ng-container><ng-content></ng-content>	</div>'
+        var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="model">	<td		*ngIf="model.hasExpandableRows()"		ibmTableExpandButton		class="bx--table-expand-v2"		[expanded]="expanded"		[expandable]="expandable"		[skeleton]="skeleton"		[ariaLabel]="getExpandButtonAriaLabel()"		[headers]="model.getHeaderId(\'expand\')"		(expandRow)="expandRow.emit()">	</td>	<td		*ngIf="!skeleton && showSelectionColumn && !enableSingleSelect"		ibmTableCheckbox		class="bx--table-column-checkbox"		[size]="size"		[selected]="selected"		[label]="getCheckboxLabel()"		[row]="row"		[skeleton]="skeleton"		[headers]="model.getHeaderId(\'select\')"		(change)="onSelectionChange()">	</td>	<td		*ngIf="!skeleton && showSelectionColumn && enableSingleSelect"		ibmTableRadio		[selected]="selected"		[label]="getCheckboxLabel()"		[row]="row"		[skeleton]="skeleton"		[headers]="model.getHeaderId(\'select\')"		(change)="onSelectionChange()">	</td>	<ng-container *ngFor="let item of row; let j = index">		<td			*ngIf="item && model.getHeader(j) && model.getHeader(j).visible"			ibmTableData			[headers]="model.getHeaderId(j, item.colSpan)"			[item]="item"			[class]="model.getHeader(j).className"			[ngStyle]="model.getHeader(j).style"			[skeleton]="skeleton"			[attr.colspan]="item.colSpan"			[attr.rowspan]="item.rowSpan">		</td>		<td			*ngIf="item && model.getHeader(j) == null"			ibmTableData			[headers]="model.getHeaderId(j, item.colSpan)"			[item]="item"			[skeleton]="skeleton"			[attr.colspan]="item.colSpan"			[attr.rowspan]="item.rowSpan">		</td>	</ng-container></ng-container><ng-content></ng-content>	</div>'
     var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'NumberComponent', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
     var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'TableRowComponent'};

package/docs/documentation/components/Toast.html

@@ -194,6 +194,9 @@
                             <li>
                                 <a href="#destroy">destroy</a>
                             </li>
+                            <li>
+                                <a href="#onClick">onClick</a>
+                            </li>
                             <li>
                                 <a href="#onClose">onClose</a>
                             </li>
@@ -438,7 +441,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in Notification:62</div>
+                                    <div class="io-line">Defined in Notification:72</div>
                             </td>
                         </tr>
             </tbody>
@@ -468,7 +471,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in Notification:75</div>
+                                    <div class="io-line">Defined in Notification:85</div>
                             </td>
                         </tr>
             </tbody>
@@ -746,7 +749,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:81</div>
+                                    <div class="io-line">Defined in Notification:91</div>
                             </td>
                         </tr>
 
@@ -785,7 +788,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:83</div>
+                                    <div class="io-line">Defined in Notification:93</div>
                             </td>
                         </tr>
 
@@ -824,7 +827,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:82</div>
+                                    <div class="io-line">Defined in Notification:92</div>
                             </td>
                         </tr>
 
@@ -858,7 +861,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:85</div>
+                                    <div class="io-line">Defined in Notification:95</div>
                             </td>
                         </tr>
 
@@ -892,7 +895,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:86</div>
+                                    <div class="io-line">Defined in Notification:96</div>
                             </td>
                         </tr>
 
@@ -926,7 +929,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:89</div>
+                                    <div class="io-line">Defined in Notification:99</div>
                             </td>
                         </tr>
 
@@ -960,7 +963,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:87</div>
+                                    <div class="io-line">Defined in Notification:97</div>
                             </td>
                         </tr>
 
@@ -994,7 +997,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:88</div>
+                                    <div class="io-line">Defined in Notification:98</div>
                             </td>
                         </tr>
 
@@ -1075,7 +1078,51 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:113</div>
+                                    <div class="io-line">Defined in Notification:134</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>
+                    <td class="col-md-4">
+                        <a name="onClick"></a>
+                        <span class="name">
+                            <b>
+                            onClick
+                            </b>
+                            <a href="#onClick"><span class="icon ion-ios-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+<code>onClick(action, event)</code>
+                    </td>
+                </tr>
+
+
+                            <tr>
+                                <td class="col-md-4">
+                                    <div class="io-line">Inherited from     <code><a href="../components/Notification.html" target="_self" >Notification</a></code>
+</div>
+                                </td>
+                            </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in Notification:123</div>
                             </td>
                         </tr>
 
@@ -1083,10 +1130,46 @@
                 <tr>
                     <td class="col-md-4">
 
+                            <div class="io-description">
+                                    <b>Parameters :</b>
+                                    <table class="params">
+                                        <thead>
+                                            <tr>
+                                                <td>Name</td>
+                                                <td>Optional</td>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                                <tr>
+                                                        <td>action</td>
+                                                    
+                                                    <td>
+                                                            No
+                                                    </td>
+                                                    
+
+                                                </tr>
+                                                <tr>
+                                                        <td>event</td>
+                                                    
+                                                    <td>
+                                                            No
+                                                    </td>
+                                                    
+
+                                                </tr>
+                                        </tbody>
+                                    </table>
+                            </div>
+                            <div>
+                            </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>
 
                             </div>
+                                <div class="io-description">
+                                    
+                                </div>
                     </td>
                 </tr>
             </tbody>
@@ -1119,7 +1202,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:109</div>
+                                    <div class="io-line">Defined in Notification:119</div>
                             </td>
                         </tr>
 
@@ -1183,7 +1266,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:102</div>
+                                    <div class="io-line">Defined in Notification:112</div>
                             </td>
                         </tr>
 
@@ -1223,7 +1306,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:77</div>
+                                    <div class="io-line">Defined in Notification:87</div>
                             </td>
                         </tr>
 
@@ -1275,7 +1358,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:95</div>
+                                    <div class="io-line">Defined in Notification:105</div>
                             </td>
                         </tr>
 
@@ -1318,7 +1401,7 @@
                             </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in Notification:79</div>
+                                    <div class="io-line">Defined in Notification:89</div>
                             </td>
                         </tr>