carbon-components-angular 5.61.0 → 5.61.2
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.
- package/docs/documentation/components/ComboBox.html +39 -33
- package/docs/documentation/components/DatePicker.html +24 -21
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +107 -107
- package/docs/documentation/modules/TilesModule.html +107 -107
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -37
- package/docs/documentation/modules/TimePickerModule.html +41 -37
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +30 -30
- package/docs/documentation/modules/TimePickerSelectModule.html +30 -30
- package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
- package/docs/documentation/modules/ToggleModule.html +41 -45
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation.json +112 -75
- package/docs/storybook/{combobox-combobox-stories.e1951a15.iframe.bundle.js → combobox-combobox-stories.090445d8.iframe.bundle.js} +1 -1
- package/docs/storybook/{datepicker-datepicker-stories.de27eb4c.iframe.bundle.js → datepicker-datepicker-stories.f8d8ab21.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.1e136416.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.5491fa20.iframe.bundle.js → runtime~main.6e7dce41.iframe.bundle.js} +1 -1
- package/esm2020/combobox/combobox.component.mjs +10 -4
- package/esm2020/datepicker/datepicker.component.mjs +6 -3
- package/fesm2015/carbon-components-angular-combobox.mjs +9 -3
- package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-datepicker.mjs +5 -2
- package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-combobox.mjs +9 -3
- package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-datepicker.mjs +5 -2
- package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/main.be15134b.iframe.bundle.js +0 -1
|
@@ -1965,8 +1965,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1965
1965
|
|
|
1966
1966
|
<tr>
|
|
1967
1967
|
<td class="col-md-4">
|
|
1968
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1969
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
1968
|
+
<div class="io-line">Defined in <a href="" data-line="859"
|
|
1969
|
+
class="link-to-prism">src/combobox/combobox.component.ts:859</a></div>
|
|
1970
1970
|
</td>
|
|
1971
1971
|
</tr>
|
|
1972
1972
|
|
|
@@ -2004,8 +2004,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2004
2004
|
|
|
2005
2005
|
<tr>
|
|
2006
2006
|
<td class="col-md-4">
|
|
2007
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2008
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2007
|
+
<div class="io-line">Defined in <a href="" data-line="870"
|
|
2008
|
+
class="link-to-prism">src/combobox/combobox.component.ts:870</a></div>
|
|
2009
2009
|
</td>
|
|
2010
2010
|
</tr>
|
|
2011
2011
|
|
|
@@ -2043,8 +2043,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2043
2043
|
|
|
2044
2044
|
<tr>
|
|
2045
2045
|
<td class="col-md-4">
|
|
2046
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2047
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2046
|
+
<div class="io-line">Defined in <a href="" data-line="839"
|
|
2047
|
+
class="link-to-prism">src/combobox/combobox.component.ts:839</a></div>
|
|
2048
2048
|
</td>
|
|
2049
2049
|
</tr>
|
|
2050
2050
|
|
|
@@ -2149,8 +2149,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2149
2149
|
|
|
2150
2150
|
<tr>
|
|
2151
2151
|
<td class="col-md-4">
|
|
2152
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2153
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2152
|
+
<div class="io-line">Defined in <a href="" data-line="899"
|
|
2153
|
+
class="link-to-prism">src/combobox/combobox.component.ts:899</a></div>
|
|
2154
2154
|
</td>
|
|
2155
2155
|
</tr>
|
|
2156
2156
|
|
|
@@ -2214,8 +2214,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2214
2214
|
|
|
2215
2215
|
<tr>
|
|
2216
2216
|
<td class="col-md-4">
|
|
2217
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2218
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2217
|
+
<div class="io-line">Defined in <a href="" data-line="879"
|
|
2218
|
+
class="link-to-prism">src/combobox/combobox.component.ts:879</a></div>
|
|
2219
2219
|
</td>
|
|
2220
2220
|
</tr>
|
|
2221
2221
|
|
|
@@ -2256,8 +2256,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2256
2256
|
|
|
2257
2257
|
<tr>
|
|
2258
2258
|
<td class="col-md-4">
|
|
2259
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2260
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2259
|
+
<div class="io-line">Defined in <a href="" data-line="924"
|
|
2260
|
+
class="link-to-prism">src/combobox/combobox.component.ts:924</a></div>
|
|
2261
2261
|
</td>
|
|
2262
2262
|
</tr>
|
|
2263
2263
|
|
|
@@ -2293,8 +2293,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2293
2293
|
|
|
2294
2294
|
<tr>
|
|
2295
2295
|
<td class="col-md-4">
|
|
2296
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2297
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2296
|
+
<div class="io-line">Defined in <a href="" data-line="811"
|
|
2297
|
+
class="link-to-prism">src/combobox/combobox.component.ts:811</a></div>
|
|
2298
2298
|
</td>
|
|
2299
2299
|
</tr>
|
|
2300
2300
|
|
|
@@ -2423,8 +2423,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2423
2423
|
|
|
2424
2424
|
<tr>
|
|
2425
2425
|
<td class="col-md-4">
|
|
2426
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2427
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2426
|
+
<div class="io-line">Defined in <a href="" data-line="719"
|
|
2427
|
+
class="link-to-prism">src/combobox/combobox.component.ts:719</a></div>
|
|
2428
2428
|
</td>
|
|
2429
2429
|
</tr>
|
|
2430
2430
|
|
|
@@ -2462,8 +2462,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2462
2462
|
|
|
2463
2463
|
<tr>
|
|
2464
2464
|
<td class="col-md-4">
|
|
2465
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2466
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2465
|
+
<div class="io-line">Defined in <a href="" data-line="908"
|
|
2466
|
+
class="link-to-prism">src/combobox/combobox.component.ts:908</a></div>
|
|
2467
2467
|
</td>
|
|
2468
2468
|
</tr>
|
|
2469
2469
|
|
|
@@ -2609,8 +2609,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2609
2609
|
|
|
2610
2610
|
<tr>
|
|
2611
2611
|
<td class="col-md-4">
|
|
2612
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2613
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2612
|
+
<div class="io-line">Defined in <a href="" data-line="832"
|
|
2613
|
+
class="link-to-prism">src/combobox/combobox.component.ts:832</a></div>
|
|
2614
2614
|
</td>
|
|
2615
2615
|
</tr>
|
|
2616
2616
|
|
|
@@ -2895,8 +2895,8 @@ Updates pills if necessary.</p>
|
|
|
2895
2895
|
|
|
2896
2896
|
<tr>
|
|
2897
2897
|
<td class="col-md-4">
|
|
2898
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2899
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2898
|
+
<div class="io-line">Defined in <a href="" data-line="767"
|
|
2899
|
+
class="link-to-prism">src/combobox/combobox.component.ts:767</a></div>
|
|
2900
2900
|
</td>
|
|
2901
2901
|
</tr>
|
|
2902
2902
|
|
|
@@ -2977,8 +2977,8 @@ Updates pills if necessary.</p>
|
|
|
2977
2977
|
|
|
2978
2978
|
<tr>
|
|
2979
2979
|
<td class="col-md-4">
|
|
2980
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2981
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2980
|
+
<div class="io-line">Defined in <a href="" data-line="800"
|
|
2981
|
+
class="link-to-prism">src/combobox/combobox.component.ts:800</a></div>
|
|
2982
2982
|
</td>
|
|
2983
2983
|
</tr>
|
|
2984
2984
|
|
|
@@ -3048,8 +3048,8 @@ Updates pills if necessary.</p>
|
|
|
3048
3048
|
|
|
3049
3049
|
<tr>
|
|
3050
3050
|
<td class="col-md-4">
|
|
3051
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3052
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3051
|
+
<div class="io-line">Defined in <a href="" data-line="733"
|
|
3052
|
+
class="link-to-prism">src/combobox/combobox.component.ts:733</a></div>
|
|
3053
3053
|
</td>
|
|
3054
3054
|
</tr>
|
|
3055
3055
|
|
|
@@ -3293,8 +3293,8 @@ Updates pills if necessary.</p>
|
|
|
3293
3293
|
|
|
3294
3294
|
<tr>
|
|
3295
3295
|
<td class="col-md-4">
|
|
3296
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3297
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3296
|
+
<div class="io-line">Defined in <a href="" data-line="756"
|
|
3297
|
+
class="link-to-prism">src/combobox/combobox.component.ts:756</a></div>
|
|
3298
3298
|
</td>
|
|
3299
3299
|
</tr>
|
|
3300
3300
|
|
|
@@ -3375,8 +3375,8 @@ Updates pills if necessary.</p>
|
|
|
3375
3375
|
|
|
3376
3376
|
<tr>
|
|
3377
3377
|
<td class="col-md-4">
|
|
3378
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3379
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3378
|
+
<div class="io-line">Defined in <a href="" data-line="912"
|
|
3379
|
+
class="link-to-prism">src/combobox/combobox.component.ts:912</a></div>
|
|
3380
3380
|
</td>
|
|
3381
3381
|
</tr>
|
|
3382
3382
|
|
|
@@ -5239,8 +5239,8 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
|
|
|
5239
5239
|
this.elementRef.nativeElement.querySelector("input").focus();
|
|
5240
5240
|
this.view.filterBy("");
|
|
5241
5241
|
this.selected.emit(event.item);
|
|
5242
|
+
this.closeDropdown();
|
|
5242
5243
|
}
|
|
5243
|
-
this.closeDropdown();
|
|
5244
5244
|
}
|
|
5245
5245
|
});
|
|
5246
5246
|
// update the rest of combobox with any pre-selected items
|
|
@@ -5384,8 +5384,14 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
|
|
|
5384
5384
|
});
|
|
5385
5385
|
this.view.items = this.items;
|
|
5386
5386
|
this.updatePills();
|
|
5387
|
-
|
|
5388
|
-
|
|
5387
|
+
/**
|
|
5388
|
+
* @todo - In next major version update to the following:
|
|
5389
|
+
* const selected = this.type === "multi" ? this.view.getSelected() : undefined;
|
|
5390
|
+
*
|
|
5391
|
+
* Previously it returned an empty array even for type === 'single'
|
|
5392
|
+
* Also resolve #ref-1245723
|
|
5393
|
+
*/
|
|
5394
|
+
// On type=multi we just emit getSelected() (just in case there's any disabled but selected items)
|
|
5389
5395
|
const selected = this.view.getSelected();
|
|
5390
5396
|
|
|
5391
5397
|
// in case there are disabled items they should be mapped according to itemValueKey
|
|
@@ -1546,8 +1546,8 @@ Emits an event when date picker closes</p>
|
|
|
1546
1546
|
|
|
1547
1547
|
<tr>
|
|
1548
1548
|
<td class="col-md-4">
|
|
1549
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1550
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
1549
|
+
<div class="io-line">Defined in <a href="" data-line="694"
|
|
1550
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:694</a></div>
|
|
1551
1551
|
</td>
|
|
1552
1552
|
</tr>
|
|
1553
1553
|
|
|
@@ -1620,8 +1620,8 @@ Emits an event when date picker closes</p>
|
|
|
1620
1620
|
|
|
1621
1621
|
<tr>
|
|
1622
1622
|
<td class="col-md-4">
|
|
1623
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1624
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
1623
|
+
<div class="io-line">Defined in <a href="" data-line="671"
|
|
1624
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:671</a></div>
|
|
1625
1625
|
</td>
|
|
1626
1626
|
</tr>
|
|
1627
1627
|
|
|
@@ -1689,8 +1689,8 @@ Emits an event when date picker closes</p>
|
|
|
1689
1689
|
|
|
1690
1690
|
<tr>
|
|
1691
1691
|
<td class="col-md-4">
|
|
1692
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1693
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
1692
|
+
<div class="io-line">Defined in <a href="" data-line="701"
|
|
1693
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:701</a></div>
|
|
1694
1694
|
</td>
|
|
1695
1695
|
</tr>
|
|
1696
1696
|
|
|
@@ -1730,8 +1730,8 @@ Emits an event when date picker closes</p>
|
|
|
1730
1730
|
|
|
1731
1731
|
<tr>
|
|
1732
1732
|
<td class="col-md-4">
|
|
1733
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1734
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
1733
|
+
<div class="io-line">Defined in <a href="" data-line="720"
|
|
1734
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:720</a></div>
|
|
1735
1735
|
</td>
|
|
1736
1736
|
</tr>
|
|
1737
1737
|
|
|
@@ -2421,8 +2421,8 @@ Emits an event when date picker closes</p>
|
|
|
2421
2421
|
|
|
2422
2422
|
<tr>
|
|
2423
2423
|
<td class="col-md-4">
|
|
2424
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2425
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
2424
|
+
<div class="io-line">Defined in <a href="" data-line="547"
|
|
2425
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:547</a></div>
|
|
2426
2426
|
</td>
|
|
2427
2427
|
</tr>
|
|
2428
2428
|
|
|
@@ -2498,8 +2498,8 @@ Emits an event when date picker closes</p>
|
|
|
2498
2498
|
|
|
2499
2499
|
<tr>
|
|
2500
2500
|
<td class="col-md-4">
|
|
2501
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2502
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
2501
|
+
<div class="io-line">Defined in <a href="" data-line="709"
|
|
2502
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:709</a></div>
|
|
2503
2503
|
</td>
|
|
2504
2504
|
</tr>
|
|
2505
2505
|
|
|
@@ -2539,8 +2539,8 @@ Emits an event when date picker closes</p>
|
|
|
2539
2539
|
|
|
2540
2540
|
<tr>
|
|
2541
2541
|
<td class="col-md-4">
|
|
2542
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2543
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
2542
|
+
<div class="io-line">Defined in <a href="" data-line="621"
|
|
2543
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:621</a></div>
|
|
2544
2544
|
</td>
|
|
2545
2545
|
</tr>
|
|
2546
2546
|
|
|
@@ -2690,8 +2690,8 @@ Emits an event when date picker closes</p>
|
|
|
2690
2690
|
|
|
2691
2691
|
<tr>
|
|
2692
2692
|
<td class="col-md-4">
|
|
2693
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2694
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
2693
|
+
<div class="io-line">Defined in <a href="" data-line="609"
|
|
2694
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:609</a></div>
|
|
2695
2695
|
</td>
|
|
2696
2696
|
</tr>
|
|
2697
2697
|
|
|
@@ -2768,8 +2768,8 @@ Emits an event when date picker closes</p>
|
|
|
2768
2768
|
|
|
2769
2769
|
<tr>
|
|
2770
2770
|
<td class="col-md-4">
|
|
2771
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2772
|
-
class="link-to-prism">src/datepicker/datepicker.component.ts:
|
|
2771
|
+
<div class="io-line">Defined in <a href="" data-line="563"
|
|
2772
|
+
class="link-to-prism">src/datepicker/datepicker.component.ts:563</a></div>
|
|
2773
2773
|
</td>
|
|
2774
2774
|
</tr>
|
|
2775
2775
|
|
|
@@ -3145,7 +3145,7 @@ Emits an event when date picker closes</p>
|
|
|
3145
3145
|
</tr>
|
|
3146
3146
|
<tr>
|
|
3147
3147
|
<td class="col-md-4">
|
|
3148
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3148
|
+
<div class="io-line">Defined in <a href="" data-line="669" class="link-to-prism">src/datepicker/datepicker.component.ts:669</a></div>
|
|
3149
3149
|
</td>
|
|
3150
3150
|
</tr>
|
|
3151
3151
|
|
|
@@ -3874,9 +3874,11 @@ export class DatePicker implements
|
|
|
3874
3874
|
|
|
3875
3875
|
const calendarContainer = this.flatpickrInstance.calendarContainer;
|
|
3876
3876
|
const dayElement = calendarContainer && calendarContainer.querySelector(".flatpickr-day[tabindex]");
|
|
3877
|
+
const selectedDateElem = calendarContainer && calendarContainer.querySelector('.selected');
|
|
3878
|
+
const todayDateElem = calendarContainer && calendarContainer.querySelector('.today');
|
|
3877
3879
|
|
|
3878
3880
|
if (dayElement) {
|
|
3879
|
-
dayElement.focus();
|
|
3881
|
+
(todayDateElem || selectedDateElem || dayElement).focus();
|
|
3880
3882
|
|
|
3881
3883
|
// If the user manually inputs a value into the date field and presses arrow down,
|
|
3882
3884
|
// datepicker input onchange will be triggered when focus is removed from it and
|
|
@@ -3955,6 +3957,7 @@ export class DatePicker implements
|
|
|
3955
3957
|
|
|
3956
3958
|
// add day classes and special case the "today" element based on `this.value`
|
|
3957
3959
|
Array.from(dayContainer).forEach(element => {
|
|
3960
|
+
element.setAttribute('role', 'button');
|
|
3958
3961
|
element.classList.add("cds--date-picker__day");
|
|
3959
3962
|
if (!this.value) {
|
|
3960
3963
|
return;
|
|
@@ -3970,7 +3973,7 @@ export class DatePicker implements
|
|
|
3970
3973
|
protected updateAttributes() {
|
|
3971
3974
|
const calendarContainer = document.querySelectorAll(".flatpickr-calendar");
|
|
3972
3975
|
Array.from(calendarContainer).forEach(calendar => {
|
|
3973
|
-
calendar.setAttribute("role", "
|
|
3976
|
+
calendar.setAttribute("role", "application");
|
|
3974
3977
|
calendar.setAttribute("aria-label", this.ariaLabel);
|
|
3975
3978
|
});
|
|
3976
3979
|
}
|