carbon-components-angular 5.24.0 → 5.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/button/base-icon-button.component.d.ts +6 -1
  2. package/docs/documentation/components/BaseIconButton.html +43 -2
  3. package/docs/documentation/components/CodeSnippet.html +45 -2
  4. package/docs/documentation/components/HeaderAction.html +45 -2
  5. package/docs/documentation/components/IconButton.html +74 -29
  6. package/docs/documentation/coverage.html +10 -10
  7. package/docs/documentation/js/search/search_index.js +2 -2
  8. package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
  9. package/docs/documentation/modules/TilesModule.html +4 -4
  10. package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
  11. package/docs/documentation/modules/TimePickerModule.html +45 -41
  12. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -38
  13. package/docs/documentation/modules/TimePickerSelectModule.html +42 -38
  14. package/docs/documentation/modules/ToggleModule/dependencies.svg +45 -41
  15. package/docs/documentation/modules/ToggleModule.html +45 -41
  16. package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
  17. package/docs/documentation/modules/ToggletipModule.html +39 -39
  18. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  19. package/docs/documentation/modules/TooltipModule.html +28 -28
  20. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  21. package/docs/documentation/modules/TreeviewModule.html +4 -4
  22. package/docs/documentation.json +185 -72
  23. package/docs/storybook/4578.17249a24.iframe.bundle.js +1 -0
  24. package/docs/storybook/{button-icon-button-stories.19a7bba3.iframe.bundle.js → button-icon-button-stories.59d7496a.iframe.bundle.js} +1 -1
  25. package/docs/storybook/iframe.html +2 -2
  26. package/docs/storybook/index.json +1 -1
  27. package/docs/storybook/main.9d694b47.iframe.bundle.js +1 -0
  28. package/docs/storybook/project.json +1 -1
  29. package/docs/storybook/{runtime~main.f7ceaed5.iframe.bundle.js → runtime~main.1f3e45b2.iframe.bundle.js} +1 -1
  30. package/docs/storybook/stories.json +1 -1
  31. package/esm2020/button/base-icon-button.component.mjs +9 -2
  32. package/esm2020/button/icon-button.component.mjs +3 -1
  33. package/fesm2015/carbon-components-angular-button.mjs +10 -1
  34. package/fesm2015/carbon-components-angular-button.mjs.map +1 -1
  35. package/fesm2020/carbon-components-angular-button.mjs +10 -1
  36. package/fesm2020/carbon-components-angular-button.mjs.map +1 -1
  37. package/package.json +1 -1
  38. package/docs/storybook/4578.2ddca843.iframe.bundle.js +0 -1
  39. package/docs/storybook/main.7445afdc.iframe.bundle.js +0 -1
package/button/base-icon-button.component.d.ts CHANGED
@@ -46,6 +46,11 @@ export declare class BaseIconButton {
46
46
  * Set popover alignment
47
47
  */
48
48
  align: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top";
49
+ /**
50
+ * **Experimental**: Use floating-ui to position the tooltip
51
+ * This is not toggleable - should be assigned once
52
+ */
53
+ autoAlign: boolean;
49
54
  /**
50
55
  * Set delay before tooltip is shown
51
56
  */
@@ -55,5 +60,5 @@ export declare class BaseIconButton {
55
60
  */
56
61
  leaveDelayMs: number;
57
62
  static ɵfac: i0.ɵɵFactoryDeclaration<BaseIconButton, never>;
58
- static ɵcmp: i0.ɵɵComponentDeclaration<BaseIconButton, "ng-component", never, { "caret": "caret"; "dropShadow": "dropShadow"; "highContrast": "highContrast"; "isOpen": "isOpen"; "align": "align"; "enterDelayMs": "enterDelayMs"; "leaveDelayMs": "leaveDelayMs"; }, {}, never, never, false>;
63
+ static ɵcmp: i0.ɵɵComponentDeclaration<BaseIconButton, "ng-component", never, { "caret": "caret"; "dropShadow": "dropShadow"; "highContrast": "highContrast"; "isOpen": "isOpen"; "align": "align"; "autoAlign": "autoAlign"; "enterDelayMs": "enterDelayMs"; "leaveDelayMs": "leaveDelayMs"; }, {}, never, never, false>;
59
64
  }
package/docs/documentation/components/BaseIconButton.html CHANGED
@@ -96,6 +96,9 @@ Extend class to inherit @Input meta data</p>
96
96
  <li>
97
97
  <a href="#align" >align</a>
98
98
  </li>
99
+ <li>
100
+ <a href="#autoAlign" >autoAlign</a>
101
+ </li>
99
102
  <li>
100
103
  <a href="#caret" >caret</a>
101
104
  </li>
@@ -155,6 +158,39 @@ Extend class to inherit @Input meta data</p>
155
158
  <tr>
156
159
  <td class="col-md-4">
157
160
  <div class="io-description"><p>Set popover alignment</p>
161
+ </div>
162
+ </td>
163
+ </tr>
164
+ </tbody>
165
+ </table>
166
+ <table class="table table-sm table-bordered">
167
+ <tbody>
168
+ <tr>
169
+ <td class="col-md-4">
170
+ <a name="autoAlign"></a>
171
+ <b>autoAlign</b>
172
+ </td>
173
+ </tr>
174
+ <tr>
175
+ <td class="col-md-4">
176
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
177
+
178
+ </td>
179
+ </tr>
180
+ <tr>
181
+ <td class="col-md-4">
182
+ <i>Default value : </i><code>false</code>
183
+ </td>
184
+ </tr>
185
+ <tr>
186
+ <td class="col-md-2" colspan="2">
187
+ <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/button/base-icon-button.component.ts:40</a></div>
188
+ </td>
189
+ </tr>
190
+ <tr>
191
+ <td class="col-md-4">
192
+ <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
193
+ This is not toggleable - should be assigned once</p>
158
194
  </div>
159
195
  </td>
160
196
  </tr>
@@ -245,7 +281,7 @@ Extend class to inherit @Input meta data</p>
245
281
  </tr>
246
282
  <tr>
247
283
  <td class="col-md-2" colspan="2">
248
- <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/button/base-icon-button.component.ts:39</a></div>
284
+ <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/button/base-icon-button.component.ts:44</a></div>
249
285
  </td>
250
286
  </tr>
251
287
  <tr>
@@ -341,7 +377,7 @@ Extend class to inherit @Input meta data</p>
341
377
  </tr>
342
378
  <tr>
343
379
  <td class="col-md-2" colspan="2">
344
- <div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/button/base-icon-button.component.ts:43</a></div>
380
+ <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/button/base-icon-button.component.ts:48</a></div>
345
381
  </td>
346
382
  </tr>
347
383
  <tr>
@@ -397,6 +433,11 @@ export class BaseIconButton {
397
433
  &quot;bottom&quot; | &quot;bottom-left&quot; | &quot;bottom-right&quot; |
398
434
  &quot;left&quot; | &quot;left-bottom&quot; | &quot;left-top&quot; |
399
435
  &quot;right&quot; | &quot;right-bottom&quot; | &quot;right-top&quot; &#x3D; &quot;bottom&quot;;
436
+ /**
437
+ * **Experimental**: Use floating-ui to position the tooltip
438
+ * This is not toggleable - should be assigned once
439
+ */
440
+ @Input() autoAlign &#x3D; false;
400
441
  /**
401
442
  * Set delay before tooltip is shown
402
443
  */
package/docs/documentation/components/CodeSnippet.html CHANGED
@@ -374,6 +374,9 @@
374
374
  <li>
375
375
  <a href="#align" >align</a>
376
376
  </li>
377
+ <li>
378
+ <a href="#autoAlign" >autoAlign</a>
379
+ </li>
377
380
  <li>
378
381
  <a href="#caret" >caret</a>
379
382
  </li>
@@ -1010,6 +1013,46 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
1010
1013
  <tr>
1011
1014
  <td class="col-md-4">
1012
1015
  <div class="io-description"><p>Set popover alignment</p>
1016
+ </div>
1017
+ </td>
1018
+ </tr>
1019
+ </tbody>
1020
+ </table>
1021
+ <table class="table table-sm table-bordered">
1022
+ <tbody>
1023
+ <tr>
1024
+ <td class="col-md-4">
1025
+ <a name="autoAlign"></a>
1026
+ <b>autoAlign</b>
1027
+ </td>
1028
+ </tr>
1029
+ <tr>
1030
+ <td class="col-md-4">
1031
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1032
+
1033
+ </td>
1034
+ </tr>
1035
+ <tr>
1036
+ <td class="col-md-4">
1037
+ <i>Default value : </i><code>false</code>
1038
+ </td>
1039
+ </tr>
1040
+ <tr>
1041
+ <td class="col-md-4" colspan="2">
1042
+ <div class="io-line">Inherited from <code><a href="../components/BaseIconButton.html" target="_self" >BaseIconButton</a></code>
1043
+ </div>
1044
+ </td>
1045
+ </tr>
1046
+ <tr>
1047
+ <td class="col-md-2" colspan="2">
1048
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:40</a></code>
1049
+ </div>
1050
+ </td>
1051
+ </tr>
1052
+ <tr>
1053
+ <td class="col-md-4">
1054
+ <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
1055
+ This is not toggleable - should be assigned once</p>
1013
1056
  </div>
1014
1057
  </td>
1015
1058
  </tr>
@@ -1120,7 +1163,7 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
1120
1163
  </tr>
1121
1164
  <tr>
1122
1165
  <td class="col-md-2" colspan="2">
1123
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:39</a></code>
1166
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:44</a></code>
1124
1167
  </div>
1125
1168
  </td>
1126
1169
  </tr>
@@ -1237,7 +1280,7 @@ Default is <code>16</code>, hence height of expanded row will be 16 * rowHeightI
1237
1280
  </tr>
1238
1281
  <tr>
1239
1282
  <td class="col-md-2" colspan="2">
1240
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:43</a></code>
1283
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:48</a></code>
1241
1284
  </div>
1242
1285
  </td>
1243
1286
  </tr>
package/docs/documentation/components/HeaderAction.html CHANGED
@@ -183,6 +183,9 @@
183
183
  <li>
184
184
  <a href="#align" >align</a>
185
185
  </li>
186
+ <li>
187
+ <a href="#autoAlign" >autoAlign</a>
188
+ </li>
186
189
  <li>
187
190
  <a href="#caret" >caret</a>
188
191
  </li>
@@ -352,6 +355,46 @@
352
355
  <tr>
353
356
  <td class="col-md-4">
354
357
  <div class="io-description"><p>Set popover alignment</p>
358
+ </div>
359
+ </td>
360
+ </tr>
361
+ </tbody>
362
+ </table>
363
+ <table class="table table-sm table-bordered">
364
+ <tbody>
365
+ <tr>
366
+ <td class="col-md-4">
367
+ <a name="autoAlign"></a>
368
+ <b>autoAlign</b>
369
+ </td>
370
+ </tr>
371
+ <tr>
372
+ <td class="col-md-4">
373
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
374
+
375
+ </td>
376
+ </tr>
377
+ <tr>
378
+ <td class="col-md-4">
379
+ <i>Default value : </i><code>false</code>
380
+ </td>
381
+ </tr>
382
+ <tr>
383
+ <td class="col-md-4" colspan="2">
384
+ <div class="io-line">Inherited from <code><a href="../components/BaseIconButton.html" target="_self" >BaseIconButton</a></code>
385
+ </div>
386
+ </td>
387
+ </tr>
388
+ <tr>
389
+ <td class="col-md-2" colspan="2">
390
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:40</a></code>
391
+ </div>
392
+ </td>
393
+ </tr>
394
+ <tr>
395
+ <td class="col-md-4">
396
+ <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
397
+ This is not toggleable - should be assigned once</p>
355
398
  </div>
356
399
  </td>
357
400
  </tr>
@@ -462,7 +505,7 @@
462
505
  </tr>
463
506
  <tr>
464
507
  <td class="col-md-2" colspan="2">
465
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:39</a></code>
508
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:44</a></code>
466
509
  </div>
467
510
  </td>
468
511
  </tr>
@@ -579,7 +622,7 @@
579
622
  </tr>
580
623
  <tr>
581
624
  <td class="col-md-2" colspan="2">
582
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:43</a></code>
625
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:48</a></code>
583
626
  </div>
584
627
  </td>
585
628
  </tr>
package/docs/documentation/components/IconButton.html CHANGED
@@ -125,6 +125,7 @@
125
125
  [highContrast]&#x3D;&quot;highContrast&quot;
126
126
  [isOpen]&#x3D;&quot;isOpen&quot;
127
127
  [align]&#x3D;&quot;align&quot;
128
+ [autoAlign]&#x3D;&quot;autoAlign&quot;
128
129
  [enterDelayMs]&#x3D;&quot;enterDelayMs&quot;
129
130
  [leaveDelayMs]&#x3D;&quot;leaveDelayMs&quot;
130
131
  (click)&#x3D;&quot;emitClickEvent($event, &#x27;tooltip&#x27;)&quot;&gt;
@@ -247,6 +248,9 @@
247
248
  <li>
248
249
  <a href="#align" >align</a>
249
250
  </li>
251
+ <li>
252
+ <a href="#autoAlign" >autoAlign</a>
253
+ </li>
250
254
  <li>
251
255
  <a href="#caret" >caret</a>
252
256
  </li>
@@ -327,7 +331,7 @@
327
331
  </tr>
328
332
  <tr>
329
333
  <td class="col-md-4">
330
- <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/button/icon-button.component.ts:138</a></div>
334
+ <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/button/icon-button.component.ts:139</a></div>
331
335
  </td>
332
336
  </tr>
333
337
 
@@ -383,7 +387,7 @@
383
387
  </tr>
384
388
  <tr>
385
389
  <td class="col-md-2" colspan="2">
386
- <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/button/icon-button.component.ts:74</a></div>
390
+ <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/button/icon-button.component.ts:75</a></div>
387
391
  </td>
388
392
  </tr>
389
393
  </tbody>
@@ -409,7 +413,7 @@
409
413
  </tr>
410
414
  <tr>
411
415
  <td class="col-md-2" colspan="2">
412
- <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/button/icon-button.component.ts:100</a></div>
416
+ <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/button/icon-button.component.ts:101</a></div>
413
417
  </td>
414
418
  </tr>
415
419
  <tr>
@@ -436,7 +440,7 @@
436
440
  </tr>
437
441
  <tr>
438
442
  <td class="col-md-2" colspan="2">
439
- <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/button/icon-button.component.ts:61</a></div>
443
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/button/icon-button.component.ts:62</a></div>
440
444
  </td>
441
445
  </tr>
442
446
  <tr>
@@ -463,7 +467,7 @@
463
467
  </tr>
464
468
  <tr>
465
469
  <td class="col-md-2" colspan="2">
466
- <div class="io-line">Defined in <a href="" data-line="124" class="link-to-prism">src/button/icon-button.component.ts:124</a></div>
470
+ <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/button/icon-button.component.ts:125</a></div>
467
471
  </td>
468
472
  </tr>
469
473
  <tr>
@@ -495,7 +499,7 @@
495
499
  </tr>
496
500
  <tr>
497
501
  <td class="col-md-2" colspan="2">
498
- <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/button/icon-button.component.ts:120</a></div>
502
+ <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/button/icon-button.component.ts:121</a></div>
499
503
  </td>
500
504
  </tr>
501
505
  <tr>
@@ -527,7 +531,7 @@
527
531
  </tr>
528
532
  <tr>
529
533
  <td class="col-md-2" colspan="2">
530
- <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/button/icon-button.component.ts:116</a></div>
534
+ <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/button/icon-button.component.ts:117</a></div>
531
535
  </td>
532
536
  </tr>
533
537
  <tr>
@@ -559,7 +563,7 @@
559
563
  </tr>
560
564
  <tr>
561
565
  <td class="col-md-2" colspan="2">
562
- <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/button/icon-button.component.ts:104</a></div>
566
+ <div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/button/icon-button.component.ts:105</a></div>
563
567
  </td>
564
568
  </tr>
565
569
  <tr>
@@ -591,7 +595,7 @@
591
595
  </tr>
592
596
  <tr>
593
597
  <td class="col-md-2" colspan="2">
594
- <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/button/icon-button.component.ts:108</a></div>
598
+ <div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/button/icon-button.component.ts:109</a></div>
595
599
  </td>
596
600
  </tr>
597
601
  <tr>
@@ -623,7 +627,7 @@
623
627
  </tr>
624
628
  <tr>
625
629
  <td class="col-md-2" colspan="2">
626
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/button/icon-button.component.ts:112</a></div>
630
+ <div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/button/icon-button.component.ts:113</a></div>
627
631
  </td>
628
632
  </tr>
629
633
  <tr>
@@ -668,6 +672,46 @@
668
672
  <tr>
669
673
  <td class="col-md-4">
670
674
  <div class="io-description"><p>Set popover alignment</p>
675
+ </div>
676
+ </td>
677
+ </tr>
678
+ </tbody>
679
+ </table>
680
+ <table class="table table-sm table-bordered">
681
+ <tbody>
682
+ <tr>
683
+ <td class="col-md-4">
684
+ <a name="autoAlign"></a>
685
+ <b>autoAlign</b>
686
+ </td>
687
+ </tr>
688
+ <tr>
689
+ <td class="col-md-4">
690
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
691
+
692
+ </td>
693
+ </tr>
694
+ <tr>
695
+ <td class="col-md-4">
696
+ <i>Default value : </i><code>false</code>
697
+ </td>
698
+ </tr>
699
+ <tr>
700
+ <td class="col-md-4" colspan="2">
701
+ <div class="io-line">Inherited from <code><a href="../components/BaseIconButton.html" target="_self" >BaseIconButton</a></code>
702
+ </div>
703
+ </td>
704
+ </tr>
705
+ <tr>
706
+ <td class="col-md-2" colspan="2">
707
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:40</a></code>
708
+ </div>
709
+ </td>
710
+ </tr>
711
+ <tr>
712
+ <td class="col-md-4">
713
+ <div class="io-description"><p><strong>Experimental</strong>: Use floating-ui to position the tooltip
714
+ This is not toggleable - should be assigned once</p>
671
715
  </div>
672
716
  </td>
673
717
  </tr>
@@ -778,7 +822,7 @@
778
822
  </tr>
779
823
  <tr>
780
824
  <td class="col-md-2" colspan="2">
781
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:39</a></code>
825
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:44</a></code>
782
826
  </div>
783
827
  </td>
784
828
  </tr>
@@ -895,7 +939,7 @@
895
939
  </tr>
896
940
  <tr>
897
941
  <td class="col-md-2" colspan="2">
898
- <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:43</a></code>
942
+ <div class="io-line">Defined in <code><a href="../components/BaseIconButton.html#source" target="_self" >BaseIconButton:48</a></code>
899
943
  </div>
900
944
  </td>
901
945
  </tr>
@@ -926,7 +970,7 @@
926
970
  </tr>
927
971
  <tr>
928
972
  <td class="col-md-2" colspan="2">
929
- <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/button/icon-button.component.ts:131</a></div>
973
+ <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/button/icon-button.component.ts:132</a></div>
930
974
  </td>
931
975
  </tr>
932
976
  </tbody>
@@ -947,7 +991,7 @@
947
991
  </tr>
948
992
  <tr>
949
993
  <td class="col-md-2" colspan="2">
950
- <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/button/icon-button.component.ts:129</a></div>
994
+ <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/button/icon-button.component.ts:130</a></div>
951
995
  </td>
952
996
  </tr>
953
997
  <tr>
@@ -974,7 +1018,7 @@
974
1018
  </tr>
975
1019
  <tr>
976
1020
  <td class="col-md-2" colspan="2">
977
- <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/button/icon-button.component.ts:130</a></div>
1021
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/button/icon-button.component.ts:131</a></div>
978
1022
  </td>
979
1023
  </tr>
980
1024
  </tbody>
@@ -995,7 +1039,7 @@
995
1039
  </tr>
996
1040
  <tr>
997
1041
  <td class="col-md-2" colspan="2">
998
- <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/button/icon-button.component.ts:135</a></div>
1042
+ <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/button/icon-button.component.ts:136</a></div>
999
1043
  </td>
1000
1044
  </tr>
1001
1045
  <tr>
@@ -1034,8 +1078,8 @@
1034
1078
 
1035
1079
  <tr>
1036
1080
  <td class="col-md-4">
1037
- <div class="io-line">Defined in <a href="" data-line="153"
1038
- class="link-to-prism">src/button/icon-button.component.ts:153</a></div>
1081
+ <div class="io-line">Defined in <a href="" data-line="154"
1082
+ class="link-to-prism">src/button/icon-button.component.ts:154</a></div>
1039
1083
  </td>
1040
1084
  </tr>
1041
1085
 
@@ -1123,8 +1167,8 @@ Else double fires (click) event</p>
1123
1167
 
1124
1168
  <tr>
1125
1169
  <td class="col-md-4">
1126
- <div class="io-line">Defined in <a href="" data-line="144"
1127
- class="link-to-prism">src/button/icon-button.component.ts:144</a></div>
1170
+ <div class="io-line">Defined in <a href="" data-line="145"
1171
+ class="link-to-prism">src/button/icon-button.component.ts:145</a></div>
1128
1172
  </td>
1129
1173
  </tr>
1130
1174
 
@@ -1171,7 +1215,7 @@ Else double fires (click) event</p>
1171
1215
  </tr>
1172
1216
  <tr>
1173
1217
  <td class="col-md-4">
1174
- <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/button/icon-button.component.ts:138</a></div>
1218
+ <div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/button/icon-button.component.ts:139</a></div>
1175
1219
  </td>
1176
1220
  </tr>
1177
1221
 
@@ -1207,7 +1251,7 @@ Else double fires (click) event</p>
1207
1251
  </tr>
1208
1252
  <tr>
1209
1253
  <td class="col-md-4">
1210
- <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/button/icon-button.component.ts:95</a></div>
1254
+ <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/button/icon-button.component.ts:96</a></div>
1211
1255
  </td>
1212
1256
  </tr>
1213
1257
 
@@ -1239,7 +1283,7 @@ Else double fires (click) event</p>
1239
1283
  </tr>
1240
1284
  <tr>
1241
1285
  <td class="col-md-4">
1242
- <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/button/icon-button.component.ts:137</a></div>
1286
+ <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/button/icon-button.component.ts:138</a></div>
1243
1287
  </td>
1244
1288
  </tr>
1245
1289
 
@@ -1271,7 +1315,7 @@ Else double fires (click) event</p>
1271
1315
  </tr>
1272
1316
  <tr>
1273
1317
  <td class="col-md-4">
1274
- <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/button/icon-button.component.ts:93</a></div>
1318
+ <div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/button/icon-button.component.ts:94</a></div>
1275
1319
  </td>
1276
1320
  </tr>
1277
1321
 
@@ -1300,7 +1344,7 @@ Else double fires (click) event</p>
1300
1344
  </tr>
1301
1345
  <tr>
1302
1346
  <td class="col-md-4">
1303
- <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/button/icon-button.component.ts:65</a></div>
1347
+ <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/button/icon-button.component.ts:66</a></div>
1304
1348
  </td>
1305
1349
  </tr>
1306
1350
 
@@ -1311,7 +1355,7 @@ Else double fires (click) event</p>
1311
1355
  </tr>
1312
1356
  <tr>
1313
1357
  <td class="col-md-4">
1314
- <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/button/icon-button.component.ts:61</a></div>
1358
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/button/icon-button.component.ts:62</a></div>
1315
1359
  </td>
1316
1360
  </tr>
1317
1361
  <tr>
@@ -1371,7 +1415,7 @@ Else double fires (click) event</p>
1371
1415
  </tr>
1372
1416
  <tr>
1373
1417
  <td class="col-md-4">
1374
- <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/button/icon-button.component.ts:89</a></div>
1418
+ <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/button/icon-button.component.ts:90</a></div>
1375
1419
  </td>
1376
1420
  </tr>
1377
1421
 
@@ -1382,7 +1426,7 @@ Else double fires (click) event</p>
1382
1426
  </tr>
1383
1427
  <tr>
1384
1428
  <td class="col-md-4">
1385
- <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/button/icon-button.component.ts:74</a></div>
1429
+ <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/button/icon-button.component.ts:75</a></div>
1386
1430
  </td>
1387
1431
  </tr>
1388
1432
  <tr>
@@ -1474,6 +1518,7 @@ import { ButtonSize, ButtonType } from &quot;./button.types&quot;;
1474
1518
  [highContrast]&#x3D;&quot;highContrast&quot;
1475
1519
  [isOpen]&#x3D;&quot;isOpen&quot;
1476
1520
  [align]&#x3D;&quot;align&quot;
1521
+ [autoAlign]&#x3D;&quot;autoAlign&quot;
1477
1522
  [enterDelayMs]&#x3D;&quot;enterDelayMs&quot;
1478
1523
  [leaveDelayMs]&#x3D;&quot;leaveDelayMs&quot;
1479
1524
  (click)&#x3D;&quot;emitClickEvent($event, &#x27;tooltip&#x27;)&quot;&gt;
@@ -1632,7 +1677,7 @@ export class IconButton extends BaseIconButton implements AfterViewInit {
1632
1677
  <script src="../js/libs/htmlparser.js"></script>
1633
1678
  <script src="../js/libs/deep-iterator.js"></script>
1634
1679
  <script>
1635
- var COMPONENT_TEMPLATE = '<div><cds-tooltip class="cds--icon-tooltip" [description]="description" [disabled]="disabled" [caret]="caret" [dropShadow]="dropShadow" [highContrast]="highContrast" [isOpen]="isOpen" [align]="align" [enterDelayMs]="enterDelayMs" [leaveDelayMs]="leaveDelayMs" (click)="emitClickEvent($event, \'tooltip\')"> <button #button [id]="buttonId" [disabled]="disabled" [attr.type]="type" [iconOnly]="true" [ngClass]="buttonNgClass" [cdsButton]="kind" [size]="size" [isExpressive]="isExpressive" (click)="emitClickEvent($event)" (focus)="focus.emit($event)" (blur)="blur.emit($event)"> <ng-content></ng-content> </button></cds-tooltip></div>'
1680
+ var COMPONENT_TEMPLATE = '<div><cds-tooltip class="cds--icon-tooltip" [description]="description" [disabled]="disabled" [caret]="caret" [dropShadow]="dropShadow" [highContrast]="highContrast" [isOpen]="isOpen" [align]="align" [autoAlign]="autoAlign" [enterDelayMs]="enterDelayMs" [leaveDelayMs]="leaveDelayMs" (click)="emitClickEvent($event, \'tooltip\')"> <button #button [id]="buttonId" [disabled]="disabled" [attr.type]="type" [iconOnly]="true" [ngClass]="buttonNgClass" [cdsButton]="kind" [size]="size" [isExpressive]="isExpressive" (click)="emitClickEvent($event)" (focus)="focus.emit($event)" (blur)="blur.emit($event)"> <ng-content></ng-content> </button></cds-tooltip></div>'
1636
1681
  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'}];
1637
1682
  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]'}];
1638
1683
  var ACTUAL_COMPONENT = {'name': 'IconButton'};