carbon-components-angular 5.72.1 → 5.72.3

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 (169) hide show
  1. package/combobox/combobox.component.d.ts +3 -0
  2. package/datepicker/datepicker.component.d.ts +1 -1
  3. package/docs/documentation/components/ComboBox.html +214 -67
  4. package/docs/documentation/components/DatePicker.html +34 -34
  5. package/docs/documentation/components/Dropdown.html +347 -158
  6. package/docs/documentation/components/DropdownList.html +6 -2
  7. package/docs/documentation/components/ProgressIndicator.html +13 -9
  8. package/docs/documentation/components/RadioGroup.html +166 -77
  9. package/docs/documentation/coverage.html +46 -10
  10. package/docs/documentation/js/menu-wc_es5.js +1 -1
  11. package/docs/documentation/js/search/search_index.js +2 -2
  12. package/docs/documentation/miscellaneous/functions.html +257 -1
  13. package/docs/documentation/modules/CheckboxModule/dependencies.svg +42 -42
  14. package/docs/documentation/modules/CheckboxModule.html +42 -42
  15. package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/CodeSnippetModule.html +4 -4
  17. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +6 -6
  18. package/docs/documentation/modules/ComboBoxModule.html +6 -6
  19. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  21. package/docs/documentation/modules/ContextMenuModule/dependencies.svg +67 -67
  22. package/docs/documentation/modules/ContextMenuModule.html +67 -67
  23. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/DatePickerInputModule.html +4 -4
  25. package/docs/documentation/modules/DatePickerModule/dependencies.svg +6 -6
  26. package/docs/documentation/modules/DatePickerModule.html +6 -6
  27. package/docs/documentation/modules/DialogModule/dependencies.svg +4 -4
  28. package/docs/documentation/modules/DialogModule.html +4 -4
  29. package/docs/documentation/modules/DropdownModule/dependencies.svg +68 -68
  30. package/docs/documentation/modules/DropdownModule.html +68 -68
  31. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +37 -37
  32. package/docs/documentation/modules/FileUploaderModule.html +37 -37
  33. package/docs/documentation/modules/GridModule/dependencies.svg +4 -4
  34. package/docs/documentation/modules/GridModule.html +4 -4
  35. package/docs/documentation/modules/HeaderModule/dependencies.svg +4 -4
  36. package/docs/documentation/modules/HeaderModule.html +4 -4
  37. package/docs/documentation/modules/I18nModule/dependencies.svg +14 -14
  38. package/docs/documentation/modules/I18nModule.html +14 -14
  39. package/docs/documentation/modules/IconModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/IconModule.html +4 -4
  41. package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +15 -15
  42. package/docs/documentation/modules/InlineLoadingModule.html +15 -15
  43. package/docs/documentation/modules/InputModule/dependencies.svg +76 -76
  44. package/docs/documentation/modules/InputModule.html +76 -76
  45. package/docs/documentation/modules/LayoutModule/dependencies.svg +4 -4
  46. package/docs/documentation/modules/LayoutModule.html +4 -4
  47. package/docs/documentation/modules/LinkModule/dependencies.svg +4 -4
  48. package/docs/documentation/modules/LinkModule.html +4 -4
  49. package/docs/documentation/modules/MenuButtonModule/dependencies.svg +28 -28
  50. package/docs/documentation/modules/MenuButtonModule.html +28 -28
  51. package/docs/documentation/modules/ModalModule/dependencies.svg +115 -115
  52. package/docs/documentation/modules/ModalModule.html +115 -115
  53. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  54. package/docs/documentation/modules/NFormsModule.html +4 -4
  55. package/docs/documentation/modules/NotificationModule/dependencies.svg +124 -124
  56. package/docs/documentation/modules/NotificationModule.html +124 -124
  57. package/docs/documentation/modules/NumberModule/dependencies.svg +24 -24
  58. package/docs/documentation/modules/NumberModule.html +24 -24
  59. package/docs/documentation/modules/PaginationModule/dependencies.svg +56 -56
  60. package/docs/documentation/modules/PaginationModule.html +56 -56
  61. package/docs/documentation/modules/PanelModule/dependencies.svg +4 -4
  62. package/docs/documentation/modules/PanelModule.html +4 -4
  63. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  64. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  65. package/docs/documentation/modules/PopoverModule/dependencies.svg +4 -4
  66. package/docs/documentation/modules/PopoverModule.html +4 -4
  67. package/docs/documentation/modules/ProgressBarModule/dependencies.svg +12 -12
  68. package/docs/documentation/modules/ProgressBarModule.html +12 -12
  69. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +24 -24
  70. package/docs/documentation/modules/ProgressIndicatorModule.html +24 -24
  71. package/docs/documentation/modules/RadioModule/dependencies.svg +61 -57
  72. package/docs/documentation/modules/RadioModule.html +61 -57
  73. package/docs/documentation/modules/SelectModule/dependencies.svg +60 -60
  74. package/docs/documentation/modules/SelectModule.html +60 -60
  75. package/docs/documentation/modules/SideNavModule/dependencies.svg +40 -40
  76. package/docs/documentation/modules/SideNavModule.html +40 -40
  77. package/docs/documentation/modules/SkeletonModule/dependencies.svg +4 -4
  78. package/docs/documentation/modules/SkeletonModule.html +4 -4
  79. package/docs/documentation/modules/SliderModule/dependencies.svg +38 -42
  80. package/docs/documentation/modules/SliderModule.html +38 -42
  81. package/docs/documentation/modules/StructuredListModule/dependencies.svg +4 -4
  82. package/docs/documentation/modules/StructuredListModule.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/TabsModule/dependencies.svg +136 -136
  86. package/docs/documentation/modules/TabsModule.html +136 -136
  87. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  88. package/docs/documentation/modules/TagModule.html +4 -4
  89. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  90. package/docs/documentation/modules/ThemeModule.html +4 -4
  91. package/docs/documentation/modules/TilesModule/dependencies.svg +109 -109
  92. package/docs/documentation/modules/TilesModule.html +109 -109
  93. package/docs/documentation/modules/TimePickerModule/dependencies.svg +17 -17
  94. package/docs/documentation/modules/TimePickerModule.html +17 -17
  95. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -38
  96. package/docs/documentation/modules/TimePickerSelectModule.html +42 -38
  97. package/docs/documentation/modules/ToggleModule/dependencies.svg +17 -17
  98. package/docs/documentation/modules/ToggleModule.html +17 -17
  99. package/docs/documentation/modules/ToggletipModule/dependencies.svg +38 -38
  100. package/docs/documentation/modules/ToggletipModule.html +38 -38
  101. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  102. package/docs/documentation/modules/TooltipModule.html +4 -4
  103. package/docs/documentation/modules/TreeviewModule/dependencies.svg +28 -28
  104. package/docs/documentation/modules/TreeviewModule.html +28 -28
  105. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  106. package/docs/documentation/modules/UIShellModule.html +4 -4
  107. package/docs/documentation.json +273 -748
  108. package/docs/storybook/3224.3c2075c3.iframe.bundle.js +1 -0
  109. package/docs/storybook/557.d4341469.iframe.bundle.js +1 -0
  110. package/docs/storybook/955.7522f55b.iframe.bundle.js +1 -0
  111. package/docs/storybook/combobox-combobox-stories.49ceebb5.iframe.bundle.js +1 -0
  112. package/docs/storybook/{datepicker-datepicker-stories.559a71ec.iframe.bundle.js → datepicker-datepicker-stories.71ef84d0.iframe.bundle.js} +1 -1
  113. package/docs/storybook/dropdown-dropdown-stories.cf59b2ab.iframe.bundle.js +1 -0
  114. package/docs/storybook/iframe.html +2 -2
  115. package/docs/storybook/main.5e4c090e.iframe.bundle.js +1 -0
  116. package/docs/storybook/modal-modal-stories.cc2d04cb.iframe.bundle.js +1 -0
  117. package/docs/storybook/{pagination-pagination-nav-stories.547eede3.iframe.bundle.js → pagination-pagination-nav-stories.01637d11.iframe.bundle.js} +1 -1
  118. package/docs/storybook/{pagination-pagination-stories.fa7c9094.iframe.bundle.js → pagination-pagination-stories.40d17ebd.iframe.bundle.js} +1 -1
  119. package/docs/storybook/{patterns-dialogs-modal-with-table-stories.b72796c6.iframe.bundle.js → patterns-dialogs-modal-with-table-stories.8acaa07a.iframe.bundle.js} +1 -1
  120. package/docs/storybook/{patterns-filtering-single-selection-stories.ec91f833.iframe.bundle.js → patterns-filtering-multi-selection-stories.a46a1d6e.iframe.bundle.js} +1 -1
  121. package/docs/storybook/{patterns-filtering-multiple-categories-stories.531f27d7.iframe.bundle.js → patterns-filtering-multiple-categories-stories.740c719e.iframe.bundle.js} +1 -1
  122. package/docs/storybook/{patterns-filtering-multi-selection-stories.9086f77f.iframe.bundle.js → patterns-filtering-single-selection-stories.cc647b4a.iframe.bundle.js} +1 -1
  123. package/docs/storybook/{patterns-forms-multi-step-form-stories.8696062a.iframe.bundle.js → patterns-forms-multi-step-form-stories.495d62f5.iframe.bundle.js} +1 -1
  124. package/docs/storybook/{patterns-loading-large-loading-stories.734fb9bc.iframe.bundle.js → patterns-loading-large-loading-stories.564e9ea6.iframe.bundle.js} +1 -1
  125. package/docs/storybook/{patterns-loading-progressive-loading-stories.10bcf9f2.iframe.bundle.js → patterns-loading-progressive-loading-stories.63165c09.iframe.bundle.js} +1 -1
  126. package/docs/storybook/{progress-indicator-progress-indicator-stories.dae29927.iframe.bundle.js → progress-indicator-progress-indicator-stories.f7da9e42.iframe.bundle.js} +1 -1
  127. package/docs/storybook/project.json +1 -1
  128. package/docs/storybook/radio-radio-stories.8ff73370.iframe.bundle.js +1 -0
  129. package/docs/storybook/runtime~main.b2adb95b.iframe.bundle.js +1 -0
  130. package/docs/storybook/sb-addons/essentials-controls-1/manager-bundle.js +30 -30
  131. package/dropdown/dropdown.component.d.ts +10 -3
  132. package/dropdown/list/dropdown-list.component.d.ts +1 -1
  133. package/esm2020/combobox/combobox.component.mjs +19 -9
  134. package/esm2020/datepicker/datepicker.component.mjs +9 -9
  135. package/esm2020/dropdown/dropdown.component.mjs +37 -21
  136. package/esm2020/dropdown/list/dropdown-list.component.mjs +1 -1
  137. package/esm2020/progress-indicator/progress-indicator.component.mjs +8 -5
  138. package/esm2020/radio/radio-group.component.mjs +19 -7
  139. package/fesm2015/carbon-components-angular-combobox.mjs +18 -8
  140. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  141. package/fesm2015/carbon-components-angular-datepicker.mjs +8 -8
  142. package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
  143. package/fesm2015/carbon-components-angular-dropdown.mjs +37 -20
  144. package/fesm2015/carbon-components-angular-dropdown.mjs.map +1 -1
  145. package/fesm2015/carbon-components-angular-progress-indicator.mjs +7 -4
  146. package/fesm2015/carbon-components-angular-progress-indicator.mjs.map +1 -1
  147. package/fesm2015/carbon-components-angular-radio.mjs +18 -6
  148. package/fesm2015/carbon-components-angular-radio.mjs.map +1 -1
  149. package/fesm2020/carbon-components-angular-combobox.mjs +18 -8
  150. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  151. package/fesm2020/carbon-components-angular-datepicker.mjs +8 -8
  152. package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
  153. package/fesm2020/carbon-components-angular-dropdown.mjs +36 -20
  154. package/fesm2020/carbon-components-angular-dropdown.mjs.map +1 -1
  155. package/fesm2020/carbon-components-angular-progress-indicator.mjs +7 -4
  156. package/fesm2020/carbon-components-angular-progress-indicator.mjs.map +1 -1
  157. package/fesm2020/carbon-components-angular-radio.mjs +18 -6
  158. package/fesm2020/carbon-components-angular-radio.mjs.map +1 -1
  159. package/package.json +1 -1
  160. package/radio/radio-group.component.d.ts +4 -2
  161. package/docs/storybook/1250.47c381c1.iframe.bundle.js +0 -1
  162. package/docs/storybook/3224.3e279e46.iframe.bundle.js +0 -1
  163. package/docs/storybook/955.99b6ac85.iframe.bundle.js +0 -1
  164. package/docs/storybook/combobox-combobox-stories.e7427226.iframe.bundle.js +0 -1
  165. package/docs/storybook/dropdown-dropdown-stories.a76101be.iframe.bundle.js +0 -1
  166. package/docs/storybook/main.d2b9abb3.iframe.bundle.js +0 -1
  167. package/docs/storybook/modal-modal-stories.0a864a6a.iframe.bundle.js +0 -1
  168. package/docs/storybook/radio-radio-stories.444fc044.iframe.bundle.js +0 -1
  169. package/docs/storybook/runtime~main.86875b86.iframe.bundle.js +0 -1
@@ -2177,7 +2177,7 @@ key input matching the first letter of the item in the list.</p>
2177
2177
  </tr>
2178
2178
  <tr>
2179
2179
  <td class="col-md-4">
2180
- <code>updateList(items)</code>
2180
+ <code>updateList(items: <a href="../interfaces/ListItem.html" target="_self">ListItem[]</a>)</code>
2181
2181
  </td>
2182
2182
  </tr>
2183
2183
 
@@ -2202,12 +2202,16 @@ key input matching the first letter of the item in the list.</p>
2202
2202
  <thead>
2203
2203
  <tr>
2204
2204
  <td>Name</td>
2205
+ <td>Type</td>
2205
2206
  <td>Optional</td>
2206
2207
  </tr>
2207
2208
  </thead>
2208
2209
  <tbody>
2209
2210
  <tr>
2210
2211
  <td>items</td>
2212
+ <td>
2213
+ <code><a href="../interfaces/ListItem.html" target="_self" >ListItem[]</a></code>
2214
+ </td>
2211
2215
 
2212
2216
  <td>
2213
2217
  No
@@ -3065,7 +3069,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
3065
3069
  /**
3066
3070
  * Updates the displayed list of items and then retrieves the most current properties for the &#x60;DropdownList&#x60; from the DOM.
3067
3071
  */
3068
- updateList(items) {
3072
+ updateList(items: ListItem[]) {
3069
3073
  this._items &#x3D; items.map(item &#x3D;&gt; Object.assign({}, item));
3070
3074
  this.displayItems &#x3D; this._items;
3071
3075
  this.updateIndex();
@@ -193,7 +193,7 @@
193
193
  type&#x3D;&quot;button&quot;
194
194
  class&#x3D;&quot;cds--progress-step-button&quot;
195
195
  [ngClass]&#x3D;&quot;{
196
- &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i
196
+ &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i || skeleton
197
197
  }&quot;
198
198
  [disabled]&#x3D;&quot;step.disabled&quot;
199
199
  [attr.aria-disabled]&#x3D;&quot;step.disabled&quot;
@@ -213,7 +213,7 @@
213
213
  &lt;/svg&gt;
214
214
  &lt;div class&#x3D;&quot;cds--progress-text&quot;&gt;
215
215
  &lt;p class&#x3D;&quot;cds--progress-label&quot;&gt;{{step.label}}&lt;/p&gt;
216
- &lt;p *ngIf&#x3D;&quot;step.secondaryLabel&quot; class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
216
+ &lt;p *ngIf&#x3D;&quot;step.secondaryLabel &amp;&amp; !skeleton&quot; class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
217
217
  &lt;/div&gt;
218
218
  &lt;span class&#x3D;&quot;cds--progress-line&quot;&gt;&lt;/span&gt;
219
219
  &lt;/button&gt;
@@ -598,8 +598,8 @@
598
598
 
599
599
  <tr>
600
600
  <td class="col-md-4">
601
- <div class="io-line">Defined in <a href="" data-line="129"
602
- class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:129</a></div>
601
+ <div class="io-line">Defined in <a href="" data-line="133"
602
+ class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:133</a></div>
603
603
  </td>
604
604
  </tr>
605
605
 
@@ -752,8 +752,8 @@ Weight of state goes from error, incomplete, current, and complete</p>
752
752
 
753
753
  <tr>
754
754
  <td class="col-md-4">
755
- <div class="io-line">Defined in <a href="" data-line="141"
756
- class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:141</a></div>
755
+ <div class="io-line">Defined in <a href="" data-line="145"
756
+ class="link-to-prism">src/progress-indicator/progress-indicator.component.ts:145</a></div>
757
757
  </td>
758
758
  </tr>
759
759
 
@@ -1031,7 +1031,7 @@ import { Step } from &quot;./progress-indicator-step.interface&quot;;
1031
1031
  type&#x3D;&quot;button&quot;
1032
1032
  class&#x3D;&quot;cds--progress-step-button&quot;
1033
1033
  [ngClass]&#x3D;&quot;{
1034
- &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i
1034
+ &#x27;cds--progress-step-button--unclickable&#x27;: !step.onClick || current &#x3D;&#x3D;&#x3D; i || skeleton
1035
1035
  }&quot;
1036
1036
  [disabled]&#x3D;&quot;step.disabled&quot;
1037
1037
  [attr.aria-disabled]&#x3D;&quot;step.disabled&quot;
@@ -1051,7 +1051,7 @@ import { Step } from &quot;./progress-indicator-step.interface&quot;;
1051
1051
  &lt;/svg&gt;
1052
1052
  &lt;div class&#x3D;&quot;cds--progress-text&quot;&gt;
1053
1053
  &lt;p class&#x3D;&quot;cds--progress-label&quot;&gt;{{step.label}}&lt;/p&gt;
1054
- &lt;p *ngIf&#x3D;&quot;step.secondaryLabel&quot; class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
1054
+ &lt;p *ngIf&#x3D;&quot;step.secondaryLabel &amp;&amp; !skeleton&quot; class&#x3D;&quot;cds--progress-optional&quot;&gt;{{step.secondaryLabel}}&lt;/p&gt;
1055
1055
  &lt;/div&gt;
1056
1056
  &lt;span class&#x3D;&quot;cds--progress-line&quot;&gt;&lt;/span&gt;
1057
1057
  &lt;/button&gt;
@@ -1102,6 +1102,10 @@ export class ProgressIndicator {
1102
1102
  * @param index number
1103
1103
  */
1104
1104
  onClick(index: number) {
1105
+ if (this.skeleton) {
1106
+ return;
1107
+ }
1108
+
1105
1109
  if (index !&#x3D;&#x3D; this.current &amp;&amp; typeof this.steps[index].onClick &#x3D;&#x3D;&#x3D; &quot;function&quot;) {
1106
1110
  this.steps[index].onClick();
1107
1111
  }
@@ -1173,7 +1177,7 @@ export class ProgressIndicator {
1173
1177
  <script src="../js/libs/htmlparser.js"></script>
1174
1178
  <script src="../js/libs/deep-iterator.js"></script>
1175
1179
  <script>
1176
- var COMPONENT_TEMPLATE = '<div><ul data-progress data-progress-current class="cds--progress" [ngClass]="{ \'cds--skeleton\': skeleton, \'cds--progress--vertical\': (orientation === \'vertical\'), \'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\' }"> <li class="cds--progress-step" *ngFor="let step of steps; let i = index" [ngClass]="{ \'cds--progress-step--disabled\' : step.disabled, \'cds--progress-step--complete\' : step.complete, \'cds--progress-step--incomplete\' : !step.complete && i !== current, \'cds--progress-step--current\': i === current }"> <button type="button" class="cds--progress-step-button" [ngClass]="{ \'cds--progress-step-button--unclickable\': !step.onClick || current === i }" [disabled]="step.disabled" [attr.aria-disabled]="step.disabled" [tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1" [title]="step.label" (click)="onClick(i)"> <span class="cds--assistive-text"> {{this.translations[getCurrentState(i)?.toUpperCase()]}} </span> <svg [cdsIcon]="statusIcons[getCurrentState(i)]" size="16" [ngClass]="{ \'cds--progress__warning\': step.invalid && i !== current }"> <title *ngIf="step.description">{{step.description}}</title> </svg> <div class="cds--progress-text"> <p class="cds--progress-label">{{step.label}}</p> <p *ngIf="step.secondaryLabel" class="cds--progress-optional">{{step.secondaryLabel}}</p> </div> <span class="cds--progress-line"></span> </button> </li></ul></div>'
1180
+ var COMPONENT_TEMPLATE = '<div><ul data-progress data-progress-current class="cds--progress" [ngClass]="{ \'cds--skeleton\': skeleton, \'cds--progress--vertical\': (orientation === \'vertical\'), \'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\' }"> <li class="cds--progress-step" *ngFor="let step of steps; let i = index" [ngClass]="{ \'cds--progress-step--disabled\' : step.disabled, \'cds--progress-step--complete\' : step.complete, \'cds--progress-step--incomplete\' : !step.complete && i !== current, \'cds--progress-step--current\': i === current }"> <button type="button" class="cds--progress-step-button" [ngClass]="{ \'cds--progress-step-button--unclickable\': !step.onClick || current === i || skeleton }" [disabled]="step.disabled" [attr.aria-disabled]="step.disabled" [tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1" [title]="step.label" (click)="onClick(i)"> <span class="cds--assistive-text"> {{this.translations[getCurrentState(i)?.toUpperCase()]}} </span> <svg [cdsIcon]="statusIcons[getCurrentState(i)]" size="16" [ngClass]="{ \'cds--progress__warning\': step.invalid && i !== current }"> <title *ngIf="step.description">{{step.description}}</title> </svg> <div class="cds--progress-text"> <p class="cds--progress-label">{{step.label}}</p> <p *ngIf="step.secondaryLabel && !skeleton" class="cds--progress-optional">{{step.secondaryLabel}}</p> </div> <span class="cds--progress-line"></span> </button> </li></ul></div>'
1177
1181
  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'}];
1178
1182
  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]'}];
1179
1183
  var ACTUAL_COMPONENT = {'name': 'ProgressIndicator'};