carbon-components-angular 5.59.1 → 5.59.2
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/TooltipDefinition.html +176 -38
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TilesModule/dependencies.svg +93 -93
- package/docs/documentation/modules/TilesModule.html +93 -93
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +18 -18
- package/docs/documentation/modules/TimePickerModule.html +18 -18
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +41 -45
- package/docs/documentation/modules/TimePickerSelectModule.html +41 -45
- package/docs/documentation/modules/ToggleModule/dependencies.svg +19 -19
- package/docs/documentation/modules/ToggleModule.html +19 -19
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- package/docs/documentation.json +150 -130
- package/docs/storybook/{6702.8fcd135f.iframe.bundle.js → 6702.a0e549d4.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.f6ef3c2c.iframe.bundle.js → main.762d7fb4.iframe.bundle.js} +1 -1
- package/docs/storybook/main.css +2137 -697
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.5de03212.iframe.bundle.js → runtime~main.771b0b54.iframe.bundle.js} +1 -1
- package/docs/storybook/{tooltip-definition-tooptip-stories.16c9af6d.iframe.bundle.js → tooltip-definition-tooptip-stories.9a2a5436.iframe.bundle.js} +1 -1
- package/esm2020/tooltip/definition-tooptip.component.mjs +26 -7
- package/fesm2015/carbon-components-angular-tooltip.mjs +25 -6
- package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-tooltip.mjs +25 -6
- package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/tooltip/definition-tooptip.component.d.ts +7 -1
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
[attr.aria-expanded]="isOpen"
|
|
188
188
|
[attr.aria-describedby]="isOpen ? id : null"
|
|
189
189
|
(blur)="onBlur($event)"
|
|
190
|
-
(
|
|
190
|
+
(mousedown)="onClick($event)"
|
|
191
191
|
type="button">
|
|
192
192
|
<ng-content></ng-content>
|
|
193
193
|
</button>
|
|
@@ -196,7 +196,9 @@
|
|
|
196
196
|
class="cds--popover"
|
|
197
197
|
[id]="id"
|
|
198
198
|
[attr.aria-hidden]="!isOpen"
|
|
199
|
-
role="tooltip"
|
|
199
|
+
role="tooltip"
|
|
200
|
+
(mousedown)="onPopoverMouseDown()"
|
|
201
|
+
(mouseup)="onPopoverMouseUp()">
|
|
200
202
|
<span class="cds--popover-content cds--definition-tooltip" aria-live="polite">
|
|
201
203
|
<ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container>
|
|
202
204
|
<ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description" [ngTemplateOutletContext]="{ $implicit: templateContext }"></ng-template>
|
|
@@ -231,6 +233,10 @@
|
|
|
231
233
|
<tr>
|
|
232
234
|
<td class="col-md-4">
|
|
233
235
|
<ul class="index-list">
|
|
236
|
+
<li>
|
|
237
|
+
<span class="modifier">Private</span>
|
|
238
|
+
<a href="#isInteractingWithPopover" >isInteractingWithPopover</a>
|
|
239
|
+
</li>
|
|
234
240
|
<li>
|
|
235
241
|
<span class="modifier">Static</span>
|
|
236
242
|
<a href="#tooltipCount" >tooltipCount</a>
|
|
@@ -304,6 +310,12 @@
|
|
|
304
310
|
<span class="modifier"></span>
|
|
305
311
|
<a href="#onFocus" >onFocus</a>
|
|
306
312
|
</li>
|
|
313
|
+
<li>
|
|
314
|
+
<a href="#onPopoverMouseDown" >onPopoverMouseDown</a>
|
|
315
|
+
</li>
|
|
316
|
+
<li>
|
|
317
|
+
<a href="#onPopoverMouseUp" >onPopoverMouseUp</a>
|
|
318
|
+
</li>
|
|
307
319
|
<li>
|
|
308
320
|
<a href="#cleanUp" >cleanUp</a>
|
|
309
321
|
</li>
|
|
@@ -452,7 +464,7 @@
|
|
|
452
464
|
</tr>
|
|
453
465
|
<tr>
|
|
454
466
|
<td class="col-md-4">
|
|
455
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
467
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:73</a></div>
|
|
456
468
|
</td>
|
|
457
469
|
</tr>
|
|
458
470
|
|
|
@@ -544,7 +556,7 @@
|
|
|
544
556
|
</tr>
|
|
545
557
|
<tr>
|
|
546
558
|
<td class="col-md-2" colspan="2">
|
|
547
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
559
|
+
<div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:62</a></div>
|
|
548
560
|
</td>
|
|
549
561
|
</tr>
|
|
550
562
|
<tr>
|
|
@@ -576,7 +588,7 @@
|
|
|
576
588
|
</tr>
|
|
577
589
|
<tr>
|
|
578
590
|
<td class="col-md-2" colspan="2">
|
|
579
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
591
|
+
<div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:57</a></div>
|
|
580
592
|
</td>
|
|
581
593
|
</tr>
|
|
582
594
|
</tbody>
|
|
@@ -602,7 +614,7 @@
|
|
|
602
614
|
</tr>
|
|
603
615
|
<tr>
|
|
604
616
|
<td class="col-md-2" colspan="2">
|
|
605
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
617
|
+
<div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:68</a></div>
|
|
606
618
|
</td>
|
|
607
619
|
</tr>
|
|
608
620
|
</tbody>
|
|
@@ -623,7 +635,7 @@
|
|
|
623
635
|
</tr>
|
|
624
636
|
<tr>
|
|
625
637
|
<td class="col-md-2" colspan="2">
|
|
626
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
638
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:66</a></div>
|
|
627
639
|
</td>
|
|
628
640
|
</tr>
|
|
629
641
|
<tr>
|
|
@@ -1033,8 +1045,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1033
1045
|
|
|
1034
1046
|
<tr>
|
|
1035
1047
|
<td class="col-md-4">
|
|
1036
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1037
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1048
|
+
<div class="io-line">Defined in <a href="" data-line="128"
|
|
1049
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:128</a></div>
|
|
1038
1050
|
</td>
|
|
1039
1051
|
</tr>
|
|
1040
1052
|
|
|
@@ -1066,8 +1078,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1066
1078
|
|
|
1067
1079
|
<tr>
|
|
1068
1080
|
<td class="col-md-4">
|
|
1069
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1070
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1081
|
+
<div class="io-line">Defined in <a href="" data-line="108"
|
|
1082
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:108</a></div>
|
|
1071
1083
|
</td>
|
|
1072
1084
|
</tr>
|
|
1073
1085
|
|
|
@@ -1099,8 +1111,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1099
1111
|
|
|
1100
1112
|
<tr>
|
|
1101
1113
|
<td class="col-md-4">
|
|
1102
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1103
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1114
|
+
<div class="io-line">Defined in <a href="" data-line="121"
|
|
1115
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:121</a></div>
|
|
1104
1116
|
</td>
|
|
1105
1117
|
</tr>
|
|
1106
1118
|
|
|
@@ -1132,8 +1144,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1132
1144
|
|
|
1133
1145
|
<tr>
|
|
1134
1146
|
<td class="col-md-4">
|
|
1135
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1136
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1147
|
+
<div class="io-line">Defined in <a href="" data-line="116"
|
|
1148
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:116</a></div>
|
|
1137
1149
|
</td>
|
|
1138
1150
|
</tr>
|
|
1139
1151
|
|
|
@@ -1175,8 +1187,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1175
1187
|
|
|
1176
1188
|
<tr>
|
|
1177
1189
|
<td class="col-md-4">
|
|
1178
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1179
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1190
|
+
<div class="io-line">Defined in <a href="" data-line="108"
|
|
1191
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:108</a></div>
|
|
1180
1192
|
</td>
|
|
1181
1193
|
</tr>
|
|
1182
1194
|
|
|
@@ -1244,8 +1256,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1244
1256
|
|
|
1245
1257
|
<tr>
|
|
1246
1258
|
<td class="col-md-4">
|
|
1247
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1248
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1259
|
+
<div class="io-line">Defined in <a href="" data-line="132"
|
|
1260
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:132</a></div>
|
|
1249
1261
|
</td>
|
|
1250
1262
|
</tr>
|
|
1251
1263
|
|
|
@@ -1316,8 +1328,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1316
1328
|
|
|
1317
1329
|
<tr>
|
|
1318
1330
|
<td class="col-md-4">
|
|
1319
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1320
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1331
|
+
<div class="io-line">Defined in <a href="" data-line="121"
|
|
1332
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:121</a></div>
|
|
1321
1333
|
</td>
|
|
1322
1334
|
</tr>
|
|
1323
1335
|
|
|
@@ -1388,8 +1400,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1388
1400
|
|
|
1389
1401
|
<tr>
|
|
1390
1402
|
<td class="col-md-4">
|
|
1391
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1392
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1403
|
+
<div class="io-line">Defined in <a href="" data-line="116"
|
|
1404
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:116</a></div>
|
|
1393
1405
|
</td>
|
|
1394
1406
|
</tr>
|
|
1395
1407
|
|
|
@@ -1451,8 +1463,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1451
1463
|
|
|
1452
1464
|
<tr>
|
|
1453
1465
|
<td class="col-md-4">
|
|
1454
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1455
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1466
|
+
<div class="io-line">Defined in <a href="" data-line="86"
|
|
1467
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:86</a></div>
|
|
1456
1468
|
</td>
|
|
1457
1469
|
</tr>
|
|
1458
1470
|
|
|
@@ -1511,15 +1523,15 @@ This is not toggleable - should be assigned once</p>
|
|
|
1511
1523
|
</tr>
|
|
1512
1524
|
<tr>
|
|
1513
1525
|
<td class="col-md-4">
|
|
1514
|
-
<code>onClick(event:
|
|
1526
|
+
<code>onClick(event: MouseEvent)</code>
|
|
1515
1527
|
</td>
|
|
1516
1528
|
</tr>
|
|
1517
1529
|
|
|
1518
1530
|
|
|
1519
1531
|
<tr>
|
|
1520
1532
|
<td class="col-md-4">
|
|
1521
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1522
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1533
|
+
<div class="io-line">Defined in <a href="" data-line="93"
|
|
1534
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:93</a></div>
|
|
1523
1535
|
</td>
|
|
1524
1536
|
</tr>
|
|
1525
1537
|
|
|
@@ -1542,7 +1554,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1542
1554
|
<tr>
|
|
1543
1555
|
<td>event</td>
|
|
1544
1556
|
<td>
|
|
1545
|
-
<code>
|
|
1557
|
+
<code>MouseEvent</code>
|
|
1546
1558
|
</td>
|
|
1547
1559
|
|
|
1548
1560
|
<td>
|
|
@@ -1594,8 +1606,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1594
1606
|
|
|
1595
1607
|
<tr>
|
|
1596
1608
|
<td class="col-md-4">
|
|
1597
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1598
|
-
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:
|
|
1609
|
+
<div class="io-line">Defined in <a href="" data-line="128"
|
|
1610
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:128</a></div>
|
|
1599
1611
|
</td>
|
|
1600
1612
|
</tr>
|
|
1601
1613
|
|
|
@@ -1637,6 +1649,80 @@ This is not toggleable - should be assigned once</p>
|
|
|
1637
1649
|
</tr>
|
|
1638
1650
|
</tbody>
|
|
1639
1651
|
</table>
|
|
1652
|
+
<table class="table table-sm table-bordered">
|
|
1653
|
+
<tbody>
|
|
1654
|
+
<tr>
|
|
1655
|
+
<td class="col-md-4">
|
|
1656
|
+
<a name="onPopoverMouseDown"></a>
|
|
1657
|
+
<span class="name">
|
|
1658
|
+
<span ><b>onPopoverMouseDown</b></span>
|
|
1659
|
+
<a href="#onPopoverMouseDown"><span class="icon ion-ios-link"></span></a>
|
|
1660
|
+
</span>
|
|
1661
|
+
</td>
|
|
1662
|
+
</tr>
|
|
1663
|
+
<tr>
|
|
1664
|
+
<td class="col-md-4">
|
|
1665
|
+
<code>onPopoverMouseDown()</code>
|
|
1666
|
+
</td>
|
|
1667
|
+
</tr>
|
|
1668
|
+
|
|
1669
|
+
|
|
1670
|
+
<tr>
|
|
1671
|
+
<td class="col-md-4">
|
|
1672
|
+
<div class="io-line">Defined in <a href="" data-line="99"
|
|
1673
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:99</a></div>
|
|
1674
|
+
</td>
|
|
1675
|
+
</tr>
|
|
1676
|
+
|
|
1677
|
+
|
|
1678
|
+
<tr>
|
|
1679
|
+
<td class="col-md-4">
|
|
1680
|
+
|
|
1681
|
+
<div class="io-description">
|
|
1682
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1683
|
+
|
|
1684
|
+
</div>
|
|
1685
|
+
</td>
|
|
1686
|
+
</tr>
|
|
1687
|
+
</tbody>
|
|
1688
|
+
</table>
|
|
1689
|
+
<table class="table table-sm table-bordered">
|
|
1690
|
+
<tbody>
|
|
1691
|
+
<tr>
|
|
1692
|
+
<td class="col-md-4">
|
|
1693
|
+
<a name="onPopoverMouseUp"></a>
|
|
1694
|
+
<span class="name">
|
|
1695
|
+
<span ><b>onPopoverMouseUp</b></span>
|
|
1696
|
+
<a href="#onPopoverMouseUp"><span class="icon ion-ios-link"></span></a>
|
|
1697
|
+
</span>
|
|
1698
|
+
</td>
|
|
1699
|
+
</tr>
|
|
1700
|
+
<tr>
|
|
1701
|
+
<td class="col-md-4">
|
|
1702
|
+
<code>onPopoverMouseUp()</code>
|
|
1703
|
+
</td>
|
|
1704
|
+
</tr>
|
|
1705
|
+
|
|
1706
|
+
|
|
1707
|
+
<tr>
|
|
1708
|
+
<td class="col-md-4">
|
|
1709
|
+
<div class="io-line">Defined in <a href="" data-line="103"
|
|
1710
|
+
class="link-to-prism">src/tooltip/definition-tooptip.component.ts:103</a></div>
|
|
1711
|
+
</td>
|
|
1712
|
+
</tr>
|
|
1713
|
+
|
|
1714
|
+
|
|
1715
|
+
<tr>
|
|
1716
|
+
<td class="col-md-4">
|
|
1717
|
+
|
|
1718
|
+
<div class="io-description">
|
|
1719
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1720
|
+
|
|
1721
|
+
</div>
|
|
1722
|
+
</td>
|
|
1723
|
+
</tr>
|
|
1724
|
+
</tbody>
|
|
1725
|
+
</table>
|
|
1640
1726
|
<table class="table table-sm table-bordered">
|
|
1641
1727
|
<tbody>
|
|
1642
1728
|
<tr>
|
|
@@ -2197,6 +2283,38 @@ This is not toggleable - should be assigned once</p>
|
|
|
2197
2283
|
<h3 id="inputs">
|
|
2198
2284
|
Properties
|
|
2199
2285
|
</h3>
|
|
2286
|
+
<table class="table table-sm table-bordered">
|
|
2287
|
+
<tbody>
|
|
2288
|
+
<tr>
|
|
2289
|
+
<td class="col-md-4">
|
|
2290
|
+
<a name="isInteractingWithPopover"></a>
|
|
2291
|
+
<span class="name">
|
|
2292
|
+
<span class="modifier">Private</span>
|
|
2293
|
+
<span ><b>isInteractingWithPopover</b></span>
|
|
2294
|
+
<a href="#isInteractingWithPopover"><span class="icon ion-ios-link"></span></a>
|
|
2295
|
+
</span>
|
|
2296
|
+
</td>
|
|
2297
|
+
</tr>
|
|
2298
|
+
<tr>
|
|
2299
|
+
<td class="col-md-4">
|
|
2300
|
+
<i>Default value : </i><code>false</code>
|
|
2301
|
+
</td>
|
|
2302
|
+
</tr>
|
|
2303
|
+
<tr>
|
|
2304
|
+
<td class="col-md-4">
|
|
2305
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:73</a></div>
|
|
2306
|
+
</td>
|
|
2307
|
+
</tr>
|
|
2308
|
+
|
|
2309
|
+
<tr>
|
|
2310
|
+
<td class="col-md-4">
|
|
2311
|
+
<div class="io-description"><p>Helper variable to ensure button blur doesn't fire on <code>click</code> of popover content</p>
|
|
2312
|
+
</div>
|
|
2313
|
+
</td>
|
|
2314
|
+
</tr>
|
|
2315
|
+
|
|
2316
|
+
</tbody>
|
|
2317
|
+
</table>
|
|
2200
2318
|
<table class="table table-sm table-bordered">
|
|
2201
2319
|
<tbody>
|
|
2202
2320
|
<tr>
|
|
@@ -2222,7 +2340,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
2222
2340
|
</tr>
|
|
2223
2341
|
<tr>
|
|
2224
2342
|
<td class="col-md-4">
|
|
2225
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2343
|
+
<div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/tooltip/definition-tooptip.component.ts:55</a></div>
|
|
2226
2344
|
</td>
|
|
2227
2345
|
</tr>
|
|
2228
2346
|
|
|
@@ -2556,7 +2674,7 @@ import { PopoverContainer } from "carbon-components-angular/popover";
|
|
|
2556
2674
|
[attr.aria-expanded]="isOpen"
|
|
2557
2675
|
[attr.aria-describedby]="isOpen ? id : null"
|
|
2558
2676
|
(blur)="onBlur($event)"
|
|
2559
|
-
(
|
|
2677
|
+
(mousedown)="onClick($event)"
|
|
2560
2678
|
type="button">
|
|
2561
2679
|
<ng-content></ng-content>
|
|
2562
2680
|
</button>
|
|
@@ -2565,7 +2683,9 @@ import { PopoverContainer } from "carbon-components-angular/popover";
|
|
|
2565
2683
|
class="cds--popover"
|
|
2566
2684
|
[id]="id"
|
|
2567
2685
|
[attr.aria-hidden]="!isOpen"
|
|
2568
|
-
role="tooltip"
|
|
2686
|
+
role="tooltip"
|
|
2687
|
+
(mousedown)="onPopoverMouseDown()"
|
|
2688
|
+
(mouseup)="onPopoverMouseUp()">
|
|
2569
2689
|
<span class="cds--popover-content cds--definition-tooltip" aria-live="polite">
|
|
2570
2690
|
<ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container>
|
|
2571
2691
|
<ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description" [ngTemplateOutletContext]="{ $implicit: templateContext }"></ng-template>
|
|
@@ -2591,6 +2711,11 @@ export class TooltipDefinition extends PopoverContainer {
|
|
|
2591
2711
|
|
|
2592
2712
|
@Input() openOnHover = false;
|
|
2593
2713
|
|
|
2714
|
+
/**
|
|
2715
|
+
* Helper variable to ensure button blur doesn't fire on `click` of popover content
|
|
2716
|
+
*/
|
|
2717
|
+
private isInteractingWithPopover = false;
|
|
2718
|
+
|
|
2594
2719
|
constructor(
|
|
2595
2720
|
protected elementRef: ElementRef,
|
|
2596
2721
|
protected ngZone: NgZone,
|
|
@@ -2603,11 +2728,24 @@ export class TooltipDefinition extends PopoverContainer {
|
|
|
2603
2728
|
}
|
|
2604
2729
|
|
|
2605
2730
|
onBlur(event: Event) {
|
|
2606
|
-
|
|
2731
|
+
// Only close if user is not interacting with popover content
|
|
2732
|
+
if (!this.isInteractingWithPopover) {
|
|
2733
|
+
this.handleChange(false, event);
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2736
|
+
|
|
2737
|
+
onClick(event: MouseEvent) {
|
|
2738
|
+
if (event.button === 0) {
|
|
2739
|
+
this.handleChange(!this.isOpen, event);
|
|
2740
|
+
}
|
|
2741
|
+
}
|
|
2742
|
+
|
|
2743
|
+
onPopoverMouseDown() {
|
|
2744
|
+
this.isInteractingWithPopover = true;
|
|
2607
2745
|
}
|
|
2608
2746
|
|
|
2609
|
-
|
|
2610
|
-
this.
|
|
2747
|
+
onPopoverMouseUp() {
|
|
2748
|
+
this.isInteractingWithPopover = false;
|
|
2611
2749
|
}
|
|
2612
2750
|
|
|
2613
2751
|
@HostListener("keyup", ["$event"])
|
|
@@ -2669,7 +2807,7 @@ export class TooltipDefinition extends PopoverContainer {
|
|
|
2669
2807
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2670
2808
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2671
2809
|
<script>
|
|
2672
|
-
var COMPONENT_TEMPLATE = '<div><button class="cds--definition-term" [attr.aria-controls]="id" [attr.aria-expanded]="isOpen" [attr.aria-describedby]="isOpen ? id : null" (blur)="onBlur($event)" (
|
|
2810
|
+
var COMPONENT_TEMPLATE = '<div><button class="cds--definition-term" [attr.aria-controls]="id" [attr.aria-expanded]="isOpen" [attr.aria-describedby]="isOpen ? id : null" (blur)="onBlur($event)" (mousedown)="onClick($event)" type="button"> <ng-content></ng-content></button><span *ngIf="description" class="cds--popover" [id]="id" [attr.aria-hidden]="!isOpen" role="tooltip" (mousedown)="onPopoverMouseDown()" (mouseup)="onPopoverMouseUp()"> <span class="cds--popover-content cds--definition-tooltip" aria-live="polite"> <ng-container *ngIf="!isTemplate(description)">{{description}}</ng-container> <ng-template *ngIf="isTemplate(description)" [ngTemplateOutlet]="description" [ngTemplateOutletContext]="{ $implicit: templateContext }"></ng-template> <span *ngIf="autoAlign" class="cds--popover-caret cds--popover--auto-align"></span> </span> <span *ngIf="!autoAlign" class="cds--popover-caret"></span></span> </div>'
|
|
2673
2811
|
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': 'ComboButtonComponent', 'selector': 'cds-combo-button'},{'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-menu, cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-menu-divider, cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-menu-group, cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-menu-item, 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': 'MenuButtonComponent', 'selector': 'cds-menu-button'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'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'}];
|
|
2674
2812
|
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': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'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': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'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]'}];
|
|
2675
2813
|
var ACTUAL_COMPONENT = {'name': 'TooltipDefinition'};
|
|
@@ -3021,9 +3021,9 @@
|
|
|
3021
3021
|
</td>
|
|
3022
3022
|
<td>component</td>
|
|
3023
3023
|
<td>TooltipDefinition</td>
|
|
3024
|
-
<td align="right" data-sort="
|
|
3025
|
-
<span class="coverage-percent">
|
|
3026
|
-
<span class="coverage-count">(
|
|
3024
|
+
<td align="right" data-sort="39">
|
|
3025
|
+
<span class="coverage-percent">39 %</span>
|
|
3026
|
+
<span class="coverage-count">(19/48)</span>
|
|
3027
3027
|
</td>
|
|
3028
3028
|
</tr>
|
|
3029
3029
|
<tr class="medium">
|