carbon-components-angular 3.8.0 → 3.9.3

package/docs/documentation/components/Select.html

@@ -144,9 +144,15 @@
 		}"
 		class="bx--select"
 		style="width: 100%">
-		<label *ngIf="skeleton" [attr.for]="id" class="bx--label bx--skeleton"></label>
-		<label *ngIf="!skeleton" [attr.for]="id" class="bx--label">{{label}}</label>
-		<div *ngIf="helperText" class="bx--form__helper-text">{{helperText}}</div>
+		<label *ngIf="skeleton" [for]="id" class="bx--label bx--skeleton"></label>
+		<label *ngIf="!skeleton" [for]="id" class="bx--label">
+			<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
+			<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>
+		</label>
+		<div *ngIf="helperText" class="bx--form__helper-text">
+			<ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>
+			<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>
+		</div>
 		<div class="bx--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">
 			<select
 				#select
@@ -224,7 +230,7 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                    <span class="modifier">Protected</span>
+                                    <span class="modifier">Public</span>
                                 <a href="#isTemplate">isTemplate</a>
                             </li>
                             <li>
@@ -354,7 +360,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/select/select.component.ts:115</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/select/select.component.ts:121</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -380,7 +386,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/select/select.component.ts:95</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/select/select.component.ts:101</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -396,14 +402,14 @@
                         <div><p>Optional helper text that appears under the label.</p>
 </div>
                             <p>
-                            <em>Type :</em>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+                            <em>Type :</em>    <code>string | TemplateRef&lt;any&gt;</code>
 
                             </p>
                     </td>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/select/select.component.ts:103</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/select/select.component.ts:109</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -425,7 +431,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/select/select.component.ts:111</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/select/select.component.ts:117</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -447,7 +453,7 @@
                 </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/select/select.component.ts:123</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/select/select.component.ts:129</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -470,7 +476,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/select/select.component.ts:107</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/select/select.component.ts:113</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -485,14 +491,15 @@
                     <td class="col-md-10">
                         <div><p>Label for the select. Appears above the input.</p>
 </div>
-                        <p>
-                            <em>Default value : </em><code>&quot;Select label&quot;</code>
-                        </p>
+                            <p>
+                            <em>Type :</em>    <code>string | TemplateRef&lt;any&gt;</code>
+
+                            </p>
                     </td>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/select/select.component.ts:99</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/select/select.component.ts:105</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -514,7 +521,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/select/select.component.ts:119</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/select/select.component.ts:125</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -540,7 +547,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/select/select.component.ts:128</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/select/select.component.ts:134</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -564,7 +571,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/select/select.component.ts:132</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/select/select.component.ts:138</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -594,7 +601,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/select/select.component.ts:191</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/select/select.component.ts:201</a></div>
                             </td>
                         </tr>
 
@@ -622,7 +629,7 @@
                         <a name="isTemplate"></a>
                         <span class="name">
                             <b>
-                                <span class="modifier">Protected</span>
+                                <span class="modifier">Public</span>
                             isTemplate
                             </b>
                             <a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
@@ -639,7 +646,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/select/select.component.ts:195</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/select/select.component.ts:187</a></div>
                             </td>
                         </tr>
 
@@ -704,7 +711,7 @@
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/select/select.component.ts:176</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/select/select.component.ts:182</a></div>
                             </td>
                         </tr>
 
@@ -772,7 +779,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/select/select.component.ts:154</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/select/select.component.ts:160</a></div>
                             </td>
                         </tr>
 
@@ -843,7 +850,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/select/select.component.ts:161</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/select/select.component.ts:167</a></div>
                             </td>
                         </tr>
 
@@ -914,7 +921,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/select/select.component.ts:168</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/select/select.component.ts:174</a></div>
                             </td>
                         </tr>
 
@@ -985,7 +992,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/select/select.component.ts:147</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/select/select.component.ts:153</a></div>
                             </td>
                         </tr>
 
@@ -1068,7 +1075,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/select/select.component.ts:184</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/select/select.component.ts:194</a></div>
                             </td>
                         </tr>
 
@@ -1108,7 +1115,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/select/select.component.ts:185</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/select/select.component.ts:195</a></div>
                             </td>
                         </tr>
 
@@ -1151,7 +1158,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/select/select.component.ts:134</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/select/select.component.ts:140</a></div>
                             </td>
                         </tr>
 
@@ -1191,7 +1198,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/select/select.component.ts:90</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/select/select.component.ts:96</a></div>
                             </td>
                         </tr>
 
@@ -1226,7 +1233,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/select/select.component.ts:136</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/select/select.component.ts:142</a></div>
                                 </td>
                             </tr>
 
@@ -1237,7 +1244,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/select/select.component.ts:140</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/select/select.component.ts:146</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -1326,9 +1333,15 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from &quot;@angular/forms&quo
 				}&quot;
 				class&#x3D;&quot;bx--select&quot;
 				style&#x3D;&quot;width: 100%&quot;&gt;
-				&lt;label *ngIf&#x3D;&quot;skeleton&quot; [attr.for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label bx--skeleton&quot;&gt;&lt;/label&gt;
-				&lt;label *ngIf&#x3D;&quot;!skeleton&quot; [attr.for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label&quot;&gt;{{label}}&lt;/label&gt;
-				&lt;div *ngIf&#x3D;&quot;helperText&quot; class&#x3D;&quot;bx--form__helper-text&quot;&gt;{{helperText}}&lt;/div&gt;
+				&lt;label *ngIf&#x3D;&quot;skeleton&quot; [for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label bx--skeleton&quot;&gt;&lt;/label&gt;
+				&lt;label *ngIf&#x3D;&quot;!skeleton&quot; [for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label&quot;&gt;
+					&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
+					&lt;ng-template *ngIf&#x3D;&quot;isTemplate(label)&quot; [ngTemplateOutlet]&#x3D;&quot;label&quot;&gt;&lt;/ng-template&gt;
+				&lt;/label&gt;
+				&lt;div *ngIf&#x3D;&quot;helperText&quot; class&#x3D;&quot;bx--form__helper-text&quot;&gt;
+					&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(helperText)&quot;&gt;{{helperText}}&lt;/ng-container&gt;
+					&lt;ng-template *ngIf&#x3D;&quot;isTemplate(helperText)&quot; [ngTemplateOutlet]&#x3D;&quot;helperText&quot;&gt;&lt;/ng-template&gt;
+				&lt;/div&gt;
 				&lt;div class&#x3D;&quot;bx--select-input__wrapper&quot; [attr.data-invalid]&#x3D;&quot;(invalid ? true : null)&quot;&gt;
 					&lt;select
 						#select
@@ -1378,11 +1391,11 @@ export class Select implements ControlValueAccessor {
 	/**
 	 * Label for the select. Appears above the input.
 	 */
-	@Input() label &#x3D; &quot;Select label&quot;;
+	@Input() label: string | TemplateRef&lt;any&gt;;
 	/**
 	 * Optional helper text that appears under the label.
 	 */
-	@Input() helperText: string;
+	@Input() helperText: string | TemplateRef&lt;any&gt;;
 	/**
 	 * Sets the invalid text.
 	 */
@@ -1460,6 +1473,10 @@ export class Select implements ControlValueAccessor {
 		this.selected.emit(event.target.value);
 	}
 
+	public isTemplate(value) {
+		return value instanceof TemplateRef;
+	}
+
 	/**
 	 * placeholder declarations. Replaced by the functions provided to &#x60;registerOnChange&#x60; and &#x60;registerOnTouched&#x60;
 	 */
@@ -1473,10 +1490,6 @@ export class Select implements ControlValueAccessor {
 	protected blur() {
 		this.onTouchedHandler();
 	}
-
-	protected isTemplate(value) {
-		return value instanceof TemplateRef;
-	}
 }
 </code></pre>
     </div>
@@ -1521,7 +1534,7 @@ export class Select implements ControlValueAccessor {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div class="bx--form-item">	<div		[ngClass]="{			\'bx--select--inline\': display === \'inline\',			\'bx--select--light\': theme === \'light\',			\'bx--skeleton\': skeleton		}"		class="bx--select"		style="width: 100%">		<label *ngIf="skeleton" [attr.for]="id" class="bx--label bx--skeleton"></label>		<label *ngIf="!skeleton" [attr.for]="id" class="bx--label">{{label}}</label>		<div *ngIf="helperText" class="bx--form__helper-text">{{helperText}}</div>		<div class="bx--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">			<select				#select				[attr.id]="id"				[disabled]="disabled"				(change)="onChange($event)"				class="bx--select-input">				<ng-content></ng-content>			</select>			<ibm-icon-warning-filled16				*ngIf="!skeleton && invalid"				class="bx--select__invalid-icon"				style="display: inherit;">			</ibm-icon-warning-filled16>			<ibm-icon-chevron-down16 *ngIf="!skeleton" class="bx--select__arrow" style="display: inherit;"></ibm-icon-chevron-down16>		</div>		<div *ngIf="invalid" class="bx--form-requirement">			<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>			<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>		</div>	</div></div>	</div>'
+        var COMPONENT_TEMPLATE = '<div><div class="bx--form-item">	<div		[ngClass]="{			\'bx--select--inline\': display === \'inline\',			\'bx--select--light\': theme === \'light\',			\'bx--skeleton\': skeleton		}"		class="bx--select"		style="width: 100%">		<label *ngIf="skeleton" [for]="id" class="bx--label bx--skeleton"></label>		<label *ngIf="!skeleton" [for]="id" class="bx--label">			<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>			<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>		</label>		<div *ngIf="helperText" class="bx--form__helper-text">			<ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>			<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>		</div>		<div class="bx--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">			<select				#select				[attr.id]="id"				[disabled]="disabled"				(change)="onChange($event)"				class="bx--select-input">				<ng-content></ng-content>			</select>			<ibm-icon-warning-filled16				*ngIf="!skeleton && invalid"				class="bx--select__invalid-icon"				style="display: inherit;">			</ibm-icon-warning-filled16>			<ibm-icon-chevron-down16 *ngIf="!skeleton" class="bx--select__arrow" style="display: inherit;"></ibm-icon-chevron-down16>		</div>		<div *ngIf="invalid" class="bx--form-requirement">			<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>			<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>		</div>	</div></div>	</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': 'Number', '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': 'ProductSwitcherItem', 'selector': 'ibm-product-switcher-item'},{'name': 'ProductSwitcherList', 'selector': 'ibm-product-switcher-list'},{'name': 'ProductSwitcherListItem', 'selector': 'ibm-product-switcher-list-item'},{'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': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'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': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'Select'};