carbon-components-angular 5.56.1 → 5.56.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 (25) hide show
  1. package/docs/documentation/components/ComboBox.html +40 -32
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +21 -21
  4. package/docs/documentation/modules/TimePickerSelectModule.html +21 -21
  5. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ToggleModule.html +4 -4
  7. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  8. package/docs/documentation/modules/ToggletipModule.html +37 -37
  9. package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
  10. package/docs/documentation/modules/TreeviewModule.html +36 -36
  11. package/docs/documentation.json +17 -17
  12. package/docs/storybook/combobox-combobox-stories.52c5cd23.iframe.bundle.js +1 -0
  13. package/docs/storybook/{datepicker-datepicker-stories.2f076085.iframe.bundle.js → datepicker-datepicker-stories.86cad958.iframe.bundle.js} +1 -1
  14. package/docs/storybook/iframe.html +2 -2
  15. package/docs/storybook/main.3f8ef62f.iframe.bundle.js +1 -0
  16. package/docs/storybook/project.json +1 -1
  17. package/docs/storybook/{runtime~main.ee91208b.iframe.bundle.js → runtime~main.115ae245.iframe.bundle.js} +1 -1
  18. package/esm2020/combobox/combobox.component.mjs +10 -3
  19. package/fesm2015/carbon-components-angular-combobox.mjs +9 -2
  20. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  21. package/fesm2020/carbon-components-angular-combobox.mjs +9 -2
  22. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  23. package/package.json +1 -1
  24. package/docs/storybook/combobox-combobox-stories.6da5780e.iframe.bundle.js +0 -1
  25. package/docs/storybook/main.6feba07b.iframe.bundle.js +0 -1
package/docs/documentation/components/ComboBox.html CHANGED
@@ -1949,8 +1949,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1949
1949
 
1950
1950
  <tr>
1951
1951
  <td class="col-md-4">
1952
- <div class="io-line">Defined in <a href="" data-line="845"
1953
- class="link-to-prism">src/combobox/combobox.component.ts:845</a></div>
1952
+ <div class="io-line">Defined in <a href="" data-line="853"
1953
+ class="link-to-prism">src/combobox/combobox.component.ts:853</a></div>
1954
1954
  </td>
1955
1955
  </tr>
1956
1956
 
@@ -1988,8 +1988,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1988
1988
 
1989
1989
  <tr>
1990
1990
  <td class="col-md-4">
1991
- <div class="io-line">Defined in <a href="" data-line="856"
1992
- class="link-to-prism">src/combobox/combobox.component.ts:856</a></div>
1991
+ <div class="io-line">Defined in <a href="" data-line="864"
1992
+ class="link-to-prism">src/combobox/combobox.component.ts:864</a></div>
1993
1993
  </td>
1994
1994
  </tr>
1995
1995
 
@@ -2027,8 +2027,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
2027
2027
 
2028
2028
  <tr>
2029
2029
  <td class="col-md-4">
2030
- <div class="io-line">Defined in <a href="" data-line="825"
2031
- class="link-to-prism">src/combobox/combobox.component.ts:825</a></div>
2030
+ <div class="io-line">Defined in <a href="" data-line="833"
2031
+ class="link-to-prism">src/combobox/combobox.component.ts:833</a></div>
2032
2032
  </td>
2033
2033
  </tr>
2034
2034
 
@@ -2133,8 +2133,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
2133
2133
 
2134
2134
  <tr>
2135
2135
  <td class="col-md-4">
2136
- <div class="io-line">Defined in <a href="" data-line="885"
2137
- class="link-to-prism">src/combobox/combobox.component.ts:885</a></div>
2136
+ <div class="io-line">Defined in <a href="" data-line="893"
2137
+ class="link-to-prism">src/combobox/combobox.component.ts:893</a></div>
2138
2138
  </td>
2139
2139
  </tr>
2140
2140
 
@@ -2198,8 +2198,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
2198
2198
 
2199
2199
  <tr>
2200
2200
  <td class="col-md-4">
2201
- <div class="io-line">Defined in <a href="" data-line="865"
2202
- class="link-to-prism">src/combobox/combobox.component.ts:865</a></div>
2201
+ <div class="io-line">Defined in <a href="" data-line="873"
2202
+ class="link-to-prism">src/combobox/combobox.component.ts:873</a></div>
2203
2203
  </td>
2204
2204
  </tr>
2205
2205
 
@@ -2240,8 +2240,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2240
2240
 
2241
2241
  <tr>
2242
2242
  <td class="col-md-4">
2243
- <div class="io-line">Defined in <a href="" data-line="910"
2244
- class="link-to-prism">src/combobox/combobox.component.ts:910</a></div>
2243
+ <div class="io-line">Defined in <a href="" data-line="918"
2244
+ class="link-to-prism">src/combobox/combobox.component.ts:918</a></div>
2245
2245
  </td>
2246
2246
  </tr>
2247
2247
 
@@ -2277,8 +2277,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2277
2277
 
2278
2278
  <tr>
2279
2279
  <td class="col-md-4">
2280
- <div class="io-line">Defined in <a href="" data-line="797"
2281
- class="link-to-prism">src/combobox/combobox.component.ts:797</a></div>
2280
+ <div class="io-line">Defined in <a href="" data-line="805"
2281
+ class="link-to-prism">src/combobox/combobox.component.ts:805</a></div>
2282
2282
  </td>
2283
2283
  </tr>
2284
2284
 
@@ -2407,8 +2407,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2407
2407
 
2408
2408
  <tr>
2409
2409
  <td class="col-md-4">
2410
- <div class="io-line">Defined in <a href="" data-line="705"
2411
- class="link-to-prism">src/combobox/combobox.component.ts:705</a></div>
2410
+ <div class="io-line">Defined in <a href="" data-line="713"
2411
+ class="link-to-prism">src/combobox/combobox.component.ts:713</a></div>
2412
2412
  </td>
2413
2413
  </tr>
2414
2414
 
@@ -2446,8 +2446,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2446
2446
 
2447
2447
  <tr>
2448
2448
  <td class="col-md-4">
2449
- <div class="io-line">Defined in <a href="" data-line="894"
2450
- class="link-to-prism">src/combobox/combobox.component.ts:894</a></div>
2449
+ <div class="io-line">Defined in <a href="" data-line="902"
2450
+ class="link-to-prism">src/combobox/combobox.component.ts:902</a></div>
2451
2451
  </td>
2452
2452
  </tr>
2453
2453
 
@@ -2593,8 +2593,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2593
2593
 
2594
2594
  <tr>
2595
2595
  <td class="col-md-4">
2596
- <div class="io-line">Defined in <a href="" data-line="818"
2597
- class="link-to-prism">src/combobox/combobox.component.ts:818</a></div>
2596
+ <div class="io-line">Defined in <a href="" data-line="826"
2597
+ class="link-to-prism">src/combobox/combobox.component.ts:826</a></div>
2598
2598
  </td>
2599
2599
  </tr>
2600
2600
 
@@ -2879,8 +2879,8 @@ Updates pills if necessary.</p>
2879
2879
 
2880
2880
  <tr>
2881
2881
  <td class="col-md-4">
2882
- <div class="io-line">Defined in <a href="" data-line="753"
2883
- class="link-to-prism">src/combobox/combobox.component.ts:753</a></div>
2882
+ <div class="io-line">Defined in <a href="" data-line="761"
2883
+ class="link-to-prism">src/combobox/combobox.component.ts:761</a></div>
2884
2884
  </td>
2885
2885
  </tr>
2886
2886
 
@@ -2961,8 +2961,8 @@ Updates pills if necessary.</p>
2961
2961
 
2962
2962
  <tr>
2963
2963
  <td class="col-md-4">
2964
- <div class="io-line">Defined in <a href="" data-line="786"
2965
- class="link-to-prism">src/combobox/combobox.component.ts:786</a></div>
2964
+ <div class="io-line">Defined in <a href="" data-line="794"
2965
+ class="link-to-prism">src/combobox/combobox.component.ts:794</a></div>
2966
2966
  </td>
2967
2967
  </tr>
2968
2968
 
@@ -3032,8 +3032,8 @@ Updates pills if necessary.</p>
3032
3032
 
3033
3033
  <tr>
3034
3034
  <td class="col-md-4">
3035
- <div class="io-line">Defined in <a href="" data-line="719"
3036
- class="link-to-prism">src/combobox/combobox.component.ts:719</a></div>
3035
+ <div class="io-line">Defined in <a href="" data-line="727"
3036
+ class="link-to-prism">src/combobox/combobox.component.ts:727</a></div>
3037
3037
  </td>
3038
3038
  </tr>
3039
3039
 
@@ -3277,8 +3277,8 @@ Updates pills if necessary.</p>
3277
3277
 
3278
3278
  <tr>
3279
3279
  <td class="col-md-4">
3280
- <div class="io-line">Defined in <a href="" data-line="742"
3281
- class="link-to-prism">src/combobox/combobox.component.ts:742</a></div>
3280
+ <div class="io-line">Defined in <a href="" data-line="750"
3281
+ class="link-to-prism">src/combobox/combobox.component.ts:750</a></div>
3282
3282
  </td>
3283
3283
  </tr>
3284
3284
 
@@ -3359,8 +3359,8 @@ Updates pills if necessary.</p>
3359
3359
 
3360
3360
  <tr>
3361
3361
  <td class="col-md-4">
3362
- <div class="io-line">Defined in <a href="" data-line="898"
3363
- class="link-to-prism">src/combobox/combobox.component.ts:898</a></div>
3362
+ <div class="io-line">Defined in <a href="" data-line="906"
3363
+ class="link-to-prism">src/combobox/combobox.component.ts:906</a></div>
3364
3364
  </td>
3365
3365
  </tr>
3366
3366
 
@@ -5315,7 +5315,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5315
5315
  // clone the items and update their state based on the received value array
5316
5316
  // this way we don&#x27;t lose any additional metadata that may be passed in via the &#x60;items&#x60; Input
5317
5317
  let newValues &#x3D; [];
5318
- for (const v of value) {
5318
+ for (const v of value ?? []) {
5319
5319
  for (const item of this.view.getListItems()) {
5320
5320
  if (item[this.itemValueKey] &#x3D;&#x3D;&#x3D; v) {
5321
5321
  newValues.push(Object.assign({}, item, { selected: true }));
@@ -5371,7 +5371,15 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5371
5371
  // clearSelected can only fire on type&#x3D;multi
5372
5372
  // so we just emit getSelected() (just in case there&#x27;s any disabled but selected items)
5373
5373
  const selected &#x3D; this.view.getSelected();
5374
- this.propagateChangeCallback(selected);
5374
+
5375
+ // in case there are disabled items they should be mapped according to itemValueKey
5376
+ if (this.itemValueKey &amp;&amp; selected) {
5377
+ const values &#x3D; selected.map((item) &#x3D;&gt; item[this.itemValueKey]);
5378
+ this.propagateChangeCallback(values);
5379
+ } else {
5380
+ this.propagateChangeCallback(selected);
5381
+ }
5382
+
5375
5383
  this.selected.emit(selected as any);
5376
5384
  this.clear.emit(event);
5377
5385
  }