carbon-components-angular 3.17.2 → 3.17.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/docs/documentation/components/Dropdown.html +10 -5
  2. package/docs/documentation/components/File.html +49 -6
  3. package/docs/documentation/components/FileUploader.html +39 -27
  4. package/docs/documentation/components/Header.html +428 -11
  5. package/docs/documentation/components/HeaderAction.html +6 -8
  6. package/docs/documentation/components/Notification.html +37 -5
  7. package/docs/documentation/components/Toast.html +77 -7
  8. package/docs/documentation/coverage.html +12 -12
  9. package/docs/documentation/interfaces/FileItem.html +66 -0
  10. package/docs/documentation/interfaces/NotificationContent.html +39 -0
  11. package/docs/documentation/interfaces/ToastContent.html +1 -0
  12. package/docs/documentation/js/menu-wc.js +1 -1
  13. package/docs/documentation/js/search/search_index.js +2 -2
  14. package/docs/documentation/modules/FileUploaderModule.html +3 -1
  15. package/docs/storybook/iframe.html +3 -3
  16. package/docs/storybook/{main.8bb53895aa13a93f113f.bundle.js → main.edce6b8dbd74b486e13b.bundle.js} +151 -58
  17. package/docs/storybook/main.edce6b8dbd74b486e13b.bundle.js.map +1 -0
  18. package/docs/storybook/{runtime~main.8bb53895aa13a93f113f.bundle.js → runtime~main.edce6b8dbd74b486e13b.bundle.js} +1 -1
  19. package/docs/storybook/{runtime~main.8bb53895aa13a93f113f.bundle.js.map → runtime~main.edce6b8dbd74b486e13b.bundle.js.map} +1 -1
  20. package/docs/storybook/{vendors~main.8bb53895aa13a93f113f.bundle.js → vendors~main.edce6b8dbd74b486e13b.bundle.js} +1 -1
  21. package/docs/storybook/{vendors~main.8bb53895aa13a93f113f.bundle.js.map → vendors~main.edce6b8dbd74b486e13b.bundle.js.map} +1 -1
  22. package/dropdown/dropdown.component.js +4 -0
  23. package/dropdown/dropdown.component.js.map +1 -1
  24. package/file-uploader/file-item.interface.d.ts +2 -0
  25. package/file-uploader/file-item.interface.js.map +1 -1
  26. package/file-uploader/file-uploader.component.js +3 -1
  27. package/file-uploader/file-uploader.component.js.map +1 -1
  28. package/file-uploader/file-uploader.component.metadata.json +1 -1
  29. package/file-uploader/file-uploader.component.ngfactory.js +9 -8
  30. package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
  31. package/file-uploader/file-uploader.module.js +3 -1
  32. package/file-uploader/file-uploader.module.js.map +1 -1
  33. package/file-uploader/file-uploader.module.metadata.json +1 -1
  34. package/file-uploader/file-uploader.module.ngfactory.js +2 -1
  35. package/file-uploader/file-uploader.module.ngfactory.js.map +1 -1
  36. package/file-uploader/file-uploader.module.ngsummary.json +1 -1
  37. package/file-uploader/file.component.d.ts +1 -0
  38. package/file-uploader/file.component.js +10 -2
  39. package/file-uploader/file.component.js.map +1 -1
  40. package/file-uploader/file.component.metadata.json +1 -1
  41. package/file-uploader/file.component.ngfactory.js +19 -16
  42. package/file-uploader/file.component.ngfactory.js.map +1 -1
  43. package/file-uploader/file.component.ngsummary.json +1 -1
  44. package/notification/notification-content.interface.d.ts +1 -0
  45. package/notification/notification-content.interface.js.map +1 -1
  46. package/notification/notification.component.d.ts +1 -0
  47. package/notification/notification.component.js +7 -1
  48. package/notification/notification.component.js.map +1 -1
  49. package/notification/notification.component.metadata.json +1 -1
  50. package/notification/notification.component.ngfactory.js +1 -1
  51. package/notification/notification.component.ngsummary.json +1 -1
  52. package/notification/toast.component.d.ts +1 -0
  53. package/notification/toast.component.js +7 -1
  54. package/notification/toast.component.js.map +1 -1
  55. package/notification/toast.component.metadata.json +1 -1
  56. package/notification/toast.component.ngfactory.js +1 -1
  57. package/notification/toast.component.ngsummary.json +1 -1
  58. package/package.json +1 -1
  59. package/ui-shell/header/header-action.component.js +1 -1
  60. package/ui-shell/header/header-action.component.js.map +1 -1
  61. package/ui-shell/header/header-action.component.metadata.json +1 -1
  62. package/ui-shell/header/header-action.component.ngfactory.js +5 -6
  63. package/ui-shell/header/header-action.component.ngfactory.js.map +1 -1
  64. package/ui-shell/header/header.component.d.ts +26 -1
  65. package/ui-shell/header/header.component.js +40 -5
  66. package/ui-shell/header/header.component.js.map +1 -1
  67. package/ui-shell/header/header.component.metadata.json +1 -1
  68. package/ui-shell/header/header.component.ngfactory.js +9 -3
  69. package/ui-shell/header/header.component.ngfactory.js.map +1 -1
  70. package/ui-shell/header/header.component.ngsummary.json +1 -1
  71. package/ui-shell/header/header.module.ngfactory.js.map +1 -1
  72. package/docs/storybook/main.8bb53895aa13a93f113f.bundle.js.map +0 -1
package/docs/documentation/components/Dropdown.html CHANGED
@@ -1475,7 +1475,7 @@ item selection.</p>
1475
1475
 
1476
1476
  <tr>
1477
1477
  <td class="col-md-4">
1478
- <div class="io-line">Defined in <a href="" data-line="638" class="link-to-prism">src/dropdown/dropdown.component.ts:638</a></div>
1478
+ <div class="io-line">Defined in <a href="" data-line="643" class="link-to-prism">src/dropdown/dropdown.component.ts:643</a></div>
1479
1479
  </td>
1480
1480
  </tr>
1481
1481
 
@@ -1618,7 +1618,7 @@ item selection.</p>
1618
1618
 
1619
1619
  <tr>
1620
1620
  <td class="col-md-4">
1621
- <div class="io-line">Defined in <a href="" data-line="609" class="link-to-prism">src/dropdown/dropdown.component.ts:609</a></div>
1621
+ <div class="io-line">Defined in <a href="" data-line="614" class="link-to-prism">src/dropdown/dropdown.component.ts:614</a></div>
1622
1622
  </td>
1623
1623
  </tr>
1624
1624
 
@@ -1816,7 +1816,7 @@ otherwise the placeholder will be returned.</p>
1816
1816
 
1817
1817
  <tr>
1818
1818
  <td class="col-md-4">
1819
- <div class="io-line">Defined in <a href="" data-line="676" class="link-to-prism">src/dropdown/dropdown.component.ts:676</a></div>
1819
+ <div class="io-line">Defined in <a href="" data-line="681" class="link-to-prism">src/dropdown/dropdown.component.ts:681</a></div>
1820
1820
  </td>
1821
1821
  </tr>
1822
1822
 
@@ -2220,7 +2220,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2220
2220
 
2221
2221
  <tr>
2222
2222
  <td class="col-md-4">
2223
- <div class="io-line">Defined in <a href="" data-line="659" class="link-to-prism">src/dropdown/dropdown.component.ts:659</a></div>
2223
+ <div class="io-line">Defined in <a href="" data-line="664" class="link-to-prism">src/dropdown/dropdown.component.ts:664</a></div>
2224
2224
  </td>
2225
2225
  </tr>
2226
2226
 
@@ -2337,7 +2337,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2337
2337
 
2338
2338
  <tr>
2339
2339
  <td class="col-md-4">
2340
- <div class="io-line">Defined in <a href="" data-line="668" class="link-to-prism">src/dropdown/dropdown.component.ts:668</a></div>
2340
+ <div class="io-line">Defined in <a href="" data-line="673" class="link-to-prism">src/dropdown/dropdown.component.ts:673</a></div>
2341
2341
  </td>
2342
2342
  </tr>
2343
2343
 
@@ -3662,6 +3662,11 @@ export class Dropdown implements OnInit, AfterContentInit, OnDestroy, ControlVal
3662
3662
  * Expands the dropdown menu in the view.
3663
3663
  */
3664
3664
  openMenu() {
3665
+ // prevents the dropdown from opening when list of items is empty
3666
+ if (this.view.getListItems().length &#x3D;&#x3D;&#x3D; 0) {
3667
+ return;
3668
+ }
3669
+
3665
3670
  this.menuIsClosed &#x3D; false;
3666
3671
 
3667
3672
  // move the dropdown list to the body if we&#x27;re not appending inline
package/docs/documentation/components/File.html CHANGED
@@ -94,6 +94,10 @@
94
94
  (keyup.enter)&#x3D;&quot;remove.emit()&quot;
95
95
  (keyup.space)&#x3D;&quot;remove.emit()&quot;
96
96
  tabindex&#x3D;&quot;0&quot;&gt;
97
+ &lt;ibm-icon-warning-filled16
98
+ *ngIf&#x3D;&quot;isInvalidText&quot;
99
+ class&#x3D;&quot;bx--file--invalid&quot;&gt;
100
+ &lt;/ibm-icon-warning-filled16&gt;
97
101
  &lt;ibm-icon-close16
98
102
  class&#x3D;&quot;bx--file-close&quot;
99
103
  [ariaLabel]&#x3D;&quot;translations.REMOVE_BUTTON&quot;&gt;
@@ -176,6 +180,9 @@
176
180
  <li>
177
181
  <a href="#class.bx--file__selected-file">class.bx--file__selected-file</a>
178
182
  </li>
183
+ <li>
184
+ <a href="#class.bx--file__selected-file--invalid">class.bx--file__selected-file--invalid</a>
185
+ </li>
179
186
  </ul>
180
187
  </td>
181
188
  </tr>
@@ -196,7 +203,7 @@
196
203
  </tr>
197
204
  <tr>
198
205
  <td class="col-md-4">
199
- <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/file-uploader/file.component.ts:58</a></div>
206
+ <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/file-uploader/file.component.ts:66</a></div>
200
207
  </td>
201
208
  </tr>
202
209
 
@@ -254,7 +261,7 @@
254
261
  </tr>
255
262
  <tr>
256
263
  <td class="col-md-2" colspan="2">
257
- <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/file-uploader/file.component.ts:54</a></div>
264
+ <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/file-uploader/file.component.ts:58</a></div>
258
265
  </td>
259
266
  </tr>
260
267
  </tbody>
@@ -276,7 +283,7 @@
276
283
  </tr>
277
284
  <tr>
278
285
  <td class="col-md-2" colspan="2">
279
- <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/file-uploader/file.component.ts:50</a></div>
286
+ <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/file-uploader/file.component.ts:54</a></div>
280
287
  </td>
281
288
  </tr>
282
289
  </tbody>
@@ -298,7 +305,7 @@
298
305
  </tr>
299
306
  <tr>
300
307
  <td class="col-md-2" colspan="2">
301
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/file-uploader/file.component.ts:56</a></div>
308
+ <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/file-uploader/file.component.ts:60</a></div>
302
309
  </td>
303
310
  </tr>
304
311
  </tbody>
@@ -331,7 +338,35 @@
331
338
  </tr>
332
339
  <tr>
333
340
  <td class="col-md-4">
334
- <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/file-uploader/file.component.ts:58</a></div>
341
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/file-uploader/file.component.ts:62</a></div>
342
+ </td>
343
+ </tr>
344
+
345
+
346
+ </tbody>
347
+ </table>
348
+ <table class="table table-sm table-bordered">
349
+ <tbody>
350
+ <tr>
351
+ <td class="col-md-4">
352
+ <a name="class.bx--file__selected-file--invalid"></a>
353
+ <span class="name">
354
+ <b>
355
+ class.bx--file__selected-file--invalid
356
+ </b>
357
+ <a href="#class.bx--file__selected-file--invalid"><span class="icon ion-ios-link"></span></a>
358
+ </span>
359
+ </td>
360
+ </tr>
361
+ <tr>
362
+ <td class="col-md-4">
363
+ <code>class.bx--file__selected-file--invalid: <code></code>
364
+ </code>
365
+ </td>
366
+ </tr>
367
+ <tr>
368
+ <td class="col-md-4">
369
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/file-uploader/file.component.ts:64</a></div>
335
370
  </td>
336
371
  </tr>
337
372
 
@@ -372,6 +407,10 @@ import { FileItem } from &quot;./file-item.interface&quot;;
372
407
  (keyup.enter)&#x3D;&quot;remove.emit()&quot;
373
408
  (keyup.space)&#x3D;&quot;remove.emit()&quot;
374
409
  tabindex&#x3D;&quot;0&quot;&gt;
410
+ &lt;ibm-icon-warning-filled16
411
+ *ngIf&#x3D;&quot;isInvalidText&quot;
412
+ class&#x3D;&quot;bx--file--invalid&quot;&gt;
413
+ &lt;/ibm-icon-warning-filled16&gt;
375
414
  &lt;ibm-icon-close16
376
415
  class&#x3D;&quot;bx--file-close&quot;
377
416
  [ariaLabel]&#x3D;&quot;translations.REMOVE_BUTTON&quot;&gt;
@@ -405,6 +444,10 @@ export class File {
405
444
 
406
445
  @HostBinding(&quot;class.bx--file__selected-file&quot;) selectedFile &#x3D; true;
407
446
 
447
+ @HostBinding(&quot;class.bx--file__selected-file--invalid&quot;) get isInvalidText() {
448
+ return this.fileItem.invalidText;
449
+ }
450
+
408
451
  constructor(protected i18n: I18n) {}
409
452
  }
410
453
  </code></pre>
@@ -437,7 +480,7 @@ export class File {
437
480
  <script src="../js/libs/htmlparser.js"></script>
438
481
  <script src="../js/libs/deep-iterator.js"></script>
439
482
  <script>
440
- var COMPONENT_TEMPLATE = '<div><p class="bx--file-filename">{{fileItem.file.name}}</p><span *ngIf="fileItem.state === \'edit\'" class="bx--file__state-container" (click)="remove.emit()" (keyup.enter)="remove.emit()" (keyup.space)="remove.emit()" tabindex="0"> <ibm-icon-close16 class="bx--file-close" [ariaLabel]="translations.REMOVE_BUTTON"> </ibm-icon-close16></span><span *ngIf="fileItem.state === \'upload\'"> <ibm-loading size="sm"></ibm-loading></span><span *ngIf="fileItem.state === \'complete\'" class="bx--file__state-container" tabindex="0"> <ibm-icon-checkmark-filled16 class="bx--file-complete" [ariaLabel]="translations.CHECKMARK"> </ibm-icon-checkmark-filled16></span> </div>'
483
+ var COMPONENT_TEMPLATE = '<div><p class="bx--file-filename">{{fileItem.file.name}}</p><span *ngIf="fileItem.state === \'edit\'" class="bx--file__state-container" (click)="remove.emit()" (keyup.enter)="remove.emit()" (keyup.space)="remove.emit()" tabindex="0"> <ibm-icon-warning-filled16 *ngIf="isInvalidText" class="bx--file--invalid"> </ibm-icon-warning-filled16> <ibm-icon-close16 class="bx--file-close" [ariaLabel]="translations.REMOVE_BUTTON"> </ibm-icon-close16></span><span *ngIf="fileItem.state === \'upload\'"> <ibm-loading size="sm"></ibm-loading></span><span *ngIf="fileItem.state === \'complete\'" class="bx--file__state-container" tabindex="0"> <ibm-icon-checkmark-filled16 class="bx--file-complete" [ariaLabel]="translations.CHECKMARK"> </ibm-icon-checkmark-filled16></span> </div>'
441
484
  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': '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'}];
442
485
  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]'}];
443
486
  var ACTUAL_COMPONENT = {'name': 'File'};
package/docs/documentation/components/FileUploader.html CHANGED
@@ -132,7 +132,12 @@
132
132
  tabindex&#x3D;&quot;-1&quot;
133
133
  (change)&#x3D;&quot;onFilesAdded()&quot;/&gt;
134
134
  &lt;div class&#x3D;&quot;bx--file-container&quot;&gt;
135
- &lt;ibm-file *ngFor&#x3D;&quot;let fileItem of files&quot; [fileItem]&#x3D;&quot;fileItem&quot; (remove)&#x3D;&quot;removeFile(fileItem)&quot;&gt;&lt;/ibm-file&gt;
135
+ &lt;div *ngFor&#x3D;&quot;let fileItem of files&quot;&gt;
136
+ &lt;ibm-file [fileItem]&#x3D;&quot;fileItem&quot; (remove)&#x3D;&quot;removeFile(fileItem)&quot;&gt;&lt;/ibm-file&gt;
137
+ &lt;div *ngIf&#x3D;&quot;fileItem.invalid&quot; class&#x3D;&quot;bx--form-requirement&quot;&gt;
138
+ {{fileItem.invalidText}}
139
+ &lt;/div&gt;
140
+ &lt;/div&gt;
136
141
  &lt;/div&gt;
137
142
  &lt;/div&gt;
138
143
  &lt;/ng-container&gt;
@@ -306,7 +311,7 @@
306
311
  </tr>
307
312
  <tr>
308
313
  <td class="col-md-4">
309
- <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/file-uploader/file-uploader.component.ts:118</a></div>
314
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/file-uploader/file-uploader.component.ts:123</a></div>
310
315
  </td>
311
316
  </tr>
312
317
 
@@ -363,7 +368,7 @@
363
368
  </tr>
364
369
  <tr>
365
370
  <td class="col-md-2" colspan="2">
366
- <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/file-uploader/file-uploader.component.ts:86</a></div>
371
+ <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/file-uploader/file-uploader.component.ts:91</a></div>
367
372
  </td>
368
373
  </tr>
369
374
  </tbody>
@@ -386,7 +391,7 @@
386
391
  </tr>
387
392
  <tr>
388
393
  <td class="col-md-2" colspan="2">
389
- <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/file-uploader/file-uploader.component.ts:74</a></div>
394
+ <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/file-uploader/file-uploader.component.ts:79</a></div>
390
395
  </td>
391
396
  </tr>
392
397
  </tbody>
@@ -409,7 +414,7 @@
409
414
  </tr>
410
415
  <tr>
411
416
  <td class="col-md-2" colspan="2">
412
- <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/file-uploader/file-uploader.component.ts:82</a></div>
417
+ <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/file-uploader/file-uploader.component.ts:87</a></div>
413
418
  </td>
414
419
  </tr>
415
420
  </tbody>
@@ -432,7 +437,7 @@
432
437
  </tr>
433
438
  <tr>
434
439
  <td class="col-md-2" colspan="2">
435
- <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/file-uploader/file-uploader.component.ts:114</a></div>
440
+ <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/file-uploader/file-uploader.component.ts:119</a></div>
436
441
  </td>
437
442
  </tr>
438
443
  </tbody>
@@ -454,7 +459,7 @@
454
459
  </tr>
455
460
  <tr>
456
461
  <td class="col-md-2" colspan="2">
457
- <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/file-uploader/file-uploader.component.ts:106</a></div>
462
+ <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/file-uploader/file-uploader.component.ts:111</a></div>
458
463
  </td>
459
464
  </tr>
460
465
  </tbody>
@@ -477,7 +482,7 @@
477
482
  </tr>
478
483
  <tr>
479
484
  <td class="col-md-2" colspan="2">
480
- <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/file-uploader/file-uploader.component.ts:92</a></div>
485
+ <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/file-uploader/file-uploader.component.ts:97</a></div>
481
486
  </td>
482
487
  </tr>
483
488
  </tbody>
@@ -500,7 +505,7 @@
500
505
  </tr>
501
506
  <tr>
502
507
  <td class="col-md-2" colspan="2">
503
- <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/file-uploader/file-uploader.component.ts:102</a></div>
508
+ <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/file-uploader/file-uploader.component.ts:107</a></div>
504
509
  </td>
505
510
  </tr>
506
511
  </tbody>
@@ -522,7 +527,7 @@
522
527
  </tr>
523
528
  <tr>
524
529
  <td class="col-md-2" colspan="2">
525
- <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/file-uploader/file-uploader.component.ts:96</a></div>
530
+ <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/file-uploader/file-uploader.component.ts:101</a></div>
526
531
  </td>
527
532
  </tr>
528
533
  </tbody>
@@ -545,7 +550,7 @@
545
550
  </tr>
546
551
  <tr>
547
552
  <td class="col-md-2" colspan="2">
548
- <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/file-uploader/file-uploader.component.ts:78</a></div>
553
+ <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/file-uploader/file-uploader.component.ts:83</a></div>
549
554
  </td>
550
555
  </tr>
551
556
  </tbody>
@@ -567,7 +572,7 @@
567
572
  </tr>
568
573
  <tr>
569
574
  <td class="col-md-2" colspan="2">
570
- <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/file-uploader/file-uploader.component.ts:115</a></div>
575
+ <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/file-uploader/file-uploader.component.ts:120</a></div>
571
576
  </td>
572
577
  </tr>
573
578
  </tbody>
@@ -602,7 +607,7 @@
602
607
 
603
608
  <tr>
604
609
  <td class="col-md-4">
605
- <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/file-uploader/file-uploader.component.ts:137</a></div>
610
+ <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/file-uploader/file-uploader.component.ts:142</a></div>
606
611
  </td>
607
612
  </tr>
608
613
 
@@ -640,7 +645,7 @@
640
645
 
641
646
  <tr>
642
647
  <td class="col-md-4">
643
- <div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/file-uploader/file-uploader.component.ts:145</a></div>
648
+ <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/file-uploader/file-uploader.component.ts:150</a></div>
644
649
  </td>
645
650
  </tr>
646
651
 
@@ -678,7 +683,7 @@
678
683
 
679
684
  <tr>
680
685
  <td class="col-md-4">
681
- <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/file-uploader/file-uploader.component.ts:158</a></div>
686
+ <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/file-uploader/file-uploader.component.ts:163</a></div>
682
687
  </td>
683
688
  </tr>
684
689
 
@@ -716,7 +721,7 @@
716
721
 
717
722
  <tr>
718
723
  <td class="col-md-4">
719
- <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/file-uploader/file-uploader.component.ts:191</a></div>
724
+ <div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/file-uploader/file-uploader.component.ts:198</a></div>
720
725
  </td>
721
726
  </tr>
722
727
 
@@ -787,7 +792,7 @@
787
792
 
788
793
  <tr>
789
794
  <td class="col-md-4">
790
- <div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/file-uploader/file-uploader.component.ts:185</a></div>
795
+ <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/file-uploader/file-uploader.component.ts:192</a></div>
791
796
  </td>
792
797
  </tr>
793
798
 
@@ -858,7 +863,7 @@
858
863
 
859
864
  <tr>
860
865
  <td class="col-md-4">
861
- <div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/file-uploader/file-uploader.component.ts:176</a></div>
866
+ <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/file-uploader/file-uploader.component.ts:183</a></div>
862
867
  </td>
863
868
  </tr>
864
869
 
@@ -923,7 +928,7 @@
923
928
 
924
929
  <tr>
925
930
  <td class="col-md-4">
926
- <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/file-uploader/file-uploader.component.ts:152</a></div>
931
+ <div class="io-line">Defined in <a href="" data-line="157" class="link-to-prism">src/file-uploader/file-uploader.component.ts:157</a></div>
927
932
  </td>
928
933
  </tr>
929
934
 
@@ -1009,7 +1014,7 @@
1009
1014
  </tr>
1010
1015
  <tr>
1011
1016
  <td class="col-md-4">
1012
- <div class="io-line">Defined in <a href="" data-line="110" class="link-to-prism">src/file-uploader/file-uploader.component.ts:110</a></div>
1017
+ <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/file-uploader/file-uploader.component.ts:115</a></div>
1013
1018
  </td>
1014
1019
  </tr>
1015
1020
 
@@ -1055,7 +1060,7 @@
1055
1060
  </tr>
1056
1061
  <tr>
1057
1062
  <td class="col-md-4">
1058
- <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/file-uploader/file-uploader.component.ts:68</a></div>
1063
+ <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/file-uploader/file-uploader.component.ts:73</a></div>
1059
1064
  </td>
1060
1065
  </tr>
1061
1066
 
@@ -1101,7 +1106,7 @@
1101
1106
  </tr>
1102
1107
  <tr>
1103
1108
  <td class="col-md-4">
1104
- <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/file-uploader/file-uploader.component.ts:118</a></div>
1109
+ <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/file-uploader/file-uploader.component.ts:123</a></div>
1105
1110
  </td>
1106
1111
  </tr>
1107
1112
 
@@ -1141,7 +1146,7 @@
1141
1146
  </tr>
1142
1147
  <tr>
1143
1148
  <td class="col-md-4">
1144
- <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/file-uploader/file-uploader.component.ts:117</a></div>
1149
+ <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/file-uploader/file-uploader.component.ts:122</a></div>
1145
1150
  </td>
1146
1151
  </tr>
1147
1152
 
@@ -1170,7 +1175,7 @@
1170
1175
  </tr>
1171
1176
  <tr>
1172
1177
  <td class="col-md-4">
1173
- <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/file-uploader/file-uploader.component.ts:127</a></div>
1178
+ <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/file-uploader/file-uploader.component.ts:132</a></div>
1174
1179
  </td>
1175
1180
  </tr>
1176
1181
  <tr>
@@ -1192,7 +1197,7 @@
1192
1197
  </tr>
1193
1198
  <tr>
1194
1199
  <td class="col-md-4">
1195
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/file-uploader/file-uploader.component.ts:130</a></div>
1200
+ <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/file-uploader/file-uploader.component.ts:135</a></div>
1196
1201
  </td>
1197
1202
  </tr>
1198
1203
  <tr>
@@ -1279,7 +1284,12 @@ const noop &#x3D; () &#x3D;&gt; {};
1279
1284
  tabindex&#x3D;&quot;-1&quot;
1280
1285
  (change)&#x3D;&quot;onFilesAdded()&quot;/&gt;
1281
1286
  &lt;div class&#x3D;&quot;bx--file-container&quot;&gt;
1282
- &lt;ibm-file *ngFor&#x3D;&quot;let fileItem of files&quot; [fileItem]&#x3D;&quot;fileItem&quot; (remove)&#x3D;&quot;removeFile(fileItem)&quot;&gt;&lt;/ibm-file&gt;
1287
+ &lt;div *ngFor&#x3D;&quot;let fileItem of files&quot;&gt;
1288
+ &lt;ibm-file [fileItem]&#x3D;&quot;fileItem&quot; (remove)&#x3D;&quot;removeFile(fileItem)&quot;&gt;&lt;/ibm-file&gt;
1289
+ &lt;div *ngIf&#x3D;&quot;fileItem.invalid&quot; class&#x3D;&quot;bx--form-requirement&quot;&gt;
1290
+ {{fileItem.invalidText}}
1291
+ &lt;/div&gt;
1292
+ &lt;/div&gt;
1283
1293
  &lt;/div&gt;
1284
1294
  &lt;/div&gt;
1285
1295
  &lt;/ng-container&gt;
@@ -1401,6 +1411,8 @@ export class FileUploader implements OnInit {
1401
1411
  const fileItem: FileItem &#x3D; {
1402
1412
  uploaded: false,
1403
1413
  state: &quot;edit&quot;,
1414
+ invalid: false,
1415
+ invalidText: &quot;&quot;,
1404
1416
  file: file
1405
1417
  };
1406
1418
  this.files.add(fileItem);
@@ -1464,7 +1476,7 @@ export class FileUploader implements OnInit {
1464
1476
  <script src="../js/libs/htmlparser.js"></script>
1465
1477
  <script src="../js/libs/deep-iterator.js"></script>
1466
1478
  <script>
1467
- var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="!skeleton; else skeletonTemplate"> <strong class="bx--file--label">{{title}}</strong> <p class="bx--label-description">{{description}}</p> <div class="bx--file"> <button ibmButton="primary" (click)="fileInput.click()" [attr.for]="fileUploaderId" [size]="size"> {{buttonText}} </button> <input #fileInput type="file" class="bx--file-input" [accept]="accept" [id]="fileUploaderId" [multiple]="multiple" tabindex="-1" (change)="onFilesAdded()"/> <div class="bx--file-container"> <ibm-file *ngFor="let fileItem of files" [fileItem]="fileItem" (remove)="removeFile(fileItem)"></ibm-file> </div> </div></ng-container><ng-template #skeletonTemplate> <div class="bx--skeleton__text" style="width: 100px"></div> <div class="bx--skeleton__text" style="width: 225px"></div> <button ibmButton skeleton="true"></button></ng-template> </div>'
1479
+ var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="!skeleton; else skeletonTemplate"> <strong class="bx--file--label">{{title}}</strong> <p class="bx--label-description">{{description}}</p> <div class="bx--file"> <button ibmButton="primary" (click)="fileInput.click()" [attr.for]="fileUploaderId" [size]="size"> {{buttonText}} </button> <input #fileInput type="file" class="bx--file-input" [accept]="accept" [id]="fileUploaderId" [multiple]="multiple" tabindex="-1" (change)="onFilesAdded()"/> <div class="bx--file-container"> <div *ngFor="let fileItem of files"> <ibm-file [fileItem]="fileItem" (remove)="removeFile(fileItem)"></ibm-file> <div *ngIf="fileItem.invalid" class="bx--form-requirement"> {{fileItem.invalidText}} </div> </div> </div> </div></ng-container><ng-template #skeletonTemplate> <div class="bx--skeleton__text" style="width: 100px"></div> <div class="bx--skeleton__text" style="width: 225px"></div> <button ibmButton skeleton="true"></button></ng-template> </div>'
1468
1480
  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': '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'}];
1469
1481
  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]'}];
1470
1482
  var ACTUAL_COMPONENT = {'name': 'FileUploader'};