carbon-components-angular 6.0.0-rc.21 → 6.0.0-rc.22

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 (217) hide show
  1. package/aspect-ratio/aspect-ratio.directive.d.ts +1 -1
  2. package/aspect-ratio/aspect-ratio.module.d.ts +1 -1
  3. package/datepicker/datepicker.component.d.ts +1 -0
  4. package/datepicker-input/datepicker-input.component.d.ts +1 -0
  5. package/docs/documentation/components/AILabelComponent.html +2 -2
  6. package/docs/documentation/components/ActionableNotification.html +3 -3
  7. package/docs/documentation/components/ButtonSet.html +5 -5
  8. package/docs/documentation/components/ComboButtonComponent.html +3 -3
  9. package/docs/documentation/components/ContextMenuItemComponent.html +3 -3
  10. package/docs/documentation/components/DatePicker.html +242 -155
  11. package/docs/documentation/components/DatePickerInput.html +239 -149
  12. package/docs/documentation/components/IconTab.html +48 -50
  13. package/docs/documentation/components/Label.html +38 -44
  14. package/docs/documentation/components/MenuButtonComponent.html +3 -3
  15. package/docs/documentation/components/PaginationOverflow.html +3 -3
  16. package/docs/documentation/components/Select.html +183 -65
  17. package/docs/documentation/components/Tab.html +56 -59
  18. package/docs/documentation/components/TabHeaderComponent.html +5 -5
  19. package/docs/documentation/components/TableBody.html +3 -3
  20. package/docs/documentation/components/TableContainer.html +3 -3
  21. package/docs/documentation/components/TableHead.html +3 -3
  22. package/docs/documentation/components/TableHeader.html +3 -3
  23. package/docs/documentation/components/TableRadio.html +22 -24
  24. package/docs/documentation/components/TableRowComponent.html +3 -3
  25. package/docs/documentation/components/Tabs.html +36 -40
  26. package/docs/documentation/components/TabsVertical.html +34 -36
  27. package/docs/documentation/components/TabsVerticalGrouped.html +3 -3
  28. package/docs/documentation/components/Tag.html +5 -5
  29. package/docs/documentation/components/TagFilter.html +2 -2
  30. package/docs/documentation/components/TagOperationalComponent.html +2 -2
  31. package/docs/documentation/components/TagSelectableComponent.html +2 -2
  32. package/docs/documentation/components/Tile.html +19 -23
  33. package/docs/documentation/components/TimePickerSelect.html +104 -32
  34. package/docs/documentation/components/Toggle.html +460 -1680
  35. package/docs/documentation/components/Toggletip.html +5 -5
  36. package/docs/documentation/coverage.html +17 -17
  37. package/docs/documentation/directives/AspectRatioDirective.html +23 -24
  38. package/docs/documentation/directives/PasswordInput.html +1 -1
  39. package/docs/documentation/directives/TextInput.html +1 -1
  40. package/docs/documentation/graph/dependencies.svg +179 -179
  41. package/docs/documentation/js/menu-wc.js +6 -3
  42. package/docs/documentation/js/menu-wc_es5.js +1 -1
  43. package/docs/documentation/js/search/search_index.js +2 -2
  44. package/docs/documentation/miscellaneous/enumerations.html +0 -37
  45. package/docs/documentation/modules/AspectRatioModule/dependencies.svg +4 -4
  46. package/docs/documentation/modules/AspectRatioModule.html +9 -8
  47. package/docs/documentation/modules/ContextMenuModule/dependencies.svg +4 -4
  48. package/docs/documentation/modules/ContextMenuModule.html +4 -4
  49. package/docs/documentation/modules/DialogModule/dependencies.svg +80 -80
  50. package/docs/documentation/modules/DialogModule.html +80 -80
  51. package/docs/documentation/modules/DropdownModule/dependencies.svg +4 -4
  52. package/docs/documentation/modules/DropdownModule.html +4 -4
  53. package/docs/documentation/modules/GridModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/GridModule.html +4 -4
  55. package/docs/documentation/modules/HeaderModule/dependencies.svg +4 -4
  56. package/docs/documentation/modules/HeaderModule.html +4 -4
  57. package/docs/documentation/modules/I18nModule/dependencies.svg +4 -4
  58. package/docs/documentation/modules/I18nModule.html +4 -4
  59. package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
  60. package/docs/documentation/modules/InputModule.html +4 -4
  61. package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
  62. package/docs/documentation/modules/LayerModule.html +4 -4
  63. package/docs/documentation/modules/LayoutModule/dependencies.svg +4 -4
  64. package/docs/documentation/modules/LayoutModule.html +4 -4
  65. package/docs/documentation/modules/ListModule/dependencies.svg +4 -4
  66. package/docs/documentation/modules/ListModule.html +4 -4
  67. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  68. package/docs/documentation/modules/LoadingModule.html +4 -4
  69. package/docs/documentation/modules/MenuButton/dependencies.svg +4 -4
  70. package/docs/documentation/modules/MenuButton.html +4 -4
  71. package/docs/documentation/modules/ModalModule/dependencies.svg +4 -4
  72. package/docs/documentation/modules/ModalModule.html +4 -4
  73. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  74. package/docs/documentation/modules/NFormsModule.html +4 -4
  75. package/docs/documentation/modules/PaginationModule/dependencies.svg +4 -4
  76. package/docs/documentation/modules/PaginationModule.html +4 -4
  77. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  78. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  79. package/docs/documentation/modules/PopoverModule/dependencies.svg +4 -4
  80. package/docs/documentation/modules/PopoverModule.html +4 -4
  81. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  82. package/docs/documentation/modules/RadioModule.html +4 -4
  83. package/docs/documentation/modules/TableModule/dependencies.svg +4 -4
  84. package/docs/documentation/modules/TableModule.html +4 -4
  85. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  86. package/docs/documentation/modules/ThemeModule.html +4 -4
  87. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
  88. package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
  89. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  90. package/docs/documentation/modules/ToggleModule.html +4 -4
  91. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  92. package/docs/documentation/modules/ToggletipModule.html +4 -4
  93. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  94. package/docs/documentation/modules/TreeviewModule.html +4 -4
  95. package/docs/documentation/overview.html +179 -179
  96. package/docs/documentation.json +872 -1252
  97. package/docs/storybook/117.bb979a2a.iframe.bundle.js +1 -0
  98. package/docs/storybook/{3419.8754f6b3.iframe.bundle.js → 3419.fbf4e882.iframe.bundle.js} +1 -1
  99. package/docs/storybook/{4333.ab38752d.iframe.bundle.js → 4333.fefbcaa4.iframe.bundle.js} +1 -1
  100. package/docs/storybook/4539.cd802ae1.iframe.bundle.js +1 -0
  101. package/docs/storybook/5028.4f8835f2.iframe.bundle.js +1 -0
  102. package/docs/storybook/{5118.d8e064f1.iframe.bundle.js → 5118.02beb793.iframe.bundle.js} +1 -1
  103. package/docs/storybook/{6372.9f376681.iframe.bundle.js → 6372.f041a629.iframe.bundle.js} +1 -1
  104. package/docs/storybook/{6878.5ee808b5.iframe.bundle.js → 6878.c010cd64.iframe.bundle.js} +1 -1
  105. package/docs/storybook/{6931.bca31e10.iframe.bundle.js → 6931.723d7595.iframe.bundle.js} +1 -1
  106. package/docs/storybook/880.f7aa41d3.iframe.bundle.js +1 -0
  107. package/docs/storybook/9851.97cd4b72.iframe.bundle.js +1 -0
  108. package/docs/storybook/{aspect-ratio-aspect-ratio-stories.a66b9c60.iframe.bundle.js → aspect-ratio-aspect-ratio-stories.8433112e.iframe.bundle.js} +1 -1
  109. package/docs/storybook/breadcrumb-breadcrumb-stories.f128b6d0.iframe.bundle.js +1 -0
  110. package/docs/storybook/button-button-set-stories.c2612349.iframe.bundle.js +1 -0
  111. package/docs/storybook/button-button-stories.30b119cd.iframe.bundle.js +1 -0
  112. package/docs/storybook/button-icon-button-stories.0da0527f.iframe.bundle.js +1 -0
  113. package/docs/storybook/checkbox-checkbox-stories.2ebd0a3e.iframe.bundle.js +1 -0
  114. package/docs/storybook/code-snippet-code-snippet-stories.395927b5.iframe.bundle.js +1 -0
  115. package/docs/storybook/combo-button-combo-button-stories.06cafdbe.iframe.bundle.js +1 -0
  116. package/docs/storybook/contained-list-contained-list-stories.0ef7351b.iframe.bundle.js +1 -0
  117. package/docs/storybook/datepicker-datepicker-stories.402c0d61.iframe.bundle.js +1 -0
  118. package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.1820773f.iframe.bundle.js +1 -0
  119. package/docs/storybook/file-uploader-file-stories.f98094f5.iframe.bundle.js +1 -0
  120. package/docs/storybook/iframe.html +2 -2
  121. package/docs/storybook/index-stories.dc944c09.iframe.bundle.js +1 -0
  122. package/docs/storybook/inline-loading-inline-loading-stories.4eb2d84e.iframe.bundle.js +1 -0
  123. package/docs/storybook/input-password-stories.30fb2577.iframe.bundle.js +1 -0
  124. package/docs/storybook/main.80067634.iframe.bundle.js +1 -0
  125. package/docs/storybook/menu-button-menu-button-stories.bdfe8d92.iframe.bundle.js +1 -0
  126. package/docs/storybook/modal-modal-stories.2a043fe5.iframe.bundle.js +1 -0
  127. package/docs/storybook/pagination-pagination-nav-stories.0f81f31c.iframe.bundle.js +1 -0
  128. package/docs/storybook/pagination-pagination-stories.eec922d6.iframe.bundle.js +1 -0
  129. package/docs/storybook/patterns-dialogs-modal-with-table-stories.5d05e9a4.iframe.bundle.js +1 -0
  130. package/docs/storybook/patterns-filtering-multiple-categories-stories.3ae46ebd.iframe.bundle.js +1 -0
  131. package/docs/storybook/patterns-forms-multi-step-form-stories.fe0953e3.iframe.bundle.js +1 -0
  132. package/docs/storybook/patterns-loading-large-loading-stories.66bf3964.iframe.bundle.js +1 -0
  133. package/docs/storybook/project.json +1 -1
  134. package/docs/storybook/{runtime~main.e29a4f3e.iframe.bundle.js → runtime~main.d45fe031.iframe.bundle.js} +1 -1
  135. package/docs/storybook/{select-select-stories.e5a6b6fd.iframe.bundle.js → select-select-stories.6494aa35.iframe.bundle.js} +1 -1
  136. package/docs/storybook/tag-tag-stories.c0c023cc.iframe.bundle.js +1 -0
  137. package/docs/storybook/toggle-toggle-stories.fa8a4852.iframe.bundle.js +1 -0
  138. package/docs/storybook/toggletip-toggletip-stories.9b065bb4.iframe.bundle.js +1 -0
  139. package/fesm2022/carbon-components-angular-ai-label.mjs +1 -1
  140. package/fesm2022/carbon-components-angular-ai-label.mjs.map +1 -1
  141. package/fesm2022/carbon-components-angular-aspect-ratio.mjs +4 -5
  142. package/fesm2022/carbon-components-angular-aspect-ratio.mjs.map +1 -1
  143. package/fesm2022/carbon-components-angular-button.mjs +4 -4
  144. package/fesm2022/carbon-components-angular-button.mjs.map +1 -1
  145. package/fesm2022/carbon-components-angular-combo-button.mjs +2 -2
  146. package/fesm2022/carbon-components-angular-combo-button.mjs.map +1 -1
  147. package/fesm2022/carbon-components-angular-context-menu.mjs +2 -2
  148. package/fesm2022/carbon-components-angular-context-menu.mjs.map +1 -1
  149. package/fesm2022/carbon-components-angular-datepicker-input.mjs +7 -5
  150. package/fesm2022/carbon-components-angular-datepicker-input.mjs.map +1 -1
  151. package/fesm2022/carbon-components-angular-datepicker.mjs +7 -7
  152. package/fesm2022/carbon-components-angular-datepicker.mjs.map +1 -1
  153. package/fesm2022/carbon-components-angular-forms.mjs +1 -1
  154. package/fesm2022/carbon-components-angular-forms.mjs.map +1 -1
  155. package/fesm2022/carbon-components-angular-input.mjs +8 -14
  156. package/fesm2022/carbon-components-angular-input.mjs.map +1 -1
  157. package/fesm2022/carbon-components-angular-menu-button.mjs +2 -2
  158. package/fesm2022/carbon-components-angular-menu-button.mjs.map +1 -1
  159. package/fesm2022/carbon-components-angular-notification.mjs +2 -2
  160. package/fesm2022/carbon-components-angular-notification.mjs.map +1 -1
  161. package/fesm2022/carbon-components-angular-pagination.mjs +2 -2
  162. package/fesm2022/carbon-components-angular-pagination.mjs.map +1 -1
  163. package/fesm2022/carbon-components-angular-select.mjs +14 -14
  164. package/fesm2022/carbon-components-angular-select.mjs.map +1 -1
  165. package/fesm2022/carbon-components-angular-table.mjs +12 -14
  166. package/fesm2022/carbon-components-angular-table.mjs.map +1 -1
  167. package/fesm2022/carbon-components-angular-tabs.mjs +38 -48
  168. package/fesm2022/carbon-components-angular-tabs.mjs.map +1 -1
  169. package/fesm2022/carbon-components-angular-tag.mjs +6 -6
  170. package/fesm2022/carbon-components-angular-tag.mjs.map +1 -1
  171. package/fesm2022/carbon-components-angular-tiles.mjs +4 -8
  172. package/fesm2022/carbon-components-angular-tiles.mjs.map +1 -1
  173. package/fesm2022/carbon-components-angular-toggle.mjs +73 -31
  174. package/fesm2022/carbon-components-angular-toggle.mjs.map +1 -1
  175. package/fesm2022/carbon-components-angular-toggletip.mjs +4 -4
  176. package/fesm2022/carbon-components-angular-toggletip.mjs.map +1 -1
  177. package/forms/index.d.ts +1 -1
  178. package/input/input.directive.d.ts +1 -1
  179. package/input/password.directive.d.ts +1 -1
  180. package/package.json +1 -1
  181. package/select/select.component.d.ts +2 -0
  182. package/tag/tag-filter.component.d.ts +1 -1
  183. package/tag/tag-operational.component.d.ts +1 -1
  184. package/tag/tag-selectable.component.d.ts +1 -1
  185. package/tag/tag.component.d.ts +1 -1
  186. package/toggle/toggle.component.d.ts +36 -21
  187. package/docs/storybook/117.97eb4444.iframe.bundle.js +0 -1
  188. package/docs/storybook/4539.3c2d13f6.iframe.bundle.js +0 -1
  189. package/docs/storybook/5028.d2f8d70a.iframe.bundle.js +0 -1
  190. package/docs/storybook/880.b32b1797.iframe.bundle.js +0 -1
  191. package/docs/storybook/9851.65fc740b.iframe.bundle.js +0 -1
  192. package/docs/storybook/breadcrumb-breadcrumb-stories.8b85700c.iframe.bundle.js +0 -1
  193. package/docs/storybook/button-button-set-stories.fa675e32.iframe.bundle.js +0 -1
  194. package/docs/storybook/button-button-stories.018cbff3.iframe.bundle.js +0 -1
  195. package/docs/storybook/button-icon-button-stories.dd6cbcba.iframe.bundle.js +0 -1
  196. package/docs/storybook/checkbox-checkbox-stories.5ef654f3.iframe.bundle.js +0 -1
  197. package/docs/storybook/code-snippet-code-snippet-stories.3613f4e0.iframe.bundle.js +0 -1
  198. package/docs/storybook/combo-button-combo-button-stories.d30cbfba.iframe.bundle.js +0 -1
  199. package/docs/storybook/contained-list-contained-list-stories.fa371c0d.iframe.bundle.js +0 -1
  200. package/docs/storybook/datepicker-datepicker-stories.b2c80ef4.iframe.bundle.js +0 -1
  201. package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.23d0247a.iframe.bundle.js +0 -1
  202. package/docs/storybook/file-uploader-file-stories.81d58618.iframe.bundle.js +0 -1
  203. package/docs/storybook/index-stories.1efbdb52.iframe.bundle.js +0 -1
  204. package/docs/storybook/inline-loading-inline-loading-stories.af3ae602.iframe.bundle.js +0 -1
  205. package/docs/storybook/input-password-stories.f98ce325.iframe.bundle.js +0 -1
  206. package/docs/storybook/main.05801aa6.iframe.bundle.js +0 -1
  207. package/docs/storybook/menu-button-menu-button-stories.76c3d1f4.iframe.bundle.js +0 -1
  208. package/docs/storybook/modal-modal-stories.0a4034f4.iframe.bundle.js +0 -1
  209. package/docs/storybook/pagination-pagination-nav-stories.1580b524.iframe.bundle.js +0 -1
  210. package/docs/storybook/pagination-pagination-stories.a3328d94.iframe.bundle.js +0 -1
  211. package/docs/storybook/patterns-dialogs-modal-with-table-stories.1051be79.iframe.bundle.js +0 -1
  212. package/docs/storybook/patterns-filtering-multiple-categories-stories.77608d33.iframe.bundle.js +0 -1
  213. package/docs/storybook/patterns-forms-multi-step-form-stories.73cd2f55.iframe.bundle.js +0 -1
  214. package/docs/storybook/patterns-loading-large-loading-stories.66a25868.iframe.bundle.js +0 -1
  215. package/docs/storybook/tag-tag-stories.eed011b8.iframe.bundle.js +0 -1
  216. package/docs/storybook/toggle-toggle-stories.5c291417.iframe.bundle.js +0 -1
  217. package/docs/storybook/toggletip-toggletip-stories.2987ef51.iframe.bundle.js +0 -1
package/docs/documentation/components/Tab.html CHANGED
@@ -201,7 +201,6 @@ The <code>select</code> output will also be triggered for the active tab when th
201
201
  <tr>
202
202
  <td class="col-md-3">imports</td>
203
203
  <td class="col-md-9">
204
- <code>NgStyle</code>
205
204
  <code>NgTemplateOutlet</code>
206
205
  </td>
207
206
  </tr>
@@ -214,10 +213,9 @@ The <code>select</code> output will also be triggered for the active tab when th
214
213
  @if (isTemplate(tabContent)) {
215
214
  &lt;ng-template
216
215
  [ngTemplateOutlet]&#x3D;&quot;tabContent&quot;
217
- [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: templateContext }&quot;&gt;
218
- &lt;/ng-template&gt;
216
+ [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: templateContext }&quot; /&gt;
219
217
  }
220
- &lt;ng-content&gt;&lt;/ng-content&gt;
218
+ &lt;ng-content /&gt;
221
219
  }
222
220
  </code></pre></td>
223
221
  </tr>
@@ -481,7 +479,7 @@ The <code>select</code> output will also be triggered for the active tab when th
481
479
  </tr>
482
480
  <tr>
483
481
  <td class="col-md-2" colspan="2">
484
- <div class="io-line">Defined in <a href="" data-line="128" class="link-to-prism">src/tabs/tab.component.ts:128</a></div>
482
+ <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/tabs/tab.component.ts:127</a></div>
485
483
  </td>
486
484
  </tr>
487
485
  <tr>
@@ -514,7 +512,7 @@ Determines whether its tab panel content is rendered.</p>
514
512
  </tr>
515
513
  <tr>
516
514
  <td class="col-md-2" colspan="2">
517
- <div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/tabs/tab.component.ts:175</a></div>
515
+ <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/tabs/tab.component.ts:174</a></div>
518
516
  </td>
519
517
  </tr>
520
518
  <tr>
@@ -541,7 +539,7 @@ Determines whether its tab panel content is rendered.</p>
541
539
  </tr>
542
540
  <tr>
543
541
  <td class="col-md-2" colspan="2">
544
- <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/tabs/tab.component.ts:92</a></div>
542
+ <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/tabs/tab.component.ts:91</a></div>
545
543
  </td>
546
544
  </tr>
547
545
  <tr>
@@ -573,7 +571,7 @@ Determines whether its tab panel content is rendered.</p>
573
571
  </tr>
574
572
  <tr>
575
573
  <td class="col-md-2" colspan="2">
576
- <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/tabs/tab.component.ts:163</a></div>
574
+ <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/tabs/tab.component.ts:162</a></div>
577
575
  </td>
578
576
  </tr>
579
577
  <tr>
@@ -600,7 +598,7 @@ Determines whether its tab panel content is rendered.</p>
600
598
  </tr>
601
599
  <tr>
602
600
  <td class="col-md-2" colspan="2">
603
- <div class="io-line">Defined in <a href="" data-line="123" class="link-to-prism">src/tabs/tab.component.ts:123</a></div>
601
+ <div class="io-line">Defined in <a href="" data-line="122" class="link-to-prism">src/tabs/tab.component.ts:122</a></div>
604
602
  </td>
605
603
  </tr>
606
604
  <tr>
@@ -632,7 +630,7 @@ Determines whether its tab panel content is rendered.</p>
632
630
  </tr>
633
631
  <tr>
634
632
  <td class="col-md-2" colspan="2">
635
- <div class="io-line">Defined in <a href="" data-line="132" class="link-to-prism">src/tabs/tab.component.ts:132</a></div>
633
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/tabs/tab.component.ts:131</a></div>
636
634
  </td>
637
635
  </tr>
638
636
  <tr>
@@ -659,7 +657,7 @@ Determines whether its tab panel content is rendered.</p>
659
657
  </tr>
660
658
  <tr>
661
659
  <td class="col-md-2" colspan="2">
662
- <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/tabs/tab.component.ts:179</a></div>
660
+ <div class="io-line">Defined in <a href="" data-line="178" class="link-to-prism">src/tabs/tab.component.ts:178</a></div>
663
661
  </td>
664
662
  </tr>
665
663
  <tr>
@@ -686,7 +684,7 @@ Determines whether its tab panel content is rendered.</p>
686
684
  </tr>
687
685
  <tr>
688
686
  <td class="col-md-2" colspan="2">
689
- <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/tabs/tab.component.ts:112</a></div>
687
+ <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/tabs/tab.component.ts:111</a></div>
690
688
  </td>
691
689
  </tr>
692
690
  <tr>
@@ -713,7 +711,7 @@ Determines whether its tab panel content is rendered.</p>
713
711
  </tr>
714
712
  <tr>
715
713
  <td class="col-md-2" colspan="2">
716
- <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/tabs/tab.component.ts:154</a></div>
714
+ <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/tabs/tab.component.ts:153</a></div>
717
715
  </td>
718
716
  </tr>
719
717
  <tr>
@@ -741,7 +739,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
741
739
  </tr>
742
740
  <tr>
743
741
  <td class="col-md-2" colspan="2">
744
- <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/tabs/tab.component.ts:171</a></div>
742
+ <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/tabs/tab.component.ts:170</a></div>
745
743
  </td>
746
744
  </tr>
747
745
  <tr>
@@ -773,7 +771,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
773
771
  </tr>
774
772
  <tr>
775
773
  <td class="col-md-2" colspan="2">
776
- <div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/tabs/tab.component.ts:167</a></div>
774
+ <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/tabs/tab.component.ts:166</a></div>
777
775
  </td>
778
776
  </tr>
779
777
  <tr>
@@ -805,7 +803,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
805
803
  </tr>
806
804
  <tr>
807
805
  <td class="col-md-2" colspan="2">
808
- <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/tabs/tab.component.ts:141</a></div>
806
+ <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/tabs/tab.component.ts:140</a></div>
809
807
  </td>
810
808
  </tr>
811
809
  <tr>
@@ -837,7 +835,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
837
835
  </tr>
838
836
  <tr>
839
837
  <td class="col-md-2" colspan="2">
840
- <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/tabs/tab.component.ts:187</a></div>
838
+ <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/tabs/tab.component.ts:186</a></div>
841
839
  </td>
842
840
  </tr>
843
841
  <tr>
@@ -864,7 +862,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
864
862
  </tr>
865
863
  <tr>
866
864
  <td class="col-md-2" colspan="2">
867
- <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/tabs/tab.component.ts:183</a></div>
865
+ <div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/tabs/tab.component.ts:182</a></div>
868
866
  </td>
869
867
  </tr>
870
868
  <tr>
@@ -891,7 +889,7 @@ Useful for rendering a <code>cdsIcon</code> or any other icon next to the tab la
891
889
  </tr>
892
890
  <tr>
893
891
  <td class="col-md-2" colspan="2">
894
- <div class="io-line">Defined in <a href="" data-line="159" class="link-to-prism">src/tabs/tab.component.ts:159</a></div>
892
+ <div class="io-line">Defined in <a href="" data-line="158" class="link-to-prism">src/tabs/tab.component.ts:158</a></div>
895
893
  </td>
896
894
  </tr>
897
895
  <tr>
@@ -919,7 +917,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
919
917
  </tr>
920
918
  <tr>
921
919
  <td class="col-md-2" colspan="2">
922
- <div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/tabs/tab.component.ts:145</a></div>
920
+ <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/tabs/tab.component.ts:144</a></div>
923
921
  </td>
924
922
  </tr>
925
923
  <tr>
@@ -951,7 +949,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
951
949
  </tr>
952
950
  <tr>
953
951
  <td class="col-md-2" colspan="2">
954
- <div class="io-line">Defined in <a href="" data-line="137" class="link-to-prism">src/tabs/tab.component.ts:137</a></div>
952
+ <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/tabs/tab.component.ts:136</a></div>
955
953
  </td>
956
954
  </tr>
957
955
  <tr>
@@ -978,7 +976,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
978
976
  </tr>
979
977
  <tr>
980
978
  <td class="col-md-2" colspan="2">
981
- <div class="io-line">Defined in <a href="" data-line="149" class="link-to-prism">src/tabs/tab.component.ts:149</a></div>
979
+ <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/tabs/tab.component.ts:148</a></div>
982
980
  </td>
983
981
  </tr>
984
982
  <tr>
@@ -1005,7 +1003,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1005
1003
  </tr>
1006
1004
  <tr>
1007
1005
  <td class="col-md-2" colspan="2">
1008
- <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/tabs/tab.component.ts:119</a></div>
1006
+ <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/tabs/tab.component.ts:118</a></div>
1009
1007
  </td>
1010
1008
  </tr>
1011
1009
  <tr>
@@ -1037,7 +1035,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1037
1035
  </tr>
1038
1036
  <tr>
1039
1037
  <td class="col-md-2" colspan="2">
1040
- <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/tabs/tab.component.ts:191</a></div>
1038
+ <div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/tabs/tab.component.ts:190</a></div>
1041
1039
  </td>
1042
1040
  </tr>
1043
1041
  <tr>
@@ -1064,7 +1062,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1064
1062
  </tr>
1065
1063
  <tr>
1066
1064
  <td class="col-md-2" colspan="2">
1067
- <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/tabs/tab.component.ts:195</a></div>
1065
+ <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/tabs/tab.component.ts:194</a></div>
1068
1066
  </td>
1069
1067
  </tr>
1070
1068
  <tr>
@@ -1096,7 +1094,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1096
1094
  </tr>
1097
1095
  <tr>
1098
1096
  <td class="col-md-4">
1099
- <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/tabs/tab.component.ts:74</a></div>
1097
+ <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tabs/tab.component.ts:73</a></div>
1100
1098
  </td>
1101
1099
  </tr>
1102
1100
 
@@ -1127,7 +1125,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1127
1125
  </tr>
1128
1126
  <tr>
1129
1127
  <td class="col-md-4">
1130
- <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/tabs/tab.component.ts:102</a></div>
1128
+ <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/tabs/tab.component.ts:101</a></div>
1131
1129
  </td>
1132
1130
  </tr>
1133
1131
 
@@ -1153,7 +1151,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1153
1151
  </tr>
1154
1152
  <tr>
1155
1153
  <td class="col-md-4">
1156
- <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/tabs/tab.component.ts:83</a></div>
1154
+ <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/tabs/tab.component.ts:82</a></div>
1157
1155
  </td>
1158
1156
  </tr>
1159
1157
 
@@ -1185,7 +1183,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1185
1183
  </tr>
1186
1184
  <tr>
1187
1185
  <td class="col-md-4">
1188
- <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/tabs/tab.component.ts:71</a></div>
1186
+ <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/tabs/tab.component.ts:70</a></div>
1189
1187
  </td>
1190
1188
  </tr>
1191
1189
 
@@ -1216,7 +1214,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1216
1214
  </tr>
1217
1215
  <tr>
1218
1216
  <td class="col-md-4">
1219
- <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/tabs/tab.component.ts:101</a></div>
1217
+ <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/tabs/tab.component.ts:100</a></div>
1220
1218
  </td>
1221
1219
  </tr>
1222
1220
 
@@ -1242,7 +1240,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1242
1240
  </tr>
1243
1241
  <tr>
1244
1242
  <td class="col-md-4">
1245
- <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/tabs/tab.component.ts:77</a></div>
1243
+ <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/tabs/tab.component.ts:76</a></div>
1246
1244
  </td>
1247
1245
  </tr>
1248
1246
 
@@ -1273,7 +1271,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1273
1271
  </tr>
1274
1272
  <tr>
1275
1273
  <td class="col-md-4">
1276
- <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/tabs/tab.component.ts:100</a></div>
1274
+ <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/tabs/tab.component.ts:99</a></div>
1277
1275
  </td>
1278
1276
  </tr>
1279
1277
 
@@ -1299,7 +1297,7 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1299
1297
  </tr>
1300
1298
  <tr>
1301
1299
  <td class="col-md-4">
1302
- <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/tabs/tab.component.ts:86</a></div>
1300
+ <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/tabs/tab.component.ts:85</a></div>
1303
1301
  </td>
1304
1302
  </tr>
1305
1303
 
@@ -1334,8 +1332,8 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1334
1332
 
1335
1333
  <tr>
1336
1334
  <td class="col-md-4">
1337
- <div class="io-line">Defined in <a href="" data-line="212"
1338
- class="link-to-prism">src/tabs/tab.component.ts:212</a></div>
1335
+ <div class="io-line">Defined in <a href="" data-line="211"
1336
+ class="link-to-prism">src/tabs/tab.component.ts:211</a></div>
1339
1337
  </td>
1340
1338
  </tr>
1341
1339
 
@@ -1375,8 +1373,8 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1375
1373
 
1376
1374
  <tr>
1377
1375
  <td class="col-md-4">
1378
- <div class="io-line">Defined in <a href="" data-line="223"
1379
- class="link-to-prism">src/tabs/tab.component.ts:223</a></div>
1376
+ <div class="io-line">Defined in <a href="" data-line="222"
1377
+ class="link-to-prism">src/tabs/tab.component.ts:222</a></div>
1380
1378
  </td>
1381
1379
  </tr>
1382
1380
 
@@ -1438,8 +1436,8 @@ Only displayed when the parent <code>Tabs</code> is using <code>type=&quot;conta
1438
1436
 
1439
1437
  <tr>
1440
1438
  <td class="col-md-4">
1441
- <div class="io-line">Defined in <a href="" data-line="203"
1442
- class="link-to-prism">src/tabs/tab.component.ts:203</a></div>
1439
+ <div class="io-line">Defined in <a href="" data-line="202"
1440
+ class="link-to-prism">src/tabs/tab.component.ts:202</a></div>
1443
1441
  </td>
1444
1442
  </tr>
1445
1443
 
@@ -1478,8 +1476,8 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1478
1476
 
1479
1477
  <tr>
1480
1478
  <td class="col-md-4">
1481
- <div class="io-line">Defined in <a href="" data-line="219"
1482
- class="link-to-prism">src/tabs/tab.component.ts:219</a></div>
1479
+ <div class="io-line">Defined in <a href="" data-line="218"
1480
+ class="link-to-prism">src/tabs/tab.component.ts:218</a></div>
1483
1481
  </td>
1484
1482
  </tr>
1485
1483
 
@@ -1522,7 +1520,7 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1522
1520
  </tr>
1523
1521
  <tr>
1524
1522
  <td class="col-md-4">
1525
- <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/tabs/tab.component.ts:197</a></div>
1523
+ <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/tabs/tab.component.ts:196</a></div>
1526
1524
  </td>
1527
1525
  </tr>
1528
1526
 
@@ -1555,7 +1553,7 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1555
1553
  </tr>
1556
1554
  <tr>
1557
1555
  <td class="col-md-4">
1558
- <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/tabs/tab.component.ts:99</a></div>
1556
+ <div class="io-line">Defined in <a href="" data-line="98" class="link-to-prism">src/tabs/tab.component.ts:98</a></div>
1559
1557
  </td>
1560
1558
  </tr>
1561
1559
 
@@ -1581,7 +1579,7 @@ of the boolean &#39;headingIsTemplate&#39;.</p>
1581
1579
  </tr>
1582
1580
  <tr>
1583
1581
  <td class="col-md-4">
1584
- <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/tabs/tab.component.ts:107</a></div>
1582
+ <div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/tabs/tab.component.ts:106</a></div>
1585
1583
  </td>
1586
1584
  </tr>
1587
1585
 
@@ -1629,7 +1627,7 @@ Default value is false.</p>
1629
1627
  </tr>
1630
1628
  <tr>
1631
1629
  <td class="col-md-4">
1632
- <div class="io-line">Defined in <a href="" data-line="102" class="link-to-prism">src/tabs/tab.component.ts:102</a></div>
1630
+ <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/tabs/tab.component.ts:101</a></div>
1633
1631
  </td>
1634
1632
  </tr>
1635
1633
 
@@ -1670,7 +1668,7 @@ Default value is false.</p>
1670
1668
  </tr>
1671
1669
  <tr>
1672
1670
  <td class="col-md-4">
1673
- <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/tabs/tab.component.ts:101</a></div>
1671
+ <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/tabs/tab.component.ts:100</a></div>
1674
1672
  </td>
1675
1673
  </tr>
1676
1674
 
@@ -1705,7 +1703,7 @@ Default value is false.</p>
1705
1703
  </tr>
1706
1704
  <tr>
1707
1705
  <td class="col-md-4">
1708
- <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/tabs/tab.component.ts:100</a></div>
1706
+ <div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/tabs/tab.component.ts:99</a></div>
1709
1707
  </td>
1710
1708
  </tr>
1711
1709
 
@@ -1734,7 +1732,7 @@ Default value is false.</p>
1734
1732
  </tr>
1735
1733
  <tr>
1736
1734
  <td class="col-md-4">
1737
- <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/tabs/tab.component.ts:71</a></div>
1735
+ <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/tabs/tab.component.ts:70</a></div>
1738
1736
  </td>
1739
1737
  </tr>
1740
1738
 
@@ -1756,7 +1754,7 @@ Default value is false.</p>
1756
1754
  </tr>
1757
1755
  <tr>
1758
1756
  <td class="col-md-4">
1759
- <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/tabs/tab.component.ts:74</a></div>
1757
+ <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/tabs/tab.component.ts:73</a></div>
1760
1758
  </td>
1761
1759
  </tr>
1762
1760
 
@@ -1778,7 +1776,7 @@ Default value is false.</p>
1778
1776
  </tr>
1779
1777
  <tr>
1780
1778
  <td class="col-md-4">
1781
- <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/tabs/tab.component.ts:77</a></div>
1779
+ <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/tabs/tab.component.ts:76</a></div>
1782
1780
  </td>
1783
1781
  </tr>
1784
1782
 
@@ -1800,7 +1798,7 @@ Default value is false.</p>
1800
1798
  </tr>
1801
1799
  <tr>
1802
1800
  <td class="col-md-4">
1803
- <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/tabs/tab.component.ts:83</a></div>
1801
+ <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/tabs/tab.component.ts:82</a></div>
1804
1802
  </td>
1805
1803
  </tr>
1806
1804
  <tr>
@@ -1829,7 +1827,7 @@ Default value is false.</p>
1829
1827
  </tr>
1830
1828
  <tr>
1831
1829
  <td class="col-md-4">
1832
- <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/tabs/tab.component.ts:86</a></div>
1830
+ <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/tabs/tab.component.ts:85</a></div>
1833
1831
  </td>
1834
1832
  </tr>
1835
1833
 
@@ -1851,7 +1849,7 @@ Default value is false.</p>
1851
1849
  </tr>
1852
1850
  <tr>
1853
1851
  <td class="col-md-4">
1854
- <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/tabs/tab.component.ts:96</a></div>
1852
+ <div class="io-line">Defined in <a href="" data-line="95" class="link-to-prism">src/tabs/tab.component.ts:95</a></div>
1855
1853
  </td>
1856
1854
  </tr>
1857
1855
 
@@ -1862,7 +1860,7 @@ Default value is false.</p>
1862
1860
  </tr>
1863
1861
  <tr>
1864
1862
  <td class="col-md-4">
1865
- <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/tabs/tab.component.ts:92</a></div>
1863
+ <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/tabs/tab.component.ts:91</a></div>
1866
1864
  </td>
1867
1865
  </tr>
1868
1866
  <tr>
@@ -1972,13 +1970,12 @@ import { NgStyle, NgTemplateOutlet } from &quot;@angular/common&quot;;
1972
1970
  @if (isTemplate(tabContent)) {
1973
1971
  &lt;ng-template
1974
1972
  [ngTemplateOutlet]&#x3D;&quot;tabContent&quot;
1975
- [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: templateContext }&quot;&gt;
1976
- &lt;/ng-template&gt;
1973
+ [ngTemplateOutletContext]&#x3D;&quot;{ $implicit: templateContext }&quot; /&gt;
1977
1974
  }
1978
- &lt;ng-content&gt;&lt;/ng-content&gt;
1975
+ &lt;ng-content /&gt;
1979
1976
  }
1980
1977
  &#x60;,
1981
- imports: [NgStyle, NgTemplateOutlet]
1978
+ imports: [NgTemplateOutlet]
1982
1979
  })
1983
1980
  export class Tab implements OnInit {
1984
1981
  @HostBinding(&quot;attr.id&quot;) get hostId() {
@@ -2167,7 +2164,7 @@ export class Tab implements OnInit {
2167
2164
  <script src="../js/libs/htmlparser.js"></script>
2168
2165
  <script src="../js/libs/deep-iterator.js"></script>
2169
2166
  <script>
2170
- var COMPONENT_TEMPLATE = '<div>@if (shouldRender()) { @if (isTemplate(tabContent)) { <ng-template [ngTemplateOutlet]="tabContent" [ngTemplateOutletContext]="{ $implicit: templateContext }"> </ng-template> } <ng-content></ng-content>} </div>'
2167
+ var COMPONENT_TEMPLATE = '<div>@if (shouldRender()) { @if (isTemplate(tabContent)) { <ng-template [ngTemplateOutlet]="tabContent" [ngTemplateOutletContext]="{ $implicit: templateContext }" /> } <ng-content />} </div>'
2171
2168
  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': 'AILabelComponent', 'selector': 'cds-ai-label, ibm-ai-label'},{'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': 'CheckboxGroup', 'selector': 'cds-checkbox-group, ibm-checkbox-group'},{'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': 'IconTab', 'selector': 'cds-icon-tab, ibm-icon-tab'},{'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': 'SkeletonIcon', 'selector': 'cds-skeleton-icon, ibm-skeleton-icon'},{'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': 'TabHeaderComponent', 'selector': 'cds-tab-header, ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaderGroupVertical', 'selector': 'cds-tab-header-group-vertical, ibm-tab-header-group-vertical'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'TabHeadersVertical', 'selector': 'cds-tab-headers-vertical, ibm-tab-headers-vertical'},{'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': 'TableHeaderDecorator', 'selector': 'cds-table-header-decorator, ibm-table-header-decorator'},{'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': 'TabsVertical', 'selector': 'cds-tabs-vertical, ibm-tabs-vertical'},{'name': 'TabsVerticalGrouped', 'selector': 'cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped'},{'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'}];
2172
2169
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'AILabelActions', 'selector': '[cdsAILabelActions], [ibmAILabelActions]'},{'name': 'AILabelContent', 'selector': '[cdsAILabelContent], [ibmAILabelContent]'},{'name': 'AILabelPopoverDirective', 'selector': '[cdsAILabelPopover]'},{'name': 'AspectRatioDirective', 'selector': '[cdsAspectRatio], [ibmAspectRatio]'},{'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': 'TabHeaderBase', 'selector': ''},{'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]'}];
2173
2170
  var ACTUAL_COMPONENT = {'name': 'Tab'};
package/docs/documentation/components/TabHeaderComponent.html CHANGED
@@ -213,10 +213,10 @@
213
213
  [leaveDelayMs]&#x3D;&quot;leaveDelayMs&quot;
214
214
  [isOpen]&#x3D;&quot;isTooltipOpen&quot;
215
215
  [disabled]&#x3D;&quot;disabled&quot;&gt;
216
- &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot;&gt;&lt;/ng-container&gt;
216
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot; /&gt;
217
217
  &lt;/cds-tooltip&gt;
218
218
  } @else {
219
- &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot;&gt;&lt;/ng-container&gt;
219
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot; /&gt;
220
220
  }
221
221
 
222
222
  &lt;ng-template #tabButtonTemplate&gt;
@@ -1691,10 +1691,10 @@ import { NgClass, NgTemplateOutlet } from &quot;@angular/common&quot;;
1691
1691
  [leaveDelayMs]&#x3D;&quot;leaveDelayMs&quot;
1692
1692
  [isOpen]&#x3D;&quot;isTooltipOpen&quot;
1693
1693
  [disabled]&#x3D;&quot;disabled&quot;&gt;
1694
- &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot;&gt;&lt;/ng-container&gt;
1694
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot; /&gt;
1695
1695
  &lt;/cds-tooltip&gt;
1696
1696
  } @else {
1697
- &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot;&gt;&lt;/ng-container&gt;
1697
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;tabButtonTemplate&quot; /&gt;
1698
1698
  }
1699
1699
 
1700
1700
  &lt;ng-template #tabButtonTemplate&gt;
@@ -1910,7 +1910,7 @@ export class TabHeaderComponent extends TabHeaderBase implements AfterViewInit {
1910
1910
  <script src="../js/libs/htmlparser.js"></script>
1911
1911
  <script src="../js/libs/deep-iterator.js"></script>
1912
1912
  <script>
1913
- var COMPONENT_TEMPLATE = '<div>@if (iconOnly) { <cds-tooltip align="bottom" [autoAlign]="true" class="cds--icon-tooltip" [description]="iconLabel" [enterDelayMs]="enterDelayMs" [leaveDelayMs]="leaveDelayMs" [isOpen]="isTooltipOpen" [disabled]="disabled"> <ng-container *ngTemplateOutlet="tabButtonTemplate"></ng-container> </cds-tooltip>} @else { <ng-container *ngTemplateOutlet="tabButtonTemplate"></ng-container>}<ng-template #tabButtonTemplate> <button #tabButton type="button" role="tab" class="cds--tabs__nav-item cds--tabs__nav-link" [ngClass]="{ \'cds--tabs__nav-item--selected\': active, \'cds--tabs__nav-item--disabled\': disabled, \'cds--tabs__nav-item--icon-only\': iconOnly, \'cds--tabs__nav-item--icon-only__20\': iconOnly && iconSize === \'lg\' }" [attr.aria-selected]="active" [attr.aria-disabled]="disabled" [attr.aria-controls]="paneReference?.id || null" [attr.aria-label]="iconOnly ? iconLabel : null" [attr.tabindex]="active ? 0 : -1" [attr.title]="resolvedTitle" [disabled]="disabled" (click)="onTabButtonClick()" (keydown)="onTabButtonKeyDown($event)"> @if (iconOnly) { <ng-container [ngTemplateOutlet]="icon"></ng-container> @if (!disabled && badgeIndicator) { <span class="cds--badge-indicator" aria-hidden="true"> </span> } } @else { <div class="cds--tabs__nav-item-label-wrapper"> @if (dismissable && icon) { <div class="cds--tabs__nav-item--icon-left"> <ng-container [ngTemplateOutlet]="icon"></ng-container> </div> } <span class="cds--tabs__nav-item-label"> <ng-content></ng-content> </span> @if (!dismissable && icon) { <div class="cds--tabs__nav-item--icon"> <ng-container [ngTemplateOutlet]="icon"></ng-container> </div> } </div> @if (secondaryLabel) { <div class="cds--tabs__nav-item-secondary-label" [attr.title]="secondaryLabel"> {{ secondaryLabel }} </div> } } </button></ng-template>@if (dismissable) { <div class="cds--tabs__nav-item--close"> <button type="button" class="cds--tabs__nav-item--close-icon" [attr.tabindex]="-1" [attr.aria-disabled]="disabled" [attr.aria-hidden]="!(active && !disabled)" [ngClass]="{ \'cds--tabs__nav-item--close-icon--selected\': active, \'cds--tabs__nav-item--close-icon--disabled\': disabled }" [disabled]="disabled" [attr.title]="closeButtonTitle" (click)="onClose($event)"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" [attr.aria-label]="closeButtonAriaLabel" [attr.aria-hidden]="!(active && !disabled)"> <path d="M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"></path> </svg> </button> </div>} </div>'
1913
+ var COMPONENT_TEMPLATE = '<div>@if (iconOnly) { <cds-tooltip align="bottom" [autoAlign]="true" class="cds--icon-tooltip" [description]="iconLabel" [enterDelayMs]="enterDelayMs" [leaveDelayMs]="leaveDelayMs" [isOpen]="isTooltipOpen" [disabled]="disabled"> <ng-container *ngTemplateOutlet="tabButtonTemplate" /> </cds-tooltip>} @else { <ng-container *ngTemplateOutlet="tabButtonTemplate" />}<ng-template #tabButtonTemplate> <button #tabButton type="button" role="tab" class="cds--tabs__nav-item cds--tabs__nav-link" [ngClass]="{ \'cds--tabs__nav-item--selected\': active, \'cds--tabs__nav-item--disabled\': disabled, \'cds--tabs__nav-item--icon-only\': iconOnly, \'cds--tabs__nav-item--icon-only__20\': iconOnly && iconSize === \'lg\' }" [attr.aria-selected]="active" [attr.aria-disabled]="disabled" [attr.aria-controls]="paneReference?.id || null" [attr.aria-label]="iconOnly ? iconLabel : null" [attr.tabindex]="active ? 0 : -1" [attr.title]="resolvedTitle" [disabled]="disabled" (click)="onTabButtonClick()" (keydown)="onTabButtonKeyDown($event)"> @if (iconOnly) { <ng-container [ngTemplateOutlet]="icon"></ng-container> @if (!disabled && badgeIndicator) { <span class="cds--badge-indicator" aria-hidden="true"> </span> } } @else { <div class="cds--tabs__nav-item-label-wrapper"> @if (dismissable && icon) { <div class="cds--tabs__nav-item--icon-left"> <ng-container [ngTemplateOutlet]="icon"></ng-container> </div> } <span class="cds--tabs__nav-item-label"> <ng-content></ng-content> </span> @if (!dismissable && icon) { <div class="cds--tabs__nav-item--icon"> <ng-container [ngTemplateOutlet]="icon"></ng-container> </div> } </div> @if (secondaryLabel) { <div class="cds--tabs__nav-item-secondary-label" [attr.title]="secondaryLabel"> {{ secondaryLabel }} </div> } } </button></ng-template>@if (dismissable) { <div class="cds--tabs__nav-item--close"> <button type="button" class="cds--tabs__nav-item--close-icon" [attr.tabindex]="-1" [attr.aria-disabled]="disabled" [attr.aria-hidden]="!(active && !disabled)" [ngClass]="{ \'cds--tabs__nav-item--close-icon--selected\': active, \'cds--tabs__nav-item--close-icon--disabled\': disabled }" [disabled]="disabled" [attr.title]="closeButtonTitle" (click)="onClose($event)"> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" [attr.aria-label]="closeButtonAriaLabel" [attr.aria-hidden]="!(active && !disabled)"> <path d="M17.4141 16L24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"></path> </svg> </button> </div>} </div>'
1914
1914
  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': 'AILabelComponent', 'selector': 'cds-ai-label, ibm-ai-label'},{'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': 'CheckboxGroup', 'selector': 'cds-checkbox-group, ibm-checkbox-group'},{'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': 'IconTab', 'selector': 'cds-icon-tab, ibm-icon-tab'},{'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': 'SkeletonIcon', 'selector': 'cds-skeleton-icon, ibm-skeleton-icon'},{'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': 'TabHeaderComponent', 'selector': 'cds-tab-header, ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaderGroupVertical', 'selector': 'cds-tab-header-group-vertical, ibm-tab-header-group-vertical'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'TabHeadersVertical', 'selector': 'cds-tab-headers-vertical, ibm-tab-headers-vertical'},{'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': 'TableHeaderDecorator', 'selector': 'cds-table-header-decorator, ibm-table-header-decorator'},{'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': 'TabsVertical', 'selector': 'cds-tabs-vertical, ibm-tabs-vertical'},{'name': 'TabsVerticalGrouped', 'selector': 'cds-tabs-vertical-grouped, ibm-tabs-vertical-grouped'},{'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'}];
1915
1915
  var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'AILabelActions', 'selector': '[cdsAILabelActions], [ibmAILabelActions]'},{'name': 'AILabelContent', 'selector': '[cdsAILabelContent], [ibmAILabelContent]'},{'name': 'AILabelPopoverDirective', 'selector': '[cdsAILabelPopover]'},{'name': 'AspectRatioDirective', 'selector': '[cdsAspectRatio], [ibmAspectRatio]'},{'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': 'TabHeaderBase', 'selector': ''},{'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]'}];
1916
1916
  var ACTUAL_COMPONENT = {'name': 'TabHeaderComponent'};