carbon-components-angular 5.19.0 → 5.19.1

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 (91) hide show
  1. package/docs/documentation/components/Toggletip.html +62 -43
  2. package/docs/documentation/components/Tooltip.html +97 -60
  3. package/docs/documentation/components/TooltipDefinition.html +81 -44
  4. package/docs/documentation/coverage.html +1 -1
  5. package/docs/documentation/directives/PopoverContainer.html +88 -36
  6. package/docs/documentation/js/search/search_index.js +2 -2
  7. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  9. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  11. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
  12. package/docs/documentation/modules/DatePickerInputModule.html +7 -7
  13. package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
  14. package/docs/documentation/modules/DatePickerModule.html +53 -57
  15. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  16. package/docs/documentation/modules/DialogModule.html +34 -34
  17. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  18. package/docs/documentation/modules/GridModule.html +60 -60
  19. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/LoadingModule.html +4 -4
  21. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/NFormsModule.html +4 -4
  23. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/NumberModule.html +4 -4
  25. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  27. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/RadioModule.html +4 -4
  29. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/SearchModule.html +4 -4
  31. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  32. package/docs/documentation/modules/SelectModule.html +58 -58
  33. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/SliderModule.html +4 -4
  35. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  36. package/docs/documentation/modules/StructuredListModule.html +66 -66
  37. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  38. package/docs/documentation/modules/TabsModule.html +69 -69
  39. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/TagModule.html +4 -4
  41. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  42. package/docs/documentation/modules/TilesModule.html +101 -101
  43. package/docs/documentation/modules/TimePickerModule/dependencies.svg +40 -44
  44. package/docs/documentation/modules/TimePickerModule.html +40 -44
  45. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
  46. package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
  47. package/docs/documentation/modules/ToggleModule/dependencies.svg +42 -38
  48. package/docs/documentation/modules/ToggleModule.html +42 -38
  49. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  50. package/docs/documentation/modules/ToggletipModule.html +4 -4
  51. package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
  52. package/docs/documentation/modules/TooltipModule.html +29 -29
  53. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/TreeviewModule.html +4 -4
  55. package/docs/documentation.json +239 -159
  56. package/docs/storybook/4578.93dc52a7.iframe.bundle.js +1 -0
  57. package/docs/storybook/{contained-list-contained-list-stories.ef42e2d0.iframe.bundle.js → contained-list-contained-list-stories.f8fd4e51.iframe.bundle.js} +1 -1
  58. package/docs/storybook/iframe.html +2 -2
  59. package/docs/storybook/main.ef1ab6d1.iframe.bundle.js +1 -0
  60. package/docs/storybook/popover-popover-stories.e8d6e7c9.iframe.bundle.js +1 -0
  61. package/docs/storybook/project.json +1 -1
  62. package/docs/storybook/{runtime~main.a75e2345.iframe.bundle.js → runtime~main.af960258.iframe.bundle.js} +1 -1
  63. package/docs/storybook/{toggletip-toggletip-stories.0c822ddd.iframe.bundle.js → toggletip-toggletip-stories.1da8eaf1.iframe.bundle.js} +1 -1
  64. package/docs/storybook/tooltip-definition-tooptip-stories.57864d79.iframe.bundle.js +1 -0
  65. package/docs/storybook/tooltip-tooltip-stories.b15c3310.iframe.bundle.js +1 -0
  66. package/esm2020/popover/popover.directive.mjs +6 -4
  67. package/esm2020/toggletip/toggletip.component.mjs +9 -7
  68. package/esm2020/tooltip/definition-tooptip.component.mjs +9 -7
  69. package/esm2020/tooltip/tooltip.component.mjs +9 -7
  70. package/fesm2015/carbon-components-angular-popover.mjs +5 -3
  71. package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
  72. package/fesm2015/carbon-components-angular-toggletip.mjs +8 -6
  73. package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
  74. package/fesm2015/carbon-components-angular-tooltip.mjs +15 -11
  75. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  76. package/fesm2020/carbon-components-angular-popover.mjs +5 -3
  77. package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
  78. package/fesm2020/carbon-components-angular-toggletip.mjs +8 -6
  79. package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
  80. package/fesm2020/carbon-components-angular-tooltip.mjs +15 -11
  81. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  82. package/package.json +1 -1
  83. package/popover/popover.directive.d.ts +3 -1
  84. package/toggletip/toggletip.component.d.ts +3 -2
  85. package/tooltip/definition-tooptip.component.d.ts +3 -2
  86. package/tooltip/tooltip.component.d.ts +3 -2
  87. package/docs/storybook/4578.86305077.iframe.bundle.js +0 -1
  88. package/docs/storybook/main.0080423e.iframe.bundle.js +0 -1
  89. package/docs/storybook/popover-popover-stories.a0233f25.iframe.bundle.js +0 -1
  90. package/docs/storybook/tooltip-definition-tooptip-stories.6cd8bfb0.iframe.bundle.js +0 -1
  91. package/docs/storybook/tooltip-tooltip-stories.286d6e5f.iframe.bundle.js +0 -1
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
  }