carbon-components-angular 5.19.0 → 5.20.0

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 (61) hide show
  1. package/docs/documentation/components/TableRadio.html +47 -15
  2. package/docs/documentation/components/Toggletip.html +62 -43
  3. package/docs/documentation/components/Tooltip.html +97 -60
  4. package/docs/documentation/components/TooltipDefinition.html +81 -44
  5. package/docs/documentation/coverage.html +1 -1
  6. package/docs/documentation/directives/PopoverContainer.html +88 -36
  7. package/docs/documentation/js/search/search_index.js +2 -2
  8. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  9. package/docs/documentation/modules/TimePickerModule.html +4 -4
  10. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +30 -30
  11. package/docs/documentation/modules/TimePickerSelectModule.html +30 -30
  12. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  13. package/docs/documentation/modules/ToggleModule.html +4 -4
  14. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  15. package/docs/documentation/modules/ToggletipModule.html +4 -4
  16. package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
  17. package/docs/documentation/modules/TreeviewModule.html +36 -36
  18. package/docs/documentation.json +262 -173
  19. package/docs/storybook/4578.93dc52a7.iframe.bundle.js +1 -0
  20. package/docs/storybook/{5868.3a9c7b8c.iframe.bundle.js → 5868.6cf155a6.iframe.bundle.js} +1 -1
  21. package/docs/storybook/{contained-list-contained-list-stories.ef42e2d0.iframe.bundle.js → contained-list-contained-list-stories.f8fd4e51.iframe.bundle.js} +1 -1
  22. package/docs/storybook/iframe.html +2 -2
  23. package/docs/storybook/main.aec7fc6c.iframe.bundle.js +1 -0
  24. package/docs/storybook/popover-popover-stories.e8d6e7c9.iframe.bundle.js +1 -0
  25. package/docs/storybook/project.json +1 -1
  26. package/docs/storybook/{runtime~main.a75e2345.iframe.bundle.js → runtime~main.3b1ae09e.iframe.bundle.js} +1 -1
  27. package/docs/storybook/{toggletip-toggletip-stories.0c822ddd.iframe.bundle.js → toggletip-toggletip-stories.1da8eaf1.iframe.bundle.js} +1 -1
  28. package/docs/storybook/tooltip-definition-tooptip-stories.57864d79.iframe.bundle.js +1 -0
  29. package/docs/storybook/tooltip-tooltip-stories.b15c3310.iframe.bundle.js +1 -0
  30. package/esm2020/popover/popover.directive.mjs +6 -4
  31. package/esm2020/table/cell/table-radio.component.mjs +6 -1
  32. package/esm2020/toggletip/toggletip.component.mjs +9 -7
  33. package/esm2020/tooltip/definition-tooptip.component.mjs +9 -7
  34. package/esm2020/tooltip/tooltip.component.mjs +9 -7
  35. package/fesm2015/carbon-components-angular-popover.mjs +5 -3
  36. package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
  37. package/fesm2015/carbon-components-angular-table.mjs +5 -0
  38. package/fesm2015/carbon-components-angular-table.mjs.map +1 -1
  39. package/fesm2015/carbon-components-angular-toggletip.mjs +8 -6
  40. package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
  41. package/fesm2015/carbon-components-angular-tooltip.mjs +15 -11
  42. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  43. package/fesm2020/carbon-components-angular-popover.mjs +5 -3
  44. package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
  45. package/fesm2020/carbon-components-angular-table.mjs +5 -0
  46. package/fesm2020/carbon-components-angular-table.mjs.map +1 -1
  47. package/fesm2020/carbon-components-angular-toggletip.mjs +8 -6
  48. package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
  49. package/fesm2020/carbon-components-angular-tooltip.mjs +15 -11
  50. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  51. package/package.json +1 -1
  52. package/popover/popover.directive.d.ts +3 -1
  53. package/table/cell/table-radio.component.d.ts +1 -0
  54. package/toggletip/toggletip.component.d.ts +3 -2
  55. package/tooltip/definition-tooptip.component.d.ts +3 -2
  56. package/tooltip/tooltip.component.d.ts +3 -2
  57. package/docs/storybook/4578.86305077.iframe.bundle.js +0 -1
  58. package/docs/storybook/main.0080423e.iframe.bundle.js +0 -1
  59. package/docs/storybook/popover-popover-stories.a0233f25.iframe.bundle.js +0 -1
  60. package/docs/storybook/tooltip-definition-tooptip-stories.6cd8bfb0.iframe.bundle.js +0 -1
  61. package/docs/storybook/tooltip-tooltip-stories.286d6e5f.iframe.bundle.js +0 -1
package/docs/documentation/components/TableRadio.html CHANGED
@@ -101,6 +101,7 @@
101
101
  [attr.aria-label]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async"
102
102
  [ariaLabel]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async"
103
103
  [checked]="selected"
104
+ [disabled]="disabled"
104
105
  (change)="change.emit()">
105
106
  </cds-radio>
106
107
  </code></pre></td>
@@ -211,6 +212,9 @@
211
212
  <li>
212
213
  <a href="#label" >label</a>
213
214
  </li>
215
+ <li>
216
+ <a href="#disabled" >disabled</a>
217
+ </li>
214
218
  </ul>
215
219
  </td>
216
220
  </tr>
@@ -229,7 +233,7 @@
229
233
  </tr>
230
234
  <tr>
231
235
  <td class="col-md-4">
232
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/table/cell/table-radio.component.ts:57</a></div>
236
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/table/cell/table-radio.component.ts:63</a></div>
233
237
  </td>
234
238
  </tr>
235
239
 
@@ -285,7 +289,7 @@
285
289
  </tr>
286
290
  <tr>
287
291
  <td class="col-md-2" colspan="2">
288
- <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/table/cell/table-radio.component.ts:30</a></div>
292
+ <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/table/cell/table-radio.component.ts:32</a></div>
289
293
  </td>
290
294
  </tr>
291
295
  </tbody>
@@ -306,7 +310,7 @@
306
310
  </tr>
307
311
  <tr>
308
312
  <td class="col-md-2" colspan="2">
309
- <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/table/cell/table-radio.component.ts:25</a></div>
313
+ <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/table/cell/table-radio.component.ts:27</a></div>
310
314
  </td>
311
315
  </tr>
312
316
  </tbody>
@@ -332,7 +336,7 @@
332
336
  </tr>
333
337
  <tr>
334
338
  <td class="col-md-2" colspan="2">
335
- <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/table/cell/table-radio.component.ts:27</a></div>
339
+ <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/table/cell/table-radio.component.ts:29</a></div>
336
340
  </td>
337
341
  </tr>
338
342
  </tbody>
@@ -353,7 +357,7 @@
353
357
  </tr>
354
358
  <tr>
355
359
  <td class="col-md-2" colspan="2">
356
- <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/table/cell/table-radio.component.ts:48</a></div>
360
+ <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/table/cell/table-radio.component.ts:54</a></div>
357
361
  </td>
358
362
  </tr>
359
363
  <tr>
@@ -388,7 +392,7 @@
388
392
  </tr>
389
393
  <tr>
390
394
  <td class="col-md-2" colspan="2">
391
- <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/table/cell/table-radio.component.ts:50</a></div>
395
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/table/cell/table-radio.component.ts:56</a></div>
392
396
  </td>
393
397
  </tr>
394
398
  </tbody>
@@ -412,7 +416,7 @@
412
416
  </tr>
413
417
  <tr>
414
418
  <td class="col-md-2" colspan="2">
415
- <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/table/cell/table-radio.component.ts:55</a></div>
419
+ <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/table/cell/table-radio.component.ts:61</a></div>
416
420
  </td>
417
421
  </tr>
418
422
  <tr>
@@ -451,8 +455,8 @@
451
455
 
452
456
  <tr>
453
457
  <td class="col-md-4">
454
- <div class="io-line">Defined in <a href="" data-line="68"
455
- class="link-to-prism">src/table/cell/table-radio.component.ts:68</a></div>
458
+ <div class="io-line">Defined in <a href="" data-line="74"
459
+ class="link-to-prism">src/table/cell/table-radio.component.ts:74</a></div>
456
460
  </td>
457
461
  </tr>
458
462
 
@@ -488,8 +492,8 @@
488
492
 
489
493
  <tr>
490
494
  <td class="col-md-4">
491
- <div class="io-line">Defined in <a href="" data-line="61"
492
- class="link-to-prism">src/table/cell/table-radio.component.ts:61</a></div>
495
+ <div class="io-line">Defined in <a href="" data-line="67"
496
+ class="link-to-prism">src/table/cell/table-radio.component.ts:67</a></div>
493
497
  </td>
494
498
  </tr>
495
499
 
@@ -562,7 +566,7 @@
562
566
  </tr>
563
567
  <tr>
564
568
  <td class="col-md-4">
565
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/table/cell/table-radio.component.ts:57</a></div>
569
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/table/cell/table-radio.component.ts:63</a></div>
566
570
  </td>
567
571
  </tr>
568
572
 
@@ -591,7 +595,7 @@
591
595
  </tr>
592
596
  <tr>
593
597
  <td class="col-md-4">
594
- <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/table/cell/table-radio.component.ts:34</a></div>
598
+ <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/table/cell/table-radio.component.ts:36</a></div>
595
599
  </td>
596
600
  </tr>
597
601
 
@@ -602,7 +606,7 @@
602
606
  </tr>
603
607
  <tr>
604
608
  <td class="col-md-4">
605
- <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/table/cell/table-radio.component.ts:30</a></div>
609
+ <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/table/cell/table-radio.component.ts:32</a></div>
606
610
  </td>
607
611
  </tr>
608
612
  <tr>
@@ -644,6 +648,28 @@
644
648
  </tr>
645
649
  </tbody>
646
650
  </table>
651
+ <table class="table table-sm table-bordered">
652
+ <tbody>
653
+ <tr>
654
+ <td class="col-md-4">
655
+ <a name="disabled"></a>
656
+ <span class="name"><b>disabled</b><a href="#disabled"><span class="icon ion-ios-link"></span></a></span>
657
+ </td>
658
+ </tr>
659
+
660
+ <tr>
661
+ <td class="col-md-4">
662
+ <span class="accessor"><b>get</b><code>disabled()</code></span>
663
+ </td>
664
+ </tr>
665
+ <tr>
666
+ <td class="col-md-4">
667
+ <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/table/cell/table-radio.component.ts:40</a></div>
668
+ </td>
669
+ </tr>
670
+
671
+ </tbody>
672
+ </table>
647
673
  </section>
648
674
  </div>
649
675
 
@@ -657,6 +683,7 @@
657
683
  } from &quot;@angular/core&quot;;
658
684
  import { I18n } from &quot;carbon-components-angular/i18n&quot;;
659
685
  import { TableItem } from &quot;../table-item.class&quot;;
686
+ import { TableRow } from &quot;../table-row.class&quot;;
660
687
  import { Observable } from &quot;rxjs&quot;;
661
688
 
662
689
  @Component({
@@ -668,6 +695,7 @@ import { Observable } from &quot;rxjs&quot;;
668
695
  [attr.aria-label]&#x3D;&quot;getLabel() | i18nReplace:getSelectionLabelValue(row) | async&quot;
669
696
  [ariaLabel]&#x3D;&quot;getLabel() | i18nReplace:getSelectionLabelValue(row) | async&quot;
670
697
  [checked]&#x3D;&quot;selected&quot;
698
+ [disabled]&#x3D;&quot;disabled&quot;
671
699
  (change)&#x3D;&quot;change.emit()&quot;&gt;
672
700
  &lt;/cds-radio&gt;
673
701
  &#x60;
@@ -686,6 +714,10 @@ export class TableRadio {
686
714
  return this._label.value;
687
715
  }
688
716
 
717
+ get disabled(): boolean {
718
+ return this.row ? !!(this.row as TableRow).disabled : false;
719
+ }
720
+
689
721
  /**
690
722
  * Used to populate the row selection checkbox label with a useful value if set.
691
723
  *
@@ -750,7 +782,7 @@ export class TableRadio {
750
782
  <script src="../js/libs/htmlparser.js"></script>
751
783
  <script src="../js/libs/deep-iterator.js"></script>
752
784
  <script>
753
- var COMPONENT_TEMPLATE = '<div><cds-radio *ngIf="!skeleton" [attr.aria-label]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async" [ariaLabel]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async" [checked]="selected" (change)="change.emit()"></cds-radio> </div>'
785
+ var COMPONENT_TEMPLATE = '<div><cds-radio *ngIf="!skeleton" [attr.aria-label]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async" [ariaLabel]="getLabel() | i18nReplace:getSelectionLabelValue(row) | async" [checked]="selected" [disabled]="disabled" (change)="change.emit()"></cds-radio> </div>'
754
786
  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': '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'}];
755
787
  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': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'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]'}];
756
788
  var ACTUAL_COMPONENT = {'name': 'TableRadio'};
package/docs/documentation/components/Toggletip.html CHANGED
@@ -94,6 +94,10 @@
94
94
  <table class="table table-sm table-hover metadata">
95
95
  <tbody>
96
96
 
97
+ <tr>
98
+ <td class="col-md-3">changeDetection</td>
99
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
100
+ </tr>
97
101
 
98
102
 
99
103
 
@@ -329,12 +333,12 @@
329
333
  <tbody>
330
334
  <tr>
331
335
  <td class="col-md-4">
332
- <code>constructor(hostElement: ElementRef, renderer: Renderer2)</code>
336
+ <code>constructor(hostElement: ElementRef, renderer: Renderer2, ref: ChangeDetectorRef)</code>
333
337
  </td>
334
338
  </tr>
335
339
  <tr>
336
340
  <td class="col-md-4">
337
- <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/toggletip/toggletip.component.ts:43</a></div>
341
+ <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/toggletip/toggletip.component.ts:46</a></div>
338
342
  </td>
339
343
  </tr>
340
344
 
@@ -375,6 +379,18 @@
375
379
  </td>
376
380
 
377
381
  </tr>
382
+ <tr>
383
+ <td>ref</td>
384
+
385
+ <td>
386
+ <code>ChangeDetectorRef</code>
387
+ </td>
388
+
389
+ <td>
390
+ No
391
+ </td>
392
+
393
+ </tr>
378
394
  </tbody>
379
395
  </table>
380
396
  </div>
@@ -407,7 +423,7 @@
407
423
  </tr>
408
424
  <tr>
409
425
  <td class="col-md-2" colspan="2">
410
- <div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/toggletip/toggletip.component.ts:36</a></div>
426
+ <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/toggletip/toggletip.component.ts:39</a></div>
411
427
  </td>
412
428
  </tr>
413
429
  </tbody>
@@ -439,7 +455,7 @@
439
455
  </tr>
440
456
  <tr>
441
457
  <td class="col-md-2" colspan="2">
442
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:39</a></code>
458
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:42</a></code>
443
459
  </div>
444
460
  </td>
445
461
  </tr>
@@ -472,7 +488,7 @@
472
488
  </tr>
473
489
  <tr>
474
490
  <td class="col-md-2" colspan="2">
475
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
491
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:94</a></code>
476
492
  </div>
477
493
  </td>
478
494
  </tr>
@@ -505,7 +521,7 @@
505
521
  </tr>
506
522
  <tr>
507
523
  <td class="col-md-2" colspan="2">
508
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:87</a></code>
524
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:88</a></code>
509
525
  </div>
510
526
  </td>
511
527
  </tr>
@@ -538,7 +554,7 @@
538
554
  </tr>
539
555
  <tr>
540
556
  <td class="col-md-2" colspan="2">
541
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:88</a></code>
557
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:89</a></code>
542
558
  </div>
543
559
  </td>
544
560
  </tr>
@@ -571,7 +587,7 @@
571
587
  </tr>
572
588
  <tr>
573
589
  <td class="col-md-2" colspan="2">
574
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:89</a></code>
590
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:90</a></code>
575
591
  </div>
576
592
  </td>
577
593
  </tr>
@@ -602,7 +618,7 @@
602
618
  </tr>
603
619
  <tr>
604
620
  <td class="col-md-2" colspan="2">
605
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:85</a></code>
621
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:86</a></code>
606
622
  </div>
607
623
  </td>
608
624
  </tr>
@@ -636,7 +652,7 @@
636
652
  </tr>
637
653
  <tr>
638
654
  <td class="col-md-2" colspan="2">
639
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:77</a></code>
655
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:78</a></code>
640
656
  </div>
641
657
  </td>
642
658
  </tr>
@@ -670,7 +686,7 @@
670
686
  </tr>
671
687
  <tr>
672
688
  <td class="col-md-2" colspan="2">
673
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:81</a></code>
689
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:82</a></code>
674
690
  </div>
675
691
  </td>
676
692
  </tr>
@@ -708,7 +724,7 @@
708
724
  </tr>
709
725
  <tr>
710
726
  <td class="col-md-4">
711
- <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/toggletip/toggletip.component.ts:38</a></div>
727
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/toggletip/toggletip.component.ts:41</a></div>
712
728
  </td>
713
729
  </tr>
714
730
 
@@ -740,7 +756,7 @@
740
756
  </tr>
741
757
  <tr>
742
758
  <td class="col-md-4">
743
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:36</a></code>
759
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:37</a></code>
744
760
  </div>
745
761
  </td>
746
762
  </tr>
@@ -773,7 +789,7 @@
773
789
  </tr>
774
790
  <tr>
775
791
  <td class="col-md-4">
776
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:40</a></code>
792
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:41</a></code>
777
793
  </div>
778
794
  </td>
779
795
  </tr>
@@ -806,7 +822,7 @@
806
822
  </tr>
807
823
  <tr>
808
824
  <td class="col-md-4">
809
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:44</a></code>
825
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:45</a></code>
810
826
  </div>
811
827
  </td>
812
828
  </tr>
@@ -839,7 +855,7 @@
839
855
  </tr>
840
856
  <tr>
841
857
  <td class="col-md-4">
842
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:49</a></code>
858
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:50</a></code>
843
859
  </div>
844
860
  </td>
845
861
  </tr>
@@ -872,7 +888,7 @@
872
888
  </tr>
873
889
  <tr>
874
890
  <td class="col-md-4">
875
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:57</a></code>
891
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:58</a></code>
876
892
  </div>
877
893
  </td>
878
894
  </tr>
@@ -905,7 +921,7 @@
905
921
  </tr>
906
922
  <tr>
907
923
  <td class="col-md-4">
908
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:53</a></code>
924
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:54</a></code>
909
925
  </div>
910
926
  </td>
911
927
  </tr>
@@ -938,7 +954,7 @@
938
954
  </tr>
939
955
  <tr>
940
956
  <td class="col-md-4">
941
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:62</a></code>
957
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:63</a></code>
942
958
  </div>
943
959
  </td>
944
960
  </tr>
@@ -971,7 +987,7 @@
971
987
  </tr>
972
988
  <tr>
973
989
  <td class="col-md-4">
974
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:70</a></code>
990
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:71</a></code>
975
991
  </div>
976
992
  </td>
977
993
  </tr>
@@ -1004,7 +1020,7 @@
1004
1020
  </tr>
1005
1021
  <tr>
1006
1022
  <td class="col-md-4">
1007
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:66</a></code>
1023
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:67</a></code>
1008
1024
  </div>
1009
1025
  </td>
1010
1026
  </tr>
@@ -1037,7 +1053,7 @@
1037
1053
  </tr>
1038
1054
  <tr>
1039
1055
  <td class="col-md-4">
1040
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:23</a></code>
1056
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:24</a></code>
1041
1057
  </div>
1042
1058
  </td>
1043
1059
  </tr>
@@ -1070,7 +1086,7 @@
1070
1086
  </tr>
1071
1087
  <tr>
1072
1088
  <td class="col-md-4">
1073
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:27</a></code>
1089
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:28</a></code>
1074
1090
  </div>
1075
1091
  </td>
1076
1092
  </tr>
@@ -1103,7 +1119,7 @@
1103
1119
  </tr>
1104
1120
  <tr>
1105
1121
  <td class="col-md-4">
1106
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:31</a></code>
1122
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:32</a></code>
1107
1123
  </div>
1108
1124
  </td>
1109
1125
  </tr>
@@ -1141,7 +1157,7 @@
1141
1157
  </tr>
1142
1158
  <tr>
1143
1159
  <td class="col-md-4">
1144
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:92</a></code>
1160
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
1145
1161
  </div>
1146
1162
  </td>
1147
1163
  </tr>
@@ -1177,8 +1193,8 @@
1177
1193
 
1178
1194
  <tr>
1179
1195
  <td class="col-md-4">
1180
- <div class="io-line">Defined in <a href="" data-line="77"
1181
- class="link-to-prism">src/toggletip/toggletip.component.ts:77</a></div>
1196
+ <div class="io-line">Defined in <a href="" data-line="80"
1197
+ class="link-to-prism">src/toggletip/toggletip.component.ts:80</a></div>
1182
1198
  </td>
1183
1199
  </tr>
1184
1200
 
@@ -1213,8 +1229,8 @@
1213
1229
 
1214
1230
  <tr>
1215
1231
  <td class="col-md-4">
1216
- <div class="io-line">Defined in <a href="" data-line="90"
1217
- class="link-to-prism">src/toggletip/toggletip.component.ts:90</a></div>
1232
+ <div class="io-line">Defined in <a href="" data-line="93"
1233
+ class="link-to-prism">src/toggletip/toggletip.component.ts:93</a></div>
1218
1234
  </td>
1219
1235
  </tr>
1220
1236
 
@@ -1299,8 +1315,8 @@
1299
1315
 
1300
1316
  <tr>
1301
1317
  <td class="col-md-4">
1302
- <div class="io-line">Defined in <a href="" data-line="84"
1303
- class="link-to-prism">src/toggletip/toggletip.component.ts:84</a></div>
1318
+ <div class="io-line">Defined in <a href="" data-line="87"
1319
+ class="link-to-prism">src/toggletip/toggletip.component.ts:87</a></div>
1304
1320
  </td>
1305
1321
  </tr>
1306
1322
 
@@ -1373,8 +1389,8 @@
1373
1389
 
1374
1390
  <tr>
1375
1391
  <td class="col-md-4">
1376
- <div class="io-line">Defined in <a href="" data-line="77"
1377
- class="link-to-prism">src/toggletip/toggletip.component.ts:77</a></div>
1392
+ <div class="io-line">Defined in <a href="" data-line="80"
1393
+ class="link-to-prism">src/toggletip/toggletip.component.ts:80</a></div>
1378
1394
  </td>
1379
1395
  </tr>
1380
1396
 
@@ -1442,8 +1458,8 @@
1442
1458
 
1443
1459
  <tr>
1444
1460
  <td class="col-md-4">
1445
- <div class="io-line">Defined in <a href="" data-line="51"
1446
- class="link-to-prism">src/toggletip/toggletip.component.ts:51</a></div>
1461
+ <div class="io-line">Defined in <a href="" data-line="54"
1462
+ class="link-to-prism">src/toggletip/toggletip.component.ts:54</a></div>
1447
1463
  </td>
1448
1464
  </tr>
1449
1465
 
@@ -1485,7 +1501,7 @@
1485
1501
  </tr>
1486
1502
  <tr>
1487
1503
  <td class="col-md-4">
1488
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:98</a></code>
1504
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:101</a></code>
1489
1505
  </div>
1490
1506
  </td>
1491
1507
  </tr>
@@ -1581,7 +1597,7 @@
1581
1597
  </tr>
1582
1598
  <tr>
1583
1599
  <td class="col-md-4">
1584
- <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/toggletip/toggletip.component.ts:41</a></div>
1600
+ <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/toggletip/toggletip.component.ts:44</a></div>
1585
1601
  </td>
1586
1602
  </tr>
1587
1603
 
@@ -1606,7 +1622,7 @@
1606
1622
  </tr>
1607
1623
  <tr>
1608
1624
  <td class="col-md-4">
1609
- <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/toggletip/toggletip.component.ts:43</a></div>
1625
+ <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/toggletip/toggletip.component.ts:46</a></div>
1610
1626
  </td>
1611
1627
  </tr>
1612
1628
 
@@ -1641,7 +1657,7 @@
1641
1657
  </tr>
1642
1658
  <tr>
1643
1659
  <td class="col-md-4">
1644
- <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/toggletip/toggletip.component.ts:38</a></div>
1660
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/toggletip/toggletip.component.ts:41</a></div>
1645
1661
  </td>
1646
1662
  </tr>
1647
1663
 
@@ -1673,7 +1689,7 @@
1673
1689
  </tr>
1674
1690
  <tr>
1675
1691
  <td class="col-md-4">
1676
- <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/toggletip/toggletip.component.ts:34</a></div>
1692
+ <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/toggletip/toggletip.component.ts:37</a></div>
1677
1693
  </td>
1678
1694
  </tr>
1679
1695
 
@@ -1714,7 +1730,7 @@
1714
1730
  </tr>
1715
1731
  <tr>
1716
1732
  <td class="col-md-4">
1717
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:92</a></code>
1733
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
1718
1734
  </div>
1719
1735
  </td>
1720
1736
  </tr>
@@ -1730,6 +1746,8 @@
1730
1746
  <div class="tab-pane fade tab-source-code" id="source">
1731
1747
  <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
1732
1748
  AfterViewInit,
1749
+ ChangeDetectionStrategy,
1750
+ ChangeDetectorRef,
1733
1751
  Component,
1734
1752
  ContentChild,
1735
1753
  ElementRef,
@@ -1753,6 +1771,7 @@ import { ToggletipButton } from &quot;./toggletip-button.directive&quot;;
1753
1771
  */
1754
1772
  @Component({
1755
1773
  selector: &quot;cds-toggletip, ibm-toggletip&quot;,
1774
+ changeDetection: ChangeDetectionStrategy.OnPush,
1756
1775
  template: &#x60;
1757
1776
  &lt;ng-content select&#x3D;&quot;[cdsToggletipButton]&quot;&gt;&lt;/ng-content&gt;
1758
1777
  &lt;cds-popover-content&gt;
@@ -1772,8 +1791,8 @@ export class Toggletip extends PopoverContainer implements AfterViewInit {
1772
1791
 
1773
1792
  documentClick &#x3D; this.handleFocusOut.bind(this);
1774
1793
 
1775
- constructor(private hostElement: ElementRef, private renderer: Renderer2) {
1776
- super();
1794
+ constructor(private hostElement: ElementRef, private renderer: Renderer2, private ref: ChangeDetectorRef) {
1795
+ super(ref);
1777
1796
  this.highContrast &#x3D; true;
1778
1797
  this.dropShadow &#x3D; false;
1779
1798
  }