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/Label.html CHANGED
@@ -220,8 +220,7 @@
220
220
  [counterMode]="counterMode"
221
221
  [decorator]="decorator"
222
222
  [labelTemplate]="labelContentTemplate"
223
- [textAreaTemplate]="inputContentTemplate">
224
- </cds-textarea-label>
223
+ [textAreaTemplate]="inputContentTemplate" />
225
224
  }
226
225
  @case ('TextInput') {
227
226
  <cds-text-label
@@ -241,8 +240,7 @@
241
240
  [maxCount]="maxCount"
242
241
  [decorator]="decorator"
243
242
  [labelTemplate]="labelContentTemplate"
244
- [textInputTemplate]="inputContentTemplate">
245
- </cds-text-label>
243
+ [textInputTemplate]="inputContentTemplate" />
246
244
  }
247
245
  @case ('PasswordInput') {
248
246
 
@@ -259,8 +257,7 @@
259
257
  [hideLabel]="hideLabel"
260
258
  [inline]="inline"
261
259
  [labelTemplate]="labelContentTemplate"
262
- [passwordInputTemplate]="inputContentTemplate">
263
- </cds-password-label>
260
+ [passwordInputTemplate]="inputContentTemplate" />
264
261
  }
265
262
  @default {
266
263
  <ng-template [ngTemplateOutlet]="default" />
@@ -510,7 +507,7 @@
510
507
  </tr>
511
508
  <tr>
512
509
  <td class="col-md-4">
513
- <div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/input/label.component.ts:284</a></div>
510
+ <div class="io-line">Defined in <a href="" data-line="281" class="link-to-prism">src/input/label.component.ts:281</a></div>
514
511
  </td>
515
512
  </tr>
516
513
 
@@ -568,7 +565,7 @@
568
565
  </tr>
569
566
  <tr>
570
567
  <td class="col-md-2" colspan="2">
571
- <div class="io-line">Defined in <a href="" data-line="230" class="link-to-prism">src/input/label.component.ts:230</a></div>
568
+ <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/input/label.component.ts:227</a></div>
572
569
  </td>
573
570
  </tr>
574
571
  <tr>
@@ -600,7 +597,7 @@
600
597
  </tr>
601
598
  <tr>
602
599
  <td class="col-md-2" colspan="2">
603
- <div class="io-line">Defined in <a href="" data-line="265" class="link-to-prism">src/input/label.component.ts:265</a></div>
600
+ <div class="io-line">Defined in <a href="" data-line="262" class="link-to-prism">src/input/label.component.ts:262</a></div>
604
601
  </td>
605
602
  </tr>
606
603
  <tr>
@@ -627,7 +624,7 @@
627
624
  </tr>
628
625
  <tr>
629
626
  <td class="col-md-2" colspan="2">
630
- <div class="io-line">Defined in <a href="" data-line="270" class="link-to-prism">src/input/label.component.ts:270</a></div>
627
+ <div class="io-line">Defined in <a href="" data-line="267" class="link-to-prism">src/input/label.component.ts:267</a></div>
631
628
  </td>
632
629
  </tr>
633
630
  <tr>
@@ -659,7 +656,7 @@
659
656
  </tr>
660
657
  <tr>
661
658
  <td class="col-md-2" colspan="2">
662
- <div class="io-line">Defined in <a href="" data-line="202" class="link-to-prism">src/input/label.component.ts:202</a></div>
659
+ <div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/input/label.component.ts:199</a></div>
663
660
  </td>
664
661
  </tr>
665
662
  <tr>
@@ -691,7 +688,7 @@
691
688
  </tr>
692
689
  <tr>
693
690
  <td class="col-md-2" colspan="2">
694
- <div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/input/label.component.ts:254</a></div>
691
+ <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/input/label.component.ts:251</a></div>
695
692
  </td>
696
693
  </tr>
697
694
  <tr>
@@ -719,7 +716,7 @@ counter alongside the label.</p>
719
716
  </tr>
720
717
  <tr>
721
718
  <td class="col-md-2" colspan="2">
722
- <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/input/label.component.ts:210</a></div>
719
+ <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/input/label.component.ts:207</a></div>
723
720
  </td>
724
721
  </tr>
725
722
  <tr>
@@ -751,7 +748,7 @@ counter alongside the label.</p>
751
748
  </tr>
752
749
  <tr>
753
750
  <td class="col-md-2" colspan="2">
754
- <div class="io-line">Defined in <a href="" data-line="236" class="link-to-prism">src/input/label.component.ts:236</a></div>
751
+ <div class="io-line">Defined in <a href="" data-line="233" class="link-to-prism">src/input/label.component.ts:233</a></div>
755
752
  </td>
756
753
  </tr>
757
754
  <tr>
@@ -784,7 +781,7 @@ screen readers.</p>
784
781
  </tr>
785
782
  <tr>
786
783
  <td class="col-md-2" colspan="2">
787
- <div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/input/label.component.ts:242</a></div>
784
+ <div class="io-line">Defined in <a href="" data-line="239" class="link-to-prism">src/input/label.component.ts:239</a></div>
788
785
  </td>
789
786
  </tr>
790
787
  <tr>
@@ -817,7 +814,7 @@ Applies to <code>TextInput</code> and <code>PasswordInput</code> label variants.
817
814
  </tr>
818
815
  <tr>
819
816
  <td class="col-md-2" colspan="2">
820
- <div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/input/label.component.ts:218</a></div>
817
+ <div class="io-line">Defined in <a href="" data-line="215" class="link-to-prism">src/input/label.component.ts:215</a></div>
821
818
  </td>
822
819
  </tr>
823
820
  <tr>
@@ -844,7 +841,7 @@ Applies to <code>TextInput</code> and <code>PasswordInput</code> label variants.
844
841
  </tr>
845
842
  <tr>
846
843
  <td class="col-md-2" colspan="2">
847
- <div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/input/label.component.ts:214</a></div>
844
+ <div class="io-line">Defined in <a href="" data-line="211" class="link-to-prism">src/input/label.component.ts:211</a></div>
848
845
  </td>
849
846
  </tr>
850
847
  <tr>
@@ -876,7 +873,7 @@ Applies to <code>TextInput</code> and <code>PasswordInput</code> label variants.
876
873
  </tr>
877
874
  <tr>
878
875
  <td class="col-md-2" colspan="2">
879
- <div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/input/label.component.ts:198</a></div>
876
+ <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/input/label.component.ts:195</a></div>
880
877
  </td>
881
878
  </tr>
882
879
  <tr>
@@ -904,7 +901,7 @@ its input counterpart through the &#39;for&#39; attribute.</p>
904
901
  </tr>
905
902
  <tr>
906
903
  <td class="col-md-2" colspan="2">
907
- <div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/input/label.component.ts:260</a></div>
904
+ <div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/input/label.component.ts:257</a></div>
908
905
  </td>
909
906
  </tr>
910
907
  <tr>
@@ -937,7 +934,7 @@ counter to display.</p>
937
934
  </tr>
938
935
  <tr>
939
936
  <td class="col-md-2" colspan="2">
940
- <div class="io-line">Defined in <a href="" data-line="248" class="link-to-prism">src/input/label.component.ts:248</a></div>
937
+ <div class="io-line">Defined in <a href="" data-line="245" class="link-to-prism">src/input/label.component.ts:245</a></div>
941
938
  </td>
942
939
  </tr>
943
940
  <tr>
@@ -970,7 +967,7 @@ variant classes.</p>
970
967
  </tr>
971
968
  <tr>
972
969
  <td class="col-md-2" colspan="2">
973
- <div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/input/label.component.ts:206</a></div>
970
+ <div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/input/label.component.ts:203</a></div>
974
971
  </td>
975
972
  </tr>
976
973
  <tr>
@@ -1002,7 +999,7 @@ variant classes.</p>
1002
999
  </tr>
1003
1000
  <tr>
1004
1001
  <td class="col-md-2" colspan="2">
1005
- <div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/input/label.component.ts:222</a></div>
1002
+ <div class="io-line">Defined in <a href="" data-line="219" class="link-to-prism">src/input/label.component.ts:219</a></div>
1006
1003
  </td>
1007
1004
  </tr>
1008
1005
  <tr>
@@ -1029,7 +1026,7 @@ variant classes.</p>
1029
1026
  </tr>
1030
1027
  <tr>
1031
1028
  <td class="col-md-2" colspan="2">
1032
- <div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/input/label.component.ts:226</a></div>
1029
+ <div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/input/label.component.ts:223</a></div>
1033
1030
  </td>
1034
1031
  </tr>
1035
1032
  <tr>
@@ -1062,7 +1059,7 @@ variant classes.</p>
1062
1059
  </tr>
1063
1060
  <tr>
1064
1061
  <td class="col-md-4">
1065
- <div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/input/label.component.ts:280</a></div>
1062
+ <div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/input/label.component.ts:277</a></div>
1066
1063
  </td>
1067
1064
  </tr>
1068
1065
 
@@ -1099,8 +1096,8 @@ variant classes.</p>
1099
1096
 
1100
1097
  <tr>
1101
1098
  <td class="col-md-4">
1102
- <div class="io-line">Defined in <a href="" data-line="333"
1103
- class="link-to-prism">src/input/label.component.ts:333</a></div>
1099
+ <div class="io-line">Defined in <a href="" data-line="330"
1100
+ class="link-to-prism">src/input/label.component.ts:330</a></div>
1104
1101
  </td>
1105
1102
  </tr>
1106
1103
 
@@ -1162,8 +1159,8 @@ variant classes.</p>
1162
1159
 
1163
1160
  <tr>
1164
1161
  <td class="col-md-4">
1165
- <div class="io-line">Defined in <a href="" data-line="294"
1166
- class="link-to-prism">src/input/label.component.ts:294</a></div>
1162
+ <div class="io-line">Defined in <a href="" data-line="291"
1163
+ class="link-to-prism">src/input/label.component.ts:291</a></div>
1167
1164
  </td>
1168
1165
  </tr>
1169
1166
 
@@ -1201,8 +1198,8 @@ variant classes.</p>
1201
1198
 
1202
1199
  <tr>
1203
1200
  <td class="col-md-4">
1204
- <div class="io-line">Defined in <a href="" data-line="307"
1205
- class="link-to-prism">src/input/label.component.ts:307</a></div>
1201
+ <div class="io-line">Defined in <a href="" data-line="304"
1202
+ class="link-to-prism">src/input/label.component.ts:304</a></div>
1206
1203
  </td>
1207
1204
  </tr>
1208
1205
 
@@ -1251,7 +1248,7 @@ variant classes.</p>
1251
1248
  </tr>
1252
1249
  <tr>
1253
1250
  <td class="col-md-4">
1254
- <div class="io-line">Defined in <a href="" data-line="193" class="link-to-prism">src/input/label.component.ts:193</a></div>
1251
+ <div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/input/label.component.ts:190</a></div>
1255
1252
  </td>
1256
1253
  </tr>
1257
1254
 
@@ -1293,7 +1290,7 @@ variant classes.</p>
1293
1290
  </tr>
1294
1291
  <tr>
1295
1292
  <td class="col-md-4">
1296
- <div class="io-line">Defined in <a href="" data-line="278" class="link-to-prism">src/input/label.component.ts:278</a></div>
1293
+ <div class="io-line">Defined in <a href="" data-line="275" class="link-to-prism">src/input/label.component.ts:275</a></div>
1297
1294
  </td>
1298
1295
  </tr>
1299
1296
 
@@ -1329,7 +1326,7 @@ variant classes.</p>
1329
1326
  </tr>
1330
1327
  <tr>
1331
1328
  <td class="col-md-4">
1332
- <div class="io-line">Defined in <a href="" data-line="274" class="link-to-prism">src/input/label.component.ts:274</a></div>
1329
+ <div class="io-line">Defined in <a href="" data-line="271" class="link-to-prism">src/input/label.component.ts:271</a></div>
1333
1330
  </td>
1334
1331
  </tr>
1335
1332
 
@@ -1365,7 +1362,7 @@ variant classes.</p>
1365
1362
  </tr>
1366
1363
  <tr>
1367
1364
  <td class="col-md-4">
1368
- <div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/input/label.component.ts:276</a></div>
1365
+ <div class="io-line">Defined in <a href="" data-line="273" class="link-to-prism">src/input/label.component.ts:273</a></div>
1369
1366
  </td>
1370
1367
  </tr>
1371
1368
 
@@ -1391,7 +1388,7 @@ variant classes.</p>
1391
1388
  </tr>
1392
1389
  <tr>
1393
1390
  <td class="col-md-4">
1394
- <div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/input/label.component.ts:284</a></div>
1391
+ <div class="io-line">Defined in <a href="" data-line="281" class="link-to-prism">src/input/label.component.ts:281</a></div>
1395
1392
  </td>
1396
1393
  </tr>
1397
1394
 
@@ -1427,7 +1424,7 @@ variant classes.</p>
1427
1424
  </tr>
1428
1425
  <tr>
1429
1426
  <td class="col-md-4">
1430
- <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/input/label.component.ts:272</a></div>
1427
+ <div class="io-line">Defined in <a href="" data-line="269" class="link-to-prism">src/input/label.component.ts:269</a></div>
1431
1428
  </td>
1432
1429
  </tr>
1433
1430
 
@@ -1456,7 +1453,7 @@ variant classes.</p>
1456
1453
  </tr>
1457
1454
  <tr>
1458
1455
  <td class="col-md-4">
1459
- <div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/input/label.component.ts:280</a></div>
1456
+ <div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/input/label.component.ts:277</a></div>
1460
1457
  </td>
1461
1458
  </tr>
1462
1459
 
@@ -1537,8 +1534,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
1537
1534
  [counterMode]&#x3D;&quot;counterMode&quot;
1538
1535
  [decorator]&#x3D;&quot;decorator&quot;
1539
1536
  [labelTemplate]&#x3D;&quot;labelContentTemplate&quot;
1540
- [textAreaTemplate]&#x3D;&quot;inputContentTemplate&quot;&gt;
1541
- &lt;/cds-textarea-label&gt;
1537
+ [textAreaTemplate]&#x3D;&quot;inputContentTemplate&quot; /&gt;
1542
1538
  }
1543
1539
  @case (&#x27;TextInput&#x27;) {
1544
1540
  &lt;cds-text-label
@@ -1558,8 +1554,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
1558
1554
  [maxCount]&#x3D;&quot;maxCount&quot;
1559
1555
  [decorator]&#x3D;&quot;decorator&quot;
1560
1556
  [labelTemplate]&#x3D;&quot;labelContentTemplate&quot;
1561
- [textInputTemplate]&#x3D;&quot;inputContentTemplate&quot;&gt;
1562
- &lt;/cds-text-label&gt;
1557
+ [textInputTemplate]&#x3D;&quot;inputContentTemplate&quot; /&gt;
1563
1558
  }
1564
1559
  @case (&#x27;PasswordInput&#x27;) {
1565
1560
 
@@ -1576,8 +1571,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
1576
1571
  [hideLabel]&#x3D;&quot;hideLabel&quot;
1577
1572
  [inline]&#x3D;&quot;inline&quot;
1578
1573
  [labelTemplate]&#x3D;&quot;labelContentTemplate&quot;
1579
- [passwordInputTemplate]&#x3D;&quot;inputContentTemplate&quot;&gt;
1580
- &lt;/cds-password-label&gt;
1574
+ [passwordInputTemplate]&#x3D;&quot;inputContentTemplate&quot; /&gt;
1581
1575
  }
1582
1576
  @default {
1583
1577
  &lt;ng-template [ngTemplateOutlet]&#x3D;&quot;default&quot; /&gt;
@@ -1833,7 +1827,7 @@ export class Label implements AfterContentInit, AfterViewInit {
1833
1827
  <script src="../js/libs/htmlparser.js"></script>
1834
1828
  <script src="../js/libs/deep-iterator.js"></script>
1835
1829
  <script>
1836
- var COMPONENT_TEMPLATE = '<div><ng-template #inputContentTemplate> <ng-content select="input,textarea,div" /></ng-template><ng-template #labelContentTemplate> <ng-content /></ng-template>@switch (type) { @case (\'TextArea\') { <cds-textarea-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [enableCounter]="enableCounter" [maxCount]="maxCount" [counterMode]="counterMode" [decorator]="decorator" [labelTemplate]="labelContentTemplate" [textAreaTemplate]="inputContentTemplate"> </cds-textarea-label> } @case (\'TextInput\') { <cds-text-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [inline]="inline" [size]="size" [enableCounter]="enableCounter" [maxCount]="maxCount" [decorator]="decorator" [labelTemplate]="labelContentTemplate" [textInputTemplate]="inputContentTemplate"> </cds-text-label> } @case (\'PasswordInput\') { <cds-password-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [inline]="inline" [labelTemplate]="labelContentTemplate" [passwordInputTemplate]="inputContentTemplate"> </cds-password-label> } @default { <ng-template [ngTemplateOutlet]="default" /> }}<ng-template #default> <label [for]="labelInputID" [attr.aria-label]="ariaLabel" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled, \'cds--skeleton\': skeleton }"> <ng-template [ngTemplateOutlet]="labelContentTemplate" /> </label> <div class="cds--text-input__field-wrapper" [ngClass]="{ \'cds--text-input__field-wrapper--warning\': warn }" [attr.data-invalid]="(invalid ? true : null)" #wrapper> @if (invalid) { <svg cdsIcon="warning--filled" size="16" class="cds--text-input__invalid-icon"> </svg> } @else if (warn) { <svg cdsIcon="warning--alt--filled" size="16" class="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning"> </svg> } <ng-template [ngTemplateOutlet]="inputContentTemplate" /> </div> @if (invalid) { <div class="cds--form-requirement"> @if (isTemplate(invalidText)) { <ng-template [ngTemplateOutlet]="invalidText" /> } @else { {{invalidText}} } </div> } @else if (warn) { <div class="cds--form-requirement"> @if (isTemplate(warnText)) { <ng-template [ngTemplateOutlet]="warnText" /> } @else { {{warnText}} } </div> } @else if(helperText && !skeleton) { <div class="cds--form__helper-text" [ngClass]="{\'cds--form__helper-text--disabled\': disabled}"> @if (isTemplate(helperText)) { <ng-template [ngTemplateOutlet]="helperText" /> } @else { {{helperText}} } </div> }</ng-template> </div>'
1830
+ var COMPONENT_TEMPLATE = '<div><ng-template #inputContentTemplate> <ng-content select="input,textarea,div" /></ng-template><ng-template #labelContentTemplate> <ng-content /></ng-template>@switch (type) { @case (\'TextArea\') { <cds-textarea-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [enableCounter]="enableCounter" [maxCount]="maxCount" [counterMode]="counterMode" [decorator]="decorator" [labelTemplate]="labelContentTemplate" [textAreaTemplate]="inputContentTemplate" /> } @case (\'TextInput\') { <cds-text-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [inline]="inline" [size]="size" [enableCounter]="enableCounter" [maxCount]="maxCount" [decorator]="decorator" [labelTemplate]="labelContentTemplate" [textInputTemplate]="inputContentTemplate" /> } @case (\'PasswordInput\') { <cds-password-label [labelInputID]="labelInputID" [disabled]="disabled" [skeleton]="skeleton" [helperText]="helperText" [invalid]="invalid" [invalidText]="invalidText" [warn]="warn" [warnText]="warnText" [ariaLabel]="ariaLabel" [hideLabel]="hideLabel" [inline]="inline" [labelTemplate]="labelContentTemplate" [passwordInputTemplate]="inputContentTemplate" /> } @default { <ng-template [ngTemplateOutlet]="default" /> }}<ng-template #default> <label [for]="labelInputID" [attr.aria-label]="ariaLabel" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled, \'cds--skeleton\': skeleton }"> <ng-template [ngTemplateOutlet]="labelContentTemplate" /> </label> <div class="cds--text-input__field-wrapper" [ngClass]="{ \'cds--text-input__field-wrapper--warning\': warn }" [attr.data-invalid]="(invalid ? true : null)" #wrapper> @if (invalid) { <svg cdsIcon="warning--filled" size="16" class="cds--text-input__invalid-icon"> </svg> } @else if (warn) { <svg cdsIcon="warning--alt--filled" size="16" class="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning"> </svg> } <ng-template [ngTemplateOutlet]="inputContentTemplate" /> </div> @if (invalid) { <div class="cds--form-requirement"> @if (isTemplate(invalidText)) { <ng-template [ngTemplateOutlet]="invalidText" /> } @else { {{invalidText}} } </div> } @else if (warn) { <div class="cds--form-requirement"> @if (isTemplate(warnText)) { <ng-template [ngTemplateOutlet]="warnText" /> } @else { {{warnText}} } </div> } @else if(helperText && !skeleton) { <div class="cds--form__helper-text" [ngClass]="{\'cds--form__helper-text--disabled\': disabled}"> @if (isTemplate(helperText)) { <ng-template [ngTemplateOutlet]="helperText" /> } @else { {{helperText}} } </div> }</ng-template> </div>'
1837
1831
  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'}];
1838
1832
  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]'}];
1839
1833
  var ACTUAL_COMPONENT = {'name': 'Label'};
package/docs/documentation/components/MenuButtonComponent.html CHANGED
@@ -226,7 +226,7 @@
226
226
  &#x27;cds--menu-top-start&#x27;: this.menuAlignment &#x3D;&#x3D;&#x3D; &#x27;top-start&#x27;,
227
227
  &#x27;cds--menu-top-end&#x27;: this.menuAlignment &#x3D;&#x3D;&#x3D; &#x27;top-end&#x27;
228
228
  }&quot;&gt;
229
- &lt;ng-content select&#x3D;&quot;cds-menu-item, cds-menu-divider&quot;&gt;&lt;/ng-content&gt;
229
+ &lt;ng-content select&#x3D;&quot;cds-menu-item, cds-menu-divider&quot; /&gt;
230
230
  &lt;/cds-menu&gt;
231
231
  &lt;/ng-template&gt;
232
232
  </code></pre></td>
@@ -1654,7 +1654,7 @@ type MenuButtonPlacement &#x3D; &quot;top&quot; | &quot;top-start&quot; | &quot;
1654
1654
  &#x27;cds--menu-top-start&#x27;: this.menuAlignment &#x3D;&#x3D;&#x3D; &#x27;top-start&#x27;,
1655
1655
  &#x27;cds--menu-top-end&#x27;: this.menuAlignment &#x3D;&#x3D;&#x3D; &#x27;top-end&#x27;
1656
1656
  }&quot;&gt;
1657
- &lt;ng-content select&#x3D;&quot;cds-menu-item, cds-menu-divider&quot;&gt;&lt;/ng-content&gt;
1657
+ &lt;ng-content select&#x3D;&quot;cds-menu-item, cds-menu-divider&quot; /&gt;
1658
1658
  &lt;/cds-menu&gt;
1659
1659
  &lt;/ng-template&gt;
1660
1660
  &#x60;,
@@ -1888,7 +1888,7 @@ export class MenuButtonComponent implements OnChanges, AfterViewInit, OnDestroy
1888
1888
  <script src="../js/libs/htmlparser.js"></script>
1889
1889
  <script src="../js/libs/deep-iterator.js"></script>
1890
1890
  <script>
1891
- var COMPONENT_TEMPLATE = '<div><button #reference class="cds--menu-button__trigger" [ngClass]="{\'cds--menu-button__trigger--open\': open}" [cdsButton]="kind" [size]="size" [attr.tabindex]="buttonTabIndex" [disabled]="disabled" type="button" [attr.aria-haspopup]="true" [attr.aria-expanded]="open" [attr.aria-controls]="open ? menuId : undefined" (click)="toggleMenu()"> {{label}} <svg cdsIcon="chevron--down" size="16" class="cds--btn__icon"> </svg></button><ng-template #menuTemplate> <cds-menu mode="basic" [size]="size" [open]="open" [attr.id]="menuId" [ngClass]="{ \'cds--menu-button__bottom\': this.menuAlignment === \'bottom\', \'cds--menu-button__bottom-start\': this.menuAlignment === \'bottom-start\', \'cds--menu-button__bottom-end\': this.menuAlignment === \'bottom-end\', \'cds--menu-top\': this.menuAlignment === \'top\', \'cds--menu-top-start\': this.menuAlignment === \'top-start\', \'cds--menu-top-end\': this.menuAlignment === \'top-end\' }"> <ng-content select="cds-menu-item, cds-menu-divider"></ng-content> </cds-menu></ng-template> </div>'
1891
+ var COMPONENT_TEMPLATE = '<div><button #reference class="cds--menu-button__trigger" [ngClass]="{\'cds--menu-button__trigger--open\': open}" [cdsButton]="kind" [size]="size" [attr.tabindex]="buttonTabIndex" [disabled]="disabled" type="button" [attr.aria-haspopup]="true" [attr.aria-expanded]="open" [attr.aria-controls]="open ? menuId : undefined" (click)="toggleMenu()"> {{label}} <svg cdsIcon="chevron--down" size="16" class="cds--btn__icon"> </svg></button><ng-template #menuTemplate> <cds-menu mode="basic" [size]="size" [open]="open" [attr.id]="menuId" [ngClass]="{ \'cds--menu-button__bottom\': this.menuAlignment === \'bottom\', \'cds--menu-button__bottom-start\': this.menuAlignment === \'bottom-start\', \'cds--menu-button__bottom-end\': this.menuAlignment === \'bottom-end\', \'cds--menu-top\': this.menuAlignment === \'top\', \'cds--menu-top-start\': this.menuAlignment === \'top-start\', \'cds--menu-top-end\': this.menuAlignment === \'top-end\' }"> <ng-content select="cds-menu-item, cds-menu-divider" /> </cds-menu></ng-template> </div>'
1892
1892
  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'}];
1893
1893
  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]'}];
1894
1894
  var ACTUAL_COMPONENT = {'name': 'MenuButtonComponent'};
package/docs/documentation/components/PaginationOverflow.html CHANGED
@@ -184,7 +184,7 @@ in the pagination list</p>
184
184
  <tr>
185
185
  <td class="col-md-3">template</td>
186
186
  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">@if (count &#x3D;&#x3D;&#x3D; 1) {
187
- &lt;cds-pagination-nav-item [page]&#x3D;&quot;fromIndex + 1&quot;&gt;&lt;/cds-pagination-nav-item&gt;
187
+ &lt;cds-pagination-nav-item [page]&#x3D;&quot;fromIndex + 1&quot; /&gt;
188
188
  } @else if (count &gt; 1) {
189
189
  &lt;li class&#x3D;&quot;cds--pagination-nav__list-item&quot;&gt;
190
190
  &lt;div class&#x3D;&quot;cds--pagination-nav__select&quot;&gt;
@@ -584,7 +584,7 @@ import { IconDirective } from &quot;carbon-components-angular/icon&quot;;
584
584
  selector: &quot;cds-pagination-overflow, ibm-pagination-overflow&quot;,
585
585
  template: &#x60;
586
586
  @if (count &#x3D;&#x3D;&#x3D; 1) {
587
- &lt;cds-pagination-nav-item [page]&#x3D;&quot;fromIndex + 1&quot;&gt;&lt;/cds-pagination-nav-item&gt;
587
+ &lt;cds-pagination-nav-item [page]&#x3D;&quot;fromIndex + 1&quot; /&gt;
588
588
  } @else if (count &gt; 1) {
589
589
  &lt;li class&#x3D;&quot;cds--pagination-nav__list-item&quot;&gt;
590
590
  &lt;div class&#x3D;&quot;cds--pagination-nav__select&quot;&gt;
@@ -671,7 +671,7 @@ export class PaginationOverflow {
671
671
  <script src="../js/libs/htmlparser.js"></script>
672
672
  <script src="../js/libs/deep-iterator.js"></script>
673
673
  <script>
674
- var COMPONENT_TEMPLATE = '<div>@if (count === 1) { <cds-pagination-nav-item [page]="fromIndex + 1"></cds-pagination-nav-item>} @else if (count > 1) { <li class="cds--pagination-nav__list-item"> <div class="cds--pagination-nav__select"> <select [attr.aria-label]="ariaLabel" class="cds--pagination-nav__page cds--pagination-nav__page--select" (change)="handleChange($event)"> <option value="" hidden></option> @for (item of countAsArray; track item; let i = $index) { <option> {{fromIndex + i + 1}} </option> } </select> <div class="cds--pagination-nav__select-icon-wrapper"> <svg cdsIcon="overflow-menu--horizontal" size="16" style="display: inherit" class="cds--pagination-nav__select-icon"> </svg> </div> </div> </li>} </div>'
674
+ var COMPONENT_TEMPLATE = '<div>@if (count === 1) { <cds-pagination-nav-item [page]="fromIndex + 1" />} @else if (count > 1) { <li class="cds--pagination-nav__list-item"> <div class="cds--pagination-nav__select"> <select [attr.aria-label]="ariaLabel" class="cds--pagination-nav__page cds--pagination-nav__page--select" (change)="handleChange($event)"> <option value="" hidden></option> @for (item of countAsArray; track item; let i = $index) { <option> {{fromIndex + i + 1}} </option> } </select> <div class="cds--pagination-nav__select-icon-wrapper"> <svg cdsIcon="overflow-menu--horizontal" size="16" style="display: inherit" class="cds--pagination-nav__select-icon"> </svg> </div> </div> </li>} </div>'
675
675
  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'}];
676
676
  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]'}];
677
677
  var ACTUAL_COMPONENT = {'name': 'PaginationOverflow'};