carbon-components-angular 5.22.1 → 5.23.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 (102) hide show
  1. package/docs/documentation/components/PopoverContent.html +215 -11
  2. package/docs/documentation/components/Toggletip.html +843 -460
  3. package/docs/documentation/components/Tooltip.html +1057 -607
  4. package/docs/documentation/components/TooltipDefinition.html +977 -538
  5. package/docs/documentation/coverage.html +20 -20
  6. package/docs/documentation/dependencies.html +3 -1
  7. package/docs/documentation/directives/PopoverContainer.html +1019 -638
  8. package/docs/documentation/images/coverage-badge-documentation.svg +1 -1
  9. package/docs/documentation/js/search/search_index.js +2 -2
  10. package/docs/documentation/miscellaneous/typealiases.html +21 -0
  11. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  13. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  15. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
  16. package/docs/documentation/modules/DatePickerInputModule.html +7 -7
  17. package/docs/documentation/modules/DatePickerModule/dependencies.svg +57 -53
  18. package/docs/documentation/modules/DatePickerModule.html +57 -53
  19. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  20. package/docs/documentation/modules/DialogModule.html +34 -34
  21. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  22. package/docs/documentation/modules/GridModule.html +60 -60
  23. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/LoadingModule.html +4 -4
  25. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/NFormsModule.html +4 -4
  27. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/NumberModule.html +4 -4
  29. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  31. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/RadioModule.html +4 -4
  33. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/SearchModule.html +4 -4
  35. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  36. package/docs/documentation/modules/SelectModule.html +58 -58
  37. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/SliderModule.html +4 -4
  39. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  40. package/docs/documentation/modules/StructuredListModule.html +66 -66
  41. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  42. package/docs/documentation/modules/TabsModule.html +69 -69
  43. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/TagModule.html +4 -4
  45. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  46. package/docs/documentation/modules/ThemeModule.html +13 -13
  47. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  48. package/docs/documentation/modules/TimePickerModule.html +4 -4
  49. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
  50. package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
  51. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  52. package/docs/documentation/modules/ToggleModule.html +4 -4
  53. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/ToggletipModule.html +4 -4
  55. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  56. package/docs/documentation/modules/TooltipModule.html +4 -4
  57. package/docs/documentation/modules/TreeviewModule/dependencies.svg +31 -31
  58. package/docs/documentation/modules/TreeviewModule.html +31 -31
  59. package/docs/documentation.json +1587 -813
  60. package/docs/storybook/1562.1e6a79b6.iframe.bundle.js +1 -0
  61. package/docs/storybook/4578.c90d4756.iframe.bundle.js +1 -0
  62. package/docs/storybook/iframe.html +2 -2
  63. package/docs/storybook/index.json +1 -1
  64. package/docs/storybook/main.css +1156 -571
  65. package/docs/storybook/main.fbe9a501.iframe.bundle.js +1 -0
  66. package/docs/storybook/popover-popover-stories.db1735d2.iframe.bundle.js +1 -0
  67. package/docs/storybook/project.json +1 -1
  68. package/docs/storybook/runtime~main.e6146719.iframe.bundle.js +1 -0
  69. package/docs/storybook/stories.json +1 -1
  70. package/docs/storybook/toggletip-toggletip-stories.7265233d.iframe.bundle.js +1 -0
  71. package/docs/storybook/tooltip-definition-tooptip-stories.af38c73f.iframe.bundle.js +1 -0
  72. package/docs/storybook/tooltip-tooltip-stories.65d7c699.iframe.bundle.js +1 -0
  73. package/esm2020/popover/popover-content.component.mjs +33 -13
  74. package/esm2020/popover/popover.directive.mjs +216 -97
  75. package/esm2020/toggletip/toggletip.component.mjs +8 -6
  76. package/esm2020/tooltip/definition-tooptip.component.mjs +14 -15
  77. package/esm2020/tooltip/tooltip.component.mjs +13 -8
  78. package/fesm2015/carbon-components-angular-popover.mjs +248 -108
  79. package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
  80. package/fesm2015/carbon-components-angular-toggletip.mjs +7 -5
  81. package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
  82. package/fesm2015/carbon-components-angular-tooltip.mjs +25 -21
  83. package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
  84. package/fesm2020/carbon-components-angular-popover.mjs +247 -108
  85. package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
  86. package/fesm2020/carbon-components-angular-toggletip.mjs +7 -5
  87. package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
  88. package/fesm2020/carbon-components-angular-tooltip.mjs +25 -21
  89. package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
  90. package/package.json +3 -2
  91. package/popover/popover-content.component.d.ts +7 -1
  92. package/popover/popover.directive.d.ts +74 -29
  93. package/toggletip/toggletip.component.d.ts +6 -5
  94. package/tooltip/definition-tooptip.component.d.ts +7 -8
  95. package/tooltip/tooltip.component.d.ts +6 -3
  96. package/docs/storybook/4578.93dc52a7.iframe.bundle.js +0 -1
  97. package/docs/storybook/main.f61a9bb7.iframe.bundle.js +0 -1
  98. package/docs/storybook/popover-popover-stories.cc1684df.iframe.bundle.js +0 -1
  99. package/docs/storybook/runtime~main.6a22a4e9.iframe.bundle.js +0 -1
  100. package/docs/storybook/toggletip-toggletip-stories.22e37008.iframe.bundle.js +0 -1
  101. package/docs/storybook/tooltip-definition-tooptip-stories.2e1a211c.iframe.bundle.js +0 -1
  102. package/docs/storybook/tooltip-tooltip-stories.6a4a1383.iframe.bundle.js +0 -1
@@ -166,10 +166,37 @@
166
166
  <span class="modifier">Static</span>
167
167
  <a href="#toggletipCounter" >toggletipCounter</a>
168
168
  </li>
169
+ <li>
170
+ <a href="#_align" >_align</a>
171
+ </li>
172
+ <li>
173
+ <span class="modifier">Readonly</span>
174
+ <a href="#alignmentClassPrefix" >alignmentClassPrefix</a>
175
+ </li>
176
+ <li>
177
+ <span class="modifier">Protected</span>
178
+ <a href="#caretHeight" >caretHeight</a>
179
+ </li>
180
+ <li>
181
+ <span class="modifier">Protected</span>
182
+ <a href="#caretOffset" >caretOffset</a>
183
+ </li>
184
+ <li>
185
+ <span class="modifier">Protected</span>
186
+ <a href="#caretRef" >caretRef</a>
187
+ </li>
169
188
  <li>
170
189
  <span class="modifier"></span>
171
190
  <a href="#containerClass" >containerClass</a>
172
191
  </li>
192
+ <li>
193
+ <span class="modifier">Protected</span>
194
+ <a href="#popoverContentRef" >popoverContentRef</a>
195
+ </li>
196
+ <li>
197
+ <span class="modifier">Protected</span>
198
+ <a href="#unmountFloatingElement" >unmountFloatingElement</a>
199
+ </li>
173
200
  </ul>
174
201
  </td>
175
202
  </tr>
@@ -196,9 +223,30 @@
196
223
  <li>
197
224
  <a href="#ngAfterViewInit" >ngAfterViewInit</a>
198
225
  </li>
226
+ <li>
227
+ <a href="#cleanUp" >cleanUp</a>
228
+ </li>
199
229
  <li>
200
230
  <a href="#handleChange" >handleChange</a>
201
231
  </li>
232
+ <li>
233
+ <a href="#initializeReferences" >initializeReferences</a>
234
+ </li>
235
+ <li>
236
+ <a href="#ngOnChanges" >ngOnChanges</a>
237
+ </li>
238
+ <li>
239
+ <a href="#ngOnDestroy" >ngOnDestroy</a>
240
+ </li>
241
+ <li>
242
+ <a href="#recomputePosition" >recomputePosition</a>
243
+ </li>
244
+ <li>
245
+ <a href="#roundByDPR" >roundByDPR</a>
246
+ </li>
247
+ <li>
248
+ <a href="#updateAlignmentClass" >updateAlignmentClass</a>
249
+ </li>
202
250
  </ul>
203
251
  </td>
204
252
  </tr>
@@ -220,6 +268,9 @@
220
268
  <li>
221
269
  <a href="#align" >align</a>
222
270
  </li>
271
+ <li>
272
+ <a href="#autoAlign" >autoAlign</a>
273
+ </li>
223
274
  <li>
224
275
  <a href="#caret" >caret</a>
225
276
  </li>
@@ -265,42 +316,6 @@
265
316
  <li>
266
317
  <a href="#class.cds--toggletip" >class.cds--toggletip</a>
267
318
  </li>
268
- <li>
269
- <a href="#class.cds--popover--bottom" >class.cds--popover--bottom</a>
270
- </li>
271
- <li>
272
- <a href="#class.cds--popover--bottom-left" >class.cds--popover--bottom-left</a>
273
- </li>
274
- <li>
275
- <a href="#class.cds--popover--bottom-right" >class.cds--popover--bottom-right</a>
276
- </li>
277
- <li>
278
- <a href="#class.cds--popover--left" >class.cds--popover--left</a>
279
- </li>
280
- <li>
281
- <a href="#class.cds--popover--left-bottom" >class.cds--popover--left-bottom</a>
282
- </li>
283
- <li>
284
- <a href="#class.cds--popover--left-top" >class.cds--popover--left-top</a>
285
- </li>
286
- <li>
287
- <a href="#class.cds--popover--right" >class.cds--popover--right</a>
288
- </li>
289
- <li>
290
- <a href="#class.cds--popover--right-bottom" >class.cds--popover--right-bottom</a>
291
- </li>
292
- <li>
293
- <a href="#class.cds--popover--right-top" >class.cds--popover--right-top</a>
294
- </li>
295
- <li>
296
- <a href="#class.cds--popover--top" >class.cds--popover--top</a>
297
- </li>
298
- <li>
299
- <a href="#class.cds--popover--top-left" >class.cds--popover--top-left</a>
300
- </li>
301
- <li>
302
- <a href="#class.cds--popover--top-right" >class.cds--popover--top-right</a>
303
- </li>
304
319
  <li>
305
320
  <a href="#class.cds--popover-container" >class.cds--popover-container</a>
306
321
  </li>
@@ -333,12 +348,12 @@
333
348
  <tbody>
334
349
  <tr>
335
350
  <td class="col-md-4">
336
- <code>constructor(hostElement: ElementRef, renderer: Renderer2, ref: ChangeDetectorRef)</code>
351
+ <code>constructor(hostElement: ElementRef, ngZone: NgZone, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef)</code>
337
352
  </td>
338
353
  </tr>
339
354
  <tr>
340
355
  <td class="col-md-4">
341
- <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/toggletip/toggletip.component.ts:46</a></div>
356
+ <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/toggletip/toggletip.component.ts:47</a></div>
342
357
  </td>
343
358
  </tr>
344
359
 
@@ -366,6 +381,18 @@
366
381
  No
367
382
  </td>
368
383
 
384
+ </tr>
385
+ <tr>
386
+ <td>ngZone</td>
387
+
388
+ <td>
389
+ <code>NgZone</code>
390
+ </td>
391
+
392
+ <td>
393
+ No
394
+ </td>
395
+
369
396
  </tr>
370
397
  <tr>
371
398
  <td>renderer</td>
@@ -380,7 +407,7 @@
380
407
 
381
408
  </tr>
382
409
  <tr>
383
- <td>ref</td>
410
+ <td>changeDetectorRef</td>
384
411
 
385
412
  <td>
386
413
  <code>ChangeDetectorRef</code>
@@ -423,7 +450,7 @@
423
450
  </tr>
424
451
  <tr>
425
452
  <td class="col-md-2" colspan="2">
426
- <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/toggletip/toggletip.component.ts:39</a></div>
453
+ <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/toggletip/toggletip.component.ts:40</a></div>
427
454
  </td>
428
455
  </tr>
429
456
  </tbody>
@@ -455,7 +482,7 @@
455
482
  </tr>
456
483
  <tr>
457
484
  <td class="col-md-2" colspan="2">
458
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:42</a></code>
485
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:43</a></code>
459
486
  </div>
460
487
  </td>
461
488
  </tr>
@@ -471,13 +498,49 @@
471
498
  </tr>
472
499
  <tr>
473
500
  <td class="col-md-4">
474
- <i>Type : </i> <code>&quot;top&quot; | &quot;top-left&quot; | &quot;top-right&quot; | &quot;bottom&quot; | &quot;bottom-left&quot; | &quot;bottom-right&quot; | &quot;left&quot; | &quot;left-bottom&quot; | &quot;left-top&quot; | &quot;right&quot; | &quot;right-bottom&quot; | &quot;right-top&quot;</code>
501
+ <i>Type : </i> <code><a href="../miscellaneous/typealiases.html#oldPlacement" target="_self" >oldPlacement | Placement</a></code>
475
502
 
476
503
  </td>
477
504
  </tr>
505
+ <tr>
506
+ <td class="col-md-4" colspan="2">
507
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
508
+ </div>
509
+ </td>
510
+ </tr>
511
+ <tr>
512
+ <td class="col-md-2" colspan="2">
513
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:45</a></code>
514
+ </div>
515
+ </td>
516
+ </tr>
478
517
  <tr>
479
518
  <td class="col-md-4">
480
- <i>Default value : </i><code>&quot;bottom&quot;</code>
519
+ <div class="io-description"><p>Set alignment of popover
520
+ As of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>
521
+ <p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>
522
+ </div>
523
+ </td>
524
+ </tr>
525
+ </tbody>
526
+ </table>
527
+ <table class="table table-sm table-bordered">
528
+ <tbody>
529
+ <tr>
530
+ <td class="col-md-4">
531
+ <a name="autoAlign"></a>
532
+ <b>autoAlign</b>
533
+ </td>
534
+ </tr>
535
+ <tr>
536
+ <td class="col-md-4">
537
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
538
+
539
+ </td>
540
+ </tr>
541
+ <tr>
542
+ <td class="col-md-4">
543
+ <i>Default value : </i><code>false</code>
481
544
  </td>
482
545
  </tr>
483
546
  <tr>
@@ -488,10 +551,17 @@
488
551
  </tr>
489
552
  <tr>
490
553
  <td class="col-md-2" colspan="2">
491
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:94</a></code>
554
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:115</a></code>
492
555
  </div>
493
556
  </td>
494
557
  </tr>
558
+ <tr>
559
+ <td class="col-md-4">
560
+ <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
561
+ This is not toggleable - should be sent once</p>
562
+ </div>
563
+ </td>
564
+ </tr>
495
565
  </tbody>
496
566
  </table>
497
567
  <table class="table table-sm table-bordered">
@@ -521,10 +591,16 @@
521
591
  </tr>
522
592
  <tr>
523
593
  <td class="col-md-2" colspan="2">
524
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:88</a></code>
594
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:102</a></code>
525
595
  </div>
526
596
  </td>
527
597
  </tr>
598
+ <tr>
599
+ <td class="col-md-4">
600
+ <div class="io-description"><p>Show caret at the alignment position</p>
601
+ </div>
602
+ </td>
603
+ </tr>
528
604
  </tbody>
529
605
  </table>
530
606
  <table class="table table-sm table-bordered">
@@ -554,10 +630,16 @@
554
630
  </tr>
555
631
  <tr>
556
632
  <td class="col-md-2" colspan="2">
557
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:89</a></code>
633
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:106</a></code>
558
634
  </div>
559
635
  </td>
560
636
  </tr>
637
+ <tr>
638
+ <td class="col-md-4">
639
+ <div class="io-description"><p>Enable drop shadow around the popover container</p>
640
+ </div>
641
+ </td>
642
+ </tr>
561
643
  </tbody>
562
644
  </table>
563
645
  <table class="table table-sm table-bordered">
@@ -576,7 +658,7 @@
576
658
  </tr>
577
659
  <tr>
578
660
  <td class="col-md-4">
579
- <i>Default value : </i><code>false</code>
661
+ <i>Default value : </i><code>true</code>
580
662
  </td>
581
663
  </tr>
582
664
  <tr>
@@ -587,10 +669,16 @@
587
669
  </tr>
588
670
  <tr>
589
671
  <td class="col-md-2" colspan="2">
590
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:90</a></code>
672
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:110</a></code>
591
673
  </div>
592
674
  </td>
593
675
  </tr>
676
+ <tr>
677
+ <td class="col-md-4">
678
+ <div class="io-description"><p>Enable high contrast for popover container</p>
679
+ </div>
680
+ </td>
681
+ </tr>
594
682
  </tbody>
595
683
  </table>
596
684
  </section>
@@ -618,7 +706,7 @@
618
706
  </tr>
619
707
  <tr>
620
708
  <td class="col-md-2" colspan="2">
621
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:86</a></code>
709
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:98</a></code>
622
710
  </div>
623
711
  </td>
624
712
  </tr>
@@ -652,7 +740,7 @@
652
740
  </tr>
653
741
  <tr>
654
742
  <td class="col-md-2" colspan="2">
655
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:78</a></code>
743
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:90</a></code>
656
744
  </div>
657
745
  </td>
658
746
  </tr>
@@ -686,7 +774,7 @@
686
774
  </tr>
687
775
  <tr>
688
776
  <td class="col-md-2" colspan="2">
689
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:82</a></code>
777
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:94</a></code>
690
778
  </div>
691
779
  </td>
692
780
  </tr>
@@ -724,7 +812,7 @@
724
812
  </tr>
725
813
  <tr>
726
814
  <td class="col-md-4">
727
- <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/toggletip/toggletip.component.ts:41</a></div>
815
+ <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/toggletip/toggletip.component.ts:42</a></div>
728
816
  </td>
729
817
  </tr>
730
818
 
@@ -735,10 +823,10 @@
735
823
  <tbody>
736
824
  <tr>
737
825
  <td class="col-md-4">
738
- <a name="class.cds--popover--bottom"></a>
826
+ <a name="class.cds--popover-container"></a>
739
827
  <span class="name">
740
- <span ><b>class.cds--popover--bottom</b></span>
741
- <a href="#class.cds--popover--bottom"><span class="icon ion-ios-link"></span></a>
828
+ <span ><b>class.cds--popover-container</b></span>
829
+ <a href="#class.cds--popover-container"><span class="icon ion-ios-link"></span></a>
742
830
  </span>
743
831
  </td>
744
832
  </tr>
@@ -748,37 +836,9 @@
748
836
 
749
837
  </td>
750
838
  </tr>
751
- <tr>
752
- <td class="col-md-4">
753
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
754
- </div>
755
- </td>
756
- </tr>
757
- <tr>
758
- <td class="col-md-4">
759
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:37</a></code>
760
- </div>
761
- </td>
762
- </tr>
763
-
764
-
765
- </tbody>
766
- </table>
767
- <table class="table table-sm table-bordered">
768
- <tbody>
769
- <tr>
770
- <td class="col-md-4">
771
- <a name="class.cds--popover--bottom-left"></a>
772
- <span class="name">
773
- <span ><b>class.cds--popover--bottom-left</b></span>
774
- <a href="#class.cds--popover--bottom-left"><span class="icon ion-ios-link"></span></a>
775
- </span>
776
- </td>
777
- </tr>
778
839
  <tr>
779
840
  <td class="col-md-4">
780
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
781
-
841
+ <i>Default value : </i><code>true</code>
782
842
  </td>
783
843
  </tr>
784
844
  <tr>
@@ -789,7 +849,7 @@
789
849
  </tr>
790
850
  <tr>
791
851
  <td class="col-md-4">
792
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:41</a></code>
852
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:116</a></code>
793
853
  </div>
794
854
  </td>
795
855
  </tr>
@@ -797,446 +857,403 @@
797
857
 
798
858
  </tbody>
799
859
  </table>
800
- <table class="table table-sm table-bordered">
860
+ </section>
861
+
862
+ <section data-compodoc="block-methods">
863
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
801
864
  <tbody>
802
865
  <tr>
803
866
  <td class="col-md-4">
804
- <a name="class.cds--popover--bottom-right"></a>
867
+ <a name="keyup"></a>
805
868
  <span class="name">
806
- <span ><b>class.cds--popover--bottom-right</b></span>
807
- <a href="#class.cds--popover--bottom-right"><span class="icon ion-ios-link"></span></a>
869
+ <span ><b>keyup</b></span>
870
+ <a href="#keyup"><span class="icon ion-ios-link"></span></a>
808
871
  </span>
809
872
  </td>
810
873
  </tr>
811
- <tr>
812
- <td class="col-md-4">
813
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
814
-
815
- </td>
816
- </tr>
817
- <tr>
818
- <td class="col-md-4">
819
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
820
- </div>
821
- </td>
822
- </tr>
823
- <tr>
824
- <td class="col-md-4">
825
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:45</a></code>
826
- </div>
827
- </td>
828
- </tr>
874
+ <tr>
875
+ <td class="col-md-4">
876
+ <i>Arguments : </i><code>'$event' </code>
877
+ </td>
878
+ </tr>
879
+ <tr>
880
+ <td class="col-md-4">
881
+ <code>keyup(event: KeyboardEvent)</code>
882
+ </td>
883
+ </tr>
829
884
 
830
885
 
831
- </tbody>
832
- </table>
833
- <table class="table table-sm table-bordered">
834
- <tbody>
835
886
  <tr>
836
887
  <td class="col-md-4">
837
- <a name="class.cds--popover--left"></a>
838
- <span class="name">
839
- <span ><b>class.cds--popover--left</b></span>
840
- <a href="#class.cds--popover--left"><span class="icon ion-ios-link"></span></a>
841
- </span>
888
+ <div class="io-line">Defined in <a href="" data-line="88"
889
+ class="link-to-prism">src/toggletip/toggletip.component.ts:88</a></div>
842
890
  </td>
843
891
  </tr>
844
- <tr>
845
- <td class="col-md-4">
846
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
847
-
848
- </td>
849
- </tr>
850
- <tr>
851
- <td class="col-md-4">
852
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
853
- </div>
854
- </td>
855
- </tr>
856
- <tr>
857
- <td class="col-md-4">
858
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:50</a></code>
859
- </div>
860
- </td>
861
- </tr>
862
892
 
863
893
 
864
894
  </tbody>
865
895
  </table>
896
+ </section>
897
+ <section data-compodoc="block-methods">
898
+
899
+ <h3 id="methods">
900
+ Methods
901
+ </h3>
866
902
  <table class="table table-sm table-bordered">
867
903
  <tbody>
868
904
  <tr>
869
905
  <td class="col-md-4">
870
- <a name="class.cds--popover--left-bottom"></a>
906
+ <a name="handleExpansion"></a>
871
907
  <span class="name">
872
- <span ><b>class.cds--popover--left-bottom</b></span>
873
- <a href="#class.cds--popover--left-bottom"><span class="icon ion-ios-link"></span></a>
908
+ <span class="modifier">Private</span>
909
+ <span ><b>handleExpansion</b></span>
910
+ <a href="#handleExpansion"><span class="icon ion-ios-link"></span></a>
874
911
  </span>
875
912
  </td>
876
913
  </tr>
877
- <tr>
878
- <td class="col-md-4">
879
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
880
-
881
- </td>
882
- </tr>
883
- <tr>
884
- <td class="col-md-4">
885
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
886
- </div>
887
- </td>
888
- </tr>
889
- <tr>
890
- <td class="col-md-4">
891
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:58</a></code>
892
- </div>
893
- </td>
894
- </tr>
914
+ <tr>
915
+ <td class="col-md-4">
916
+ <span class="modifier-icon icon ion-ios-reset"></span>
917
+ <code>handleExpansion(state, event: Event)</code>
918
+ </td>
919
+ </tr>
895
920
 
896
921
 
897
- </tbody>
898
- </table>
899
- <table class="table table-sm table-bordered">
900
- <tbody>
901
922
  <tr>
902
923
  <td class="col-md-4">
903
- <a name="class.cds--popover--left-top"></a>
904
- <span class="name">
905
- <span ><b>class.cds--popover--left-top</b></span>
906
- <a href="#class.cds--popover--left-top"><span class="icon ion-ios-link"></span></a>
907
- </span>
924
+ <div class="io-line">Defined in <a href="" data-line="101"
925
+ class="link-to-prism">src/toggletip/toggletip.component.ts:101</a></div>
908
926
  </td>
909
927
  </tr>
910
- <tr>
911
- <td class="col-md-4">
912
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
913
-
914
- </td>
915
- </tr>
916
- <tr>
917
- <td class="col-md-4">
918
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
919
- </div>
920
- </td>
921
- </tr>
922
- <tr>
923
- <td class="col-md-4">
924
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:54</a></code>
925
- </div>
926
- </td>
927
- </tr>
928
928
 
929
929
 
930
- </tbody>
931
- </table>
932
- <table class="table table-sm table-bordered">
933
- <tbody>
934
930
  <tr>
935
931
  <td class="col-md-4">
936
- <a name="class.cds--popover--right"></a>
937
- <span class="name">
938
- <span ><b>class.cds--popover--right</b></span>
939
- <a href="#class.cds--popover--right"><span class="icon ion-ios-link"></span></a>
940
- </span>
941
- </td>
942
- </tr>
943
- <tr>
944
- <td class="col-md-4">
945
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
946
932
 
947
- </td>
948
- </tr>
949
- <tr>
950
- <td class="col-md-4">
951
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
952
- </div>
953
- </td>
954
- </tr>
955
- <tr>
956
- <td class="col-md-4">
957
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:63</a></code>
958
- </div>
959
- </td>
960
- </tr>
933
+ <div class="io-description">
934
+ <b>Parameters :</b>
935
+
936
+ <table class="params">
937
+ <thead>
938
+ <tr>
939
+ <td>Name</td>
940
+ <td>Type</td>
941
+ <td>Optional</td>
942
+ <td>Default value</td>
943
+ </tr>
944
+ </thead>
945
+ <tbody>
946
+ <tr>
947
+ <td>state</td>
948
+ <td>
949
+ </td>
950
+
951
+ <td>
952
+ No
953
+ </td>
954
+
955
+ <td>
956
+ <code>false</code>
957
+ </td>
958
+
959
+ </tr>
960
+ <tr>
961
+ <td>event</td>
962
+ <td>
963
+ <code>Event</code>
964
+ </td>
965
+
966
+ <td>
967
+ No
968
+ </td>
961
969
 
970
+ <td>
971
+ </td>
972
+
973
+ </tr>
974
+ </tbody>
975
+ </table>
976
+ </div>
977
+ <div>
978
+ </div>
979
+ <div class="io-description">
980
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
962
981
 
982
+ </div>
983
+ <div class="io-description">
984
+
985
+ </div>
986
+ </td>
987
+ </tr>
963
988
  </tbody>
964
989
  </table>
965
990
  <table class="table table-sm table-bordered">
966
991
  <tbody>
967
992
  <tr>
968
993
  <td class="col-md-4">
969
- <a name="class.cds--popover--right-bottom"></a>
994
+ <a name="handleFocusOut"></a>
970
995
  <span class="name">
971
- <span ><b>class.cds--popover--right-bottom</b></span>
972
- <a href="#class.cds--popover--right-bottom"><span class="icon ion-ios-link"></span></a>
996
+ <span ><b>handleFocusOut</b></span>
997
+ <a href="#handleFocusOut"><span class="icon ion-ios-link"></span></a>
973
998
  </span>
974
999
  </td>
975
1000
  </tr>
976
- <tr>
977
- <td class="col-md-4">
978
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
979
-
980
- </td>
981
- </tr>
982
- <tr>
983
- <td class="col-md-4">
984
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
985
- </div>
986
- </td>
987
- </tr>
988
- <tr>
989
- <td class="col-md-4">
990
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:71</a></code>
991
- </div>
992
- </td>
993
- </tr>
994
-
995
-
996
- </tbody>
997
- </table>
998
- <table class="table table-sm table-bordered">
999
- <tbody>
1000
1001
  <tr>
1001
1002
  <td class="col-md-4">
1002
- <a name="class.cds--popover--right-top"></a>
1003
- <span class="name">
1004
- <span ><b>class.cds--popover--right-top</b></span>
1005
- <a href="#class.cds--popover--right-top"><span class="icon ion-ios-link"></span></a>
1006
- </span>
1003
+ <code>handleFocusOut(event)</code>
1007
1004
  </td>
1008
1005
  </tr>
1009
- <tr>
1010
- <td class="col-md-4">
1011
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1012
-
1013
- </td>
1014
- </tr>
1015
- <tr>
1016
- <td class="col-md-4">
1017
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1018
- </div>
1019
- </td>
1020
- </tr>
1021
- <tr>
1022
- <td class="col-md-4">
1023
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:67</a></code>
1024
- </div>
1025
- </td>
1026
- </tr>
1027
1006
 
1028
1007
 
1029
- </tbody>
1030
- </table>
1031
- <table class="table table-sm table-bordered">
1032
- <tbody>
1033
1008
  <tr>
1034
1009
  <td class="col-md-4">
1035
- <a name="class.cds--popover--top"></a>
1036
- <span class="name">
1037
- <span ><b>class.cds--popover--top</b></span>
1038
- <a href="#class.cds--popover--top"><span class="icon ion-ios-link"></span></a>
1039
- </span>
1010
+ <div class="io-line">Defined in <a href="" data-line="95"
1011
+ class="link-to-prism">src/toggletip/toggletip.component.ts:95</a></div>
1040
1012
  </td>
1041
1013
  </tr>
1042
- <tr>
1043
- <td class="col-md-4">
1044
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1045
1014
 
1046
- </td>
1047
- </tr>
1048
- <tr>
1049
- <td class="col-md-4">
1050
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1051
- </div>
1052
- </td>
1053
- </tr>
1054
- <tr>
1055
- <td class="col-md-4">
1056
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:24</a></code>
1057
- </div>
1058
- </td>
1059
- </tr>
1060
1015
 
1016
+ <tr>
1017
+ <td class="col-md-4">
1061
1018
 
1019
+ <div class="io-description">
1020
+ <b>Parameters :</b>
1021
+
1022
+ <table class="params">
1023
+ <thead>
1024
+ <tr>
1025
+ <td>Name</td>
1026
+ <td>Optional</td>
1027
+ </tr>
1028
+ </thead>
1029
+ <tbody>
1030
+ <tr>
1031
+ <td>event</td>
1032
+
1033
+ <td>
1034
+ No
1035
+ </td>
1036
+
1037
+
1038
+ </tr>
1039
+ </tbody>
1040
+ </table>
1041
+ </div>
1042
+ <div>
1043
+ </div>
1044
+ <div class="io-description">
1045
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1046
+
1047
+ </div>
1048
+ <div class="io-description">
1049
+
1050
+ </div>
1051
+ </td>
1052
+ </tr>
1062
1053
  </tbody>
1063
1054
  </table>
1064
1055
  <table class="table table-sm table-bordered">
1065
1056
  <tbody>
1066
1057
  <tr>
1067
1058
  <td class="col-md-4">
1068
- <a name="class.cds--popover--top-left"></a>
1059
+ <a name="hostkeys"></a>
1069
1060
  <span class="name">
1070
- <span ><b>class.cds--popover--top-left</b></span>
1071
- <a href="#class.cds--popover--top-left"><span class="icon ion-ios-link"></span></a>
1061
+ <span class="modifier"></span>
1062
+ <span ><b>hostkeys</b></span>
1063
+ <a href="#hostkeys"><span class="icon ion-ios-link"></span></a>
1072
1064
  </span>
1073
1065
  </td>
1074
1066
  </tr>
1075
- <tr>
1076
- <td class="col-md-4">
1077
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1078
-
1079
- </td>
1080
- </tr>
1081
- <tr>
1082
- <td class="col-md-4">
1083
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1084
- </div>
1085
- </td>
1086
- </tr>
1087
- <tr>
1088
- <td class="col-md-4">
1089
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:28</a></code>
1090
- </div>
1091
- </td>
1092
- </tr>
1067
+ <tr>
1068
+ <td class="col-md-4">
1069
+ <span class="modifier-icon icon ion-ios-reset"></span>
1070
+ <code>hostkeys(event: KeyboardEvent)</code>
1071
+ </td>
1072
+ </tr>
1093
1073
 
1074
+ <tr>
1075
+ <td class="col-md-4">
1076
+ <b>Decorators : </b>
1077
+ <br />
1078
+ <code>@HostListener(&#x27;keyup&#x27;, [&#x27;$event&#x27;])<br /></code>
1079
+ </td>
1080
+ </tr>
1094
1081
 
1095
- </tbody>
1096
- </table>
1097
- <table class="table table-sm table-bordered">
1098
- <tbody>
1099
1082
  <tr>
1100
1083
  <td class="col-md-4">
1101
- <a name="class.cds--popover--top-right"></a>
1102
- <span class="name">
1103
- <span ><b>class.cds--popover--top-right</b></span>
1104
- <a href="#class.cds--popover--top-right"><span class="icon ion-ios-link"></span></a>
1105
- </span>
1084
+ <div class="io-line">Defined in <a href="" data-line="88"
1085
+ class="link-to-prism">src/toggletip/toggletip.component.ts:88</a></div>
1106
1086
  </td>
1107
1087
  </tr>
1108
- <tr>
1109
- <td class="col-md-4">
1110
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1111
1088
 
1112
- </td>
1113
- </tr>
1114
- <tr>
1115
- <td class="col-md-4">
1116
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1117
- </div>
1118
- </td>
1119
- </tr>
1120
- <tr>
1121
- <td class="col-md-4">
1122
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:32</a></code>
1123
- </div>
1124
- </td>
1125
- </tr>
1126
1089
 
1090
+ <tr>
1091
+ <td class="col-md-4">
1092
+
1093
+ <div class="io-description">
1094
+ <b>Parameters :</b>
1095
+
1096
+ <table class="params">
1097
+ <thead>
1098
+ <tr>
1099
+ <td>Name</td>
1100
+ <td>Type</td>
1101
+ <td>Optional</td>
1102
+ </tr>
1103
+ </thead>
1104
+ <tbody>
1105
+ <tr>
1106
+ <td>event</td>
1107
+ <td>
1108
+ <code>KeyboardEvent</code>
1109
+ </td>
1110
+
1111
+ <td>
1112
+ No
1113
+ </td>
1114
+
1115
+
1116
+ </tr>
1117
+ </tbody>
1118
+ </table>
1119
+ </div>
1120
+ <div>
1121
+ </div>
1122
+ <div class="io-description">
1123
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1127
1124
 
1125
+ </div>
1126
+ <div class="io-description">
1127
+
1128
+ </div>
1129
+ </td>
1130
+ </tr>
1128
1131
  </tbody>
1129
1132
  </table>
1130
1133
  <table class="table table-sm table-bordered">
1131
1134
  <tbody>
1132
1135
  <tr>
1133
1136
  <td class="col-md-4">
1134
- <a name="class.cds--popover-container"></a>
1137
+ <a name="ngAfterViewInit"></a>
1135
1138
  <span class="name">
1136
- <span ><b>class.cds--popover-container</b></span>
1137
- <a href="#class.cds--popover-container"><span class="icon ion-ios-link"></span></a>
1139
+ <span ><b>ngAfterViewInit</b></span>
1140
+ <a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
1138
1141
  </span>
1139
1142
  </td>
1140
1143
  </tr>
1141
- <tr>
1142
- <td class="col-md-4">
1143
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1144
+ <tr>
1145
+ <td class="col-md-4">
1146
+ <code>ngAfterViewInit()</code>
1147
+ </td>
1148
+ </tr>
1144
1149
 
1145
- </td>
1146
- </tr>
1147
- <tr>
1148
- <td class="col-md-4">
1149
- <i>Default value : </i><code>true</code>
1150
- </td>
1151
- </tr>
1152
- <tr>
1153
- <td class="col-md-4">
1154
- <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1150
+
1151
+ <tr>
1152
+ <td class="col-md-4">
1153
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1155
1154
  </div>
1156
- </td>
1157
- </tr>
1158
- <tr>
1159
- <td class="col-md-4">
1160
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
1155
+ </td>
1156
+ </tr>
1157
+ <tr>
1158
+ <td class="col-md-4">
1159
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:60</a></code>
1161
1160
  </div>
1162
- </td>
1163
- </tr>
1161
+ </td>
1162
+ </tr>
1163
+
1164
+
1165
+ <tr>
1166
+ <td class="col-md-4">
1164
1167
 
1168
+ <div class="io-description">
1169
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1165
1170
 
1171
+ </div>
1172
+ </td>
1173
+ </tr>
1166
1174
  </tbody>
1167
1175
  </table>
1168
- </section>
1169
-
1170
- <section data-compodoc="block-methods">
1171
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
1176
+ <table class="table table-sm table-bordered">
1172
1177
  <tbody>
1173
1178
  <tr>
1174
1179
  <td class="col-md-4">
1175
- <a name="keyup"></a>
1180
+ <a name="cleanUp"></a>
1176
1181
  <span class="name">
1177
- <span ><b>keyup</b></span>
1178
- <a href="#keyup"><span class="icon ion-ios-link"></span></a>
1182
+ <span ><b>cleanUp</b></span>
1183
+ <a href="#cleanUp"><span class="icon ion-ios-link"></span></a>
1179
1184
  </span>
1180
1185
  </td>
1181
1186
  </tr>
1182
1187
  <tr>
1183
1188
  <td class="col-md-4">
1184
- <i>Arguments : </i><code>'$event' </code>
1189
+ <code>cleanUp()</code>
1185
1190
  </td>
1186
1191
  </tr>
1192
+
1193
+
1187
1194
  <tr>
1188
1195
  <td class="col-md-4">
1189
- <code>keyup(event: KeyboardEvent)</code>
1196
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1197
+ </div>
1190
1198
  </td>
1191
1199
  </tr>
1192
-
1193
-
1194
1200
  <tr>
1195
1201
  <td class="col-md-4">
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>
1202
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:285</a></code>
1203
+ </div>
1198
1204
  </td>
1199
1205
  </tr>
1200
1206
 
1201
1207
 
1208
+ <tr>
1209
+ <td class="col-md-4">
1210
+ <div class="io-description"><p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>
1211
+ </div>
1212
+
1213
+ <div class="io-description">
1214
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1215
+
1216
+ </div>
1217
+ </td>
1218
+ </tr>
1202
1219
  </tbody>
1203
1220
  </table>
1204
- </section>
1205
- <section data-compodoc="block-methods">
1206
-
1207
- <h3 id="methods">
1208
- Methods
1209
- </h3>
1210
1221
  <table class="table table-sm table-bordered">
1211
1222
  <tbody>
1212
1223
  <tr>
1213
1224
  <td class="col-md-4">
1214
- <a name="handleExpansion"></a>
1225
+ <a name="handleChange"></a>
1215
1226
  <span class="name">
1216
- <span class="modifier">Private</span>
1217
- <span ><b>handleExpansion</b></span>
1218
- <a href="#handleExpansion"><span class="icon ion-ios-link"></span></a>
1227
+ <span ><b>handleChange</b></span>
1228
+ <a href="#handleChange"><span class="icon ion-ios-link"></span></a>
1219
1229
  </span>
1220
1230
  </td>
1221
1231
  </tr>
1222
1232
  <tr>
1223
1233
  <td class="col-md-4">
1224
- <span class="modifier-icon icon ion-ios-reset"></span>
1225
- <code>handleExpansion(state, event: Event)</code>
1234
+ <code>handleChange(open: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>, event?: Event)</code>
1226
1235
  </td>
1227
1236
  </tr>
1228
1237
 
1229
1238
 
1230
1239
  <tr>
1231
1240
  <td class="col-md-4">
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>
1241
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1242
+ </div>
1243
+ </td>
1244
+ </tr>
1245
+ <tr>
1246
+ <td class="col-md-4">
1247
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:137</a></code>
1248
+ </div>
1234
1249
  </td>
1235
1250
  </tr>
1236
1251
 
1237
1252
 
1238
1253
  <tr>
1239
1254
  <td class="col-md-4">
1255
+ <div class="io-description"><p>Handles emitting open/close event</p>
1256
+ </div>
1240
1257
 
1241
1258
  <div class="io-description">
1242
1259
  <b>Parameters :</b>
@@ -1247,23 +1264,27 @@
1247
1264
  <td>Name</td>
1248
1265
  <td>Type</td>
1249
1266
  <td>Optional</td>
1250
- <td>Default value</td>
1267
+ <td>Description</td>
1251
1268
  </tr>
1252
1269
  </thead>
1253
1270
  <tbody>
1254
1271
  <tr>
1255
- <td>state</td>
1272
+ <td>open</td>
1256
1273
  <td>
1274
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1257
1275
  </td>
1258
1276
 
1259
1277
  <td>
1260
1278
  No
1261
1279
  </td>
1262
1280
 
1281
+
1263
1282
  <td>
1264
- <code>false</code>
1265
- </td>
1283
+ <ul>
1284
+ <li>Is the popover container open</li>
1285
+ </ul>
1266
1286
 
1287
+ </td>
1267
1288
  </tr>
1268
1289
  <tr>
1269
1290
  <td>event</td>
@@ -1272,12 +1293,16 @@
1272
1293
  </td>
1273
1294
 
1274
1295
  <td>
1275
- No
1296
+ Yes
1276
1297
  </td>
1277
1298
 
1299
+
1278
1300
  <td>
1279
- </td>
1301
+ <ul>
1302
+ <li>Event</li>
1303
+ </ul>
1280
1304
 
1305
+ </td>
1281
1306
  </tr>
1282
1307
  </tbody>
1283
1308
  </table>
@@ -1299,30 +1324,81 @@
1299
1324
  <tbody>
1300
1325
  <tr>
1301
1326
  <td class="col-md-4">
1302
- <a name="handleFocusOut"></a>
1327
+ <a name="initializeReferences"></a>
1303
1328
  <span class="name">
1304
- <span ><b>handleFocusOut</b></span>
1305
- <a href="#handleFocusOut"><span class="icon ion-ios-link"></span></a>
1329
+ <span ><b>initializeReferences</b></span>
1330
+ <a href="#initializeReferences"><span class="icon ion-ios-link"></span></a>
1306
1331
  </span>
1307
1332
  </td>
1308
1333
  </tr>
1309
1334
  <tr>
1310
1335
  <td class="col-md-4">
1311
- <code>handleFocusOut(event)</code>
1336
+ <code>initializeReferences()</code>
1337
+ </td>
1338
+ </tr>
1339
+
1340
+
1341
+ <tr>
1342
+ <td class="col-md-4">
1343
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1344
+ </div>
1345
+ </td>
1346
+ </tr>
1347
+ <tr>
1348
+ <td class="col-md-4">
1349
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:264</a></code>
1350
+ </div>
1351
+ </td>
1352
+ </tr>
1353
+
1354
+
1355
+ <tr>
1356
+ <td class="col-md-4">
1357
+
1358
+ <div class="io-description">
1359
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1360
+
1361
+ </div>
1362
+ </td>
1363
+ </tr>
1364
+ </tbody>
1365
+ </table>
1366
+ <table class="table table-sm table-bordered">
1367
+ <tbody>
1368
+ <tr>
1369
+ <td class="col-md-4">
1370
+ <a name="ngOnChanges"></a>
1371
+ <span class="name">
1372
+ <span ><b>ngOnChanges</b></span>
1373
+ <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
1374
+ </span>
1375
+ </td>
1376
+ </tr>
1377
+ <tr>
1378
+ <td class="col-md-4">
1379
+ <code>ngOnChanges(changes: SimpleChanges)</code>
1312
1380
  </td>
1313
1381
  </tr>
1314
1382
 
1315
1383
 
1316
1384
  <tr>
1317
1385
  <td class="col-md-4">
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>
1386
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1387
+ </div>
1388
+ </td>
1389
+ </tr>
1390
+ <tr>
1391
+ <td class="col-md-4">
1392
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:241</a></code>
1393
+ </div>
1320
1394
  </td>
1321
1395
  </tr>
1322
1396
 
1323
1397
 
1324
1398
  <tr>
1325
1399
  <td class="col-md-4">
1400
+ <div class="io-description"><p>Close the popover and reopen it with updated values without emitting an event</p>
1401
+ </div>
1326
1402
 
1327
1403
  <div class="io-description">
1328
1404
  <b>Parameters :</b>
@@ -1331,12 +1407,16 @@
1331
1407
  <thead>
1332
1408
  <tr>
1333
1409
  <td>Name</td>
1410
+ <td>Type</td>
1334
1411
  <td>Optional</td>
1335
1412
  </tr>
1336
1413
  </thead>
1337
1414
  <tbody>
1338
1415
  <tr>
1339
- <td>event</td>
1416
+ <td>changes</td>
1417
+ <td>
1418
+ <code>SimpleChanges</code>
1419
+ </td>
1340
1420
 
1341
1421
  <td>
1342
1422
  No
@@ -1364,75 +1444,87 @@
1364
1444
  <tbody>
1365
1445
  <tr>
1366
1446
  <td class="col-md-4">
1367
- <a name="hostkeys"></a>
1447
+ <a name="ngOnDestroy"></a>
1368
1448
  <span class="name">
1369
- <span class="modifier"></span>
1370
- <span ><b>hostkeys</b></span>
1371
- <a href="#hostkeys"><span class="icon ion-ios-link"></span></a>
1449
+ <span ><b>ngOnDestroy</b></span>
1450
+ <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
1372
1451
  </span>
1373
1452
  </td>
1374
1453
  </tr>
1375
1454
  <tr>
1376
1455
  <td class="col-md-4">
1377
- <span class="modifier-icon icon ion-ios-reset"></span>
1378
- <code>hostkeys(event: KeyboardEvent)</code>
1456
+ <code>ngOnDestroy()</code>
1379
1457
  </td>
1380
1458
  </tr>
1381
1459
 
1460
+
1382
1461
  <tr>
1383
1462
  <td class="col-md-4">
1384
- <b>Decorators : </b>
1385
- <br />
1386
- <code>@HostListener(&#x27;keyup&#x27;, [&#x27;$event&#x27;])<br /></code>
1463
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1464
+ </div>
1387
1465
  </td>
1388
1466
  </tr>
1389
-
1390
1467
  <tr>
1391
1468
  <td class="col-md-4">
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>
1469
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:278</a></code>
1470
+ </div>
1394
1471
  </td>
1395
1472
  </tr>
1396
1473
 
1397
1474
 
1398
1475
  <tr>
1399
1476
  <td class="col-md-4">
1477
+ <div class="io-description"><p>Clean up</p>
1478
+ </div>
1400
1479
 
1401
1480
  <div class="io-description">
1402
- <b>Parameters :</b>
1403
-
1404
- <table class="params">
1405
- <thead>
1406
- <tr>
1407
- <td>Name</td>
1408
- <td>Type</td>
1409
- <td>Optional</td>
1410
- </tr>
1411
- </thead>
1412
- <tbody>
1413
- <tr>
1414
- <td>event</td>
1415
- <td>
1416
- <code>KeyboardEvent</code>
1417
- </td>
1481
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1418
1482
 
1419
- <td>
1420
- No
1421
- </td>
1483
+ </div>
1484
+ </td>
1485
+ </tr>
1486
+ </tbody>
1487
+ </table>
1488
+ <table class="table table-sm table-bordered">
1489
+ <tbody>
1490
+ <tr>
1491
+ <td class="col-md-4">
1492
+ <a name="recomputePosition"></a>
1493
+ <span class="name">
1494
+ <span ><b>recomputePosition</b></span>
1495
+ <a href="#recomputePosition"><span class="icon ion-ios-link"></span></a>
1496
+ </span>
1497
+ </td>
1498
+ </tr>
1499
+ <tr>
1500
+ <td class="col-md-4">
1501
+ <code>recomputePosition()</code>
1502
+ </td>
1503
+ </tr>
1422
1504
 
1423
1505
 
1424
- </tr>
1425
- </tbody>
1426
- </table>
1427
- </div>
1428
- <div>
1429
- </div>
1506
+ <tr>
1507
+ <td class="col-md-4">
1508
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1509
+ </div>
1510
+ </td>
1511
+ </tr>
1512
+ <tr>
1513
+ <td class="col-md-4">
1514
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:185</a></code>
1515
+ </div>
1516
+ </td>
1517
+ </tr>
1518
+
1519
+
1520
+ <tr>
1521
+ <td class="col-md-4">
1522
+ <div class="io-description"><p>Compute position of tooltip when autoAlign is enabled</p>
1523
+ </div>
1524
+
1430
1525
  <div class="io-description">
1431
1526
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1432
1527
 
1433
- </div>
1434
- <div class="io-description">
1435
-
1436
1528
  </div>
1437
1529
  </td>
1438
1530
  </tr>
@@ -1442,24 +1534,30 @@
1442
1534
  <tbody>
1443
1535
  <tr>
1444
1536
  <td class="col-md-4">
1445
- <a name="ngAfterViewInit"></a>
1537
+ <a name="roundByDPR"></a>
1446
1538
  <span class="name">
1447
- <span ><b>ngAfterViewInit</b></span>
1448
- <a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
1539
+ <span ><b>roundByDPR</b></span>
1540
+ <a href="#roundByDPR"><span class="icon ion-ios-link"></span></a>
1449
1541
  </span>
1450
1542
  </td>
1451
1543
  </tr>
1452
1544
  <tr>
1453
1545
  <td class="col-md-4">
1454
- <code>ngAfterViewInit()</code>
1546
+ <code>roundByDPR(value)</code>
1455
1547
  </td>
1456
1548
  </tr>
1457
1549
 
1458
1550
 
1459
1551
  <tr>
1460
1552
  <td class="col-md-4">
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>
1553
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1554
+ </div>
1555
+ </td>
1556
+ </tr>
1557
+ <tr>
1558
+ <td class="col-md-4">
1559
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:177</a></code>
1560
+ </div>
1463
1561
  </td>
1464
1562
  </tr>
1465
1563
 
@@ -1468,8 +1566,36 @@
1468
1566
  <td class="col-md-4">
1469
1567
 
1470
1568
  <div class="io-description">
1471
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1569
+ <b>Parameters :</b>
1570
+
1571
+ <table class="params">
1572
+ <thead>
1573
+ <tr>
1574
+ <td>Name</td>
1575
+ <td>Optional</td>
1576
+ </tr>
1577
+ </thead>
1578
+ <tbody>
1579
+ <tr>
1580
+ <td>value</td>
1581
+
1582
+ <td>
1583
+ No
1584
+ </td>
1585
+
1586
+
1587
+ </tr>
1588
+ </tbody>
1589
+ </table>
1590
+ </div>
1591
+ <div>
1592
+ </div>
1593
+ <div class="io-description">
1594
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1472
1595
 
1596
+ </div>
1597
+ <div class="io-description">
1598
+
1473
1599
  </div>
1474
1600
  </td>
1475
1601
  </tr>
@@ -1479,16 +1605,16 @@
1479
1605
  <tbody>
1480
1606
  <tr>
1481
1607
  <td class="col-md-4">
1482
- <a name="handleChange"></a>
1608
+ <a name="updateAlignmentClass"></a>
1483
1609
  <span class="name">
1484
- <span ><b>handleChange</b></span>
1485
- <a href="#handleChange"><span class="icon ion-ios-link"></span></a>
1610
+ <span ><b>updateAlignmentClass</b></span>
1611
+ <a href="#updateAlignmentClass"><span class="icon ion-ios-link"></span></a>
1486
1612
  </span>
1487
1613
  </td>
1488
1614
  </tr>
1489
1615
  <tr>
1490
1616
  <td class="col-md-4">
1491
- <code>handleChange(open: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>, event: Event)</code>
1617
+ <code>updateAlignmentClass(newAlignment: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>, previousAlignment?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1492
1618
  </td>
1493
1619
  </tr>
1494
1620
 
@@ -1501,7 +1627,7 @@
1501
1627
  </tr>
1502
1628
  <tr>
1503
1629
  <td class="col-md-4">
1504
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:101</a></code>
1630
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:296</a></code>
1505
1631
  </div>
1506
1632
  </td>
1507
1633
  </tr>
@@ -1509,6 +1635,8 @@
1509
1635
 
1510
1636
  <tr>
1511
1637
  <td class="col-md-4">
1638
+ <div class="io-description"><p>Replace existing previous alignment class with new</p>
1639
+ </div>
1512
1640
 
1513
1641
  <div class="io-description">
1514
1642
  <b>Parameters :</b>
@@ -1523,9 +1651,9 @@
1523
1651
  </thead>
1524
1652
  <tbody>
1525
1653
  <tr>
1526
- <td>open</td>
1654
+ <td>newAlignment</td>
1527
1655
  <td>
1528
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1656
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1529
1657
  </td>
1530
1658
 
1531
1659
  <td>
@@ -1535,13 +1663,13 @@
1535
1663
 
1536
1664
  </tr>
1537
1665
  <tr>
1538
- <td>event</td>
1666
+ <td>previousAlignment</td>
1539
1667
  <td>
1540
- <code>Event</code>
1668
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1541
1669
  </td>
1542
1670
 
1543
1671
  <td>
1544
- No
1672
+ Yes
1545
1673
  </td>
1546
1674
 
1547
1675
 
@@ -1597,7 +1725,7 @@
1597
1725
  </tr>
1598
1726
  <tr>
1599
1727
  <td class="col-md-4">
1600
- <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/toggletip/toggletip.component.ts:44</a></div>
1728
+ <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/toggletip/toggletip.component.ts:45</a></div>
1601
1729
  </td>
1602
1730
  </tr>
1603
1731
 
@@ -1622,7 +1750,7 @@
1622
1750
  </tr>
1623
1751
  <tr>
1624
1752
  <td class="col-md-4">
1625
- <div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/toggletip/toggletip.component.ts:46</a></div>
1753
+ <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/toggletip/toggletip.component.ts:47</a></div>
1626
1754
  </td>
1627
1755
  </tr>
1628
1756
 
@@ -1657,7 +1785,7 @@
1657
1785
  </tr>
1658
1786
  <tr>
1659
1787
  <td class="col-md-4">
1660
- <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/toggletip/toggletip.component.ts:41</a></div>
1788
+ <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/toggletip/toggletip.component.ts:42</a></div>
1661
1789
  </td>
1662
1790
  </tr>
1663
1791
 
@@ -1689,7 +1817,186 @@
1689
1817
  </tr>
1690
1818
  <tr>
1691
1819
  <td class="col-md-4">
1692
- <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/toggletip/toggletip.component.ts:37</a></div>
1820
+ <div class="io-line">Defined in <a href="" data-line="38" class="link-to-prism">src/toggletip/toggletip.component.ts:38</a></div>
1821
+ </td>
1822
+ </tr>
1823
+
1824
+
1825
+ </tbody>
1826
+ </table>
1827
+ <table class="table table-sm table-bordered">
1828
+ <tbody>
1829
+ <tr>
1830
+ <td class="col-md-4">
1831
+ <a name="_align"></a>
1832
+ <span class="name">
1833
+ <span ><b>_align</b></span>
1834
+ <a href="#_align"><span class="icon ion-ios-link"></span></a>
1835
+ </span>
1836
+ </td>
1837
+ </tr>
1838
+ <tr>
1839
+ <td class="col-md-4">
1840
+ <i>Type : </i> <code>Placement</code>
1841
+
1842
+ </td>
1843
+ </tr>
1844
+ <tr>
1845
+ <td class="col-md-4">
1846
+ <i>Default value : </i><code>&quot;bottom&quot;</code>
1847
+ </td>
1848
+ </tr>
1849
+ <tr>
1850
+ <td class="col-md-4">
1851
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1852
+ </div>
1853
+ </td>
1854
+ </tr>
1855
+ <tr>
1856
+ <td class="col-md-4">
1857
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:84</a></code>
1858
+ </div>
1859
+ </td>
1860
+ </tr>
1861
+
1862
+
1863
+ </tbody>
1864
+ </table>
1865
+ <table class="table table-sm table-bordered">
1866
+ <tbody>
1867
+ <tr>
1868
+ <td class="col-md-4">
1869
+ <a name="alignmentClassPrefix"></a>
1870
+ <span class="name">
1871
+ <span class="modifier">Readonly</span>
1872
+ <span ><b>alignmentClassPrefix</b></span>
1873
+ <a href="#alignmentClassPrefix"><span class="icon ion-ios-link"></span></a>
1874
+ </span>
1875
+ </td>
1876
+ </tr>
1877
+ <tr>
1878
+ <td class="col-md-4">
1879
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1880
+
1881
+ </td>
1882
+ </tr>
1883
+ <tr>
1884
+ <td class="col-md-4">
1885
+ <i>Default value : </i><code>&quot;cds--popover--&quot;</code>
1886
+ </td>
1887
+ </tr>
1888
+ <tr>
1889
+ <td class="col-md-4">
1890
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1891
+ </div>
1892
+ </td>
1893
+ </tr>
1894
+ <tr>
1895
+ <td class="col-md-4">
1896
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:85</a></code>
1897
+ </div>
1898
+ </td>
1899
+ </tr>
1900
+
1901
+
1902
+ </tbody>
1903
+ </table>
1904
+ <table class="table table-sm table-bordered">
1905
+ <tbody>
1906
+ <tr>
1907
+ <td class="col-md-4">
1908
+ <a name="caretHeight"></a>
1909
+ <span class="name">
1910
+ <span class="modifier">Protected</span>
1911
+ <span ><b>caretHeight</b></span>
1912
+ <a href="#caretHeight"><span class="icon ion-ios-link"></span></a>
1913
+ </span>
1914
+ </td>
1915
+ </tr>
1916
+ <tr>
1917
+ <td class="col-md-4">
1918
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1919
+
1920
+ </td>
1921
+ </tr>
1922
+ <tr>
1923
+ <td class="col-md-4">
1924
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1925
+ </div>
1926
+ </td>
1927
+ </tr>
1928
+ <tr>
1929
+ <td class="col-md-4">
1930
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:122</a></code>
1931
+ </div>
1932
+ </td>
1933
+ </tr>
1934
+
1935
+
1936
+ </tbody>
1937
+ </table>
1938
+ <table class="table table-sm table-bordered">
1939
+ <tbody>
1940
+ <tr>
1941
+ <td class="col-md-4">
1942
+ <a name="caretOffset"></a>
1943
+ <span class="name">
1944
+ <span class="modifier">Protected</span>
1945
+ <span ><b>caretOffset</b></span>
1946
+ <a href="#caretOffset"><span class="icon ion-ios-link"></span></a>
1947
+ </span>
1948
+ </td>
1949
+ </tr>
1950
+ <tr>
1951
+ <td class="col-md-4">
1952
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1953
+
1954
+ </td>
1955
+ </tr>
1956
+ <tr>
1957
+ <td class="col-md-4">
1958
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1959
+ </div>
1960
+ </td>
1961
+ </tr>
1962
+ <tr>
1963
+ <td class="col-md-4">
1964
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:121</a></code>
1965
+ </div>
1966
+ </td>
1967
+ </tr>
1968
+
1969
+
1970
+ </tbody>
1971
+ </table>
1972
+ <table class="table table-sm table-bordered">
1973
+ <tbody>
1974
+ <tr>
1975
+ <td class="col-md-4">
1976
+ <a name="caretRef"></a>
1977
+ <span class="name">
1978
+ <span class="modifier">Protected</span>
1979
+ <span ><b>caretRef</b></span>
1980
+ <a href="#caretRef"><span class="icon ion-ios-link"></span></a>
1981
+ </span>
1982
+ </td>
1983
+ </tr>
1984
+ <tr>
1985
+ <td class="col-md-4">
1986
+ <i>Type : </i> <code>HTMLElement</code>
1987
+
1988
+ </td>
1989
+ </tr>
1990
+ <tr>
1991
+ <td class="col-md-4">
1992
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
1993
+ </div>
1994
+ </td>
1995
+ </tr>
1996
+ <tr>
1997
+ <td class="col-md-4">
1998
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:120</a></code>
1999
+ </div>
1693
2000
  </td>
1694
2001
  </tr>
1695
2002
 
@@ -1730,7 +2037,75 @@
1730
2037
  </tr>
1731
2038
  <tr>
1732
2039
  <td class="col-md-4">
1733
- <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
2040
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:116</a></code>
2041
+ </div>
2042
+ </td>
2043
+ </tr>
2044
+
2045
+
2046
+ </tbody>
2047
+ </table>
2048
+ <table class="table table-sm table-bordered">
2049
+ <tbody>
2050
+ <tr>
2051
+ <td class="col-md-4">
2052
+ <a name="popoverContentRef"></a>
2053
+ <span class="name">
2054
+ <span class="modifier">Protected</span>
2055
+ <span ><b>popoverContentRef</b></span>
2056
+ <a href="#popoverContentRef"><span class="icon ion-ios-link"></span></a>
2057
+ </span>
2058
+ </td>
2059
+ </tr>
2060
+ <tr>
2061
+ <td class="col-md-4">
2062
+ <i>Type : </i> <code>HTMLElement</code>
2063
+
2064
+ </td>
2065
+ </tr>
2066
+ <tr>
2067
+ <td class="col-md-4">
2068
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
2069
+ </div>
2070
+ </td>
2071
+ </tr>
2072
+ <tr>
2073
+ <td class="col-md-4">
2074
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:119</a></code>
2075
+ </div>
2076
+ </td>
2077
+ </tr>
2078
+
2079
+
2080
+ </tbody>
2081
+ </table>
2082
+ <table class="table table-sm table-bordered">
2083
+ <tbody>
2084
+ <tr>
2085
+ <td class="col-md-4">
2086
+ <a name="unmountFloatingElement"></a>
2087
+ <span class="name">
2088
+ <span class="modifier">Protected</span>
2089
+ <span ><b>unmountFloatingElement</b></span>
2090
+ <a href="#unmountFloatingElement"><span class="icon ion-ios-link"></span></a>
2091
+ </span>
2092
+ </td>
2093
+ </tr>
2094
+ <tr>
2095
+ <td class="col-md-4">
2096
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank" >Function</a></code>
2097
+
2098
+ </td>
2099
+ </tr>
2100
+ <tr>
2101
+ <td class="col-md-4">
2102
+ <div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
2103
+ </div>
2104
+ </td>
2105
+ </tr>
2106
+ <tr>
2107
+ <td class="col-md-4">
2108
+ <div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:123</a></code>
1734
2109
  </div>
1735
2110
  </td>
1736
2111
  </tr>
@@ -1754,6 +2129,7 @@
1754
2129
  HostBinding,
1755
2130
  HostListener,
1756
2131
  Input,
2132
+ NgZone,
1757
2133
  Renderer2
1758
2134
  } from &quot;@angular/core&quot;;
1759
2135
  import { fromEvent } from &quot;rxjs&quot;;
@@ -1791,13 +2167,20 @@ export class Toggletip extends PopoverContainer implements AfterViewInit {
1791
2167
 
1792
2168
  documentClick &#x3D; this.handleFocusOut.bind(this);
1793
2169
 
1794
- constructor(private hostElement: ElementRef, private renderer: Renderer2, private ref: ChangeDetectorRef) {
1795
- super(ref);
2170
+ constructor(
2171
+ protected hostElement: ElementRef,
2172
+ protected ngZone: NgZone,
2173
+ protected renderer: Renderer2,
2174
+ protected changeDetectorRef: ChangeDetectorRef
2175
+ ) {
2176
+ super(hostElement, ngZone, renderer, changeDetectorRef);
1796
2177
  this.highContrast &#x3D; true;
1797
2178
  this.dropShadow &#x3D; false;
1798
2179
  }
1799
2180
 
1800
2181
  ngAfterViewInit(): void {
2182
+ this.initializeReferences();
2183
+
1801
2184
  // Listen for click events on trigger
1802
2185
  fromEvent(this.btn.nativeElement, &quot;click&quot;)
1803
2186
  .subscribe((event: Event) &#x3D;&gt; {