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.
- package/docs/documentation/components/PopoverContent.html +215 -11
- package/docs/documentation/components/Toggletip.html +843 -460
- package/docs/documentation/components/Tooltip.html +1057 -607
- package/docs/documentation/components/TooltipDefinition.html +977 -538
- package/docs/documentation/coverage.html +20 -20
- package/docs/documentation/dependencies.html +3 -1
- package/docs/documentation/directives/PopoverContainer.html +1019 -638
- package/docs/documentation/images/coverage-badge-documentation.svg +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/miscellaneous/typealiases.html +21 -0
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
- package/docs/documentation/modules/DatePickerInputModule.html +7 -7
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +57 -53
- package/docs/documentation/modules/DatePickerModule.html +57 -53
- package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
- package/docs/documentation/modules/DialogModule.html +34 -34
- package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
- package/docs/documentation/modules/GridModule.html +60 -60
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
- package/docs/documentation/modules/SelectModule.html +58 -58
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
- package/docs/documentation/modules/StructuredListModule.html +66 -66
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TagModule.html +4 -4
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
- package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +31 -31
- package/docs/documentation/modules/TreeviewModule.html +31 -31
- package/docs/documentation.json +1587 -813
- package/docs/storybook/1562.1e6a79b6.iframe.bundle.js +1 -0
- package/docs/storybook/4578.c90d4756.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/main.css +1156 -571
- package/docs/storybook/main.fbe9a501.iframe.bundle.js +1 -0
- package/docs/storybook/popover-popover-stories.db1735d2.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/runtime~main.e6146719.iframe.bundle.js +1 -0
- package/docs/storybook/stories.json +1 -1
- package/docs/storybook/toggletip-toggletip-stories.7265233d.iframe.bundle.js +1 -0
- package/docs/storybook/tooltip-definition-tooptip-stories.af38c73f.iframe.bundle.js +1 -0
- package/docs/storybook/tooltip-tooltip-stories.65d7c699.iframe.bundle.js +1 -0
- package/esm2020/popover/popover-content.component.mjs +33 -13
- package/esm2020/popover/popover.directive.mjs +216 -97
- package/esm2020/toggletip/toggletip.component.mjs +8 -6
- package/esm2020/tooltip/definition-tooptip.component.mjs +14 -15
- package/esm2020/tooltip/tooltip.component.mjs +13 -8
- package/fesm2015/carbon-components-angular-popover.mjs +248 -108
- package/fesm2015/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-toggletip.mjs +7 -5
- package/fesm2015/carbon-components-angular-toggletip.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-tooltip.mjs +25 -21
- package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-popover.mjs +247 -108
- package/fesm2020/carbon-components-angular-popover.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-toggletip.mjs +7 -5
- package/fesm2020/carbon-components-angular-toggletip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-tooltip.mjs +25 -21
- package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
- package/package.json +3 -2
- package/popover/popover-content.component.d.ts +7 -1
- package/popover/popover.directive.d.ts +74 -29
- package/toggletip/toggletip.component.d.ts +6 -5
- package/tooltip/definition-tooptip.component.d.ts +7 -8
- package/tooltip/tooltip.component.d.ts +6 -3
- package/docs/storybook/4578.93dc52a7.iframe.bundle.js +0 -1
- package/docs/storybook/main.f61a9bb7.iframe.bundle.js +0 -1
- package/docs/storybook/popover-popover-stories.cc1684df.iframe.bundle.js +0 -1
- package/docs/storybook/runtime~main.6a22a4e9.iframe.bundle.js +0 -1
- package/docs/storybook/toggletip-toggletip-stories.22e37008.iframe.bundle.js +0 -1
- package/docs/storybook/tooltip-definition-tooptip-stories.2e1a211c.iframe.bundle.js +0 -1
- package/docs/storybook/tooltip-tooltip-stories.6a4a1383.iframe.bundle.js +0 -1
|
@@ -133,8 +133,9 @@
|
|
|
133
133
|
<span class="cds--popover-content cds--tooltip-content">
|
|
134
134
|
<ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container>
|
|
135
135
|
<ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description"></ng-template>
|
|
136
|
+
<span *ngIf="autoAlign" class="cds--popover-caret cds--popover--auto-align"></span>
|
|
136
137
|
</span>
|
|
137
|
-
<span class="cds--popover-caret"></span>
|
|
138
|
+
<span *ngIf="!autoAlign" class="cds--popover-caret"></span>
|
|
138
139
|
</ng-container>
|
|
139
140
|
</span>
|
|
140
141
|
</code></pre></td>
|
|
@@ -176,10 +177,37 @@
|
|
|
176
177
|
<span class="modifier"></span>
|
|
177
178
|
<a href="#wrapper" >wrapper</a>
|
|
178
179
|
</li>
|
|
180
|
+
<li>
|
|
181
|
+
<a href="#_align" >_align</a>
|
|
182
|
+
</li>
|
|
183
|
+
<li>
|
|
184
|
+
<span class="modifier">Readonly</span>
|
|
185
|
+
<a href="#alignmentClassPrefix" >alignmentClassPrefix</a>
|
|
186
|
+
</li>
|
|
187
|
+
<li>
|
|
188
|
+
<span class="modifier">Protected</span>
|
|
189
|
+
<a href="#caretHeight" >caretHeight</a>
|
|
190
|
+
</li>
|
|
191
|
+
<li>
|
|
192
|
+
<span class="modifier">Protected</span>
|
|
193
|
+
<a href="#caretOffset" >caretOffset</a>
|
|
194
|
+
</li>
|
|
195
|
+
<li>
|
|
196
|
+
<span class="modifier">Protected</span>
|
|
197
|
+
<a href="#caretRef" >caretRef</a>
|
|
198
|
+
</li>
|
|
179
199
|
<li>
|
|
180
200
|
<span class="modifier"></span>
|
|
181
201
|
<a href="#containerClass" >containerClass</a>
|
|
182
202
|
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<span class="modifier">Protected</span>
|
|
205
|
+
<a href="#popoverContentRef" >popoverContentRef</a>
|
|
206
|
+
</li>
|
|
207
|
+
<li>
|
|
208
|
+
<span class="modifier">Protected</span>
|
|
209
|
+
<a href="#unmountFloatingElement" >unmountFloatingElement</a>
|
|
210
|
+
</li>
|
|
183
211
|
</ul>
|
|
184
212
|
</td>
|
|
185
213
|
</tr>
|
|
@@ -218,9 +246,33 @@
|
|
|
218
246
|
<li>
|
|
219
247
|
<a href="#ngAfterContentChecked" >ngAfterContentChecked</a>
|
|
220
248
|
</li>
|
|
249
|
+
<li>
|
|
250
|
+
<a href="#cleanUp" >cleanUp</a>
|
|
251
|
+
</li>
|
|
221
252
|
<li>
|
|
222
253
|
<a href="#handleChange" >handleChange</a>
|
|
223
254
|
</li>
|
|
255
|
+
<li>
|
|
256
|
+
<a href="#initializeReferences" >initializeReferences</a>
|
|
257
|
+
</li>
|
|
258
|
+
<li>
|
|
259
|
+
<a href="#ngAfterViewInit" >ngAfterViewInit</a>
|
|
260
|
+
</li>
|
|
261
|
+
<li>
|
|
262
|
+
<a href="#ngOnChanges" >ngOnChanges</a>
|
|
263
|
+
</li>
|
|
264
|
+
<li>
|
|
265
|
+
<a href="#ngOnDestroy" >ngOnDestroy</a>
|
|
266
|
+
</li>
|
|
267
|
+
<li>
|
|
268
|
+
<a href="#recomputePosition" >recomputePosition</a>
|
|
269
|
+
</li>
|
|
270
|
+
<li>
|
|
271
|
+
<a href="#roundByDPR" >roundByDPR</a>
|
|
272
|
+
</li>
|
|
273
|
+
<li>
|
|
274
|
+
<a href="#updateAlignmentClass" >updateAlignmentClass</a>
|
|
275
|
+
</li>
|
|
224
276
|
</ul>
|
|
225
277
|
</td>
|
|
226
278
|
</tr>
|
|
@@ -251,6 +303,9 @@
|
|
|
251
303
|
<li>
|
|
252
304
|
<a href="#align" >align</a>
|
|
253
305
|
</li>
|
|
306
|
+
<li>
|
|
307
|
+
<a href="#autoAlign" >autoAlign</a>
|
|
308
|
+
</li>
|
|
254
309
|
<li>
|
|
255
310
|
<a href="#caret" >caret</a>
|
|
256
311
|
</li>
|
|
@@ -299,42 +354,6 @@
|
|
|
299
354
|
<li>
|
|
300
355
|
<a href="#class.cds--tooltip" >class.cds--tooltip</a>
|
|
301
356
|
</li>
|
|
302
|
-
<li>
|
|
303
|
-
<a href="#class.cds--popover--bottom" >class.cds--popover--bottom</a>
|
|
304
|
-
</li>
|
|
305
|
-
<li>
|
|
306
|
-
<a href="#class.cds--popover--bottom-left" >class.cds--popover--bottom-left</a>
|
|
307
|
-
</li>
|
|
308
|
-
<li>
|
|
309
|
-
<a href="#class.cds--popover--bottom-right" >class.cds--popover--bottom-right</a>
|
|
310
|
-
</li>
|
|
311
|
-
<li>
|
|
312
|
-
<a href="#class.cds--popover--left" >class.cds--popover--left</a>
|
|
313
|
-
</li>
|
|
314
|
-
<li>
|
|
315
|
-
<a href="#class.cds--popover--left-bottom" >class.cds--popover--left-bottom</a>
|
|
316
|
-
</li>
|
|
317
|
-
<li>
|
|
318
|
-
<a href="#class.cds--popover--left-top" >class.cds--popover--left-top</a>
|
|
319
|
-
</li>
|
|
320
|
-
<li>
|
|
321
|
-
<a href="#class.cds--popover--right" >class.cds--popover--right</a>
|
|
322
|
-
</li>
|
|
323
|
-
<li>
|
|
324
|
-
<a href="#class.cds--popover--right-bottom" >class.cds--popover--right-bottom</a>
|
|
325
|
-
</li>
|
|
326
|
-
<li>
|
|
327
|
-
<a href="#class.cds--popover--right-top" >class.cds--popover--right-top</a>
|
|
328
|
-
</li>
|
|
329
|
-
<li>
|
|
330
|
-
<a href="#class.cds--popover--top" >class.cds--popover--top</a>
|
|
331
|
-
</li>
|
|
332
|
-
<li>
|
|
333
|
-
<a href="#class.cds--popover--top-left" >class.cds--popover--top-left</a>
|
|
334
|
-
</li>
|
|
335
|
-
<li>
|
|
336
|
-
<a href="#class.cds--popover--top-right" >class.cds--popover--top-right</a>
|
|
337
|
-
</li>
|
|
338
357
|
<li>
|
|
339
358
|
<a href="#class.cds--popover-container" >class.cds--popover-container</a>
|
|
340
359
|
</li>
|
|
@@ -379,12 +398,12 @@
|
|
|
379
398
|
<tbody>
|
|
380
399
|
<tr>
|
|
381
400
|
<td class="col-md-4">
|
|
382
|
-
<code>constructor(
|
|
401
|
+
<code>constructor(elementRef: ElementRef, ngZone: NgZone, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef)</code>
|
|
383
402
|
</td>
|
|
384
403
|
</tr>
|
|
385
404
|
<tr>
|
|
386
405
|
<td class="col-md-4">
|
|
387
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
406
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tooltip/tooltip.component.ts:73</a></div>
|
|
388
407
|
</td>
|
|
389
408
|
</tr>
|
|
390
409
|
|
|
@@ -402,7 +421,43 @@
|
|
|
402
421
|
</thead>
|
|
403
422
|
<tbody>
|
|
404
423
|
<tr>
|
|
405
|
-
<td>
|
|
424
|
+
<td>elementRef</td>
|
|
425
|
+
|
|
426
|
+
<td>
|
|
427
|
+
<code>ElementRef</code>
|
|
428
|
+
</td>
|
|
429
|
+
|
|
430
|
+
<td>
|
|
431
|
+
No
|
|
432
|
+
</td>
|
|
433
|
+
|
|
434
|
+
</tr>
|
|
435
|
+
<tr>
|
|
436
|
+
<td>ngZone</td>
|
|
437
|
+
|
|
438
|
+
<td>
|
|
439
|
+
<code>NgZone</code>
|
|
440
|
+
</td>
|
|
441
|
+
|
|
442
|
+
<td>
|
|
443
|
+
No
|
|
444
|
+
</td>
|
|
445
|
+
|
|
446
|
+
</tr>
|
|
447
|
+
<tr>
|
|
448
|
+
<td>renderer</td>
|
|
449
|
+
|
|
450
|
+
<td>
|
|
451
|
+
<code>Renderer2</code>
|
|
452
|
+
</td>
|
|
453
|
+
|
|
454
|
+
<td>
|
|
455
|
+
No
|
|
456
|
+
</td>
|
|
457
|
+
|
|
458
|
+
</tr>
|
|
459
|
+
<tr>
|
|
460
|
+
<td>changeDetectorRef</td>
|
|
406
461
|
|
|
407
462
|
<td>
|
|
408
463
|
<code>ChangeDetectorRef</code>
|
|
@@ -440,7 +495,7 @@
|
|
|
440
495
|
</tr>
|
|
441
496
|
<tr>
|
|
442
497
|
<td class="col-md-2" colspan="2">
|
|
443
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
498
|
+
<div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/tooltip/tooltip.component.ts:71</a></div>
|
|
444
499
|
</td>
|
|
445
500
|
</tr>
|
|
446
501
|
<tr>
|
|
@@ -472,7 +527,7 @@
|
|
|
472
527
|
</tr>
|
|
473
528
|
<tr>
|
|
474
529
|
<td class="col-md-2" colspan="2">
|
|
475
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
530
|
+
<div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/tooltip/tooltip.component.ts:67</a></div>
|
|
476
531
|
</td>
|
|
477
532
|
</tr>
|
|
478
533
|
<tr>
|
|
@@ -504,7 +559,7 @@
|
|
|
504
559
|
</tr>
|
|
505
560
|
<tr>
|
|
506
561
|
<td class="col-md-2" colspan="2">
|
|
507
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
562
|
+
<div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/tooltip/tooltip.component.ts:59</a></div>
|
|
508
563
|
</td>
|
|
509
564
|
</tr>
|
|
510
565
|
<tr>
|
|
@@ -536,7 +591,7 @@
|
|
|
536
591
|
</tr>
|
|
537
592
|
<tr>
|
|
538
593
|
<td class="col-md-2" colspan="2">
|
|
539
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
594
|
+
<div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/tooltip/tooltip.component.ts:55</a></div>
|
|
540
595
|
</td>
|
|
541
596
|
</tr>
|
|
542
597
|
</tbody>
|
|
@@ -562,7 +617,7 @@
|
|
|
562
617
|
</tr>
|
|
563
618
|
<tr>
|
|
564
619
|
<td class="col-md-2" colspan="2">
|
|
565
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
620
|
+
<div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/tooltip/tooltip.component.ts:63</a></div>
|
|
566
621
|
</td>
|
|
567
622
|
</tr>
|
|
568
623
|
<tr>
|
|
@@ -583,13 +638,49 @@
|
|
|
583
638
|
</tr>
|
|
584
639
|
<tr>
|
|
585
640
|
<td class="col-md-4">
|
|
586
|
-
<i>Type : </i>
|
|
641
|
+
<i>Type : </i> <code><a href="../miscellaneous/typealiases.html#oldPlacement" target="_self" >oldPlacement | Placement</a></code>
|
|
642
|
+
|
|
643
|
+
</td>
|
|
644
|
+
</tr>
|
|
645
|
+
<tr>
|
|
646
|
+
<td class="col-md-4" colspan="2">
|
|
647
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
648
|
+
</div>
|
|
649
|
+
</td>
|
|
650
|
+
</tr>
|
|
651
|
+
<tr>
|
|
652
|
+
<td class="col-md-2" colspan="2">
|
|
653
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:45</a></code>
|
|
654
|
+
</div>
|
|
655
|
+
</td>
|
|
656
|
+
</tr>
|
|
657
|
+
<tr>
|
|
658
|
+
<td class="col-md-4">
|
|
659
|
+
<div class="io-description"><p>Set alignment of popover
|
|
660
|
+
As of v5, <code>oldPlacements</code> are now deprecated in favor of Placements</p>
|
|
661
|
+
<p>When <code>autoAlign</code> is set to <code>true</code>, alignment may change for best placement</p>
|
|
662
|
+
</div>
|
|
663
|
+
</td>
|
|
664
|
+
</tr>
|
|
665
|
+
</tbody>
|
|
666
|
+
</table>
|
|
667
|
+
<table class="table table-sm table-bordered">
|
|
668
|
+
<tbody>
|
|
669
|
+
<tr>
|
|
670
|
+
<td class="col-md-4">
|
|
671
|
+
<a name="autoAlign"></a>
|
|
672
|
+
<b>autoAlign</b>
|
|
673
|
+
</td>
|
|
674
|
+
</tr>
|
|
675
|
+
<tr>
|
|
676
|
+
<td class="col-md-4">
|
|
677
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
587
678
|
|
|
588
679
|
</td>
|
|
589
680
|
</tr>
|
|
590
681
|
<tr>
|
|
591
682
|
<td class="col-md-4">
|
|
592
|
-
<i>Default value : </i><code
|
|
683
|
+
<i>Default value : </i><code>false</code>
|
|
593
684
|
</td>
|
|
594
685
|
</tr>
|
|
595
686
|
<tr>
|
|
@@ -600,10 +691,17 @@
|
|
|
600
691
|
</tr>
|
|
601
692
|
<tr>
|
|
602
693
|
<td class="col-md-2" colspan="2">
|
|
603
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
694
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:115</a></code>
|
|
604
695
|
</div>
|
|
605
696
|
</td>
|
|
606
697
|
</tr>
|
|
698
|
+
<tr>
|
|
699
|
+
<td class="col-md-4">
|
|
700
|
+
<div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
|
|
701
|
+
This is not toggleable - should be sent once</p>
|
|
702
|
+
</div>
|
|
703
|
+
</td>
|
|
704
|
+
</tr>
|
|
607
705
|
</tbody>
|
|
608
706
|
</table>
|
|
609
707
|
<table class="table table-sm table-bordered">
|
|
@@ -633,10 +731,16 @@
|
|
|
633
731
|
</tr>
|
|
634
732
|
<tr>
|
|
635
733
|
<td class="col-md-2" colspan="2">
|
|
636
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
734
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:102</a></code>
|
|
637
735
|
</div>
|
|
638
736
|
</td>
|
|
639
737
|
</tr>
|
|
738
|
+
<tr>
|
|
739
|
+
<td class="col-md-4">
|
|
740
|
+
<div class="io-description"><p>Show caret at the alignment position</p>
|
|
741
|
+
</div>
|
|
742
|
+
</td>
|
|
743
|
+
</tr>
|
|
640
744
|
</tbody>
|
|
641
745
|
</table>
|
|
642
746
|
<table class="table table-sm table-bordered">
|
|
@@ -666,10 +770,16 @@
|
|
|
666
770
|
</tr>
|
|
667
771
|
<tr>
|
|
668
772
|
<td class="col-md-2" colspan="2">
|
|
669
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
773
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:106</a></code>
|
|
670
774
|
</div>
|
|
671
775
|
</td>
|
|
672
776
|
</tr>
|
|
777
|
+
<tr>
|
|
778
|
+
<td class="col-md-4">
|
|
779
|
+
<div class="io-description"><p>Enable drop shadow around the popover container</p>
|
|
780
|
+
</div>
|
|
781
|
+
</td>
|
|
782
|
+
</tr>
|
|
673
783
|
</tbody>
|
|
674
784
|
</table>
|
|
675
785
|
<table class="table table-sm table-bordered">
|
|
@@ -688,7 +798,7 @@
|
|
|
688
798
|
</tr>
|
|
689
799
|
<tr>
|
|
690
800
|
<td class="col-md-4">
|
|
691
|
-
<i>Default value : </i><code>
|
|
801
|
+
<i>Default value : </i><code>true</code>
|
|
692
802
|
</td>
|
|
693
803
|
</tr>
|
|
694
804
|
<tr>
|
|
@@ -699,10 +809,16 @@
|
|
|
699
809
|
</tr>
|
|
700
810
|
<tr>
|
|
701
811
|
<td class="col-md-2" colspan="2">
|
|
702
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
812
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:110</a></code>
|
|
703
813
|
</div>
|
|
704
814
|
</td>
|
|
705
815
|
</tr>
|
|
816
|
+
<tr>
|
|
817
|
+
<td class="col-md-4">
|
|
818
|
+
<div class="io-description"><p>Enable high contrast for popover container</p>
|
|
819
|
+
</div>
|
|
820
|
+
</td>
|
|
821
|
+
</tr>
|
|
706
822
|
</tbody>
|
|
707
823
|
</table>
|
|
708
824
|
<table class="table table-sm table-bordered">
|
|
@@ -732,7 +848,7 @@
|
|
|
732
848
|
</tr>
|
|
733
849
|
<tr>
|
|
734
850
|
<td class="col-md-2" colspan="2">
|
|
735
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
851
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:117</a></code>
|
|
736
852
|
</div>
|
|
737
853
|
</td>
|
|
738
854
|
</tr>
|
|
@@ -763,7 +879,7 @@
|
|
|
763
879
|
</tr>
|
|
764
880
|
<tr>
|
|
765
881
|
<td class="col-md-2" colspan="2">
|
|
766
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
882
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:98</a></code>
|
|
767
883
|
</div>
|
|
768
884
|
</td>
|
|
769
885
|
</tr>
|
|
@@ -797,7 +913,7 @@
|
|
|
797
913
|
</tr>
|
|
798
914
|
<tr>
|
|
799
915
|
<td class="col-md-2" colspan="2">
|
|
800
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
916
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:90</a></code>
|
|
801
917
|
</div>
|
|
802
918
|
</td>
|
|
803
919
|
</tr>
|
|
@@ -831,7 +947,7 @@
|
|
|
831
947
|
</tr>
|
|
832
948
|
<tr>
|
|
833
949
|
<td class="col-md-2" colspan="2">
|
|
834
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
950
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:94</a></code>
|
|
835
951
|
</div>
|
|
836
952
|
</td>
|
|
837
953
|
</tr>
|
|
@@ -869,7 +985,7 @@
|
|
|
869
985
|
</tr>
|
|
870
986
|
<tr>
|
|
871
987
|
<td class="col-md-4">
|
|
872
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
988
|
+
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/tooltip/tooltip.component.ts:53</a></div>
|
|
873
989
|
</td>
|
|
874
990
|
</tr>
|
|
875
991
|
|
|
@@ -880,10 +996,10 @@
|
|
|
880
996
|
<tbody>
|
|
881
997
|
<tr>
|
|
882
998
|
<td class="col-md-4">
|
|
883
|
-
<a name="class.cds--popover
|
|
999
|
+
<a name="class.cds--popover-container"></a>
|
|
884
1000
|
<span class="name">
|
|
885
|
-
<span ><b>class.cds--popover
|
|
886
|
-
<a href="#class.cds--popover
|
|
1001
|
+
<span ><b>class.cds--popover-container</b></span>
|
|
1002
|
+
<a href="#class.cds--popover-container"><span class="icon ion-ios-link"></span></a>
|
|
887
1003
|
</span>
|
|
888
1004
|
</td>
|
|
889
1005
|
</tr>
|
|
@@ -892,6 +1008,11 @@
|
|
|
892
1008
|
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
893
1009
|
|
|
894
1010
|
</td>
|
|
1011
|
+
</tr>
|
|
1012
|
+
<tr>
|
|
1013
|
+
<td class="col-md-4">
|
|
1014
|
+
<i>Default value : </i><code>true</code>
|
|
1015
|
+
</td>
|
|
895
1016
|
</tr>
|
|
896
1017
|
<tr>
|
|
897
1018
|
<td class="col-md-4">
|
|
@@ -901,7 +1022,7 @@
|
|
|
901
1022
|
</tr>
|
|
902
1023
|
<tr>
|
|
903
1024
|
<td class="col-md-4">
|
|
904
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
1025
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:116</a></code>
|
|
905
1026
|
</div>
|
|
906
1027
|
</td>
|
|
907
1028
|
</tr>
|
|
@@ -909,68 +1030,38 @@
|
|
|
909
1030
|
|
|
910
1031
|
</tbody>
|
|
911
1032
|
</table>
|
|
912
|
-
|
|
1033
|
+
</section>
|
|
1034
|
+
|
|
1035
|
+
<section data-compodoc="block-methods">
|
|
1036
|
+
<h3>HostListeners</h3> <table class="table table-sm table-bordered">
|
|
913
1037
|
<tbody>
|
|
914
1038
|
<tr>
|
|
915
1039
|
<td class="col-md-4">
|
|
916
|
-
<a name="
|
|
1040
|
+
<a name="focusin"></a>
|
|
917
1041
|
<span class="name">
|
|
918
|
-
<span ><b>
|
|
919
|
-
<a href="#
|
|
1042
|
+
<span ><b>focusin</b></span>
|
|
1043
|
+
<a href="#focusin"><span class="icon ion-ios-link"></span></a>
|
|
920
1044
|
</span>
|
|
921
1045
|
</td>
|
|
922
1046
|
</tr>
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
</
|
|
933
|
-
</td>
|
|
934
|
-
</tr>
|
|
935
|
-
<tr>
|
|
936
|
-
<td class="col-md-4">
|
|
937
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:41</a></code>
|
|
938
|
-
</div>
|
|
939
|
-
</td>
|
|
940
|
-
</tr>
|
|
1047
|
+
<tr>
|
|
1048
|
+
<td class="col-md-4">
|
|
1049
|
+
<i>Arguments : </i><code>'$event' </code>
|
|
1050
|
+
</td>
|
|
1051
|
+
</tr>
|
|
1052
|
+
<tr>
|
|
1053
|
+
<td class="col-md-4">
|
|
1054
|
+
<code>focusin(event: Event)</code>
|
|
1055
|
+
</td>
|
|
1056
|
+
</tr>
|
|
941
1057
|
|
|
942
1058
|
|
|
943
|
-
</tbody>
|
|
944
|
-
</table>
|
|
945
|
-
<table class="table table-sm table-bordered">
|
|
946
|
-
<tbody>
|
|
947
1059
|
<tr>
|
|
948
1060
|
<td class="col-md-4">
|
|
949
|
-
<a
|
|
950
|
-
|
|
951
|
-
<span ><b>class.cds--popover--bottom-right</b></span>
|
|
952
|
-
<a href="#class.cds--popover--bottom-right"><span class="icon ion-ios-link"></span></a>
|
|
953
|
-
</span>
|
|
1061
|
+
<div class="io-line">Defined in <a href="" data-line="110"
|
|
1062
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:110</a></div>
|
|
954
1063
|
</td>
|
|
955
1064
|
</tr>
|
|
956
|
-
<tr>
|
|
957
|
-
<td class="col-md-4">
|
|
958
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
959
|
-
|
|
960
|
-
</td>
|
|
961
|
-
</tr>
|
|
962
|
-
<tr>
|
|
963
|
-
<td class="col-md-4">
|
|
964
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
965
|
-
</div>
|
|
966
|
-
</td>
|
|
967
|
-
</tr>
|
|
968
|
-
<tr>
|
|
969
|
-
<td class="col-md-4">
|
|
970
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:45</a></code>
|
|
971
|
-
</div>
|
|
972
|
-
</td>
|
|
973
|
-
</tr>
|
|
974
1065
|
|
|
975
1066
|
|
|
976
1067
|
</tbody>
|
|
@@ -979,31 +1070,31 @@
|
|
|
979
1070
|
<tbody>
|
|
980
1071
|
<tr>
|
|
981
1072
|
<td class="col-md-4">
|
|
982
|
-
<a name="
|
|
1073
|
+
<a name="focusout"></a>
|
|
983
1074
|
<span class="name">
|
|
984
|
-
<span ><b>
|
|
985
|
-
<a href="#
|
|
1075
|
+
<span ><b>focusout</b></span>
|
|
1076
|
+
<a href="#focusout"><span class="icon ion-ios-link"></span></a>
|
|
986
1077
|
</span>
|
|
987
1078
|
</td>
|
|
988
1079
|
</tr>
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
1080
|
+
<tr>
|
|
1081
|
+
<td class="col-md-4">
|
|
1082
|
+
<i>Arguments : </i><code>'$event' </code>
|
|
1083
|
+
</td>
|
|
1084
|
+
</tr>
|
|
1085
|
+
<tr>
|
|
1086
|
+
<td class="col-md-4">
|
|
1087
|
+
<code>focusout(event: Event)</code>
|
|
1088
|
+
</td>
|
|
1089
|
+
</tr>
|
|
992
1090
|
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
</
|
|
999
|
-
|
|
1000
|
-
</tr>
|
|
1001
|
-
<tr>
|
|
1002
|
-
<td class="col-md-4">
|
|
1003
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:50</a></code>
|
|
1004
|
-
</div>
|
|
1005
|
-
</td>
|
|
1006
|
-
</tr>
|
|
1091
|
+
|
|
1092
|
+
<tr>
|
|
1093
|
+
<td class="col-md-4">
|
|
1094
|
+
<div class="io-line">Defined in <a href="" data-line="115"
|
|
1095
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:115</a></div>
|
|
1096
|
+
</td>
|
|
1097
|
+
</tr>
|
|
1007
1098
|
|
|
1008
1099
|
|
|
1009
1100
|
</tbody>
|
|
@@ -1012,64 +1103,31 @@
|
|
|
1012
1103
|
<tbody>
|
|
1013
1104
|
<tr>
|
|
1014
1105
|
<td class="col-md-4">
|
|
1015
|
-
<a name="
|
|
1106
|
+
<a name="keyup"></a>
|
|
1016
1107
|
<span class="name">
|
|
1017
|
-
<span ><b>
|
|
1018
|
-
<a href="#
|
|
1108
|
+
<span ><b>keyup</b></span>
|
|
1109
|
+
<a href="#keyup"><span class="icon ion-ios-link"></span></a>
|
|
1019
1110
|
</span>
|
|
1020
1111
|
</td>
|
|
1021
1112
|
</tr>
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
</
|
|
1032
|
-
</td>
|
|
1033
|
-
</tr>
|
|
1034
|
-
<tr>
|
|
1035
|
-
<td class="col-md-4">
|
|
1036
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:58</a></code>
|
|
1037
|
-
</div>
|
|
1038
|
-
</td>
|
|
1039
|
-
</tr>
|
|
1113
|
+
<tr>
|
|
1114
|
+
<td class="col-md-4">
|
|
1115
|
+
<i>Arguments : </i><code>'$event' </code>
|
|
1116
|
+
</td>
|
|
1117
|
+
</tr>
|
|
1118
|
+
<tr>
|
|
1119
|
+
<td class="col-md-4">
|
|
1120
|
+
<code>keyup(event: KeyboardEvent)</code>
|
|
1121
|
+
</td>
|
|
1122
|
+
</tr>
|
|
1040
1123
|
|
|
1041
1124
|
|
|
1042
|
-
</tbody>
|
|
1043
|
-
</table>
|
|
1044
|
-
<table class="table table-sm table-bordered">
|
|
1045
|
-
<tbody>
|
|
1046
1125
|
<tr>
|
|
1047
1126
|
<td class="col-md-4">
|
|
1048
|
-
<a
|
|
1049
|
-
|
|
1050
|
-
<span ><b>class.cds--popover--left-top</b></span>
|
|
1051
|
-
<a href="#class.cds--popover--left-top"><span class="icon ion-ios-link"></span></a>
|
|
1052
|
-
</span>
|
|
1127
|
+
<div class="io-line">Defined in <a href="" data-line="101"
|
|
1128
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:101</a></div>
|
|
1053
1129
|
</td>
|
|
1054
1130
|
</tr>
|
|
1055
|
-
<tr>
|
|
1056
|
-
<td class="col-md-4">
|
|
1057
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1058
|
-
|
|
1059
|
-
</td>
|
|
1060
|
-
</tr>
|
|
1061
|
-
<tr>
|
|
1062
|
-
<td class="col-md-4">
|
|
1063
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1064
|
-
</div>
|
|
1065
|
-
</td>
|
|
1066
|
-
</tr>
|
|
1067
|
-
<tr>
|
|
1068
|
-
<td class="col-md-4">
|
|
1069
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:54</a></code>
|
|
1070
|
-
</div>
|
|
1071
|
-
</td>
|
|
1072
|
-
</tr>
|
|
1073
1131
|
|
|
1074
1132
|
|
|
1075
1133
|
</tbody>
|
|
@@ -1078,31 +1136,31 @@
|
|
|
1078
1136
|
<tbody>
|
|
1079
1137
|
<tr>
|
|
1080
1138
|
<td class="col-md-4">
|
|
1081
|
-
<a name="
|
|
1139
|
+
<a name="mouseenter"></a>
|
|
1082
1140
|
<span class="name">
|
|
1083
|
-
<span ><b>
|
|
1084
|
-
<a href="#
|
|
1141
|
+
<span ><b>mouseenter</b></span>
|
|
1142
|
+
<a href="#mouseenter"><span class="icon ion-ios-link"></span></a>
|
|
1085
1143
|
</span>
|
|
1086
1144
|
</td>
|
|
1087
1145
|
</tr>
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1146
|
+
<tr>
|
|
1147
|
+
<td class="col-md-4">
|
|
1148
|
+
<i>Arguments : </i><code>'$event' </code>
|
|
1149
|
+
</td>
|
|
1150
|
+
</tr>
|
|
1151
|
+
<tr>
|
|
1152
|
+
<td class="col-md-4">
|
|
1153
|
+
<code>mouseenter(event)</code>
|
|
1154
|
+
</td>
|
|
1155
|
+
</tr>
|
|
1091
1156
|
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
</
|
|
1098
|
-
|
|
1099
|
-
</tr>
|
|
1100
|
-
<tr>
|
|
1101
|
-
<td class="col-md-4">
|
|
1102
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:63</a></code>
|
|
1103
|
-
</div>
|
|
1104
|
-
</td>
|
|
1105
|
-
</tr>
|
|
1157
|
+
|
|
1158
|
+
<tr>
|
|
1159
|
+
<td class="col-md-4">
|
|
1160
|
+
<div class="io-line">Defined in <a href="" data-line="87"
|
|
1161
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:87</a></div>
|
|
1162
|
+
</td>
|
|
1163
|
+
</tr>
|
|
1106
1164
|
|
|
1107
1165
|
|
|
1108
1166
|
</tbody>
|
|
@@ -1111,416 +1169,608 @@
|
|
|
1111
1169
|
<tbody>
|
|
1112
1170
|
<tr>
|
|
1113
1171
|
<td class="col-md-4">
|
|
1114
|
-
<a name="
|
|
1172
|
+
<a name="mouseleave"></a>
|
|
1115
1173
|
<span class="name">
|
|
1116
|
-
<span ><b>
|
|
1117
|
-
<a href="#
|
|
1174
|
+
<span ><b>mouseleave</b></span>
|
|
1175
|
+
<a href="#mouseleave"><span class="icon ion-ios-link"></span></a>
|
|
1118
1176
|
</span>
|
|
1119
1177
|
</td>
|
|
1120
1178
|
</tr>
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1179
|
+
<tr>
|
|
1180
|
+
<td class="col-md-4">
|
|
1181
|
+
<i>Arguments : </i><code>'$event' </code>
|
|
1182
|
+
</td>
|
|
1183
|
+
</tr>
|
|
1184
|
+
<tr>
|
|
1185
|
+
<td class="col-md-4">
|
|
1186
|
+
<code>mouseleave(event)</code>
|
|
1187
|
+
</td>
|
|
1188
|
+
</tr>
|
|
1124
1189
|
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
</
|
|
1131
|
-
|
|
1132
|
-
</tr>
|
|
1133
|
-
<tr>
|
|
1134
|
-
<td class="col-md-4">
|
|
1135
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:71</a></code>
|
|
1136
|
-
</div>
|
|
1137
|
-
</td>
|
|
1138
|
-
</tr>
|
|
1190
|
+
|
|
1191
|
+
<tr>
|
|
1192
|
+
<td class="col-md-4">
|
|
1193
|
+
<div class="io-line">Defined in <a href="" data-line="94"
|
|
1194
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:94</a></div>
|
|
1195
|
+
</td>
|
|
1196
|
+
</tr>
|
|
1139
1197
|
|
|
1140
1198
|
|
|
1141
1199
|
</tbody>
|
|
1142
1200
|
</table>
|
|
1201
|
+
</section>
|
|
1202
|
+
<section data-compodoc="block-methods">
|
|
1203
|
+
|
|
1204
|
+
<h3 id="methods">
|
|
1205
|
+
Methods
|
|
1206
|
+
</h3>
|
|
1143
1207
|
<table class="table table-sm table-bordered">
|
|
1144
1208
|
<tbody>
|
|
1145
1209
|
<tr>
|
|
1146
1210
|
<td class="col-md-4">
|
|
1147
|
-
<a name="
|
|
1211
|
+
<a name="handleFocus"></a>
|
|
1148
1212
|
<span class="name">
|
|
1149
|
-
<span
|
|
1150
|
-
<
|
|
1213
|
+
<span class="modifier"></span>
|
|
1214
|
+
<span ><b>handleFocus</b></span>
|
|
1215
|
+
<a href="#handleFocus"><span class="icon ion-ios-link"></span></a>
|
|
1151
1216
|
</span>
|
|
1152
1217
|
</td>
|
|
1153
1218
|
</tr>
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
<tr>
|
|
1161
|
-
<td class="col-md-4">
|
|
1162
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1163
|
-
</div>
|
|
1164
|
-
</td>
|
|
1165
|
-
</tr>
|
|
1166
|
-
<tr>
|
|
1167
|
-
<td class="col-md-4">
|
|
1168
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:67</a></code>
|
|
1169
|
-
</div>
|
|
1170
|
-
</td>
|
|
1171
|
-
</tr>
|
|
1219
|
+
<tr>
|
|
1220
|
+
<td class="col-md-4">
|
|
1221
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1222
|
+
<code>handleFocus(event: Event)</code>
|
|
1223
|
+
</td>
|
|
1224
|
+
</tr>
|
|
1172
1225
|
|
|
1226
|
+
<tr>
|
|
1227
|
+
<td class="col-md-4">
|
|
1228
|
+
<b>Decorators : </b>
|
|
1229
|
+
<br />
|
|
1230
|
+
<code>@HostListener('focusin', ['$event'])<br /></code>
|
|
1231
|
+
</td>
|
|
1232
|
+
</tr>
|
|
1173
1233
|
|
|
1174
|
-
</tbody>
|
|
1175
|
-
</table>
|
|
1176
|
-
<table class="table table-sm table-bordered">
|
|
1177
|
-
<tbody>
|
|
1178
1234
|
<tr>
|
|
1179
1235
|
<td class="col-md-4">
|
|
1180
|
-
<a
|
|
1181
|
-
|
|
1182
|
-
<span ><b>class.cds--popover--top</b></span>
|
|
1183
|
-
<a href="#class.cds--popover--top"><span class="icon ion-ios-link"></span></a>
|
|
1184
|
-
</span>
|
|
1236
|
+
<div class="io-line">Defined in <a href="" data-line="110"
|
|
1237
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:110</a></div>
|
|
1185
1238
|
</td>
|
|
1186
1239
|
</tr>
|
|
1187
|
-
<tr>
|
|
1188
|
-
<td class="col-md-4">
|
|
1189
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1190
1240
|
|
|
1191
|
-
</td>
|
|
1192
|
-
</tr>
|
|
1193
|
-
<tr>
|
|
1194
|
-
<td class="col-md-4">
|
|
1195
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1196
|
-
</div>
|
|
1197
|
-
</td>
|
|
1198
|
-
</tr>
|
|
1199
|
-
<tr>
|
|
1200
|
-
<td class="col-md-4">
|
|
1201
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:24</a></code>
|
|
1202
|
-
</div>
|
|
1203
|
-
</td>
|
|
1204
|
-
</tr>
|
|
1205
1241
|
|
|
1242
|
+
<tr>
|
|
1243
|
+
<td class="col-md-4">
|
|
1244
|
+
|
|
1245
|
+
<div class="io-description">
|
|
1246
|
+
<b>Parameters :</b>
|
|
1247
|
+
|
|
1248
|
+
<table class="params">
|
|
1249
|
+
<thead>
|
|
1250
|
+
<tr>
|
|
1251
|
+
<td>Name</td>
|
|
1252
|
+
<td>Type</td>
|
|
1253
|
+
<td>Optional</td>
|
|
1254
|
+
</tr>
|
|
1255
|
+
</thead>
|
|
1256
|
+
<tbody>
|
|
1257
|
+
<tr>
|
|
1258
|
+
<td>event</td>
|
|
1259
|
+
<td>
|
|
1260
|
+
<code>Event</code>
|
|
1261
|
+
</td>
|
|
1262
|
+
|
|
1263
|
+
<td>
|
|
1264
|
+
No
|
|
1265
|
+
</td>
|
|
1266
|
+
|
|
1267
|
+
|
|
1268
|
+
</tr>
|
|
1269
|
+
</tbody>
|
|
1270
|
+
</table>
|
|
1271
|
+
</div>
|
|
1272
|
+
<div>
|
|
1273
|
+
</div>
|
|
1274
|
+
<div class="io-description">
|
|
1275
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1206
1276
|
|
|
1277
|
+
</div>
|
|
1278
|
+
<div class="io-description">
|
|
1279
|
+
|
|
1280
|
+
</div>
|
|
1281
|
+
</td>
|
|
1282
|
+
</tr>
|
|
1207
1283
|
</tbody>
|
|
1208
1284
|
</table>
|
|
1209
1285
|
<table class="table table-sm table-bordered">
|
|
1210
1286
|
<tbody>
|
|
1211
1287
|
<tr>
|
|
1212
1288
|
<td class="col-md-4">
|
|
1213
|
-
<a name="
|
|
1289
|
+
<a name="handleFocusOut"></a>
|
|
1214
1290
|
<span class="name">
|
|
1215
|
-
<span
|
|
1216
|
-
<
|
|
1291
|
+
<span class="modifier"></span>
|
|
1292
|
+
<span ><b>handleFocusOut</b></span>
|
|
1293
|
+
<a href="#handleFocusOut"><span class="icon ion-ios-link"></span></a>
|
|
1217
1294
|
</span>
|
|
1218
1295
|
</td>
|
|
1219
1296
|
</tr>
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1297
|
+
<tr>
|
|
1298
|
+
<td class="col-md-4">
|
|
1299
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1300
|
+
<code>handleFocusOut(event: Event)</code>
|
|
1301
|
+
</td>
|
|
1302
|
+
</tr>
|
|
1223
1303
|
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
</
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
</div>
|
|
1236
|
-
|
|
1237
|
-
|
|
1304
|
+
<tr>
|
|
1305
|
+
<td class="col-md-4">
|
|
1306
|
+
<b>Decorators : </b>
|
|
1307
|
+
<br />
|
|
1308
|
+
<code>@HostListener('focusout', ['$event'])<br /></code>
|
|
1309
|
+
</td>
|
|
1310
|
+
</tr>
|
|
1311
|
+
|
|
1312
|
+
<tr>
|
|
1313
|
+
<td class="col-md-4">
|
|
1314
|
+
<div class="io-line">Defined in <a href="" data-line="115"
|
|
1315
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:115</a></div>
|
|
1316
|
+
</td>
|
|
1317
|
+
</tr>
|
|
1238
1318
|
|
|
1239
1319
|
|
|
1320
|
+
<tr>
|
|
1321
|
+
<td class="col-md-4">
|
|
1322
|
+
|
|
1323
|
+
<div class="io-description">
|
|
1324
|
+
<b>Parameters :</b>
|
|
1325
|
+
|
|
1326
|
+
<table class="params">
|
|
1327
|
+
<thead>
|
|
1328
|
+
<tr>
|
|
1329
|
+
<td>Name</td>
|
|
1330
|
+
<td>Type</td>
|
|
1331
|
+
<td>Optional</td>
|
|
1332
|
+
</tr>
|
|
1333
|
+
</thead>
|
|
1334
|
+
<tbody>
|
|
1335
|
+
<tr>
|
|
1336
|
+
<td>event</td>
|
|
1337
|
+
<td>
|
|
1338
|
+
<code>Event</code>
|
|
1339
|
+
</td>
|
|
1340
|
+
|
|
1341
|
+
<td>
|
|
1342
|
+
No
|
|
1343
|
+
</td>
|
|
1344
|
+
|
|
1345
|
+
|
|
1346
|
+
</tr>
|
|
1347
|
+
</tbody>
|
|
1348
|
+
</table>
|
|
1349
|
+
</div>
|
|
1350
|
+
<div>
|
|
1351
|
+
</div>
|
|
1352
|
+
<div class="io-description">
|
|
1353
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1354
|
+
|
|
1355
|
+
</div>
|
|
1356
|
+
<div class="io-description">
|
|
1357
|
+
|
|
1358
|
+
</div>
|
|
1359
|
+
</td>
|
|
1360
|
+
</tr>
|
|
1240
1361
|
</tbody>
|
|
1241
1362
|
</table>
|
|
1242
1363
|
<table class="table table-sm table-bordered">
|
|
1243
1364
|
<tbody>
|
|
1244
1365
|
<tr>
|
|
1245
1366
|
<td class="col-md-4">
|
|
1246
|
-
<a name="
|
|
1367
|
+
<a name="hostkeys"></a>
|
|
1247
1368
|
<span class="name">
|
|
1248
|
-
<span
|
|
1249
|
-
<
|
|
1369
|
+
<span class="modifier"></span>
|
|
1370
|
+
<span ><b>hostkeys</b></span>
|
|
1371
|
+
<a href="#hostkeys"><span class="icon ion-ios-link"></span></a>
|
|
1250
1372
|
</span>
|
|
1251
1373
|
</td>
|
|
1252
1374
|
</tr>
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
</
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:32</a></code>
|
|
1268
|
-
</div>
|
|
1269
|
-
</td>
|
|
1270
|
-
</tr>
|
|
1271
|
-
|
|
1375
|
+
<tr>
|
|
1376
|
+
<td class="col-md-4">
|
|
1377
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1378
|
+
<code>hostkeys(event: KeyboardEvent)</code>
|
|
1379
|
+
</td>
|
|
1380
|
+
</tr>
|
|
1381
|
+
|
|
1382
|
+
<tr>
|
|
1383
|
+
<td class="col-md-4">
|
|
1384
|
+
<b>Decorators : </b>
|
|
1385
|
+
<br />
|
|
1386
|
+
<code>@HostListener('keyup', ['$event'])<br /></code>
|
|
1387
|
+
</td>
|
|
1388
|
+
</tr>
|
|
1272
1389
|
|
|
1273
|
-
</tbody>
|
|
1274
|
-
</table>
|
|
1275
|
-
<table class="table table-sm table-bordered">
|
|
1276
|
-
<tbody>
|
|
1277
1390
|
<tr>
|
|
1278
1391
|
<td class="col-md-4">
|
|
1279
|
-
<a
|
|
1280
|
-
|
|
1281
|
-
<span ><b>class.cds--popover-container</b></span>
|
|
1282
|
-
<a href="#class.cds--popover-container"><span class="icon ion-ios-link"></span></a>
|
|
1283
|
-
</span>
|
|
1392
|
+
<div class="io-line">Defined in <a href="" data-line="101"
|
|
1393
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:101</a></div>
|
|
1284
1394
|
</td>
|
|
1285
1395
|
</tr>
|
|
1286
|
-
<tr>
|
|
1287
|
-
<td class="col-md-4">
|
|
1288
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1289
1396
|
|
|
1290
|
-
</td>
|
|
1291
|
-
</tr>
|
|
1292
|
-
<tr>
|
|
1293
|
-
<td class="col-md-4">
|
|
1294
|
-
<i>Default value : </i><code>true</code>
|
|
1295
|
-
</td>
|
|
1296
|
-
</tr>
|
|
1297
|
-
<tr>
|
|
1298
|
-
<td class="col-md-4">
|
|
1299
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1300
|
-
</div>
|
|
1301
|
-
</td>
|
|
1302
|
-
</tr>
|
|
1303
|
-
<tr>
|
|
1304
|
-
<td class="col-md-4">
|
|
1305
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:93</a></code>
|
|
1306
|
-
</div>
|
|
1307
|
-
</td>
|
|
1308
|
-
</tr>
|
|
1309
1397
|
|
|
1398
|
+
<tr>
|
|
1399
|
+
<td class="col-md-4">
|
|
1400
|
+
|
|
1401
|
+
<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>
|
|
1418
|
+
|
|
1419
|
+
<td>
|
|
1420
|
+
No
|
|
1421
|
+
</td>
|
|
1422
|
+
|
|
1423
|
+
|
|
1424
|
+
</tr>
|
|
1425
|
+
</tbody>
|
|
1426
|
+
</table>
|
|
1427
|
+
</div>
|
|
1428
|
+
<div>
|
|
1429
|
+
</div>
|
|
1430
|
+
<div class="io-description">
|
|
1431
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1310
1432
|
|
|
1433
|
+
</div>
|
|
1434
|
+
<div class="io-description">
|
|
1435
|
+
|
|
1436
|
+
</div>
|
|
1437
|
+
</td>
|
|
1438
|
+
</tr>
|
|
1311
1439
|
</tbody>
|
|
1312
1440
|
</table>
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
<section data-compodoc="block-methods">
|
|
1316
|
-
<h3>HostListeners</h3> <table class="table table-sm table-bordered">
|
|
1441
|
+
<table class="table table-sm table-bordered">
|
|
1317
1442
|
<tbody>
|
|
1318
1443
|
<tr>
|
|
1319
1444
|
<td class="col-md-4">
|
|
1320
|
-
<a name="
|
|
1445
|
+
<a name="isTemplate"></a>
|
|
1321
1446
|
<span class="name">
|
|
1322
|
-
<span ><b>
|
|
1323
|
-
<a href="#
|
|
1447
|
+
<span ><b>isTemplate</b></span>
|
|
1448
|
+
<a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
|
|
1324
1449
|
</span>
|
|
1325
1450
|
</td>
|
|
1326
1451
|
</tr>
|
|
1327
1452
|
<tr>
|
|
1328
1453
|
<td class="col-md-4">
|
|
1329
|
-
|
|
1454
|
+
<code>isTemplate(value)</code>
|
|
1330
1455
|
</td>
|
|
1331
1456
|
</tr>
|
|
1457
|
+
|
|
1458
|
+
|
|
1332
1459
|
<tr>
|
|
1333
1460
|
<td class="col-md-4">
|
|
1334
|
-
<
|
|
1461
|
+
<div class="io-line">Defined in <a href="" data-line="119"
|
|
1462
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:119</a></div>
|
|
1335
1463
|
</td>
|
|
1336
1464
|
</tr>
|
|
1337
1465
|
|
|
1338
1466
|
|
|
1339
1467
|
<tr>
|
|
1340
1468
|
<td class="col-md-4">
|
|
1341
|
-
<div class="io-line">Defined in <a href="" data-line="102"
|
|
1342
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:102</a></div>
|
|
1343
|
-
</td>
|
|
1344
|
-
</tr>
|
|
1345
1469
|
|
|
1470
|
+
<div class="io-description">
|
|
1471
|
+
<b>Parameters :</b>
|
|
1472
|
+
|
|
1473
|
+
<table class="params">
|
|
1474
|
+
<thead>
|
|
1475
|
+
<tr>
|
|
1476
|
+
<td>Name</td>
|
|
1477
|
+
<td>Optional</td>
|
|
1478
|
+
</tr>
|
|
1479
|
+
</thead>
|
|
1480
|
+
<tbody>
|
|
1481
|
+
<tr>
|
|
1482
|
+
<td>value</td>
|
|
1483
|
+
|
|
1484
|
+
<td>
|
|
1485
|
+
No
|
|
1486
|
+
</td>
|
|
1487
|
+
|
|
1488
|
+
|
|
1489
|
+
</tr>
|
|
1490
|
+
</tbody>
|
|
1491
|
+
</table>
|
|
1492
|
+
</div>
|
|
1493
|
+
<div>
|
|
1494
|
+
</div>
|
|
1495
|
+
<div class="io-description">
|
|
1496
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1346
1497
|
|
|
1498
|
+
</div>
|
|
1499
|
+
<div class="io-description">
|
|
1500
|
+
|
|
1501
|
+
</div>
|
|
1502
|
+
</td>
|
|
1503
|
+
</tr>
|
|
1347
1504
|
</tbody>
|
|
1348
1505
|
</table>
|
|
1349
1506
|
<table class="table table-sm table-bordered">
|
|
1350
1507
|
<tbody>
|
|
1351
1508
|
<tr>
|
|
1352
1509
|
<td class="col-md-4">
|
|
1353
|
-
<a name="
|
|
1510
|
+
<a name="mouseenter"></a>
|
|
1354
1511
|
<span class="name">
|
|
1355
|
-
<span
|
|
1356
|
-
<
|
|
1512
|
+
<span class="modifier"></span>
|
|
1513
|
+
<span ><b>mouseenter</b></span>
|
|
1514
|
+
<a href="#mouseenter"><span class="icon ion-ios-link"></span></a>
|
|
1357
1515
|
</span>
|
|
1358
1516
|
</td>
|
|
1359
1517
|
</tr>
|
|
1360
1518
|
<tr>
|
|
1361
1519
|
<td class="col-md-4">
|
|
1362
|
-
<
|
|
1520
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1521
|
+
<code>mouseenter(event)</code>
|
|
1363
1522
|
</td>
|
|
1364
1523
|
</tr>
|
|
1524
|
+
|
|
1365
1525
|
<tr>
|
|
1366
1526
|
<td class="col-md-4">
|
|
1367
|
-
<
|
|
1527
|
+
<b>Decorators : </b>
|
|
1528
|
+
<br />
|
|
1529
|
+
<code>@HostListener('mouseenter', ['$event'])<br /></code>
|
|
1368
1530
|
</td>
|
|
1369
1531
|
</tr>
|
|
1370
1532
|
|
|
1371
|
-
|
|
1372
1533
|
<tr>
|
|
1373
1534
|
<td class="col-md-4">
|
|
1374
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1375
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1535
|
+
<div class="io-line">Defined in <a href="" data-line="87"
|
|
1536
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:87</a></div>
|
|
1376
1537
|
</td>
|
|
1377
1538
|
</tr>
|
|
1378
1539
|
|
|
1379
1540
|
|
|
1541
|
+
<tr>
|
|
1542
|
+
<td class="col-md-4">
|
|
1543
|
+
|
|
1544
|
+
<div class="io-description">
|
|
1545
|
+
<b>Parameters :</b>
|
|
1546
|
+
|
|
1547
|
+
<table class="params">
|
|
1548
|
+
<thead>
|
|
1549
|
+
<tr>
|
|
1550
|
+
<td>Name</td>
|
|
1551
|
+
<td>Optional</td>
|
|
1552
|
+
</tr>
|
|
1553
|
+
</thead>
|
|
1554
|
+
<tbody>
|
|
1555
|
+
<tr>
|
|
1556
|
+
<td>event</td>
|
|
1557
|
+
|
|
1558
|
+
<td>
|
|
1559
|
+
No
|
|
1560
|
+
</td>
|
|
1561
|
+
|
|
1562
|
+
|
|
1563
|
+
</tr>
|
|
1564
|
+
</tbody>
|
|
1565
|
+
</table>
|
|
1566
|
+
</div>
|
|
1567
|
+
<div>
|
|
1568
|
+
</div>
|
|
1569
|
+
<div class="io-description">
|
|
1570
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1571
|
+
|
|
1572
|
+
</div>
|
|
1573
|
+
<div class="io-description">
|
|
1574
|
+
|
|
1575
|
+
</div>
|
|
1576
|
+
</td>
|
|
1577
|
+
</tr>
|
|
1380
1578
|
</tbody>
|
|
1381
1579
|
</table>
|
|
1382
1580
|
<table class="table table-sm table-bordered">
|
|
1383
1581
|
<tbody>
|
|
1384
1582
|
<tr>
|
|
1385
1583
|
<td class="col-md-4">
|
|
1386
|
-
<a name="
|
|
1584
|
+
<a name="mouseleave"></a>
|
|
1387
1585
|
<span class="name">
|
|
1388
|
-
<span
|
|
1389
|
-
<
|
|
1586
|
+
<span class="modifier"></span>
|
|
1587
|
+
<span ><b>mouseleave</b></span>
|
|
1588
|
+
<a href="#mouseleave"><span class="icon ion-ios-link"></span></a>
|
|
1390
1589
|
</span>
|
|
1391
1590
|
</td>
|
|
1392
1591
|
</tr>
|
|
1393
1592
|
<tr>
|
|
1394
1593
|
<td class="col-md-4">
|
|
1395
|
-
<
|
|
1594
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1595
|
+
<code>mouseleave(event)</code>
|
|
1396
1596
|
</td>
|
|
1397
1597
|
</tr>
|
|
1598
|
+
|
|
1398
1599
|
<tr>
|
|
1399
1600
|
<td class="col-md-4">
|
|
1400
|
-
<
|
|
1601
|
+
<b>Decorators : </b>
|
|
1602
|
+
<br />
|
|
1603
|
+
<code>@HostListener('mouseleave', ['$event'])<br /></code>
|
|
1401
1604
|
</td>
|
|
1402
1605
|
</tr>
|
|
1403
1606
|
|
|
1404
|
-
|
|
1405
1607
|
<tr>
|
|
1406
1608
|
<td class="col-md-4">
|
|
1407
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1408
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1609
|
+
<div class="io-line">Defined in <a href="" data-line="94"
|
|
1610
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:94</a></div>
|
|
1409
1611
|
</td>
|
|
1410
1612
|
</tr>
|
|
1411
1613
|
|
|
1412
1614
|
|
|
1615
|
+
<tr>
|
|
1616
|
+
<td class="col-md-4">
|
|
1617
|
+
|
|
1618
|
+
<div class="io-description">
|
|
1619
|
+
<b>Parameters :</b>
|
|
1620
|
+
|
|
1621
|
+
<table class="params">
|
|
1622
|
+
<thead>
|
|
1623
|
+
<tr>
|
|
1624
|
+
<td>Name</td>
|
|
1625
|
+
<td>Optional</td>
|
|
1626
|
+
</tr>
|
|
1627
|
+
</thead>
|
|
1628
|
+
<tbody>
|
|
1629
|
+
<tr>
|
|
1630
|
+
<td>event</td>
|
|
1631
|
+
|
|
1632
|
+
<td>
|
|
1633
|
+
No
|
|
1634
|
+
</td>
|
|
1635
|
+
|
|
1636
|
+
|
|
1637
|
+
</tr>
|
|
1638
|
+
</tbody>
|
|
1639
|
+
</table>
|
|
1640
|
+
</div>
|
|
1641
|
+
<div>
|
|
1642
|
+
</div>
|
|
1643
|
+
<div class="io-description">
|
|
1644
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1645
|
+
|
|
1646
|
+
</div>
|
|
1647
|
+
<div class="io-description">
|
|
1648
|
+
|
|
1649
|
+
</div>
|
|
1650
|
+
</td>
|
|
1651
|
+
</tr>
|
|
1413
1652
|
</tbody>
|
|
1414
1653
|
</table>
|
|
1415
1654
|
<table class="table table-sm table-bordered">
|
|
1416
1655
|
<tbody>
|
|
1417
1656
|
<tr>
|
|
1418
1657
|
<td class="col-md-4">
|
|
1419
|
-
<a name="
|
|
1658
|
+
<a name="ngAfterContentChecked"></a>
|
|
1420
1659
|
<span class="name">
|
|
1421
|
-
<span ><b>
|
|
1422
|
-
<a href="#
|
|
1660
|
+
<span ><b>ngAfterContentChecked</b></span>
|
|
1661
|
+
<a href="#ngAfterContentChecked"><span class="icon ion-ios-link"></span></a>
|
|
1423
1662
|
</span>
|
|
1424
1663
|
</td>
|
|
1425
1664
|
</tr>
|
|
1426
1665
|
<tr>
|
|
1427
1666
|
<td class="col-md-4">
|
|
1428
|
-
|
|
1667
|
+
<code>ngAfterContentChecked()</code>
|
|
1429
1668
|
</td>
|
|
1430
1669
|
</tr>
|
|
1670
|
+
|
|
1671
|
+
|
|
1431
1672
|
<tr>
|
|
1432
1673
|
<td class="col-md-4">
|
|
1433
|
-
<
|
|
1674
|
+
<div class="io-line">Defined in <a href="" data-line="126"
|
|
1675
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:126</a></div>
|
|
1434
1676
|
</td>
|
|
1435
1677
|
</tr>
|
|
1436
1678
|
|
|
1437
1679
|
|
|
1438
1680
|
<tr>
|
|
1439
1681
|
<td class="col-md-4">
|
|
1440
|
-
<div class="io-
|
|
1441
|
-
|
|
1442
|
-
</td>
|
|
1443
|
-
</tr>
|
|
1682
|
+
<div class="io-description"><p>Check for any changes in the projected content & apply accessibility attribute if needed</p>
|
|
1683
|
+
</div>
|
|
1444
1684
|
|
|
1685
|
+
<div class="io-description">
|
|
1686
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1445
1687
|
|
|
1688
|
+
</div>
|
|
1689
|
+
</td>
|
|
1690
|
+
</tr>
|
|
1446
1691
|
</tbody>
|
|
1447
1692
|
</table>
|
|
1448
1693
|
<table class="table table-sm table-bordered">
|
|
1449
1694
|
<tbody>
|
|
1450
1695
|
<tr>
|
|
1451
1696
|
<td class="col-md-4">
|
|
1452
|
-
<a name="
|
|
1697
|
+
<a name="cleanUp"></a>
|
|
1453
1698
|
<span class="name">
|
|
1454
|
-
<span ><b>
|
|
1455
|
-
<a href="#
|
|
1699
|
+
<span ><b>cleanUp</b></span>
|
|
1700
|
+
<a href="#cleanUp"><span class="icon ion-ios-link"></span></a>
|
|
1456
1701
|
</span>
|
|
1457
1702
|
</td>
|
|
1458
1703
|
</tr>
|
|
1459
1704
|
<tr>
|
|
1460
1705
|
<td class="col-md-4">
|
|
1461
|
-
|
|
1706
|
+
<code>cleanUp()</code>
|
|
1707
|
+
</td>
|
|
1708
|
+
</tr>
|
|
1709
|
+
|
|
1710
|
+
|
|
1711
|
+
<tr>
|
|
1712
|
+
<td class="col-md-4">
|
|
1713
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1714
|
+
</div>
|
|
1462
1715
|
</td>
|
|
1463
1716
|
</tr>
|
|
1464
1717
|
<tr>
|
|
1465
1718
|
<td class="col-md-4">
|
|
1466
|
-
<code>
|
|
1719
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:285</a></code>
|
|
1720
|
+
</div>
|
|
1467
1721
|
</td>
|
|
1468
1722
|
</tr>
|
|
1469
1723
|
|
|
1470
1724
|
|
|
1471
1725
|
<tr>
|
|
1472
1726
|
<td class="col-md-4">
|
|
1473
|
-
<div class="io-
|
|
1474
|
-
|
|
1475
|
-
</td>
|
|
1476
|
-
</tr>
|
|
1727
|
+
<div class="io-description"><p>Clean up <code>autoUpdate</code> if auto alignment is enabled</p>
|
|
1728
|
+
</div>
|
|
1477
1729
|
|
|
1730
|
+
<div class="io-description">
|
|
1731
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1478
1732
|
|
|
1733
|
+
</div>
|
|
1734
|
+
</td>
|
|
1735
|
+
</tr>
|
|
1479
1736
|
</tbody>
|
|
1480
1737
|
</table>
|
|
1481
|
-
</section>
|
|
1482
|
-
<section data-compodoc="block-methods">
|
|
1483
|
-
|
|
1484
|
-
<h3 id="methods">
|
|
1485
|
-
Methods
|
|
1486
|
-
</h3>
|
|
1487
1738
|
<table class="table table-sm table-bordered">
|
|
1488
1739
|
<tbody>
|
|
1489
1740
|
<tr>
|
|
1490
1741
|
<td class="col-md-4">
|
|
1491
|
-
<a name="
|
|
1742
|
+
<a name="handleChange"></a>
|
|
1492
1743
|
<span class="name">
|
|
1493
|
-
<span
|
|
1494
|
-
<span
|
|
1495
|
-
<a href="#handleFocus"><span class="icon ion-ios-link"></span></a>
|
|
1744
|
+
<span ><b>handleChange</b></span>
|
|
1745
|
+
<a href="#handleChange"><span class="icon ion-ios-link"></span></a>
|
|
1496
1746
|
</span>
|
|
1497
1747
|
</td>
|
|
1498
1748
|
</tr>
|
|
1499
1749
|
<tr>
|
|
1500
1750
|
<td class="col-md-4">
|
|
1501
|
-
|
|
1502
|
-
<code>handleFocus(event: Event)</code>
|
|
1751
|
+
<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>
|
|
1503
1752
|
</td>
|
|
1504
1753
|
</tr>
|
|
1505
1754
|
|
|
1755
|
+
|
|
1506
1756
|
<tr>
|
|
1507
1757
|
<td class="col-md-4">
|
|
1508
|
-
<
|
|
1509
|
-
|
|
1510
|
-
<code>@HostListener('focusin', ['$event'])<br /></code>
|
|
1758
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1759
|
+
</div>
|
|
1511
1760
|
</td>
|
|
1512
1761
|
</tr>
|
|
1513
|
-
|
|
1514
1762
|
<tr>
|
|
1515
1763
|
<td class="col-md-4">
|
|
1516
|
-
|
|
1517
|
-
|
|
1764
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:137</a></code>
|
|
1765
|
+
</div>
|
|
1518
1766
|
</td>
|
|
1519
1767
|
</tr>
|
|
1520
1768
|
|
|
1521
1769
|
|
|
1522
1770
|
<tr>
|
|
1523
1771
|
<td class="col-md-4">
|
|
1772
|
+
<div class="io-description"><p>Handles emitting open/close event</p>
|
|
1773
|
+
</div>
|
|
1524
1774
|
|
|
1525
1775
|
<div class="io-description">
|
|
1526
1776
|
<b>Parameters :</b>
|
|
@@ -1531,9 +1781,28 @@
|
|
|
1531
1781
|
<td>Name</td>
|
|
1532
1782
|
<td>Type</td>
|
|
1533
1783
|
<td>Optional</td>
|
|
1784
|
+
<td>Description</td>
|
|
1534
1785
|
</tr>
|
|
1535
1786
|
</thead>
|
|
1536
1787
|
<tbody>
|
|
1788
|
+
<tr>
|
|
1789
|
+
<td>open</td>
|
|
1790
|
+
<td>
|
|
1791
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1792
|
+
</td>
|
|
1793
|
+
|
|
1794
|
+
<td>
|
|
1795
|
+
No
|
|
1796
|
+
</td>
|
|
1797
|
+
|
|
1798
|
+
|
|
1799
|
+
<td>
|
|
1800
|
+
<ul>
|
|
1801
|
+
<li>Is the popover container open</li>
|
|
1802
|
+
</ul>
|
|
1803
|
+
|
|
1804
|
+
</td>
|
|
1805
|
+
</tr>
|
|
1537
1806
|
<tr>
|
|
1538
1807
|
<td>event</td>
|
|
1539
1808
|
<td>
|
|
@@ -1541,10 +1810,16 @@
|
|
|
1541
1810
|
</td>
|
|
1542
1811
|
|
|
1543
1812
|
<td>
|
|
1544
|
-
|
|
1813
|
+
Yes
|
|
1545
1814
|
</td>
|
|
1546
1815
|
|
|
1547
1816
|
|
|
1817
|
+
<td>
|
|
1818
|
+
<ul>
|
|
1819
|
+
<li>Event</li>
|
|
1820
|
+
</ul>
|
|
1821
|
+
|
|
1822
|
+
</td>
|
|
1548
1823
|
</tr>
|
|
1549
1824
|
</tbody>
|
|
1550
1825
|
</table>
|
|
@@ -1566,33 +1841,30 @@
|
|
|
1566
1841
|
<tbody>
|
|
1567
1842
|
<tr>
|
|
1568
1843
|
<td class="col-md-4">
|
|
1569
|
-
<a name="
|
|
1844
|
+
<a name="initializeReferences"></a>
|
|
1570
1845
|
<span class="name">
|
|
1571
|
-
<span
|
|
1572
|
-
<span
|
|
1573
|
-
<a href="#handleFocusOut"><span class="icon ion-ios-link"></span></a>
|
|
1846
|
+
<span ><b>initializeReferences</b></span>
|
|
1847
|
+
<a href="#initializeReferences"><span class="icon ion-ios-link"></span></a>
|
|
1574
1848
|
</span>
|
|
1575
1849
|
</td>
|
|
1576
1850
|
</tr>
|
|
1577
1851
|
<tr>
|
|
1578
1852
|
<td class="col-md-4">
|
|
1579
|
-
|
|
1580
|
-
<code>handleFocusOut(event: Event)</code>
|
|
1853
|
+
<code>initializeReferences()</code>
|
|
1581
1854
|
</td>
|
|
1582
1855
|
</tr>
|
|
1583
1856
|
|
|
1857
|
+
|
|
1584
1858
|
<tr>
|
|
1585
1859
|
<td class="col-md-4">
|
|
1586
|
-
<
|
|
1587
|
-
|
|
1588
|
-
<code>@HostListener('focusout', ['$event'])<br /></code>
|
|
1860
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1861
|
+
</div>
|
|
1589
1862
|
</td>
|
|
1590
1863
|
</tr>
|
|
1591
|
-
|
|
1592
1864
|
<tr>
|
|
1593
1865
|
<td class="col-md-4">
|
|
1594
|
-
|
|
1595
|
-
|
|
1866
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:264</a></code>
|
|
1867
|
+
</div>
|
|
1596
1868
|
</td>
|
|
1597
1869
|
</tr>
|
|
1598
1870
|
|
|
@@ -1600,41 +1872,9 @@
|
|
|
1600
1872
|
<tr>
|
|
1601
1873
|
<td class="col-md-4">
|
|
1602
1874
|
|
|
1603
|
-
<div class="io-description">
|
|
1604
|
-
<b>Parameters :</b>
|
|
1605
|
-
|
|
1606
|
-
<table class="params">
|
|
1607
|
-
<thead>
|
|
1608
|
-
<tr>
|
|
1609
|
-
<td>Name</td>
|
|
1610
|
-
<td>Type</td>
|
|
1611
|
-
<td>Optional</td>
|
|
1612
|
-
</tr>
|
|
1613
|
-
</thead>
|
|
1614
|
-
<tbody>
|
|
1615
|
-
<tr>
|
|
1616
|
-
<td>event</td>
|
|
1617
|
-
<td>
|
|
1618
|
-
<code>Event</code>
|
|
1619
|
-
</td>
|
|
1620
|
-
|
|
1621
|
-
<td>
|
|
1622
|
-
No
|
|
1623
|
-
</td>
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
</tr>
|
|
1627
|
-
</tbody>
|
|
1628
|
-
</table>
|
|
1629
|
-
</div>
|
|
1630
|
-
<div>
|
|
1631
|
-
</div>
|
|
1632
1875
|
<div class="io-description">
|
|
1633
1876
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1634
1877
|
|
|
1635
|
-
</div>
|
|
1636
|
-
<div class="io-description">
|
|
1637
|
-
|
|
1638
1878
|
</div>
|
|
1639
1879
|
</td>
|
|
1640
1880
|
</tr>
|
|
@@ -1644,75 +1884,42 @@
|
|
|
1644
1884
|
<tbody>
|
|
1645
1885
|
<tr>
|
|
1646
1886
|
<td class="col-md-4">
|
|
1647
|
-
<a name="
|
|
1887
|
+
<a name="ngAfterViewInit"></a>
|
|
1648
1888
|
<span class="name">
|
|
1649
|
-
<span
|
|
1650
|
-
<span
|
|
1651
|
-
<a href="#hostkeys"><span class="icon ion-ios-link"></span></a>
|
|
1889
|
+
<span ><b>ngAfterViewInit</b></span>
|
|
1890
|
+
<a href="#ngAfterViewInit"><span class="icon ion-ios-link"></span></a>
|
|
1652
1891
|
</span>
|
|
1653
1892
|
</td>
|
|
1654
1893
|
</tr>
|
|
1655
1894
|
<tr>
|
|
1656
1895
|
<td class="col-md-4">
|
|
1657
|
-
|
|
1658
|
-
<code>hostkeys(event: KeyboardEvent)</code>
|
|
1896
|
+
<code>ngAfterViewInit()</code>
|
|
1659
1897
|
</td>
|
|
1660
1898
|
</tr>
|
|
1661
1899
|
|
|
1900
|
+
|
|
1662
1901
|
<tr>
|
|
1663
1902
|
<td class="col-md-4">
|
|
1664
|
-
<
|
|
1665
|
-
|
|
1666
|
-
<code>@HostListener('keyup', ['$event'])<br /></code>
|
|
1903
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1904
|
+
</div>
|
|
1667
1905
|
</td>
|
|
1668
1906
|
</tr>
|
|
1669
|
-
|
|
1670
1907
|
<tr>
|
|
1671
1908
|
<td class="col-md-4">
|
|
1672
|
-
|
|
1673
|
-
|
|
1909
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:260</a></code>
|
|
1910
|
+
</div>
|
|
1674
1911
|
</td>
|
|
1675
1912
|
</tr>
|
|
1676
1913
|
|
|
1677
1914
|
|
|
1678
1915
|
<tr>
|
|
1679
1916
|
<td class="col-md-4">
|
|
1917
|
+
<div class="io-description"><p>Handle initialization of element</p>
|
|
1918
|
+
</div>
|
|
1680
1919
|
|
|
1681
|
-
<div class="io-description">
|
|
1682
|
-
<b>Parameters :</b>
|
|
1683
|
-
|
|
1684
|
-
<table class="params">
|
|
1685
|
-
<thead>
|
|
1686
|
-
<tr>
|
|
1687
|
-
<td>Name</td>
|
|
1688
|
-
<td>Type</td>
|
|
1689
|
-
<td>Optional</td>
|
|
1690
|
-
</tr>
|
|
1691
|
-
</thead>
|
|
1692
|
-
<tbody>
|
|
1693
|
-
<tr>
|
|
1694
|
-
<td>event</td>
|
|
1695
|
-
<td>
|
|
1696
|
-
<code>KeyboardEvent</code>
|
|
1697
|
-
</td>
|
|
1698
|
-
|
|
1699
|
-
<td>
|
|
1700
|
-
No
|
|
1701
|
-
</td>
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
</tr>
|
|
1705
|
-
</tbody>
|
|
1706
|
-
</table>
|
|
1707
|
-
</div>
|
|
1708
|
-
<div>
|
|
1709
|
-
</div>
|
|
1710
1920
|
<div class="io-description">
|
|
1711
1921
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1712
1922
|
|
|
1713
|
-
</div>
|
|
1714
|
-
<div class="io-description">
|
|
1715
|
-
|
|
1716
1923
|
</div>
|
|
1717
1924
|
</td>
|
|
1718
1925
|
</tr>
|
|
@@ -1722,30 +1929,38 @@
|
|
|
1722
1929
|
<tbody>
|
|
1723
1930
|
<tr>
|
|
1724
1931
|
<td class="col-md-4">
|
|
1725
|
-
<a name="
|
|
1932
|
+
<a name="ngOnChanges"></a>
|
|
1726
1933
|
<span class="name">
|
|
1727
|
-
<span ><b>
|
|
1728
|
-
<a href="#
|
|
1934
|
+
<span ><b>ngOnChanges</b></span>
|
|
1935
|
+
<a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
|
|
1729
1936
|
</span>
|
|
1730
1937
|
</td>
|
|
1731
1938
|
</tr>
|
|
1732
1939
|
<tr>
|
|
1733
1940
|
<td class="col-md-4">
|
|
1734
|
-
<code>
|
|
1941
|
+
<code>ngOnChanges(changes: SimpleChanges)</code>
|
|
1735
1942
|
</td>
|
|
1736
1943
|
</tr>
|
|
1737
1944
|
|
|
1738
1945
|
|
|
1739
1946
|
<tr>
|
|
1740
1947
|
<td class="col-md-4">
|
|
1741
|
-
<div class="io-line">
|
|
1742
|
-
|
|
1948
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1949
|
+
</div>
|
|
1950
|
+
</td>
|
|
1951
|
+
</tr>
|
|
1952
|
+
<tr>
|
|
1953
|
+
<td class="col-md-4">
|
|
1954
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:241</a></code>
|
|
1955
|
+
</div>
|
|
1743
1956
|
</td>
|
|
1744
1957
|
</tr>
|
|
1745
1958
|
|
|
1746
1959
|
|
|
1747
1960
|
<tr>
|
|
1748
1961
|
<td class="col-md-4">
|
|
1962
|
+
<div class="io-description"><p>Close the popover and reopen it with updated values without emitting an event</p>
|
|
1963
|
+
</div>
|
|
1749
1964
|
|
|
1750
1965
|
<div class="io-description">
|
|
1751
1966
|
<b>Parameters :</b>
|
|
@@ -1754,12 +1969,16 @@
|
|
|
1754
1969
|
<thead>
|
|
1755
1970
|
<tr>
|
|
1756
1971
|
<td>Name</td>
|
|
1972
|
+
<td>Type</td>
|
|
1757
1973
|
<td>Optional</td>
|
|
1758
1974
|
</tr>
|
|
1759
1975
|
</thead>
|
|
1760
1976
|
<tbody>
|
|
1761
1977
|
<tr>
|
|
1762
|
-
<td>
|
|
1978
|
+
<td>changes</td>
|
|
1979
|
+
<td>
|
|
1980
|
+
<code>SimpleChanges</code>
|
|
1981
|
+
</td>
|
|
1763
1982
|
|
|
1764
1983
|
<td>
|
|
1765
1984
|
No
|
|
@@ -1773,7 +1992,7 @@
|
|
|
1773
1992
|
<div>
|
|
1774
1993
|
</div>
|
|
1775
1994
|
<div class="io-description">
|
|
1776
|
-
<b>Returns : </b> <code><a href="https://
|
|
1995
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1777
1996
|
|
|
1778
1997
|
</div>
|
|
1779
1998
|
<div class="io-description">
|
|
@@ -1787,71 +2006,42 @@
|
|
|
1787
2006
|
<tbody>
|
|
1788
2007
|
<tr>
|
|
1789
2008
|
<td class="col-md-4">
|
|
1790
|
-
<a name="
|
|
2009
|
+
<a name="ngOnDestroy"></a>
|
|
1791
2010
|
<span class="name">
|
|
1792
|
-
<span
|
|
1793
|
-
<span
|
|
1794
|
-
<a href="#mouseenter"><span class="icon ion-ios-link"></span></a>
|
|
2011
|
+
<span ><b>ngOnDestroy</b></span>
|
|
2012
|
+
<a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
|
|
1795
2013
|
</span>
|
|
1796
2014
|
</td>
|
|
1797
2015
|
</tr>
|
|
1798
2016
|
<tr>
|
|
1799
2017
|
<td class="col-md-4">
|
|
1800
|
-
|
|
1801
|
-
<code>mouseenter(event)</code>
|
|
2018
|
+
<code>ngOnDestroy()</code>
|
|
1802
2019
|
</td>
|
|
1803
2020
|
</tr>
|
|
1804
2021
|
|
|
2022
|
+
|
|
1805
2023
|
<tr>
|
|
1806
2024
|
<td class="col-md-4">
|
|
1807
|
-
<
|
|
1808
|
-
|
|
1809
|
-
<code>@HostListener('mouseenter', ['$event'])<br /></code>
|
|
2025
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2026
|
+
</div>
|
|
1810
2027
|
</td>
|
|
1811
2028
|
</tr>
|
|
1812
|
-
|
|
1813
2029
|
<tr>
|
|
1814
2030
|
<td class="col-md-4">
|
|
1815
|
-
|
|
1816
|
-
|
|
2031
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:278</a></code>
|
|
2032
|
+
</div>
|
|
1817
2033
|
</td>
|
|
1818
2034
|
</tr>
|
|
1819
2035
|
|
|
1820
2036
|
|
|
1821
2037
|
<tr>
|
|
1822
2038
|
<td class="col-md-4">
|
|
2039
|
+
<div class="io-description"><p>Clean up</p>
|
|
2040
|
+
</div>
|
|
1823
2041
|
|
|
1824
|
-
<div class="io-description">
|
|
1825
|
-
<b>Parameters :</b>
|
|
1826
|
-
|
|
1827
|
-
<table class="params">
|
|
1828
|
-
<thead>
|
|
1829
|
-
<tr>
|
|
1830
|
-
<td>Name</td>
|
|
1831
|
-
<td>Optional</td>
|
|
1832
|
-
</tr>
|
|
1833
|
-
</thead>
|
|
1834
|
-
<tbody>
|
|
1835
|
-
<tr>
|
|
1836
|
-
<td>event</td>
|
|
1837
|
-
|
|
1838
|
-
<td>
|
|
1839
|
-
No
|
|
1840
|
-
</td>
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
</tr>
|
|
1844
|
-
</tbody>
|
|
1845
|
-
</table>
|
|
1846
|
-
</div>
|
|
1847
|
-
<div>
|
|
1848
|
-
</div>
|
|
1849
2042
|
<div class="io-description">
|
|
1850
2043
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1851
2044
|
|
|
1852
|
-
</div>
|
|
1853
|
-
<div class="io-description">
|
|
1854
|
-
|
|
1855
2045
|
</div>
|
|
1856
2046
|
</td>
|
|
1857
2047
|
</tr>
|
|
@@ -1861,71 +2051,42 @@
|
|
|
1861
2051
|
<tbody>
|
|
1862
2052
|
<tr>
|
|
1863
2053
|
<td class="col-md-4">
|
|
1864
|
-
<a name="
|
|
2054
|
+
<a name="recomputePosition"></a>
|
|
1865
2055
|
<span class="name">
|
|
1866
|
-
<span
|
|
1867
|
-
<span
|
|
1868
|
-
<a href="#mouseleave"><span class="icon ion-ios-link"></span></a>
|
|
2056
|
+
<span ><b>recomputePosition</b></span>
|
|
2057
|
+
<a href="#recomputePosition"><span class="icon ion-ios-link"></span></a>
|
|
1869
2058
|
</span>
|
|
1870
2059
|
</td>
|
|
1871
2060
|
</tr>
|
|
1872
2061
|
<tr>
|
|
1873
2062
|
<td class="col-md-4">
|
|
1874
|
-
|
|
1875
|
-
<code>mouseleave(event)</code>
|
|
2063
|
+
<code>recomputePosition()</code>
|
|
1876
2064
|
</td>
|
|
1877
2065
|
</tr>
|
|
1878
2066
|
|
|
2067
|
+
|
|
1879
2068
|
<tr>
|
|
1880
2069
|
<td class="col-md-4">
|
|
1881
|
-
<
|
|
1882
|
-
|
|
1883
|
-
<code>@HostListener('mouseleave', ['$event'])<br /></code>
|
|
2070
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2071
|
+
</div>
|
|
1884
2072
|
</td>
|
|
1885
2073
|
</tr>
|
|
1886
|
-
|
|
1887
2074
|
<tr>
|
|
1888
2075
|
<td class="col-md-4">
|
|
1889
|
-
|
|
1890
|
-
|
|
2076
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:185</a></code>
|
|
2077
|
+
</div>
|
|
1891
2078
|
</td>
|
|
1892
2079
|
</tr>
|
|
1893
2080
|
|
|
1894
2081
|
|
|
1895
2082
|
<tr>
|
|
1896
2083
|
<td class="col-md-4">
|
|
2084
|
+
<div class="io-description"><p>Compute position of tooltip when autoAlign is enabled</p>
|
|
2085
|
+
</div>
|
|
1897
2086
|
|
|
1898
|
-
<div class="io-description">
|
|
1899
|
-
<b>Parameters :</b>
|
|
1900
|
-
|
|
1901
|
-
<table class="params">
|
|
1902
|
-
<thead>
|
|
1903
|
-
<tr>
|
|
1904
|
-
<td>Name</td>
|
|
1905
|
-
<td>Optional</td>
|
|
1906
|
-
</tr>
|
|
1907
|
-
</thead>
|
|
1908
|
-
<tbody>
|
|
1909
|
-
<tr>
|
|
1910
|
-
<td>event</td>
|
|
1911
|
-
|
|
1912
|
-
<td>
|
|
1913
|
-
No
|
|
1914
|
-
</td>
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
</tr>
|
|
1918
|
-
</tbody>
|
|
1919
|
-
</table>
|
|
1920
|
-
</div>
|
|
1921
|
-
<div>
|
|
1922
|
-
</div>
|
|
1923
2087
|
<div class="io-description">
|
|
1924
2088
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1925
2089
|
|
|
1926
|
-
</div>
|
|
1927
|
-
<div class="io-description">
|
|
1928
|
-
|
|
1929
2090
|
</div>
|
|
1930
2091
|
</td>
|
|
1931
2092
|
</tr>
|
|
@@ -1935,36 +2096,68 @@
|
|
|
1935
2096
|
<tbody>
|
|
1936
2097
|
<tr>
|
|
1937
2098
|
<td class="col-md-4">
|
|
1938
|
-
<a name="
|
|
2099
|
+
<a name="roundByDPR"></a>
|
|
1939
2100
|
<span class="name">
|
|
1940
|
-
<span ><b>
|
|
1941
|
-
<a href="#
|
|
2101
|
+
<span ><b>roundByDPR</b></span>
|
|
2102
|
+
<a href="#roundByDPR"><span class="icon ion-ios-link"></span></a>
|
|
1942
2103
|
</span>
|
|
1943
2104
|
</td>
|
|
1944
2105
|
</tr>
|
|
1945
2106
|
<tr>
|
|
1946
2107
|
<td class="col-md-4">
|
|
1947
|
-
<code>
|
|
2108
|
+
<code>roundByDPR(value)</code>
|
|
1948
2109
|
</td>
|
|
1949
2110
|
</tr>
|
|
1950
2111
|
|
|
1951
2112
|
|
|
1952
2113
|
<tr>
|
|
1953
2114
|
<td class="col-md-4">
|
|
1954
|
-
<div class="io-line">
|
|
1955
|
-
|
|
2115
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2116
|
+
</div>
|
|
2117
|
+
</td>
|
|
2118
|
+
</tr>
|
|
2119
|
+
<tr>
|
|
2120
|
+
<td class="col-md-4">
|
|
2121
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:177</a></code>
|
|
2122
|
+
</div>
|
|
1956
2123
|
</td>
|
|
1957
2124
|
</tr>
|
|
1958
2125
|
|
|
1959
2126
|
|
|
1960
2127
|
<tr>
|
|
1961
2128
|
<td class="col-md-4">
|
|
1962
|
-
<div class="io-description"><p>Check for any changes in the projected content & apply accessibility attribute if needed</p>
|
|
1963
|
-
</div>
|
|
1964
2129
|
|
|
1965
2130
|
<div class="io-description">
|
|
1966
|
-
<b>
|
|
2131
|
+
<b>Parameters :</b>
|
|
2132
|
+
|
|
2133
|
+
<table class="params">
|
|
2134
|
+
<thead>
|
|
2135
|
+
<tr>
|
|
2136
|
+
<td>Name</td>
|
|
2137
|
+
<td>Optional</td>
|
|
2138
|
+
</tr>
|
|
2139
|
+
</thead>
|
|
2140
|
+
<tbody>
|
|
2141
|
+
<tr>
|
|
2142
|
+
<td>value</td>
|
|
2143
|
+
|
|
2144
|
+
<td>
|
|
2145
|
+
No
|
|
2146
|
+
</td>
|
|
2147
|
+
|
|
2148
|
+
|
|
2149
|
+
</tr>
|
|
2150
|
+
</tbody>
|
|
2151
|
+
</table>
|
|
2152
|
+
</div>
|
|
2153
|
+
<div>
|
|
2154
|
+
</div>
|
|
2155
|
+
<div class="io-description">
|
|
2156
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
1967
2157
|
|
|
2158
|
+
</div>
|
|
2159
|
+
<div class="io-description">
|
|
2160
|
+
|
|
1968
2161
|
</div>
|
|
1969
2162
|
</td>
|
|
1970
2163
|
</tr>
|
|
@@ -1974,16 +2167,16 @@
|
|
|
1974
2167
|
<tbody>
|
|
1975
2168
|
<tr>
|
|
1976
2169
|
<td class="col-md-4">
|
|
1977
|
-
<a name="
|
|
2170
|
+
<a name="updateAlignmentClass"></a>
|
|
1978
2171
|
<span class="name">
|
|
1979
|
-
<span ><b>
|
|
1980
|
-
<a href="#
|
|
2172
|
+
<span ><b>updateAlignmentClass</b></span>
|
|
2173
|
+
<a href="#updateAlignmentClass"><span class="icon ion-ios-link"></span></a>
|
|
1981
2174
|
</span>
|
|
1982
2175
|
</td>
|
|
1983
2176
|
</tr>
|
|
1984
2177
|
<tr>
|
|
1985
2178
|
<td class="col-md-4">
|
|
1986
|
-
<code>
|
|
2179
|
+
<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>
|
|
1987
2180
|
</td>
|
|
1988
2181
|
</tr>
|
|
1989
2182
|
|
|
@@ -1996,7 +2189,7 @@
|
|
|
1996
2189
|
</tr>
|
|
1997
2190
|
<tr>
|
|
1998
2191
|
<td class="col-md-4">
|
|
1999
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
2192
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:296</a></code>
|
|
2000
2193
|
</div>
|
|
2001
2194
|
</td>
|
|
2002
2195
|
</tr>
|
|
@@ -2004,6 +2197,8 @@
|
|
|
2004
2197
|
|
|
2005
2198
|
<tr>
|
|
2006
2199
|
<td class="col-md-4">
|
|
2200
|
+
<div class="io-description"><p>Replace existing previous alignment class with new</p>
|
|
2201
|
+
</div>
|
|
2007
2202
|
|
|
2008
2203
|
<div class="io-description">
|
|
2009
2204
|
<b>Parameters :</b>
|
|
@@ -2018,9 +2213,9 @@
|
|
|
2018
2213
|
</thead>
|
|
2019
2214
|
<tbody>
|
|
2020
2215
|
<tr>
|
|
2021
|
-
<td>
|
|
2216
|
+
<td>newAlignment</td>
|
|
2022
2217
|
<td>
|
|
2023
|
-
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/
|
|
2218
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2024
2219
|
</td>
|
|
2025
2220
|
|
|
2026
2221
|
<td>
|
|
@@ -2030,13 +2225,13 @@
|
|
|
2030
2225
|
|
|
2031
2226
|
</tr>
|
|
2032
2227
|
<tr>
|
|
2033
|
-
<td>
|
|
2228
|
+
<td>previousAlignment</td>
|
|
2034
2229
|
<td>
|
|
2035
|
-
|
|
2230
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2036
2231
|
</td>
|
|
2037
2232
|
|
|
2038
2233
|
<td>
|
|
2039
|
-
|
|
2234
|
+
Yes
|
|
2040
2235
|
</td>
|
|
2041
2236
|
|
|
2042
2237
|
|
|
@@ -2091,7 +2286,7 @@
|
|
|
2091
2286
|
</tr>
|
|
2092
2287
|
<tr>
|
|
2093
2288
|
<td class="col-md-4">
|
|
2094
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2289
|
+
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/tooltip/tooltip.component.ts:53</a></div>
|
|
2095
2290
|
</td>
|
|
2096
2291
|
</tr>
|
|
2097
2292
|
|
|
@@ -2123,7 +2318,7 @@
|
|
|
2123
2318
|
</tr>
|
|
2124
2319
|
<tr>
|
|
2125
2320
|
<td class="col-md-4">
|
|
2126
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2321
|
+
<div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/tooltip/tooltip.component.ts:51</a></div>
|
|
2127
2322
|
</td>
|
|
2128
2323
|
</tr>
|
|
2129
2324
|
|
|
@@ -2159,7 +2354,186 @@
|
|
|
2159
2354
|
</tr>
|
|
2160
2355
|
<tr>
|
|
2161
2356
|
<td class="col-md-4">
|
|
2162
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2357
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tooltip/tooltip.component.ts:73</a></div>
|
|
2358
|
+
</td>
|
|
2359
|
+
</tr>
|
|
2360
|
+
|
|
2361
|
+
|
|
2362
|
+
</tbody>
|
|
2363
|
+
</table>
|
|
2364
|
+
<table class="table table-sm table-bordered">
|
|
2365
|
+
<tbody>
|
|
2366
|
+
<tr>
|
|
2367
|
+
<td class="col-md-4">
|
|
2368
|
+
<a name="_align"></a>
|
|
2369
|
+
<span class="name">
|
|
2370
|
+
<span ><b>_align</b></span>
|
|
2371
|
+
<a href="#_align"><span class="icon ion-ios-link"></span></a>
|
|
2372
|
+
</span>
|
|
2373
|
+
</td>
|
|
2374
|
+
</tr>
|
|
2375
|
+
<tr>
|
|
2376
|
+
<td class="col-md-4">
|
|
2377
|
+
<i>Type : </i> <code>Placement</code>
|
|
2378
|
+
|
|
2379
|
+
</td>
|
|
2380
|
+
</tr>
|
|
2381
|
+
<tr>
|
|
2382
|
+
<td class="col-md-4">
|
|
2383
|
+
<i>Default value : </i><code>"bottom"</code>
|
|
2384
|
+
</td>
|
|
2385
|
+
</tr>
|
|
2386
|
+
<tr>
|
|
2387
|
+
<td class="col-md-4">
|
|
2388
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2389
|
+
</div>
|
|
2390
|
+
</td>
|
|
2391
|
+
</tr>
|
|
2392
|
+
<tr>
|
|
2393
|
+
<td class="col-md-4">
|
|
2394
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:84</a></code>
|
|
2395
|
+
</div>
|
|
2396
|
+
</td>
|
|
2397
|
+
</tr>
|
|
2398
|
+
|
|
2399
|
+
|
|
2400
|
+
</tbody>
|
|
2401
|
+
</table>
|
|
2402
|
+
<table class="table table-sm table-bordered">
|
|
2403
|
+
<tbody>
|
|
2404
|
+
<tr>
|
|
2405
|
+
<td class="col-md-4">
|
|
2406
|
+
<a name="alignmentClassPrefix"></a>
|
|
2407
|
+
<span class="name">
|
|
2408
|
+
<span class="modifier">Readonly</span>
|
|
2409
|
+
<span ><b>alignmentClassPrefix</b></span>
|
|
2410
|
+
<a href="#alignmentClassPrefix"><span class="icon ion-ios-link"></span></a>
|
|
2411
|
+
</span>
|
|
2412
|
+
</td>
|
|
2413
|
+
</tr>
|
|
2414
|
+
<tr>
|
|
2415
|
+
<td class="col-md-4">
|
|
2416
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2417
|
+
|
|
2418
|
+
</td>
|
|
2419
|
+
</tr>
|
|
2420
|
+
<tr>
|
|
2421
|
+
<td class="col-md-4">
|
|
2422
|
+
<i>Default value : </i><code>"cds--popover--"</code>
|
|
2423
|
+
</td>
|
|
2424
|
+
</tr>
|
|
2425
|
+
<tr>
|
|
2426
|
+
<td class="col-md-4">
|
|
2427
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2428
|
+
</div>
|
|
2429
|
+
</td>
|
|
2430
|
+
</tr>
|
|
2431
|
+
<tr>
|
|
2432
|
+
<td class="col-md-4">
|
|
2433
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:85</a></code>
|
|
2434
|
+
</div>
|
|
2435
|
+
</td>
|
|
2436
|
+
</tr>
|
|
2437
|
+
|
|
2438
|
+
|
|
2439
|
+
</tbody>
|
|
2440
|
+
</table>
|
|
2441
|
+
<table class="table table-sm table-bordered">
|
|
2442
|
+
<tbody>
|
|
2443
|
+
<tr>
|
|
2444
|
+
<td class="col-md-4">
|
|
2445
|
+
<a name="caretHeight"></a>
|
|
2446
|
+
<span class="name">
|
|
2447
|
+
<span class="modifier">Protected</span>
|
|
2448
|
+
<span ><b>caretHeight</b></span>
|
|
2449
|
+
<a href="#caretHeight"><span class="icon ion-ios-link"></span></a>
|
|
2450
|
+
</span>
|
|
2451
|
+
</td>
|
|
2452
|
+
</tr>
|
|
2453
|
+
<tr>
|
|
2454
|
+
<td class="col-md-4">
|
|
2455
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
2456
|
+
|
|
2457
|
+
</td>
|
|
2458
|
+
</tr>
|
|
2459
|
+
<tr>
|
|
2460
|
+
<td class="col-md-4">
|
|
2461
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2462
|
+
</div>
|
|
2463
|
+
</td>
|
|
2464
|
+
</tr>
|
|
2465
|
+
<tr>
|
|
2466
|
+
<td class="col-md-4">
|
|
2467
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:122</a></code>
|
|
2468
|
+
</div>
|
|
2469
|
+
</td>
|
|
2470
|
+
</tr>
|
|
2471
|
+
|
|
2472
|
+
|
|
2473
|
+
</tbody>
|
|
2474
|
+
</table>
|
|
2475
|
+
<table class="table table-sm table-bordered">
|
|
2476
|
+
<tbody>
|
|
2477
|
+
<tr>
|
|
2478
|
+
<td class="col-md-4">
|
|
2479
|
+
<a name="caretOffset"></a>
|
|
2480
|
+
<span class="name">
|
|
2481
|
+
<span class="modifier">Protected</span>
|
|
2482
|
+
<span ><b>caretOffset</b></span>
|
|
2483
|
+
<a href="#caretOffset"><span class="icon ion-ios-link"></span></a>
|
|
2484
|
+
</span>
|
|
2485
|
+
</td>
|
|
2486
|
+
</tr>
|
|
2487
|
+
<tr>
|
|
2488
|
+
<td class="col-md-4">
|
|
2489
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
2490
|
+
|
|
2491
|
+
</td>
|
|
2492
|
+
</tr>
|
|
2493
|
+
<tr>
|
|
2494
|
+
<td class="col-md-4">
|
|
2495
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2496
|
+
</div>
|
|
2497
|
+
</td>
|
|
2498
|
+
</tr>
|
|
2499
|
+
<tr>
|
|
2500
|
+
<td class="col-md-4">
|
|
2501
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:121</a></code>
|
|
2502
|
+
</div>
|
|
2503
|
+
</td>
|
|
2504
|
+
</tr>
|
|
2505
|
+
|
|
2506
|
+
|
|
2507
|
+
</tbody>
|
|
2508
|
+
</table>
|
|
2509
|
+
<table class="table table-sm table-bordered">
|
|
2510
|
+
<tbody>
|
|
2511
|
+
<tr>
|
|
2512
|
+
<td class="col-md-4">
|
|
2513
|
+
<a name="caretRef"></a>
|
|
2514
|
+
<span class="name">
|
|
2515
|
+
<span class="modifier">Protected</span>
|
|
2516
|
+
<span ><b>caretRef</b></span>
|
|
2517
|
+
<a href="#caretRef"><span class="icon ion-ios-link"></span></a>
|
|
2518
|
+
</span>
|
|
2519
|
+
</td>
|
|
2520
|
+
</tr>
|
|
2521
|
+
<tr>
|
|
2522
|
+
<td class="col-md-4">
|
|
2523
|
+
<i>Type : </i> <code>HTMLElement</code>
|
|
2524
|
+
|
|
2525
|
+
</td>
|
|
2526
|
+
</tr>
|
|
2527
|
+
<tr>
|
|
2528
|
+
<td class="col-md-4">
|
|
2529
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2530
|
+
</div>
|
|
2531
|
+
</td>
|
|
2532
|
+
</tr>
|
|
2533
|
+
<tr>
|
|
2534
|
+
<td class="col-md-4">
|
|
2535
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:120</a></code>
|
|
2536
|
+
</div>
|
|
2163
2537
|
</td>
|
|
2164
2538
|
</tr>
|
|
2165
2539
|
|
|
@@ -2200,7 +2574,75 @@
|
|
|
2200
2574
|
</tr>
|
|
2201
2575
|
<tr>
|
|
2202
2576
|
<td class="col-md-4">
|
|
2203
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:
|
|
2577
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:116</a></code>
|
|
2578
|
+
</div>
|
|
2579
|
+
</td>
|
|
2580
|
+
</tr>
|
|
2581
|
+
|
|
2582
|
+
|
|
2583
|
+
</tbody>
|
|
2584
|
+
</table>
|
|
2585
|
+
<table class="table table-sm table-bordered">
|
|
2586
|
+
<tbody>
|
|
2587
|
+
<tr>
|
|
2588
|
+
<td class="col-md-4">
|
|
2589
|
+
<a name="popoverContentRef"></a>
|
|
2590
|
+
<span class="name">
|
|
2591
|
+
<span class="modifier">Protected</span>
|
|
2592
|
+
<span ><b>popoverContentRef</b></span>
|
|
2593
|
+
<a href="#popoverContentRef"><span class="icon ion-ios-link"></span></a>
|
|
2594
|
+
</span>
|
|
2595
|
+
</td>
|
|
2596
|
+
</tr>
|
|
2597
|
+
<tr>
|
|
2598
|
+
<td class="col-md-4">
|
|
2599
|
+
<i>Type : </i> <code>HTMLElement</code>
|
|
2600
|
+
|
|
2601
|
+
</td>
|
|
2602
|
+
</tr>
|
|
2603
|
+
<tr>
|
|
2604
|
+
<td class="col-md-4">
|
|
2605
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2606
|
+
</div>
|
|
2607
|
+
</td>
|
|
2608
|
+
</tr>
|
|
2609
|
+
<tr>
|
|
2610
|
+
<td class="col-md-4">
|
|
2611
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:119</a></code>
|
|
2612
|
+
</div>
|
|
2613
|
+
</td>
|
|
2614
|
+
</tr>
|
|
2615
|
+
|
|
2616
|
+
|
|
2617
|
+
</tbody>
|
|
2618
|
+
</table>
|
|
2619
|
+
<table class="table table-sm table-bordered">
|
|
2620
|
+
<tbody>
|
|
2621
|
+
<tr>
|
|
2622
|
+
<td class="col-md-4">
|
|
2623
|
+
<a name="unmountFloatingElement"></a>
|
|
2624
|
+
<span class="name">
|
|
2625
|
+
<span class="modifier">Protected</span>
|
|
2626
|
+
<span ><b>unmountFloatingElement</b></span>
|
|
2627
|
+
<a href="#unmountFloatingElement"><span class="icon ion-ios-link"></span></a>
|
|
2628
|
+
</span>
|
|
2629
|
+
</td>
|
|
2630
|
+
</tr>
|
|
2631
|
+
<tr>
|
|
2632
|
+
<td class="col-md-4">
|
|
2633
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank" >Function</a></code>
|
|
2634
|
+
|
|
2635
|
+
</td>
|
|
2636
|
+
</tr>
|
|
2637
|
+
<tr>
|
|
2638
|
+
<td class="col-md-4">
|
|
2639
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
2640
|
+
</div>
|
|
2641
|
+
</td>
|
|
2642
|
+
</tr>
|
|
2643
|
+
<tr>
|
|
2644
|
+
<td class="col-md-4">
|
|
2645
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:123</a></code>
|
|
2204
2646
|
</div>
|
|
2205
2647
|
</td>
|
|
2206
2648
|
</tr>
|
|
@@ -2223,6 +2665,8 @@
|
|
|
2223
2665
|
HostBinding,
|
|
2224
2666
|
HostListener,
|
|
2225
2667
|
Input,
|
|
2668
|
+
NgZone,
|
|
2669
|
+
Renderer2,
|
|
2226
2670
|
TemplateRef,
|
|
2227
2671
|
ViewChild
|
|
2228
2672
|
} from "@angular/core";
|
|
@@ -2254,8 +2698,9 @@ import { PopoverContainer } from "carbon-components-angular/popover";
|
|
|
2254
2698
|
<span class="cds--popover-content cds--tooltip-content">
|
|
2255
2699
|
<ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container>
|
|
2256
2700
|
<ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description"></ng-template>
|
|
2701
|
+
<span *ngIf="autoAlign" class="cds--popover-caret cds--popover--auto-align"></span>
|
|
2257
2702
|
</span>
|
|
2258
|
-
<span class="cds--popover-caret"></span>
|
|
2703
|
+
<span *ngIf="!autoAlign" class="cds--popover-caret"></span>
|
|
2259
2704
|
</ng-container>
|
|
2260
2705
|
</span>
|
|
2261
2706
|
`
|
|
@@ -2285,8 +2730,13 @@ export class Tooltip extends PopoverContainer implements AfterContentChecked {
|
|
|
2285
2730
|
|
|
2286
2731
|
@ViewChild("contentWrapper") wrapper: ElementRef<HTMLSpanElement>;
|
|
2287
2732
|
|
|
2288
|
-
constructor(
|
|
2289
|
-
|
|
2733
|
+
constructor(
|
|
2734
|
+
protected elementRef: ElementRef,
|
|
2735
|
+
protected ngZone: NgZone,
|
|
2736
|
+
protected renderer: Renderer2,
|
|
2737
|
+
protected changeDetectorRef: ChangeDetectorRef
|
|
2738
|
+
) {
|
|
2739
|
+
super(elementRef, ngZone, renderer, changeDetectorRef);
|
|
2290
2740
|
this.highContrast = true;
|
|
2291
2741
|
this.dropShadow = false;
|
|
2292
2742
|
}
|
|
@@ -2370,7 +2820,7 @@ export class Tooltip extends PopoverContainer implements AfterContentChecked {
|
|
|
2370
2820
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2371
2821
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2372
2822
|
<script>
|
|
2373
|
-
var COMPONENT_TEMPLATE = '<div><span #contentWrapper> <ng-content></ng-content></span><span *ngIf="description" class="cds--popover" [id]="id" [attr.aria-hidden]="!isOpen" role="tooltip"> <ng-container *ngIf="!disabled"> <span class="cds--popover-content cds--tooltip-content"> <ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container> <ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description"></ng-template> </span> <span class="cds--popover-caret"></span> </ng-container></span> </div>'
|
|
2823
|
+
var COMPONENT_TEMPLATE = '<div><span #contentWrapper> <ng-content></ng-content></span><span *ngIf="description" class="cds--popover" [id]="id" [attr.aria-hidden]="!isOpen" role="tooltip"> <ng-container *ngIf="!disabled"> <span class="cds--popover-content cds--tooltip-content"> <ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container> <ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description"></ng-template> <span *ngIf="autoAlign" class="cds--popover-caret cds--popover--auto-align"></span> </span> <span *ngIf="!autoAlign" class="cds--popover-caret"></span> </ng-container></span> </div>'
|
|
2374
2824
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
|
|
2375
2825
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
|
|
2376
2826
|
var ACTUAL_COMPONENT = {'name': 'Tooltip'};
|