carbon-components-angular 5.40.3 → 5.40.5

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 (37) hide show
  1. package/docs/documentation/components/ClickableTile.html +48 -11
  2. package/docs/documentation/components/Modal.html +77 -26
  3. package/docs/documentation/coverage.html +7 -7
  4. package/docs/documentation/js/search/search_index.js +2 -2
  5. package/docs/documentation/modules/ThemeModule/dependencies.svg +14 -14
  6. package/docs/documentation/modules/ThemeModule.html +14 -14
  7. package/docs/documentation/modules/TilesModule/dependencies.svg +100 -100
  8. package/docs/documentation/modules/TilesModule.html +100 -100
  9. package/docs/documentation/modules/TimePickerModule/dependencies.svg +44 -40
  10. package/docs/documentation/modules/TimePickerModule.html +44 -40
  11. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +23 -23
  12. package/docs/documentation/modules/TimePickerSelectModule.html +23 -23
  13. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/ToggletipModule.html +4 -4
  15. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/TooltipModule.html +4 -4
  17. package/docs/documentation.json +43 -33
  18. package/docs/storybook/{3931.0e7c514c.iframe.bundle.js → 3931.b0862ad7.iframe.bundle.js} +1 -1
  19. package/docs/storybook/{9558.5e0c598c.iframe.bundle.js → 9558.40984421.iframe.bundle.js} +1 -1
  20. package/docs/storybook/iframe.html +2 -2
  21. package/docs/storybook/main.d8d08a11.iframe.bundle.js +1 -0
  22. package/docs/storybook/project.json +1 -1
  23. package/docs/storybook/{runtime~main.9a2d87c0.iframe.bundle.js → runtime~main.f922d628.iframe.bundle.js} +1 -1
  24. package/esm2020/modal/modal.component.mjs +19 -11
  25. package/esm2020/tiles/clickable-tile.component.mjs +6 -2
  26. package/fesm2015/carbon-components-angular-modal.mjs +25 -17
  27. package/fesm2015/carbon-components-angular-modal.mjs.map +1 -1
  28. package/fesm2015/carbon-components-angular-tiles.mjs +5 -1
  29. package/fesm2015/carbon-components-angular-tiles.mjs.map +1 -1
  30. package/fesm2020/carbon-components-angular-modal.mjs +25 -17
  31. package/fesm2020/carbon-components-angular-modal.mjs.map +1 -1
  32. package/fesm2020/carbon-components-angular-tiles.mjs +5 -1
  33. package/fesm2020/carbon-components-angular-tiles.mjs.map +1 -1
  34. package/modal/modal.component.d.ts +2 -1
  35. package/package.json +1 -1
  36. package/tiles/clickable-tile.component.d.ts +5 -1
  37. package/docs/storybook/main.6ab6b957.iframe.bundle.js +0 -1
package/docs/documentation/components/ClickableTile.html CHANGED
@@ -167,6 +167,7 @@
167
167
  (click)="navigate($event)"
168
168
  [attr.href]="disabled ? null : href"
169
169
  [attr.target]="target"
170
+ [attr.rel]="rel ? rel : null"
170
171
  [attr.aria-disabled]="disabled">
171
172
  <ng-content></ng-content>
172
173
  &lt;/a&gt;</code></pre></td>
@@ -218,6 +219,9 @@
218
219
  <li>
219
220
  <a href="#href" >href</a>
220
221
  </li>
222
+ <li>
223
+ <a href="#rel" >rel</a>
224
+ </li>
221
225
  <li>
222
226
  <a href="#route" >route</a>
223
227
  </li>
@@ -266,7 +270,7 @@
266
270
  </tr>
267
271
  <tr>
268
272
  <td class="col-md-4">
269
- <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/tiles/clickable-tile.component.ts:78</a></div>
273
+ <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/tiles/clickable-tile.component.ts:84</a></div>
270
274
  </td>
271
275
  </tr>
272
276
 
@@ -327,7 +331,7 @@
327
331
  </tr>
328
332
  <tr>
329
333
  <td class="col-md-2" colspan="2">
330
- <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/tiles/clickable-tile.component.ts:61</a></div>
334
+ <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/tiles/clickable-tile.component.ts:67</a></div>
331
335
  </td>
332
336
  </tr>
333
337
  <tr>
@@ -359,12 +363,39 @@
359
363
  </tr>
360
364
  <tr>
361
365
  <td class="col-md-2" colspan="2">
362
- <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/tiles/clickable-tile.component.ts:51</a></div>
366
+ <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/tiles/clickable-tile.component.ts:52</a></div>
363
367
  </td>
364
368
  </tr>
365
369
  <tr>
366
370
  <td class="col-md-4">
367
371
  <div class="io-description"><p>Sets the <code>href</code> attribute on the <code>cds-clickable-tile</code> element.</p>
372
+ </div>
373
+ </td>
374
+ </tr>
375
+ </tbody>
376
+ </table>
377
+ <table class="table table-sm table-bordered">
378
+ <tbody>
379
+ <tr>
380
+ <td class="col-md-4">
381
+ <a name="rel"></a>
382
+ <b>rel</b>
383
+ </td>
384
+ </tr>
385
+ <tr>
386
+ <td class="col-md-4">
387
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
388
+
389
+ </td>
390
+ </tr>
391
+ <tr>
392
+ <td class="col-md-2" colspan="2">
393
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/tiles/clickable-tile.component.ts:62</a></div>
394
+ </td>
395
+ </tr>
396
+ <tr>
397
+ <td class="col-md-4">
398
+ <div class="io-description"><p>Sets the <code>rel</code> attribute on the <code>cds-clickable-tile</code> element.</p>
368
399
  </div>
369
400
  </td>
370
401
  </tr>
@@ -386,7 +417,7 @@
386
417
  </tr>
387
418
  <tr>
388
419
  <td class="col-md-2" colspan="2">
389
- <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/tiles/clickable-tile.component.ts:67</a></div>
420
+ <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tiles/clickable-tile.component.ts:73</a></div>
390
421
  </td>
391
422
  </tr>
392
423
  <tr>
@@ -414,7 +445,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
414
445
  </tr>
415
446
  <tr>
416
447
  <td class="col-md-2" colspan="2">
417
- <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tiles/clickable-tile.component.ts:73</a></div>
448
+ <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/tiles/clickable-tile.component.ts:79</a></div>
418
449
  </td>
419
450
  </tr>
420
451
  <tr>
@@ -442,7 +473,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
442
473
  </tr>
443
474
  <tr>
444
475
  <td class="col-md-2" colspan="2">
445
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/tiles/clickable-tile.component.ts:56</a></div>
476
+ <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/tiles/clickable-tile.component.ts:57</a></div>
446
477
  </td>
447
478
  </tr>
448
479
  <tr>
@@ -474,7 +505,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
474
505
  </tr>
475
506
  <tr>
476
507
  <td class="col-md-2" colspan="2">
477
- <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/tiles/clickable-tile.component.ts:46</a></div>
508
+ <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/tiles/clickable-tile.component.ts:47</a></div>
478
509
  </td>
479
510
  </tr>
480
511
  </tbody>
@@ -498,7 +529,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
498
529
  </tr>
499
530
  <tr>
500
531
  <td class="col-md-2" colspan="2">
501
- <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/tiles/clickable-tile.component.ts:78</a></div>
532
+ <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/tiles/clickable-tile.component.ts:84</a></div>
502
533
  </td>
503
534
  </tr>
504
535
  <tr>
@@ -537,8 +568,8 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
537
568
 
538
569
  <tr>
539
570
  <td class="col-md-4">
540
- <div class="io-line">Defined in <a href="" data-line="82"
541
- class="link-to-prism">src/tiles/clickable-tile.component.ts:82</a></div>
571
+ <div class="io-line">Defined in <a href="" data-line="88"
572
+ class="link-to-prism">src/tiles/clickable-tile.component.ts:88</a></div>
542
573
  </td>
543
574
  </tr>
544
575
 
@@ -622,6 +653,7 @@ import { Router } from &quot;@angular/router&quot;;
622
653
  (click)&#x3D;&quot;navigate($event)&quot;
623
654
  [attr.href]&#x3D;&quot;disabled ? null : href&quot;
624
655
  [attr.target]&#x3D;&quot;target&quot;
656
+ [attr.rel]&#x3D;&quot;rel ? rel : null&quot;
625
657
  [attr.aria-disabled]&#x3D;&quot;disabled&quot;&gt;
626
658
  &lt;ng-content&gt;&lt;/ng-content&gt;
627
659
  &lt;/a&gt;&#x60;
@@ -643,6 +675,11 @@ export class ClickableTile {
643
675
  */
644
676
  @Input() target: string;
645
677
 
678
+ /**
679
+ * Sets the &#x60;rel&#x60; attribute on the &#x60;cds-clickable-tile&#x60; element.
680
+ */
681
+ @Input() rel: string;
682
+
646
683
  /**
647
684
  * Set to &#x60;true&#x60; to disable the clickable tile.
648
685
  */
@@ -705,7 +742,7 @@ export class ClickableTile {
705
742
  <script src="../js/libs/htmlparser.js"></script>
706
743
  <script src="../js/libs/deep-iterator.js"></script>
707
744
  <script>
708
- var COMPONENT_TEMPLATE = '<div><a cdsLink class="cds--tile cds--tile--clickable" [ngClass]="{ \'cds--tile--light\': theme === \'light\', \'cds--tile--disabled cds--link--disabled\' : disabled }" tabindex="0" (click)="navigate($event)" [attr.href]="disabled ? null : href" [attr.target]="target" [attr.aria-disabled]="disabled"> <ng-content></ng-content></a></div>'
745
+ var COMPONENT_TEMPLATE = '<div><a cdsLink class="cds--tile cds--tile--clickable" [ngClass]="{ \'cds--tile--light\': theme === \'light\', \'cds--tile--disabled cds--link--disabled\' : disabled }" tabindex="0" (click)="navigate($event)" [attr.href]="disabled ? null : href" [attr.target]="target" [attr.rel]="rel ? rel : null" [attr.aria-disabled]="disabled"> <ng-content></ng-content></a></div>'
709
746
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
710
747
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
711
748
  var ACTUAL_COMPONENT = {'name': 'ClickableTile'};
package/docs/documentation/components/Modal.html CHANGED
@@ -218,10 +218,6 @@ this.modalService.create({component: SampleModal, inputs: {modalText: &quot;Hell
218
218
  [attr.aria-label]&#x3D;&quot;ariaLabel&quot;
219
219
  #modal&gt;
220
220
  &lt;ng-content&gt;&lt;/ng-content&gt;
221
- &lt;div
222
- *ngIf&#x3D;&quot;hasScrollingContent !&#x3D;&#x3D; null ? hasScrollingContent : shouldShowScrollbar&quot;
223
- class&#x3D;&quot;cds--modal-content--overflow-indicator&quot;&gt;
224
- &lt;/div&gt;
225
221
  &lt;/div&gt;
226
222
  &lt;/cds-overlay&gt;
227
223
  </code></pre></td>
@@ -291,6 +287,10 @@ this.modalService.create({component: SampleModal, inputs: {modalText: &quot;Hell
291
287
  <li>
292
288
  <a href="#ngOnDestroy" >ngOnDestroy</a>
293
289
  </li>
290
+ <li>
291
+ <span class="modifier">Private</span>
292
+ <a href="#updateScrollbar" >updateScrollbar</a>
293
+ </li>
294
294
  </ul>
295
295
  </td>
296
296
  </tr>
@@ -388,7 +388,7 @@ this.modalService.create({component: SampleModal, inputs: {modalText: &quot;Hell
388
388
  </tr>
389
389
  <tr>
390
390
  <td class="col-md-4">
391
- <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/modal/modal.component.ts:156</a></div>
391
+ <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/modal/modal.component.ts:152</a></div>
392
392
  </td>
393
393
  </tr>
394
394
 
@@ -475,7 +475,7 @@ this.modalService.create({component: SampleModal, inputs: {modalText: &quot;Hell
475
475
  </tr>
476
476
  <tr>
477
477
  <td class="col-md-2" colspan="2">
478
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/modal/modal.component.ts:120</a></div>
478
+ <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/modal/modal.component.ts:116</a></div>
479
479
  </td>
480
480
  </tr>
481
481
  <tr>
@@ -507,7 +507,7 @@ this.modalService.create({component: SampleModal, inputs: {modalText: &quot;Hell
507
507
  </tr>
508
508
  <tr>
509
509
  <td class="col-md-2" colspan="2">
510
- <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/modal/modal.component.ts:138</a></div>
510
+ <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/modal/modal.component.ts:134</a></div>
511
511
  </td>
512
512
  </tr>
513
513
  <tr>
@@ -542,7 +542,7 @@ It is set to <code>null</code> by default which indicates not to override automa
542
542
  </tr>
543
543
  <tr>
544
544
  <td class="col-md-2" colspan="2">
545
- <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/modal/modal.component.ts:125</a></div>
545
+ <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/modal/modal.component.ts:121</a></div>
546
546
  </td>
547
547
  </tr>
548
548
  <tr>
@@ -574,7 +574,7 @@ It is set to <code>null</code> by default which indicates not to override automa
574
574
  </tr>
575
575
  <tr>
576
576
  <td class="col-md-2" colspan="2">
577
- <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/modal/modal.component.ts:111</a></div>
577
+ <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/modal/modal.component.ts:107</a></div>
578
578
  </td>
579
579
  </tr>
580
580
  <tr>
@@ -606,7 +606,7 @@ It is set to <code>null</code> by default which indicates not to override automa
606
606
  </tr>
607
607
  <tr>
608
608
  <td class="col-md-2" colspan="2">
609
- <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/modal/modal.component.ts:115</a></div>
609
+ <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/modal/modal.component.ts:111</a></div>
610
610
  </td>
611
611
  </tr>
612
612
  <tr>
@@ -633,7 +633,7 @@ It is set to <code>null</code> by default which indicates not to override automa
633
633
  </tr>
634
634
  <tr>
635
635
  <td class="col-md-2" colspan="2">
636
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/modal/modal.component.ts:130</a></div>
636
+ <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/modal/modal.component.ts:126</a></div>
637
637
  </td>
638
638
  </tr>
639
639
  <tr>
@@ -663,7 +663,7 @@ It is set to <code>null</code> by default which indicates not to override automa
663
663
  </tr>
664
664
  <tr>
665
665
  <td class="col-md-2" colspan="2">
666
- <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/modal/modal.component.ts:147</a></div>
666
+ <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/modal/modal.component.ts:143</a></div>
667
667
  </td>
668
668
  </tr>
669
669
  <tr>
@@ -690,7 +690,7 @@ It is set to <code>null</code> by default which indicates not to override automa
690
690
  </tr>
691
691
  <tr>
692
692
  <td class="col-md-2" colspan="2">
693
- <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/modal/modal.component.ts:143</a></div>
693
+ <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/modal/modal.component.ts:139</a></div>
694
694
  </td>
695
695
  </tr>
696
696
  <tr>
@@ -887,8 +887,8 @@ It is set to <code>null</code> by default which indicates not to override automa
887
887
 
888
888
  <tr>
889
889
  <td class="col-md-4">
890
- <div class="io-line">Defined in <a href="" data-line="187"
891
- class="link-to-prism">src/modal/modal.component.ts:187</a></div>
890
+ <div class="io-line">Defined in <a href="" data-line="186"
891
+ class="link-to-prism">src/modal/modal.component.ts:186</a></div>
892
892
  </td>
893
893
  </tr>
894
894
 
@@ -926,8 +926,8 @@ It is set to <code>null</code> by default which indicates not to override automa
926
926
 
927
927
  <tr>
928
928
  <td class="col-md-4">
929
- <div class="io-line">Defined in <a href="" data-line="167"
930
- class="link-to-prism">src/modal/modal.component.ts:167</a></div>
929
+ <div class="io-line">Defined in <a href="" data-line="163"
930
+ class="link-to-prism">src/modal/modal.component.ts:163</a></div>
931
931
  </td>
932
932
  </tr>
933
933
 
@@ -998,6 +998,45 @@ It is set to <code>null</code> by default which indicates not to override automa
998
998
  </tr>
999
999
 
1000
1000
 
1001
+ <tr>
1002
+ <td class="col-md-4">
1003
+
1004
+ <div class="io-description">
1005
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1006
+
1007
+ </div>
1008
+ </td>
1009
+ </tr>
1010
+ </tbody>
1011
+ </table>
1012
+ <table class="table table-sm table-bordered">
1013
+ <tbody>
1014
+ <tr>
1015
+ <td class="col-md-4">
1016
+ <a name="updateScrollbar"></a>
1017
+ <span class="name">
1018
+ <span class="modifier">Private</span>
1019
+ <span ><b>updateScrollbar</b></span>
1020
+ <a href="#updateScrollbar"><span class="icon ion-ios-link"></span></a>
1021
+ </span>
1022
+ </td>
1023
+ </tr>
1024
+ <tr>
1025
+ <td class="col-md-4">
1026
+ <span class="modifier-icon icon ion-ios-reset"></span>
1027
+ <code>updateScrollbar()</code>
1028
+ </td>
1029
+ </tr>
1030
+
1031
+
1032
+ <tr>
1033
+ <td class="col-md-4">
1034
+ <div class="io-line">Defined in <a href="" data-line="248"
1035
+ class="link-to-prism">src/modal/modal.component.ts:248</a></div>
1036
+ </td>
1037
+ </tr>
1038
+
1039
+
1001
1040
  <tr>
1002
1041
  <td class="col-md-4">
1003
1042
 
@@ -1044,7 +1083,7 @@ It is set to <code>null</code> by default which indicates not to override automa
1044
1083
  </tr>
1045
1084
  <tr>
1046
1085
  <td class="col-md-4">
1047
- <div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/modal/modal.component.ts:151</a></div>
1086
+ <div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/modal/modal.component.ts:147</a></div>
1048
1087
  </td>
1049
1088
  </tr>
1050
1089
 
@@ -1077,7 +1116,7 @@ It is set to <code>null</code> by default which indicates not to override automa
1077
1116
  </tr>
1078
1117
  <tr>
1079
1118
  <td class="col-md-4">
1080
- <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/modal/modal.component.ts:162</a></div>
1119
+ <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/modal/modal.component.ts:158</a></div>
1081
1120
  </td>
1082
1121
  </tr>
1083
1122
 
@@ -1108,7 +1147,7 @@ It is set to <code>null</code> by default which indicates not to override automa
1108
1147
  </tr>
1109
1148
  <tr>
1110
1149
  <td class="col-md-4">
1111
- <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/modal/modal.component.ts:156</a></div>
1150
+ <div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/modal/modal.component.ts:152</a></div>
1112
1151
  </td>
1113
1152
  </tr>
1114
1153
 
@@ -1261,10 +1300,6 @@ export class ModalDemo {
1261
1300
  [attr.aria-label]&#x3D;&quot;ariaLabel&quot;
1262
1301
  #modal&gt;
1263
1302
  &lt;ng-content&gt;&lt;/ng-content&gt;
1264
- &lt;div
1265
- *ngIf&#x3D;&quot;hasScrollingContent !&#x3D;&#x3D; null ? hasScrollingContent : shouldShowScrollbar&quot;
1266
- class&#x3D;&quot;cds--modal-content--overflow-indicator&quot;&gt;
1267
- &lt;/div&gt;
1268
1303
  &lt;/div&gt;
1269
1304
  &lt;/cds-overlay&gt;
1270
1305
  &#x60;
@@ -1329,7 +1364,7 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1329
1364
  private renderer: Renderer2
1330
1365
  ) { }
1331
1366
 
1332
- ngOnChanges({ open }: SimpleChanges) {
1367
+ ngOnChanges({ open, hasScrollingContent }: SimpleChanges) {
1333
1368
  if (open) {
1334
1369
  if (open.currentValue) {
1335
1370
  // &#x60;100&#x60; is just enough time to allow the modal
@@ -1344,6 +1379,9 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1344
1379
  this.trigger.focus();
1345
1380
  }
1346
1381
  }
1382
+ if (hasScrollingContent) {
1383
+ this.updateScrollbar();
1384
+ }
1347
1385
  }
1348
1386
 
1349
1387
  /**
@@ -1351,6 +1389,7 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1351
1389
  */
1352
1390
  ngAfterViewInit() {
1353
1391
  this.focusInitialElement();
1392
+ this.updateScrollbar();
1354
1393
  }
1355
1394
 
1356
1395
  /**
@@ -1409,6 +1448,18 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1409
1448
  setTimeout(() &#x3D;&gt; this.modal.nativeElement.focus());
1410
1449
  }
1411
1450
  }
1451
+
1452
+ private updateScrollbar() {
1453
+ const modalContent &#x3D; this.modal ? this.modal.nativeElement.querySelector(&quot;.cds--modal-content&quot;) : null;
1454
+ const showScrollbar &#x3D; this.hasScrollingContent !&#x3D;&#x3D; null ? this.hasScrollingContent : this.shouldShowScrollbar;
1455
+ if (modalContent) {
1456
+ if (showScrollbar) {
1457
+ this.renderer.addClass(modalContent, &quot;cds--modal-scroll-content&quot;);
1458
+ } else {
1459
+ this.renderer.removeClass(modalContent, &quot;cds--modal-scroll-content&quot;);
1460
+ }
1461
+ }
1462
+ }
1412
1463
  }
1413
1464
  </code></pre>
1414
1465
  </div>
@@ -1440,7 +1491,7 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
1440
1491
  <script src="../js/libs/htmlparser.js"></script>
1441
1492
  <script src="../js/libs/deep-iterator.js"></script>
1442
1493
  <script>
1443
- var COMPONENT_TEMPLATE = '<div><cds-overlay [theme]="theme" [open]="open" (overlaySelect)="overlaySelected.emit()"> <div class="cds--modal-container" [ngClass]="{ \'cds--modal-container--xs\': size === \'xs\', \'cds--modal-container--sm\': size === \'sm\', \'cds--modal-container--md\': size === \'md\', \'cds--modal-container--lg\': size === \'lg\' }" role="dialog" aria-modal="true" style="z-index:1;" [attr.aria-label]="ariaLabel" #modal> <ng-content></ng-content> <div *ngIf="hasScrollingContent !== null ? hasScrollingContent : shouldShowScrollbar" class="cds--modal-content--overflow-indicator"> </div> </div></cds-overlay> </div>'
1494
+ var COMPONENT_TEMPLATE = '<div><cds-overlay [theme]="theme" [open]="open" (overlaySelect)="overlaySelected.emit()"> <div class="cds--modal-container" [ngClass]="{ \'cds--modal-container--xs\': size === \'xs\', \'cds--modal-container--sm\': size === \'sm\', \'cds--modal-container--md\': size === \'md\', \'cds--modal-container--lg\': size === \'lg\' }" role="dialog" aria-modal="true" style="z-index:1;" [attr.aria-label]="ariaLabel" #modal> <ng-content></ng-content> </div></cds-overlay> </div>'
1444
1495
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
1445
1496
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
1446
1497
  var ACTUAL_COMPONENT = {'name': 'Modal'};
package/docs/documentation/coverage.html CHANGED
@@ -1522,16 +1522,16 @@
1522
1522
  <span class="coverage-count">(5/9)</span>
1523
1523
  </td>
1524
1524
  </tr>
1525
- <tr class="very-good">
1525
+ <tr class="good">
1526
1526
  <td>
1527
1527
  <!-- miscellaneous -->
1528
1528
  <a href="./components/Modal.html">src/modal/modal.component.ts</a>
1529
1529
  </td>
1530
1530
  <td>component</td>
1531
1531
  <td>Modal</td>
1532
- <td align="right" data-sort="78">
1533
- <span class="coverage-percent">78 %</span>
1534
- <span class="coverage-count">(15/19)</span>
1532
+ <td align="right" data-sort="75">
1533
+ <span class="coverage-percent">75 %</span>
1534
+ <span class="coverage-count">(15/20)</span>
1535
1535
  </td>
1536
1536
  </tr>
1537
1537
  <tr class="good">
@@ -2705,9 +2705,9 @@
2705
2705
  </td>
2706
2706
  <td>component</td>
2707
2707
  <td>ClickableTile</td>
2708
- <td align="right" data-sort="70">
2709
- <span class="coverage-percent">70 %</span>
2710
- <span class="coverage-count">(7/10)</span>
2708
+ <td align="right" data-sort="72">
2709
+ <span class="coverage-percent">72 %</span>
2710
+ <span class="coverage-count">(8/11)</span>
2711
2711
  </td>
2712
2712
  </tr>
2713
2713
  <tr class="low">