carbon-components-angular 3.8.0 → 3.9.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 (127) hide show
  1. package/bundle/carbon-angular.umd.js +2 -2
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/checkbox/checkbox.component.d.ts +4 -0
  4. package/checkbox/checkbox.component.js +6 -1
  5. package/checkbox/checkbox.component.js.map +1 -1
  6. package/checkbox/checkbox.component.metadata.json +1 -1
  7. package/checkbox/checkbox.component.ngfactory.js +2 -2
  8. package/checkbox/checkbox.component.ngfactory.js.map +1 -1
  9. package/checkbox/checkbox.component.ngsummary.json +1 -1
  10. package/checkbox/checkbox.module.ngfactory.js.map +1 -1
  11. package/combobox/combobox.component.d.ts +14 -4
  12. package/combobox/combobox.component.js +12 -9
  13. package/combobox/combobox.component.js.map +1 -1
  14. package/combobox/combobox.component.metadata.json +1 -1
  15. package/combobox/combobox.component.ngfactory.js +15 -8
  16. package/combobox/combobox.component.ngfactory.js.map +1 -1
  17. package/combobox/combobox.component.ngsummary.json +1 -1
  18. package/combobox/combobox.module.ngfactory.js.map +1 -1
  19. package/content-switcher/content-switcher.component.d.ts +1 -0
  20. package/content-switcher/content-switcher.component.js +18 -5
  21. package/content-switcher/content-switcher.component.js.map +1 -1
  22. package/content-switcher/content-switcher.component.metadata.json +1 -1
  23. package/content-switcher/content-switcher.component.ngfactory.js +2 -2
  24. package/content-switcher/content-switcher.component.ngfactory.js.map +1 -1
  25. package/content-switcher/content-switcher.component.ngsummary.json +1 -1
  26. package/content-switcher/content-switcher.module.ngfactory.js.map +1 -1
  27. package/datepicker/datepicker.component.d.ts +1 -1
  28. package/datepicker/datepicker.component.js.map +1 -1
  29. package/datepicker-input/datepicker-input.component.d.ts +2 -2
  30. package/datepicker-input/datepicker-input.component.js +1 -1
  31. package/datepicker-input/datepicker-input.component.js.map +1 -1
  32. package/datepicker-input/datepicker-input.component.metadata.json +1 -1
  33. package/datepicker-input/datepicker-input.component.ngfactory.js +14 -11
  34. package/datepicker-input/datepicker-input.component.ngfactory.js.map +1 -1
  35. package/datepicker-input/datepicker-input.module.ngfactory.js.map +1 -1
  36. package/docs/documentation/classes/CheckboxChange.html +7 -1
  37. package/docs/documentation/classes/NumberChange.html +11 -7
  38. package/docs/documentation/classes/ToggleChange.html +13 -5
  39. package/docs/documentation/components/Checkbox.html +74 -41
  40. package/docs/documentation/components/ComboBox.html +366 -184
  41. package/docs/documentation/components/ContentSwitcher.html +136 -12
  42. package/docs/documentation/components/DatePicker.html +2 -2
  43. package/docs/documentation/components/DatePickerInput.html +24 -22
  44. package/docs/documentation/components/Dropdown.html +335 -62
  45. package/docs/documentation/components/File.html +10 -6
  46. package/docs/documentation/components/FileUploader.html +26 -24
  47. package/docs/documentation/components/HeaderItem.html +2 -2
  48. package/docs/documentation/components/Label.html +3 -3
  49. package/docs/documentation/components/Number.html +57 -41
  50. package/docs/documentation/components/Select.html +55 -42
  51. package/docs/documentation/components/Slider.html +254 -142
  52. package/docs/documentation/components/TimePicker.html +103 -17
  53. package/docs/documentation/components/TimePickerSelect.html +65 -37
  54. package/docs/documentation/components/Toggle.html +168 -55
  55. package/docs/documentation/coverage.html +20 -20
  56. package/docs/documentation/js/search/search_index.js +2 -2
  57. package/docs/storybook/iframe.html +3 -3
  58. package/docs/storybook/{main.56858f6c72e70f546e4c.bundle.js → main.e71ec014aa45dc1d6679.bundle.js} +194 -104
  59. package/docs/storybook/main.e71ec014aa45dc1d6679.bundle.js.map +1 -0
  60. package/docs/storybook/{runtime~main.56858f6c72e70f546e4c.bundle.js → runtime~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
  61. package/docs/storybook/{runtime~main.56858f6c72e70f546e4c.bundle.js.map → runtime~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
  62. package/docs/storybook/{vendors~main.56858f6c72e70f546e4c.bundle.js → vendors~main.e71ec014aa45dc1d6679.bundle.js} +1 -1
  63. package/docs/storybook/{vendors~main.56858f6c72e70f546e4c.bundle.js.map → vendors~main.e71ec014aa45dc1d6679.bundle.js.map} +1 -1
  64. package/dropdown/dropdown.component.d.ts +12 -0
  65. package/dropdown/dropdown.component.js +12 -2
  66. package/dropdown/dropdown.component.js.map +1 -1
  67. package/dropdown/dropdown.component.metadata.json +1 -1
  68. package/dropdown/dropdown.component.ngfactory.js +18 -11
  69. package/dropdown/dropdown.component.ngfactory.js.map +1 -1
  70. package/dropdown/dropdown.component.ngsummary.json +1 -1
  71. package/dropdown/dropdown.module.ngfactory.js.map +1 -1
  72. package/file-uploader/file-uploader.component.js +1 -1
  73. package/file-uploader/file-uploader.component.js.map +1 -1
  74. package/file-uploader/file-uploader.component.metadata.json +1 -1
  75. package/file-uploader/file-uploader.component.ngfactory.js +1 -1
  76. package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
  77. package/file-uploader/file.component.js +1 -1
  78. package/file-uploader/file.component.js.map +1 -1
  79. package/file-uploader/file.component.metadata.json +1 -1
  80. package/file-uploader/file.component.ngfactory.js +7 -1
  81. package/file-uploader/file.component.ngfactory.js.map +1 -1
  82. package/input/label.component.d.ts +1 -1
  83. package/input/label.component.js.map +1 -1
  84. package/number-input/number.component.d.ts +3 -3
  85. package/number-input/number.component.js +1 -1
  86. package/number-input/number.component.js.map +1 -1
  87. package/number-input/number.component.metadata.json +1 -1
  88. package/number-input/number.component.ngfactory.js +25 -21
  89. package/number-input/number.component.ngfactory.js.map +1 -1
  90. package/number-input/number.module.ngfactory.js.map +1 -1
  91. package/package.json +1 -1
  92. package/select/select.component.d.ts +3 -3
  93. package/select/select.component.js +4 -8
  94. package/select/select.component.js.map +1 -1
  95. package/select/select.component.metadata.json +1 -1
  96. package/select/select.component.ngfactory.js +21 -15
  97. package/select/select.component.ngfactory.js.map +1 -1
  98. package/select/select.component.ngsummary.json +1 -1
  99. package/slider/slider.component.d.ts +4 -1
  100. package/slider/slider.component.js +7 -3
  101. package/slider/slider.component.js.map +1 -1
  102. package/slider/slider.component.metadata.json +1 -1
  103. package/slider/slider.component.ngfactory.js +10 -7
  104. package/slider/slider.component.ngfactory.js.map +1 -1
  105. package/slider/slider.component.ngsummary.json +1 -1
  106. package/timepicker/timepicker.component.d.ts +3 -2
  107. package/timepicker/timepicker.component.js +5 -2
  108. package/timepicker/timepicker.component.js.map +1 -1
  109. package/timepicker/timepicker.component.metadata.json +1 -1
  110. package/timepicker/timepicker.component.ngfactory.js +4 -1
  111. package/timepicker/timepicker.component.ngfactory.js.map +1 -1
  112. package/timepicker/timepicker.component.ngsummary.json +1 -1
  113. package/timepicker-select/timepicker-select.component.d.ts +1 -0
  114. package/timepicker-select/timepicker-select.component.js +1 -0
  115. package/timepicker-select/timepicker-select.component.js.map +1 -1
  116. package/timepicker-select/timepicker-select.component.metadata.json +1 -1
  117. package/timepicker-select/timepicker-select.component.ngsummary.json +1 -1
  118. package/toggle/toggle.component.d.ts +3 -2
  119. package/toggle/toggle.component.js +5 -2
  120. package/toggle/toggle.component.js.map +1 -1
  121. package/toggle/toggle.component.metadata.json +1 -1
  122. package/toggle/toggle.component.ngfactory.js +7 -4
  123. package/toggle/toggle.component.ngfactory.js.map +1 -1
  124. package/toggle/toggle.component.ngsummary.json +1 -1
  125. package/ui-shell/header/header-item.component.js +1 -1
  126. package/ui-shell/header/header-item.component.js.map +1 -1
  127. package/docs/storybook/main.56858f6c72e70f546e4c.bundle.js.map +0 -1
@@ -91,6 +91,8 @@
91
91
  *ngIf="fileItem.state === 'edit'"
92
92
  class="bx--file__state-container"
93
93
  (click)="remove.emit()"
94
+ (keyup.enter)="remove.emit()"
95
+ (keyup.space)="remove.emit()"
94
96
  tabindex="0">
95
97
  <ibm-icon-close16
96
98
  class="bx--file-close"
@@ -194,7 +196,7 @@
194
196
  </tr>
195
197
  <tr>
196
198
  <td class="col-md-4">
197
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/file-uploader/file.component.ts:56</a></div>
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>
198
200
  </td>
199
201
  </tr>
200
202
 
@@ -252,7 +254,7 @@
252
254
  </tr>
253
255
  <tr>
254
256
  <td class="col-md-2" colspan="2">
255
- <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/file-uploader/file.component.ts:52</a></div>
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>
256
258
  </td>
257
259
  </tr>
258
260
  </tbody>
@@ -274,7 +276,7 @@
274
276
  </tr>
275
277
  <tr>
276
278
  <td class="col-md-2" colspan="2">
277
- <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/file-uploader/file.component.ts:48</a></div>
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>
278
280
  </td>
279
281
  </tr>
280
282
  </tbody>
@@ -296,7 +298,7 @@
296
298
  </tr>
297
299
  <tr>
298
300
  <td class="col-md-2" colspan="2">
299
- <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/file-uploader/file.component.ts:54</a></div>
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>
300
302
  </td>
301
303
  </tr>
302
304
  </tbody>
@@ -329,7 +331,7 @@
329
331
  </tr>
330
332
  <tr>
331
333
  <td class="col-md-4">
332
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/file-uploader/file.component.ts:56</a></div>
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>
333
335
  </td>
334
336
  </tr>
335
337
 
@@ -367,6 +369,8 @@ import { FileItem } from &quot;./file-item.interface&quot;;
367
369
  *ngIf&#x3D;&quot;fileItem.state &#x3D;&#x3D;&#x3D; &#x27;edit&#x27;&quot;
368
370
  class&#x3D;&quot;bx--file__state-container&quot;
369
371
  (click)&#x3D;&quot;remove.emit()&quot;
372
+ (keyup.enter)&#x3D;&quot;remove.emit()&quot;
373
+ (keyup.space)&#x3D;&quot;remove.emit()&quot;
370
374
  tabindex&#x3D;&quot;0&quot;&gt;
371
375
  &lt;ibm-icon-close16
372
376
  class&#x3D;&quot;bx--file-close&quot;
@@ -433,7 +437,7 @@ export class File {
433
437
  <script src="../js/libs/htmlparser.js"></script>
434
438
  <script src="../js/libs/deep-iterator.js"></script>
435
439
  <script>
436
- 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()" 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>'
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>'
437
441
  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'}];
438
442
  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]'}];
439
443
  var ACTUAL_COMPONENT = {'name': 'File'};
@@ -133,6 +133,7 @@
133
133
  [accept]&#x3D;&quot;accept&quot;
134
134
  [id]&#x3D;&quot;fileUploaderId&quot;
135
135
  [multiple]&#x3D;&quot;multiple&quot;
136
+ tabindex&#x3D;&quot;-1&quot;
136
137
  (change)&#x3D;&quot;onFilesAdded()&quot;/&gt;
137
138
  &lt;div class&#x3D;&quot;bx--file-container&quot;&gt;
138
139
  &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;
@@ -306,7 +307,7 @@
306
307
  </tr>
307
308
  <tr>
308
309
  <td class="col-md-4">
309
- <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>
310
+ <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>
310
311
  </td>
311
312
  </tr>
312
313
 
@@ -363,7 +364,7 @@
363
364
  </tr>
364
365
  <tr>
365
366
  <td class="col-md-2" colspan="2">
366
- <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/file-uploader/file-uploader.component.ts:88</a></div>
367
+ <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/file-uploader/file-uploader.component.ts:89</a></div>
367
368
  </td>
368
369
  </tr>
369
370
  </tbody>
@@ -386,7 +387,7 @@
386
387
  </tr>
387
388
  <tr>
388
389
  <td class="col-md-2" colspan="2">
389
- <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/file-uploader/file-uploader.component.ts:76</a></div>
390
+ <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/file-uploader/file-uploader.component.ts:77</a></div>
390
391
  </td>
391
392
  </tr>
392
393
  </tbody>
@@ -409,7 +410,7 @@
409
410
  </tr>
410
411
  <tr>
411
412
  <td class="col-md-2" colspan="2">
412
- <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/file-uploader/file-uploader.component.ts:84</a></div>
413
+ <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/file-uploader/file-uploader.component.ts:85</a></div>
413
414
  </td>
414
415
  </tr>
415
416
  </tbody>
@@ -432,7 +433,7 @@
432
433
  </tr>
433
434
  <tr>
434
435
  <td class="col-md-2" colspan="2">
435
- <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>
436
+ <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>
436
437
  </td>
437
438
  </tr>
438
439
  </tbody>
@@ -454,7 +455,7 @@
454
455
  </tr>
455
456
  <tr>
456
457
  <td class="col-md-2" colspan="2">
457
- <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>
458
+ <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/file-uploader/file-uploader.component.ts:103</a></div>
458
459
  </td>
459
460
  </tr>
460
461
  </tbody>
@@ -477,7 +478,7 @@
477
478
  </tr>
478
479
  <tr>
479
480
  <td class="col-md-2" colspan="2">
480
- <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/file-uploader/file-uploader.component.ts:94</a></div>
481
+ <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/file-uploader/file-uploader.component.ts:95</a></div>
481
482
  </td>
482
483
  </tr>
483
484
  </tbody>
@@ -499,7 +500,7 @@
499
500
  </tr>
500
501
  <tr>
501
502
  <td class="col-md-2" colspan="2">
502
- <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/file-uploader/file-uploader.component.ts:98</a></div>
503
+ <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/file-uploader/file-uploader.component.ts:99</a></div>
503
504
  </td>
504
505
  </tr>
505
506
  </tbody>
@@ -522,7 +523,7 @@
522
523
  </tr>
523
524
  <tr>
524
525
  <td class="col-md-2" colspan="2">
525
- <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/file-uploader/file-uploader.component.ts:80</a></div>
526
+ <div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/file-uploader/file-uploader.component.ts:81</a></div>
526
527
  </td>
527
528
  </tr>
528
529
  </tbody>
@@ -544,7 +545,7 @@
544
545
  </tr>
545
546
  <tr>
546
547
  <td class="col-md-2" colspan="2">
547
- <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>
548
+ <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/file-uploader/file-uploader.component.ts:112</a></div>
548
549
  </td>
549
550
  </tr>
550
551
  </tbody>
@@ -579,7 +580,7 @@
579
580
 
580
581
  <tr>
581
582
  <td class="col-md-4">
582
- <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/file-uploader/file-uploader.component.ts:133</a></div>
583
+ <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/file-uploader/file-uploader.component.ts:134</a></div>
583
584
  </td>
584
585
  </tr>
585
586
 
@@ -617,7 +618,7 @@
617
618
 
618
619
  <tr>
619
620
  <td class="col-md-4">
620
- <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/file-uploader/file-uploader.component.ts:141</a></div>
621
+ <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>
621
622
  </td>
622
623
  </tr>
623
624
 
@@ -655,7 +656,7 @@
655
656
 
656
657
  <tr>
657
658
  <td class="col-md-4">
658
- <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/file-uploader/file-uploader.component.ts:154</a></div>
659
+ <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/file-uploader/file-uploader.component.ts:155</a></div>
659
660
  </td>
660
661
  </tr>
661
662
 
@@ -693,7 +694,7 @@
693
694
 
694
695
  <tr>
695
696
  <td class="col-md-4">
696
- <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/file-uploader/file-uploader.component.ts:187</a></div>
697
+ <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/file-uploader/file-uploader.component.ts:188</a></div>
697
698
  </td>
698
699
  </tr>
699
700
 
@@ -764,7 +765,7 @@
764
765
 
765
766
  <tr>
766
767
  <td class="col-md-4">
767
- <div class="io-line">Defined in <a href="" data-line="181" class="link-to-prism">src/file-uploader/file-uploader.component.ts:181</a></div>
768
+ <div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/file-uploader/file-uploader.component.ts:182</a></div>
768
769
  </td>
769
770
  </tr>
770
771
 
@@ -835,7 +836,7 @@
835
836
 
836
837
  <tr>
837
838
  <td class="col-md-4">
838
- <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/file-uploader/file-uploader.component.ts:172</a></div>
839
+ <div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/file-uploader/file-uploader.component.ts:173</a></div>
839
840
  </td>
840
841
  </tr>
841
842
 
@@ -900,7 +901,7 @@
900
901
 
901
902
  <tr>
902
903
  <td class="col-md-4">
903
- <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/file-uploader/file-uploader.component.ts:148</a></div>
904
+ <div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/file-uploader/file-uploader.component.ts:149</a></div>
904
905
  </td>
905
906
  </tr>
906
907
 
@@ -986,7 +987,7 @@
986
987
  </tr>
987
988
  <tr>
988
989
  <td class="col-md-4">
989
- <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>
990
+ <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>
990
991
  </td>
991
992
  </tr>
992
993
 
@@ -1032,7 +1033,7 @@
1032
1033
  </tr>
1033
1034
  <tr>
1034
1035
  <td class="col-md-4">
1035
- <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/file-uploader/file-uploader.component.ts:70</a></div>
1036
+ <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/file-uploader/file-uploader.component.ts:71</a></div>
1036
1037
  </td>
1037
1038
  </tr>
1038
1039
 
@@ -1078,7 +1079,7 @@
1078
1079
  </tr>
1079
1080
  <tr>
1080
1081
  <td class="col-md-4">
1081
- <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>
1082
+ <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>
1082
1083
  </td>
1083
1084
  </tr>
1084
1085
 
@@ -1118,7 +1119,7 @@
1118
1119
  </tr>
1119
1120
  <tr>
1120
1121
  <td class="col-md-4">
1121
- <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/file-uploader/file-uploader.component.ts:113</a></div>
1122
+ <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>
1122
1123
  </td>
1123
1124
  </tr>
1124
1125
 
@@ -1147,7 +1148,7 @@
1147
1148
  </tr>
1148
1149
  <tr>
1149
1150
  <td class="col-md-4">
1150
- <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>
1151
+ <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/file-uploader/file-uploader.component.ts:124</a></div>
1151
1152
  </td>
1152
1153
  </tr>
1153
1154
  <tr>
@@ -1169,7 +1170,7 @@
1169
1170
  </tr>
1170
1171
  <tr>
1171
1172
  <td class="col-md-4">
1172
- <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/file-uploader/file-uploader.component.ts:126</a></div>
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>
1173
1174
  </td>
1174
1175
  </tr>
1175
1176
  <tr>
@@ -1256,6 +1257,7 @@ const noop &#x3D; () &#x3D;&gt; {};
1256
1257
  [accept]&#x3D;&quot;accept&quot;
1257
1258
  [id]&#x3D;&quot;fileUploaderId&quot;
1258
1259
  [multiple]&#x3D;&quot;multiple&quot;
1260
+ tabindex&#x3D;&quot;-1&quot;
1259
1261
  (change)&#x3D;&quot;onFilesAdded()&quot;/&gt;
1260
1262
  &lt;div class&#x3D;&quot;bx--file-container&quot;&gt;
1261
1263
  &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;
@@ -1437,7 +1439,7 @@ export class FileUploader implements OnInit {
1437
1439
  <script src="../js/libs/htmlparser.js"></script>
1438
1440
  <script src="../js/libs/deep-iterator.js"></script>
1439
1441
  <script>
1440
- 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"> {{buttonText}} </button> <input #fileInput type="file" class="bx--file-input" [accept]="accept" [id]="fileUploaderId" [multiple]="multiple" (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>'
1442
+ 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"> {{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>'
1441
1443
  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'}];
1442
1444
  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]'}];
1443
1445
  var ACTUAL_COMPONENT = {'name': 'FileUploader'};
@@ -146,7 +146,7 @@
146
146
  </td>
147
147
  <td class="col-md-10">
148
148
  <p>
149
- <em>Default value : </em><code>&quot;#&quot;</code>
149
+ <em>Default value : </em><code>&quot;javascript:void(0)&quot;</code>
150
150
  </p>
151
151
  </td>
152
152
  </tr>
@@ -180,7 +180,7 @@
180
180
  &#x60;
181
181
  })
182
182
  export class HeaderItem {
183
- @Input() href &#x3D; &quot;#&quot;;
183
+ @Input() href &#x3D; &quot;javascript:void(0)&quot;;
184
184
  }
185
185
  </code></pre>
186
186
  </div>
@@ -189,7 +189,7 @@
189
189
  <td class="col-md-4">
190
190
  <ul class="index-list">
191
191
  <li>
192
- <span class="modifier">Protected</span>
192
+ <span class="modifier">Public</span>
193
193
  <a href="#isTemplate">isTemplate</a>
194
194
  </li>
195
195
  <li>
@@ -467,7 +467,7 @@
467
467
  <a name="isTemplate"></a>
468
468
  <span class="name">
469
469
  <b>
470
- <span class="modifier">Protected</span>
470
+ <span class="modifier">Public</span>
471
471
  isTemplate
472
472
  </b>
473
473
  <a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
@@ -782,7 +782,7 @@ export class Label implements AfterContentInit {
782
782
  this.elementRef.nativeElement.querySelector(&quot;input,textarea,div&quot;).setAttribute(&quot;id&quot;, this.labelInputID);
783
783
  }
784
784
 
785
- protected isTemplate(value) {
785
+ public isTemplate(value) {
786
786
  return value instanceof TemplateRef;
787
787
  }
788
788
  }