carbon-components-angular 5.24.6 → 5.24.7
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/Tooltip.html +148 -117
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TilesModule.html +4 -4
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
- package/docs/documentation/modules/TimePickerModule.html +41 -45
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -46
- package/docs/documentation/modules/TimePickerSelectModule.html +42 -46
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.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 +4 -4
- package/docs/documentation/modules/TreeviewModule.html +4 -4
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +29 -28
- package/docs/storybook/1895.172bd8b0.iframe.bundle.js +1 -0
- package/docs/storybook/6702.8b6fb391.iframe.bundle.js +1 -0
- package/docs/storybook/901.adc28b35.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-set-stories.ad7233ba.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-stories.19d4c798.iframe.bundle.js +1 -0
- package/docs/storybook/button-icon-button-stories.4b2fc4a6.iframe.bundle.js +1 -0
- package/docs/storybook/code-snippet-code-snippet-stories.19e4b78a.iframe.bundle.js +1 -0
- package/docs/storybook/contained-list-contained-list-stories.d8456cd4.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index-stories.bdb87ad2.iframe.bundle.js +1 -0
- package/docs/storybook/{main.64a750b3.iframe.bundle.js → main.83dfce65.iframe.bundle.js} +1 -1
- package/docs/storybook/patterns-forms-multi-step-form-stories.a9142797.iframe.bundle.js +1 -0
- package/docs/storybook/patterns-loading-large-loading-stories.f776e3ae.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.0366c773.iframe.bundle.js → runtime~main.cb1f9895.iframe.bundle.js} +1 -1
- package/docs/storybook/tiles-expandable-tile-stories.97c48cb1.iframe.bundle.js +1 -0
- package/docs/storybook/toggletip-toggletip-stories.93f48d46.iframe.bundle.js +1 -0
- package/docs/storybook/tooltip-definition-tooptip-stories.60d42e1c.iframe.bundle.js +1 -0
- package/docs/storybook/tooltip-tooltip-stories.eb2e347f.iframe.bundle.js +1 -0
- package/docs/storybook/ui-shell-ui-shell-stories.6be7cb97.iframe.bundle.js +1 -0
- package/esm2020/tooltip/tooltip.component.mjs +26 -2
- package/fesm2015/carbon-components-angular-tooltip.mjs +25 -1
- package/fesm2015/carbon-components-angular-tooltip.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-tooltip.mjs +25 -1
- package/fesm2020/carbon-components-angular-tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/tooltip/tooltip.component.d.ts +7 -2
- package/docs/storybook/1895.0331c090.iframe.bundle.js +0 -1
- package/docs/storybook/4578.65805869.iframe.bundle.js +0 -1
- package/docs/storybook/901.292c1079.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-set-stories.d561d04b.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-stories.1b5d80b7.iframe.bundle.js +0 -1
- package/docs/storybook/button-icon-button-stories.59d7496a.iframe.bundle.js +0 -1
- package/docs/storybook/code-snippet-code-snippet-stories.d9a3162d.iframe.bundle.js +0 -1
- package/docs/storybook/contained-list-contained-list-stories.2887855a.iframe.bundle.js +0 -1
- package/docs/storybook/index-stories.70809ec7.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-forms-multi-step-form-stories.89086fc2.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-loading-large-loading-stories.699b1e1b.iframe.bundle.js +0 -1
- package/docs/storybook/tiles-expandable-tile-stories.209d7ef2.iframe.bundle.js +0 -1
- package/docs/storybook/toggletip-toggletip-stories.7265233d.iframe.bundle.js +0 -1
- package/docs/storybook/tooltip-definition-tooptip-stories.d6e8ec29.iframe.bundle.js +0 -1
- package/docs/storybook/tooltip-tooltip-stories.79853bfa.iframe.bundle.js +0 -1
- package/docs/storybook/ui-shell-ui-shell-stories.a1fb87a2.iframe.bundle.js +0 -1
|
@@ -85,6 +85,7 @@
|
|
|
85
85
|
<h3>Implements</h3>
|
|
86
86
|
</p>
|
|
87
87
|
<p class="comment">
|
|
88
|
+
<code>OnChanges</code>
|
|
88
89
|
<code>AfterContentChecked</code>
|
|
89
90
|
</p>
|
|
90
91
|
|
|
@@ -250,6 +251,9 @@
|
|
|
250
251
|
<li>
|
|
251
252
|
<a href="#ngAfterContentChecked" >ngAfterContentChecked</a>
|
|
252
253
|
</li>
|
|
254
|
+
<li>
|
|
255
|
+
<a href="#ngOnChanges" >ngOnChanges</a>
|
|
256
|
+
</li>
|
|
253
257
|
<li>
|
|
254
258
|
<a href="#cleanUp" >cleanUp</a>
|
|
255
259
|
</li>
|
|
@@ -262,9 +266,6 @@
|
|
|
262
266
|
<li>
|
|
263
267
|
<a href="#ngAfterViewInit" >ngAfterViewInit</a>
|
|
264
268
|
</li>
|
|
265
|
-
<li>
|
|
266
|
-
<a href="#ngOnChanges" >ngOnChanges</a>
|
|
267
|
-
</li>
|
|
268
269
|
<li>
|
|
269
270
|
<a href="#ngOnDestroy" >ngOnDestroy</a>
|
|
270
271
|
</li>
|
|
@@ -410,7 +411,7 @@
|
|
|
410
411
|
</tr>
|
|
411
412
|
<tr>
|
|
412
413
|
<td class="col-md-4">
|
|
413
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
414
|
+
<div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/tooltip/tooltip.component.ts:81</a></div>
|
|
414
415
|
</td>
|
|
415
416
|
</tr>
|
|
416
417
|
|
|
@@ -502,7 +503,7 @@
|
|
|
502
503
|
</tr>
|
|
503
504
|
<tr>
|
|
504
505
|
<td class="col-md-2" colspan="2">
|
|
505
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
506
|
+
<div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tooltip/tooltip.component.ts:73</a></div>
|
|
506
507
|
</td>
|
|
507
508
|
</tr>
|
|
508
509
|
<tr>
|
|
@@ -534,7 +535,7 @@
|
|
|
534
535
|
</tr>
|
|
535
536
|
<tr>
|
|
536
537
|
<td class="col-md-2" colspan="2">
|
|
537
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
538
|
+
<div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/tooltip/tooltip.component.ts:69</a></div>
|
|
538
539
|
</td>
|
|
539
540
|
</tr>
|
|
540
541
|
<tr>
|
|
@@ -566,7 +567,7 @@
|
|
|
566
567
|
</tr>
|
|
567
568
|
<tr>
|
|
568
569
|
<td class="col-md-2" colspan="2">
|
|
569
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
570
|
+
<div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/tooltip/tooltip.component.ts:61</a></div>
|
|
570
571
|
</td>
|
|
571
572
|
</tr>
|
|
572
573
|
<tr>
|
|
@@ -598,7 +599,7 @@
|
|
|
598
599
|
</tr>
|
|
599
600
|
<tr>
|
|
600
601
|
<td class="col-md-2" colspan="2">
|
|
601
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
602
|
+
<div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/tooltip/tooltip.component.ts:57</a></div>
|
|
602
603
|
</td>
|
|
603
604
|
</tr>
|
|
604
605
|
</tbody>
|
|
@@ -624,7 +625,7 @@
|
|
|
624
625
|
</tr>
|
|
625
626
|
<tr>
|
|
626
627
|
<td class="col-md-2" colspan="2">
|
|
627
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
628
|
+
<div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/tooltip/tooltip.component.ts:65</a></div>
|
|
628
629
|
</td>
|
|
629
630
|
</tr>
|
|
630
631
|
<tr>
|
|
@@ -651,7 +652,7 @@
|
|
|
651
652
|
</tr>
|
|
652
653
|
<tr>
|
|
653
654
|
<td class="col-md-2" colspan="2">
|
|
654
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
655
|
+
<div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/tooltip/tooltip.component.ts:77</a></div>
|
|
655
656
|
</td>
|
|
656
657
|
</tr>
|
|
657
658
|
<tr>
|
|
@@ -1019,7 +1020,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1019
1020
|
</tr>
|
|
1020
1021
|
<tr>
|
|
1021
1022
|
<td class="col-md-4">
|
|
1022
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1023
|
+
<div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/tooltip/tooltip.component.ts:55</a></div>
|
|
1023
1024
|
</td>
|
|
1024
1025
|
</tr>
|
|
1025
1026
|
|
|
@@ -1092,8 +1093,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1092
1093
|
|
|
1093
1094
|
<tr>
|
|
1094
1095
|
<td class="col-md-4">
|
|
1095
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1096
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1096
|
+
<div class="io-line">Defined in <a href="" data-line="124"
|
|
1097
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:124</a></div>
|
|
1097
1098
|
</td>
|
|
1098
1099
|
</tr>
|
|
1099
1100
|
|
|
@@ -1125,8 +1126,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1125
1126
|
|
|
1126
1127
|
<tr>
|
|
1127
1128
|
<td class="col-md-4">
|
|
1128
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1129
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1129
|
+
<div class="io-line">Defined in <a href="" data-line="129"
|
|
1130
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:129</a></div>
|
|
1130
1131
|
</td>
|
|
1131
1132
|
</tr>
|
|
1132
1133
|
|
|
@@ -1158,8 +1159,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1158
1159
|
|
|
1159
1160
|
<tr>
|
|
1160
1161
|
<td class="col-md-4">
|
|
1161
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1162
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1162
|
+
<div class="io-line">Defined in <a href="" data-line="115"
|
|
1163
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:115</a></div>
|
|
1163
1164
|
</td>
|
|
1164
1165
|
</tr>
|
|
1165
1166
|
|
|
@@ -1191,8 +1192,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1191
1192
|
|
|
1192
1193
|
<tr>
|
|
1193
1194
|
<td class="col-md-4">
|
|
1194
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1195
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1195
|
+
<div class="io-line">Defined in <a href="" data-line="95"
|
|
1196
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:95</a></div>
|
|
1196
1197
|
</td>
|
|
1197
1198
|
</tr>
|
|
1198
1199
|
|
|
@@ -1224,8 +1225,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1224
1225
|
|
|
1225
1226
|
<tr>
|
|
1226
1227
|
<td class="col-md-4">
|
|
1227
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1228
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1228
|
+
<div class="io-line">Defined in <a href="" data-line="105"
|
|
1229
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:105</a></div>
|
|
1229
1230
|
</td>
|
|
1230
1231
|
</tr>
|
|
1231
1232
|
|
|
@@ -1267,8 +1268,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1267
1268
|
|
|
1268
1269
|
<tr>
|
|
1269
1270
|
<td class="col-md-4">
|
|
1270
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1271
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1271
|
+
<div class="io-line">Defined in <a href="" data-line="124"
|
|
1272
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:124</a></div>
|
|
1272
1273
|
</td>
|
|
1273
1274
|
</tr>
|
|
1274
1275
|
|
|
@@ -1345,8 +1346,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1345
1346
|
|
|
1346
1347
|
<tr>
|
|
1347
1348
|
<td class="col-md-4">
|
|
1348
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1349
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1349
|
+
<div class="io-line">Defined in <a href="" data-line="129"
|
|
1350
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:129</a></div>
|
|
1350
1351
|
</td>
|
|
1351
1352
|
</tr>
|
|
1352
1353
|
|
|
@@ -1423,8 +1424,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1423
1424
|
|
|
1424
1425
|
<tr>
|
|
1425
1426
|
<td class="col-md-4">
|
|
1426
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1427
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1427
|
+
<div class="io-line">Defined in <a href="" data-line="115"
|
|
1428
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:115</a></div>
|
|
1428
1429
|
</td>
|
|
1429
1430
|
</tr>
|
|
1430
1431
|
|
|
@@ -1492,8 +1493,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1492
1493
|
|
|
1493
1494
|
<tr>
|
|
1494
1495
|
<td class="col-md-4">
|
|
1495
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1496
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1496
|
+
<div class="io-line">Defined in <a href="" data-line="133"
|
|
1497
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:133</a></div>
|
|
1497
1498
|
</td>
|
|
1498
1499
|
</tr>
|
|
1499
1500
|
|
|
@@ -1566,8 +1567,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1566
1567
|
|
|
1567
1568
|
<tr>
|
|
1568
1569
|
<td class="col-md-4">
|
|
1569
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1570
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1570
|
+
<div class="io-line">Defined in <a href="" data-line="95"
|
|
1571
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:95</a></div>
|
|
1571
1572
|
</td>
|
|
1572
1573
|
</tr>
|
|
1573
1574
|
|
|
@@ -1640,8 +1641,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1640
1641
|
|
|
1641
1642
|
<tr>
|
|
1642
1643
|
<td class="col-md-4">
|
|
1643
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1644
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1644
|
+
<div class="io-line">Defined in <a href="" data-line="105"
|
|
1645
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:105</a></div>
|
|
1645
1646
|
</td>
|
|
1646
1647
|
</tr>
|
|
1647
1648
|
|
|
@@ -1705,8 +1706,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1705
1706
|
|
|
1706
1707
|
<tr>
|
|
1707
1708
|
<td class="col-md-4">
|
|
1708
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1709
|
-
class="link-to-prism">src/tooltip/tooltip.component.ts:
|
|
1709
|
+
<div class="io-line">Defined in <a href="" data-line="168"
|
|
1710
|
+
class="link-to-prism">src/tooltip/tooltip.component.ts:168</a></div>
|
|
1710
1711
|
</td>
|
|
1711
1712
|
</tr>
|
|
1712
1713
|
|
|
@@ -1724,6 +1725,83 @@ This is not toggleable - should be assigned once</p>
|
|
|
1724
1725
|
</tr>
|
|
1725
1726
|
</tbody>
|
|
1726
1727
|
</table>
|
|
1728
|
+
<table class="table table-sm table-bordered">
|
|
1729
|
+
<tbody>
|
|
1730
|
+
<tr>
|
|
1731
|
+
<td class="col-md-4">
|
|
1732
|
+
<a name="ngOnChanges"></a>
|
|
1733
|
+
<span class="name">
|
|
1734
|
+
<span ><b>ngOnChanges</b></span>
|
|
1735
|
+
<a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
|
|
1736
|
+
</span>
|
|
1737
|
+
</td>
|
|
1738
|
+
</tr>
|
|
1739
|
+
<tr>
|
|
1740
|
+
<td class="col-md-4">
|
|
1741
|
+
<code>ngOnChanges(changes: SimpleChanges)</code>
|
|
1742
|
+
</td>
|
|
1743
|
+
</tr>
|
|
1744
|
+
|
|
1745
|
+
|
|
1746
|
+
<tr>
|
|
1747
|
+
<td class="col-md-4">
|
|
1748
|
+
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1749
|
+
</div>
|
|
1750
|
+
</td>
|
|
1751
|
+
</tr>
|
|
1752
|
+
<tr>
|
|
1753
|
+
<td class="col-md-4">
|
|
1754
|
+
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:141</a></code>
|
|
1755
|
+
</div>
|
|
1756
|
+
</td>
|
|
1757
|
+
</tr>
|
|
1758
|
+
|
|
1759
|
+
|
|
1760
|
+
<tr>
|
|
1761
|
+
<td class="col-md-4">
|
|
1762
|
+
<div class="io-description"><p>Close the popover and reopen it with updated values without emitting an event</p>
|
|
1763
|
+
</div>
|
|
1764
|
+
|
|
1765
|
+
<div class="io-description">
|
|
1766
|
+
<b>Parameters :</b>
|
|
1767
|
+
|
|
1768
|
+
<table class="params">
|
|
1769
|
+
<thead>
|
|
1770
|
+
<tr>
|
|
1771
|
+
<td>Name</td>
|
|
1772
|
+
<td>Type</td>
|
|
1773
|
+
<td>Optional</td>
|
|
1774
|
+
</tr>
|
|
1775
|
+
</thead>
|
|
1776
|
+
<tbody>
|
|
1777
|
+
<tr>
|
|
1778
|
+
<td>changes</td>
|
|
1779
|
+
<td>
|
|
1780
|
+
<code>SimpleChanges</code>
|
|
1781
|
+
</td>
|
|
1782
|
+
|
|
1783
|
+
<td>
|
|
1784
|
+
No
|
|
1785
|
+
</td>
|
|
1786
|
+
|
|
1787
|
+
|
|
1788
|
+
</tr>
|
|
1789
|
+
</tbody>
|
|
1790
|
+
</table>
|
|
1791
|
+
</div>
|
|
1792
|
+
<div>
|
|
1793
|
+
</div>
|
|
1794
|
+
<div class="io-description">
|
|
1795
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1796
|
+
|
|
1797
|
+
</div>
|
|
1798
|
+
<div class="io-description">
|
|
1799
|
+
|
|
1800
|
+
</div>
|
|
1801
|
+
</td>
|
|
1802
|
+
</tr>
|
|
1803
|
+
</tbody>
|
|
1804
|
+
</table>
|
|
1727
1805
|
<table class="table table-sm table-bordered">
|
|
1728
1806
|
<tbody>
|
|
1729
1807
|
<tr>
|
|
@@ -1959,83 +2037,6 @@ This is not toggleable - should be assigned once</p>
|
|
|
1959
2037
|
</tr>
|
|
1960
2038
|
</tbody>
|
|
1961
2039
|
</table>
|
|
1962
|
-
<table class="table table-sm table-bordered">
|
|
1963
|
-
<tbody>
|
|
1964
|
-
<tr>
|
|
1965
|
-
<td class="col-md-4">
|
|
1966
|
-
<a name="ngOnChanges"></a>
|
|
1967
|
-
<span class="name">
|
|
1968
|
-
<span ><b>ngOnChanges</b></span>
|
|
1969
|
-
<a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
|
|
1970
|
-
</span>
|
|
1971
|
-
</td>
|
|
1972
|
-
</tr>
|
|
1973
|
-
<tr>
|
|
1974
|
-
<td class="col-md-4">
|
|
1975
|
-
<code>ngOnChanges(changes: SimpleChanges)</code>
|
|
1976
|
-
</td>
|
|
1977
|
-
</tr>
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
<tr>
|
|
1981
|
-
<td class="col-md-4">
|
|
1982
|
-
<div class="io-line">Inherited from <code><a href="../directives/PopoverContainer.html" target="_self" >PopoverContainer</a></code>
|
|
1983
|
-
</div>
|
|
1984
|
-
</td>
|
|
1985
|
-
</tr>
|
|
1986
|
-
<tr>
|
|
1987
|
-
<td class="col-md-4">
|
|
1988
|
-
<div class="io-line">Defined in <code><a href="../directives/PopoverContainer.html#source" target="_self" >PopoverContainer:241</a></code>
|
|
1989
|
-
</div>
|
|
1990
|
-
</td>
|
|
1991
|
-
</tr>
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
<tr>
|
|
1995
|
-
<td class="col-md-4">
|
|
1996
|
-
<div class="io-description"><p>Close the popover and reopen it with updated values without emitting an event</p>
|
|
1997
|
-
</div>
|
|
1998
|
-
|
|
1999
|
-
<div class="io-description">
|
|
2000
|
-
<b>Parameters :</b>
|
|
2001
|
-
|
|
2002
|
-
<table class="params">
|
|
2003
|
-
<thead>
|
|
2004
|
-
<tr>
|
|
2005
|
-
<td>Name</td>
|
|
2006
|
-
<td>Type</td>
|
|
2007
|
-
<td>Optional</td>
|
|
2008
|
-
</tr>
|
|
2009
|
-
</thead>
|
|
2010
|
-
<tbody>
|
|
2011
|
-
<tr>
|
|
2012
|
-
<td>changes</td>
|
|
2013
|
-
<td>
|
|
2014
|
-
<code>SimpleChanges</code>
|
|
2015
|
-
</td>
|
|
2016
|
-
|
|
2017
|
-
<td>
|
|
2018
|
-
No
|
|
2019
|
-
</td>
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
</tr>
|
|
2023
|
-
</tbody>
|
|
2024
|
-
</table>
|
|
2025
|
-
</div>
|
|
2026
|
-
<div>
|
|
2027
|
-
</div>
|
|
2028
|
-
<div class="io-description">
|
|
2029
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2030
|
-
|
|
2031
|
-
</div>
|
|
2032
|
-
<div class="io-description">
|
|
2033
|
-
|
|
2034
|
-
</div>
|
|
2035
|
-
</td>
|
|
2036
|
-
</tr>
|
|
2037
|
-
</tbody>
|
|
2038
|
-
</table>
|
|
2039
2040
|
<table class="table table-sm table-bordered">
|
|
2040
2041
|
<tbody>
|
|
2041
2042
|
<tr>
|
|
@@ -2312,7 +2313,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
2312
2313
|
</tr>
|
|
2313
2314
|
<tr>
|
|
2314
2315
|
<td class="col-md-4">
|
|
2315
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2316
|
+
<div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/tooltip/tooltip.component.ts:81</a></div>
|
|
2316
2317
|
</td>
|
|
2317
2318
|
</tr>
|
|
2318
2319
|
|
|
@@ -2347,7 +2348,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
2347
2348
|
</tr>
|
|
2348
2349
|
<tr>
|
|
2349
2350
|
<td class="col-md-4">
|
|
2350
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2351
|
+
<div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/tooltip/tooltip.component.ts:55</a></div>
|
|
2351
2352
|
</td>
|
|
2352
2353
|
</tr>
|
|
2353
2354
|
|
|
@@ -2379,7 +2380,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
2379
2380
|
</tr>
|
|
2380
2381
|
<tr>
|
|
2381
2382
|
<td class="col-md-4">
|
|
2382
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2383
|
+
<div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/tooltip/tooltip.component.ts:53</a></div>
|
|
2383
2384
|
</td>
|
|
2384
2385
|
</tr>
|
|
2385
2386
|
|
|
@@ -2415,7 +2416,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
2415
2416
|
</tr>
|
|
2416
2417
|
<tr>
|
|
2417
2418
|
<td class="col-md-4">
|
|
2418
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2419
|
+
<div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/tooltip/tooltip.component.ts:79</a></div>
|
|
2419
2420
|
</td>
|
|
2420
2421
|
</tr>
|
|
2421
2422
|
|
|
@@ -2727,7 +2728,9 @@ This is not toggleable - should be assigned once</p>
|
|
|
2727
2728
|
HostListener,
|
|
2728
2729
|
Input,
|
|
2729
2730
|
NgZone,
|
|
2731
|
+
OnChanges,
|
|
2730
2732
|
Renderer2,
|
|
2733
|
+
SimpleChanges,
|
|
2731
2734
|
TemplateRef,
|
|
2732
2735
|
ViewChild
|
|
2733
2736
|
} from "@angular/core";
|
|
@@ -2766,7 +2769,7 @@ import { PopoverContainer } from "carbon-components-angular/popover";
|
|
|
2766
2769
|
</span>
|
|
2767
2770
|
`
|
|
2768
2771
|
})
|
|
2769
|
-
export class Tooltip extends PopoverContainer implements AfterContentChecked {
|
|
2772
|
+
export class Tooltip extends PopoverContainer implements OnChanges, AfterContentChecked {
|
|
2770
2773
|
static tooltipCount = 0;
|
|
2771
2774
|
|
|
2772
2775
|
@HostBinding("class.cds--tooltip") tooltipClass = true;
|
|
@@ -2851,6 +2854,34 @@ export class Tooltip extends PopoverContainer implements AfterContentChecked {
|
|
|
2851
2854
|
return value instanceof TemplateRef;
|
|
2852
2855
|
}
|
|
2853
2856
|
|
|
2857
|
+
/**
|
|
2858
|
+
* Close the popover and reopen it with updated values without emitting an event
|
|
2859
|
+
* @param changes
|
|
2860
|
+
*/
|
|
2861
|
+
ngOnChanges(changes: SimpleChanges): void {
|
|
2862
|
+
// Close and reopen the popover, handle alignment/programmatic open/close
|
|
2863
|
+
const originalState = this.isOpen;
|
|
2864
|
+
this.handleChange(false);
|
|
2865
|
+
|
|
2866
|
+
// Ignore first change since content is not initialized
|
|
2867
|
+
if ((changes.autoAlign && !changes.autoAlign.firstChange)
|
|
2868
|
+
|| (changes.disabled && !changes.disabled.firstChange && !changes.disabled.currentValue)) {
|
|
2869
|
+
/**
|
|
2870
|
+
* When `disabled` is `true`, popover content node is removed. So when re-enabling `disabled`,
|
|
2871
|
+
* we manually update view so querySelector can detect the popover content node.
|
|
2872
|
+
* Otherwise, the position of the popover will be incorrect when autoAlign is enabled.
|
|
2873
|
+
*/
|
|
2874
|
+
this.changeDetectorRef.detectChanges();
|
|
2875
|
+
|
|
2876
|
+
// Reset the inline styles
|
|
2877
|
+
this.popoverContentRef = this.elementRef.nativeElement.querySelector(".cds--popover-content");
|
|
2878
|
+
this.popoverContentRef.setAttribute("style", "");
|
|
2879
|
+
this.caretRef = this.elementRef.nativeElement.querySelector("span.cds--popover-caret");
|
|
2880
|
+
}
|
|
2881
|
+
|
|
2882
|
+
this.handleChange(originalState);
|
|
2883
|
+
}
|
|
2884
|
+
|
|
2854
2885
|
/**
|
|
2855
2886
|
* Check for any changes in the projected content & apply accessibility attribute if needed
|
|
2856
2887
|
*/
|