carbon-components-angular 3.52.3 → 3.53.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.
- package/bundle/carbon-angular.umd.js +1 -1
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/checkbox/checkbox.component.js +1 -1
- package/checkbox/checkbox.component.js.map +1 -1
- package/checkbox/checkbox.component.metadata.json +1 -1
- package/checkbox/checkbox.component.ngfactory.js +1 -1
- package/checkbox/checkbox.component.ngfactory.js.map +1 -1
- package/combobox/combobox.component.js +3 -7
- package/combobox/combobox.component.js.map +1 -1
- package/combobox/combobox.component.metadata.json +1 -1
- package/combobox/combobox.component.ngfactory.js +3 -3
- package/combobox/combobox.component.ngfactory.js.map +1 -1
- package/combobox/combobox.module.ngfactory.js.map +1 -1
- package/docs/documentation/classes/CheckboxChange.html +2 -2
- package/docs/documentation/components/Checkbox.html +5 -5
- package/docs/documentation/components/ComboBox.html +85 -84
- package/docs/documentation/components/FileUploader.html +80 -40
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/graph/dependencies.dot +1 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +30 -56
- package/docs/documentation/modules/DatePickerInputModule.html +30 -56
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/{main.e146fc75fe133cb0efbb.bundle.js → main.767fc9bea0250161aab4.bundle.js} +50 -25
- package/docs/storybook/main.767fc9bea0250161aab4.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.e146fc75fe133cb0efbb.bundle.js → runtime~main.767fc9bea0250161aab4.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.e146fc75fe133cb0efbb.bundle.js.map → runtime~main.767fc9bea0250161aab4.bundle.js.map} +1 -1
- package/docs/storybook/{vendors~main.e146fc75fe133cb0efbb.bundle.js → vendors~main.767fc9bea0250161aab4.bundle.js} +1 -1
- package/docs/storybook/{vendors~main.e146fc75fe133cb0efbb.bundle.js.map → vendors~main.767fc9bea0250161aab4.bundle.js.map} +1 -1
- package/file-uploader/file-uploader.component.d.ts +4 -0
- package/file-uploader/file-uploader.component.js +9 -2
- package/file-uploader/file-uploader.component.js.map +1 -1
- package/file-uploader/file-uploader.component.metadata.json +1 -1
- package/file-uploader/file-uploader.component.ngfactory.js +7 -7
- package/file-uploader/file-uploader.component.ngfactory.js.map +1 -1
- package/file-uploader/file-uploader.component.ngsummary.json +1 -1
- package/package.json +1 -1
- package/docs/storybook/main.e146fc75fe133cb0efbb.bundle.js.map +0 -1
|
@@ -126,7 +126,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
126
126
|
<div
|
|
127
127
|
[ngClass]="{
|
|
128
128
|
'bx--multi-select': type === 'multi',
|
|
129
|
-
'bx--combo-box': type === 'single' || !pills.length
|
|
129
|
+
'bx--combo-box': type === 'single' || !pills.length,
|
|
130
|
+
'bx--list-box--disabled': disabled
|
|
130
131
|
}"
|
|
131
132
|
class="bx--combo-box bx--list-box"
|
|
132
133
|
role="listbox"
|
|
@@ -171,6 +172,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
171
172
|
(keydown.enter)="onSubmit($event)"
|
|
172
173
|
[value]="selectedValue"
|
|
173
174
|
class="bx--text-input"
|
|
175
|
+
[ngClass]="{'bx--text-input--empty': !showClearButton}"
|
|
174
176
|
role="searchbox"
|
|
175
177
|
tabindex="0"
|
|
176
178
|
[attr.aria-aria-labelledby]="id"
|
|
@@ -551,7 +553,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
551
553
|
</tr>
|
|
552
554
|
<tr>
|
|
553
555
|
<td class="col-md-4">
|
|
554
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
556
|
+
<div class="io-line">Defined in <a href="" data-line="338" class="link-to-prism">src/combobox/combobox.component.ts:338</a></div>
|
|
555
557
|
</td>
|
|
556
558
|
</tr>
|
|
557
559
|
|
|
@@ -631,7 +633,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
631
633
|
</tr>
|
|
632
634
|
<tr>
|
|
633
635
|
<td class="col-md-2" colspan="2">
|
|
634
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
636
|
+
<div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/combobox/combobox.component.ts:258</a></div>
|
|
635
637
|
</td>
|
|
636
638
|
</tr>
|
|
637
639
|
</tbody>
|
|
@@ -650,7 +652,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
650
652
|
</tr>
|
|
651
653
|
<tr>
|
|
652
654
|
<td class="col-md-2" colspan="2">
|
|
653
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
655
|
+
<div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/combobox/combobox.component.ts:238</a></div>
|
|
654
656
|
</td>
|
|
655
657
|
</tr>
|
|
656
658
|
</tbody>
|
|
@@ -669,7 +671,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
669
671
|
</tr>
|
|
670
672
|
<tr>
|
|
671
673
|
<td class="col-md-2" colspan="2">
|
|
672
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
674
|
+
<div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/combobox/combobox.component.ts:228</a></div>
|
|
673
675
|
</td>
|
|
674
676
|
</tr>
|
|
675
677
|
</tbody>
|
|
@@ -688,7 +690,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
688
690
|
</tr>
|
|
689
691
|
<tr>
|
|
690
692
|
<td class="col-md-2" colspan="2">
|
|
691
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
693
|
+
<div class="io-line">Defined in <a href="" data-line="248" class="link-to-prism">src/combobox/combobox.component.ts:248</a></div>
|
|
692
694
|
</td>
|
|
693
695
|
</tr>
|
|
694
696
|
</tbody>
|
|
@@ -707,7 +709,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
707
709
|
</tr>
|
|
708
710
|
<tr>
|
|
709
711
|
<td class="col-md-2" colspan="2">
|
|
710
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
712
|
+
<div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/combobox/combobox.component.ts:218</a></div>
|
|
711
713
|
</td>
|
|
712
714
|
</tr>
|
|
713
715
|
</tbody>
|
|
@@ -729,7 +731,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
729
731
|
</tr>
|
|
730
732
|
<tr>
|
|
731
733
|
<td class="col-md-2" colspan="2">
|
|
732
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
734
|
+
<div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/combobox/combobox.component.ts:268</a></div>
|
|
733
735
|
</td>
|
|
734
736
|
</tr>
|
|
735
737
|
</tbody>
|
|
@@ -752,7 +754,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
752
754
|
</tr>
|
|
753
755
|
<tr>
|
|
754
756
|
<td class="col-md-2" colspan="2">
|
|
755
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
757
|
+
<div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/combobox/combobox.component.ts:192</a></div>
|
|
756
758
|
</td>
|
|
757
759
|
</tr>
|
|
758
760
|
</tbody>
|
|
@@ -772,7 +774,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
772
774
|
</tr>
|
|
773
775
|
<tr>
|
|
774
776
|
<td class="col-md-2" colspan="2">
|
|
775
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
777
|
+
<div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/combobox/combobox.component.ts:139</a></div>
|
|
776
778
|
</td>
|
|
777
779
|
</tr>
|
|
778
780
|
</tbody>
|
|
@@ -794,7 +796,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
794
796
|
</tr>
|
|
795
797
|
<tr>
|
|
796
798
|
<td class="col-md-2" colspan="2">
|
|
797
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
799
|
+
<div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/combobox/combobox.component.ts:196</a></div>
|
|
798
800
|
</td>
|
|
799
801
|
</tr>
|
|
800
802
|
</tbody>
|
|
@@ -817,7 +819,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
817
819
|
</tr>
|
|
818
820
|
<tr>
|
|
819
821
|
<td class="col-md-2" colspan="2">
|
|
820
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
822
|
+
<div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/combobox/combobox.component.ts:200</a></div>
|
|
821
823
|
</td>
|
|
822
824
|
</tr>
|
|
823
825
|
</tbody>
|
|
@@ -862,7 +864,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
862
864
|
</tr>
|
|
863
865
|
<tr>
|
|
864
866
|
<td class="col-md-2" colspan="2">
|
|
865
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
867
|
+
<div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/combobox/combobox.component.ts:166</a></div>
|
|
866
868
|
</td>
|
|
867
869
|
</tr>
|
|
868
870
|
</tbody>
|
|
@@ -885,7 +887,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
885
887
|
</tr>
|
|
886
888
|
<tr>
|
|
887
889
|
<td class="col-md-2" colspan="2">
|
|
888
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
890
|
+
<div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/combobox/combobox.component.ts:188</a></div>
|
|
889
891
|
</td>
|
|
890
892
|
</tr>
|
|
891
893
|
</tbody>
|
|
@@ -911,7 +913,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
911
913
|
</tr>
|
|
912
914
|
<tr>
|
|
913
915
|
<td class="col-md-2" colspan="2">
|
|
914
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
916
|
+
<div class="io-line">Defined in <a href="" data-line="204" class="link-to-prism">src/combobox/combobox.component.ts:204</a></div>
|
|
915
917
|
</td>
|
|
916
918
|
</tr>
|
|
917
919
|
</tbody>
|
|
@@ -930,7 +932,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
930
932
|
</tr>
|
|
931
933
|
<tr>
|
|
932
934
|
<td class="col-md-2" colspan="2">
|
|
933
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
935
|
+
<div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/combobox/combobox.component.ts:208</a></div>
|
|
934
936
|
</td>
|
|
935
937
|
</tr>
|
|
936
938
|
</tbody>
|
|
@@ -949,7 +951,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
949
951
|
</tr>
|
|
950
952
|
<tr>
|
|
951
953
|
<td class="col-md-2" colspan="2">
|
|
952
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
954
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/combobox/combobox.component.ts:170</a></div>
|
|
953
955
|
</td>
|
|
954
956
|
</tr>
|
|
955
957
|
</tbody>
|
|
@@ -975,7 +977,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
975
977
|
</tr>
|
|
976
978
|
<tr>
|
|
977
979
|
<td class="col-md-2" colspan="2">
|
|
978
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
980
|
+
<div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/combobox/combobox.component.ts:184</a></div>
|
|
979
981
|
</td>
|
|
980
982
|
</tr>
|
|
981
983
|
</tbody>
|
|
@@ -1001,7 +1003,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1001
1003
|
</tr>
|
|
1002
1004
|
<tr>
|
|
1003
1005
|
<td class="col-md-2" colspan="2">
|
|
1004
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1006
|
+
<div class="io-line">Defined in <a href="" data-line="180" class="link-to-prism">src/combobox/combobox.component.ts:180</a></div>
|
|
1005
1007
|
</td>
|
|
1006
1008
|
</tr>
|
|
1007
1009
|
</tbody>
|
|
@@ -1025,7 +1027,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1025
1027
|
</tr>
|
|
1026
1028
|
<tr>
|
|
1027
1029
|
<td class="col-md-2" colspan="2">
|
|
1028
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1030
|
+
<div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/combobox/combobox.component.ts:309</a></div>
|
|
1029
1031
|
</td>
|
|
1030
1032
|
</tr>
|
|
1031
1033
|
</tbody>
|
|
@@ -1044,7 +1046,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1044
1046
|
</tr>
|
|
1045
1047
|
<tr>
|
|
1046
1048
|
<td class="col-md-2" colspan="2">
|
|
1047
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1049
|
+
<div class="io-line">Defined in <a href="" data-line="310" class="link-to-prism">src/combobox/combobox.component.ts:310</a></div>
|
|
1048
1050
|
</td>
|
|
1049
1051
|
</tr>
|
|
1050
1052
|
</tbody>
|
|
@@ -1070,7 +1072,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1070
1072
|
</tr>
|
|
1071
1073
|
<tr>
|
|
1072
1074
|
<td class="col-md-2" colspan="2">
|
|
1073
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1075
|
+
<div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/combobox/combobox.component.ts:280</a></div>
|
|
1074
1076
|
</td>
|
|
1075
1077
|
</tr>
|
|
1076
1078
|
</tbody>
|
|
@@ -1106,7 +1108,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1106
1108
|
</tr>
|
|
1107
1109
|
<tr>
|
|
1108
1110
|
<td class="col-md-2" colspan="2">
|
|
1109
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1111
|
+
<div class="io-line">Defined in <a href="" data-line="307" class="link-to-prism">src/combobox/combobox.component.ts:307</a></div>
|
|
1110
1112
|
</td>
|
|
1111
1113
|
</tr>
|
|
1112
1114
|
</tbody>
|
|
@@ -1139,7 +1141,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1139
1141
|
</tr>
|
|
1140
1142
|
<tr>
|
|
1141
1143
|
<td class="col-md-4">
|
|
1142
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1144
|
+
<div class="io-line">Defined in <a href="" data-line="316" class="link-to-prism">src/combobox/combobox.component.ts:316</a></div>
|
|
1143
1145
|
</td>
|
|
1144
1146
|
</tr>
|
|
1145
1147
|
|
|
@@ -1172,7 +1174,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1172
1174
|
</tr>
|
|
1173
1175
|
<tr>
|
|
1174
1176
|
<td class="col-md-4">
|
|
1175
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1177
|
+
<div class="io-line">Defined in <a href="" data-line="315" class="link-to-prism">src/combobox/combobox.component.ts:315</a></div>
|
|
1176
1178
|
</td>
|
|
1177
1179
|
</tr>
|
|
1178
1180
|
|
|
@@ -1205,7 +1207,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1205
1207
|
</tr>
|
|
1206
1208
|
<tr>
|
|
1207
1209
|
<td class="col-md-4">
|
|
1208
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1210
|
+
<div class="io-line">Defined in <a href="" data-line="317" class="link-to-prism">src/combobox/combobox.component.ts:317</a></div>
|
|
1209
1211
|
</td>
|
|
1210
1212
|
</tr>
|
|
1211
1213
|
|
|
@@ -1242,7 +1244,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1242
1244
|
|
|
1243
1245
|
<tr>
|
|
1244
1246
|
<td class="col-md-4">
|
|
1245
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1247
|
+
<div class="io-line">Defined in <a href="" data-line="421" class="link-to-prism">src/combobox/combobox.component.ts:421</a></div>
|
|
1246
1248
|
</td>
|
|
1247
1249
|
</tr>
|
|
1248
1250
|
|
|
@@ -1285,7 +1287,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1285
1287
|
|
|
1286
1288
|
<tr>
|
|
1287
1289
|
<td class="col-md-4">
|
|
1288
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1290
|
+
<div class="io-line">Defined in <a href="" data-line="435" class="link-to-prism">src/combobox/combobox.component.ts:435</a></div>
|
|
1289
1291
|
</td>
|
|
1290
1292
|
</tr>
|
|
1291
1293
|
|
|
@@ -1323,7 +1325,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1323
1325
|
|
|
1324
1326
|
<tr>
|
|
1325
1327
|
<td class="col-md-4">
|
|
1326
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1328
|
+
<div class="io-line">Defined in <a href="" data-line="557" class="link-to-prism">src/combobox/combobox.component.ts:557</a></div>
|
|
1327
1329
|
</td>
|
|
1328
1330
|
</tr>
|
|
1329
1331
|
|
|
@@ -1390,7 +1392,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1390
1392
|
|
|
1391
1393
|
<tr>
|
|
1392
1394
|
<td class="col-md-4">
|
|
1393
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1395
|
+
<div class="io-line">Defined in <a href="" data-line="470" class="link-to-prism">src/combobox/combobox.component.ts:470</a></div>
|
|
1394
1396
|
</td>
|
|
1395
1397
|
</tr>
|
|
1396
1398
|
|
|
@@ -1430,7 +1432,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1430
1432
|
|
|
1431
1433
|
<tr>
|
|
1432
1434
|
<td class="col-md-4">
|
|
1433
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1435
|
+
<div class="io-line">Defined in <a href="" data-line="487" class="link-to-prism">src/combobox/combobox.component.ts:487</a></div>
|
|
1434
1436
|
</td>
|
|
1435
1437
|
</tr>
|
|
1436
1438
|
|
|
@@ -1472,7 +1474,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1472
1474
|
|
|
1473
1475
|
<tr>
|
|
1474
1476
|
<td class="col-md-4">
|
|
1475
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1477
|
+
<div class="io-line">Defined in <a href="" data-line="569" class="link-to-prism">src/combobox/combobox.component.ts:569</a></div>
|
|
1476
1478
|
</td>
|
|
1477
1479
|
</tr>
|
|
1478
1480
|
|
|
@@ -1537,7 +1539,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1537
1539
|
|
|
1538
1540
|
<tr>
|
|
1539
1541
|
<td class="col-md-4">
|
|
1540
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1542
|
+
<div class="io-line">Defined in <a href="" data-line="368" class="link-to-prism">src/combobox/combobox.component.ts:368</a></div>
|
|
1541
1543
|
</td>
|
|
1542
1544
|
</tr>
|
|
1543
1545
|
|
|
@@ -1578,7 +1580,7 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
|
|
|
1578
1580
|
|
|
1579
1581
|
<tr>
|
|
1580
1582
|
<td class="col-md-4">
|
|
1581
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1583
|
+
<div class="io-line">Defined in <a href="" data-line="407" class="link-to-prism">src/combobox/combobox.component.ts:407</a></div>
|
|
1582
1584
|
</td>
|
|
1583
1585
|
</tr>
|
|
1584
1586
|
|
|
@@ -1618,7 +1620,7 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
|
|
|
1618
1620
|
|
|
1619
1621
|
<tr>
|
|
1620
1622
|
<td class="col-md-4">
|
|
1621
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1623
|
+
<div class="io-line">Defined in <a href="" data-line="354" class="link-to-prism">src/combobox/combobox.component.ts:354</a></div>
|
|
1622
1624
|
</td>
|
|
1623
1625
|
</tr>
|
|
1624
1626
|
|
|
@@ -1686,7 +1688,7 @@ Updates pills if necessary.</p>
|
|
|
1686
1688
|
|
|
1687
1689
|
<tr>
|
|
1688
1690
|
<td class="col-md-4">
|
|
1689
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1691
|
+
<div class="io-line">Defined in <a href="" data-line="450" class="link-to-prism">src/combobox/combobox.component.ts:450</a></div>
|
|
1690
1692
|
</td>
|
|
1691
1693
|
</tr>
|
|
1692
1694
|
|
|
@@ -1726,7 +1728,7 @@ Updates pills if necessary.</p>
|
|
|
1726
1728
|
|
|
1727
1729
|
<tr>
|
|
1728
1730
|
<td class="col-md-4">
|
|
1729
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1731
|
+
<div class="io-line">Defined in <a href="" data-line="514" class="link-to-prism">src/combobox/combobox.component.ts:514</a></div>
|
|
1730
1732
|
</td>
|
|
1731
1733
|
</tr>
|
|
1732
1734
|
|
|
@@ -1810,7 +1812,7 @@ Updates pills if necessary.</p>
|
|
|
1810
1812
|
|
|
1811
1813
|
<tr>
|
|
1812
1814
|
<td class="col-md-4">
|
|
1813
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1815
|
+
<div class="io-line">Defined in <a href="" data-line="546" class="link-to-prism">src/combobox/combobox.component.ts:546</a></div>
|
|
1814
1816
|
</td>
|
|
1815
1817
|
</tr>
|
|
1816
1818
|
|
|
@@ -1883,7 +1885,7 @@ Updates pills if necessary.</p>
|
|
|
1883
1885
|
|
|
1884
1886
|
<tr>
|
|
1885
1887
|
<td class="col-md-4">
|
|
1886
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1888
|
+
<div class="io-line">Defined in <a href="" data-line="495" class="link-to-prism">src/combobox/combobox.component.ts:495</a></div>
|
|
1887
1889
|
</td>
|
|
1888
1890
|
</tr>
|
|
1889
1891
|
|
|
@@ -1923,7 +1925,7 @@ Updates pills if necessary.</p>
|
|
|
1923
1925
|
|
|
1924
1926
|
<tr>
|
|
1925
1927
|
<td class="col-md-4">
|
|
1926
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1928
|
+
<div class="io-line">Defined in <a href="" data-line="454" class="link-to-prism">src/combobox/combobox.component.ts:454</a></div>
|
|
1927
1929
|
</td>
|
|
1928
1930
|
</tr>
|
|
1929
1931
|
|
|
@@ -1992,7 +1994,7 @@ Updates pills if necessary.</p>
|
|
|
1992
1994
|
|
|
1993
1995
|
<tr>
|
|
1994
1996
|
<td class="col-md-4">
|
|
1995
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1997
|
+
<div class="io-line">Defined in <a href="" data-line="458" class="link-to-prism">src/combobox/combobox.component.ts:458</a></div>
|
|
1996
1998
|
</td>
|
|
1997
1999
|
</tr>
|
|
1998
2000
|
|
|
@@ -2063,7 +2065,7 @@ Updates pills if necessary.</p>
|
|
|
2063
2065
|
|
|
2064
2066
|
<tr>
|
|
2065
2067
|
<td class="col-md-4">
|
|
2066
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2068
|
+
<div class="io-line">Defined in <a href="" data-line="503" class="link-to-prism">src/combobox/combobox.component.ts:503</a></div>
|
|
2067
2069
|
</td>
|
|
2068
2070
|
</tr>
|
|
2069
2071
|
|
|
@@ -2105,7 +2107,7 @@ Updates pills if necessary.</p>
|
|
|
2105
2107
|
|
|
2106
2108
|
<tr>
|
|
2107
2109
|
<td class="col-md-4">
|
|
2108
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2110
|
+
<div class="io-line">Defined in <a href="" data-line="465" class="link-to-prism">src/combobox/combobox.component.ts:465</a></div>
|
|
2109
2111
|
</td>
|
|
2110
2112
|
</tr>
|
|
2111
2113
|
|
|
@@ -2147,7 +2149,7 @@ Updates pills if necessary.</p>
|
|
|
2147
2149
|
|
|
2148
2150
|
<tr>
|
|
2149
2151
|
<td class="col-md-4">
|
|
2150
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2152
|
+
<div class="io-line">Defined in <a href="" data-line="573" class="link-to-prism">src/combobox/combobox.component.ts:573</a></div>
|
|
2151
2153
|
</td>
|
|
2152
2154
|
</tr>
|
|
2153
2155
|
|
|
@@ -2185,7 +2187,7 @@ Updates pills if necessary.</p>
|
|
|
2185
2187
|
|
|
2186
2188
|
<tr>
|
|
2187
2189
|
<td class="col-md-4">
|
|
2188
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2190
|
+
<div class="io-line">Defined in <a href="" data-line="440" class="link-to-prism">src/combobox/combobox.component.ts:440</a></div>
|
|
2189
2191
|
</td>
|
|
2190
2192
|
</tr>
|
|
2191
2193
|
|
|
@@ -2266,7 +2268,7 @@ Updates pills if necessary.</p>
|
|
|
2266
2268
|
</tr>
|
|
2267
2269
|
<tr>
|
|
2268
2270
|
<td class="col-md-4">
|
|
2269
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2271
|
+
<div class="io-line">Defined in <a href="" data-line="338" class="link-to-prism">src/combobox/combobox.component.ts:338</a></div>
|
|
2270
2272
|
</td>
|
|
2271
2273
|
</tr>
|
|
2272
2274
|
|
|
@@ -2300,7 +2302,7 @@ Updates pills if necessary.</p>
|
|
|
2300
2302
|
</tr>
|
|
2301
2303
|
<tr>
|
|
2302
2304
|
<td class="col-md-4">
|
|
2303
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2305
|
+
<div class="io-line">Defined in <a href="" data-line="336" class="link-to-prism">src/combobox/combobox.component.ts:336</a></div>
|
|
2304
2306
|
</td>
|
|
2305
2307
|
</tr>
|
|
2306
2308
|
|
|
@@ -2334,7 +2336,7 @@ Updates pills if necessary.</p>
|
|
|
2334
2336
|
</tr>
|
|
2335
2337
|
<tr>
|
|
2336
2338
|
<td class="col-md-4">
|
|
2337
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2339
|
+
<div class="io-line">Defined in <a href="" data-line="335" class="link-to-prism">src/combobox/combobox.component.ts:335</a></div>
|
|
2338
2340
|
</td>
|
|
2339
2341
|
</tr>
|
|
2340
2342
|
|
|
@@ -2368,7 +2370,7 @@ Updates pills if necessary.</p>
|
|
|
2368
2370
|
</tr>
|
|
2369
2371
|
<tr>
|
|
2370
2372
|
<td class="col-md-4">
|
|
2371
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2373
|
+
<div class="io-line">Defined in <a href="" data-line="337" class="link-to-prism">src/combobox/combobox.component.ts:337</a></div>
|
|
2372
2374
|
</td>
|
|
2373
2375
|
</tr>
|
|
2374
2376
|
|
|
@@ -2402,7 +2404,7 @@ Updates pills if necessary.</p>
|
|
|
2402
2404
|
</tr>
|
|
2403
2405
|
<tr>
|
|
2404
2406
|
<td class="col-md-4">
|
|
2405
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2407
|
+
<div class="io-line">Defined in <a href="" data-line="333" class="link-to-prism">src/combobox/combobox.component.ts:333</a></div>
|
|
2406
2408
|
</td>
|
|
2407
2409
|
</tr>
|
|
2408
2410
|
|
|
@@ -2436,7 +2438,7 @@ Updates pills if necessary.</p>
|
|
|
2436
2438
|
</tr>
|
|
2437
2439
|
<tr>
|
|
2438
2440
|
<td class="col-md-4">
|
|
2439
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2441
|
+
<div class="io-line">Defined in <a href="" data-line="334" class="link-to-prism">src/combobox/combobox.component.ts:334</a></div>
|
|
2440
2442
|
</td>
|
|
2441
2443
|
</tr>
|
|
2442
2444
|
|
|
@@ -2470,7 +2472,7 @@ Updates pills if necessary.</p>
|
|
|
2470
2472
|
</tr>
|
|
2471
2473
|
<tr>
|
|
2472
2474
|
<td class="col-md-4">
|
|
2473
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2475
|
+
<div class="io-line">Defined in <a href="" data-line="332" class="link-to-prism">src/combobox/combobox.component.ts:332</a></div>
|
|
2474
2476
|
</td>
|
|
2475
2477
|
</tr>
|
|
2476
2478
|
|
|
@@ -2510,7 +2512,7 @@ Updates pills if necessary.</p>
|
|
|
2510
2512
|
</tr>
|
|
2511
2513
|
<tr>
|
|
2512
2514
|
<td class="col-md-4">
|
|
2513
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2515
|
+
<div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/combobox/combobox.component.ts:138</a></div>
|
|
2514
2516
|
</td>
|
|
2515
2517
|
</tr>
|
|
2516
2518
|
|
|
@@ -2547,7 +2549,7 @@ Updates pills if necessary.</p>
|
|
|
2547
2549
|
</tr>
|
|
2548
2550
|
<tr>
|
|
2549
2551
|
<td class="col-md-4">
|
|
2550
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2552
|
+
<div class="io-line">Defined in <a href="" data-line="313" class="link-to-prism">src/combobox/combobox.component.ts:313</a></div>
|
|
2551
2553
|
</td>
|
|
2552
2554
|
</tr>
|
|
2553
2555
|
|
|
@@ -2590,7 +2592,7 @@ Updates pills if necessary.</p>
|
|
|
2590
2592
|
</tr>
|
|
2591
2593
|
<tr>
|
|
2592
2594
|
<td class="col-md-4">
|
|
2593
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2595
|
+
<div class="io-line">Defined in <a href="" data-line="314" class="link-to-prism">src/combobox/combobox.component.ts:314</a></div>
|
|
2594
2596
|
</td>
|
|
2595
2597
|
</tr>
|
|
2596
2598
|
|
|
@@ -2624,7 +2626,7 @@ Updates pills if necessary.</p>
|
|
|
2624
2626
|
</tr>
|
|
2625
2627
|
<tr>
|
|
2626
2628
|
<td class="col-md-4">
|
|
2627
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2629
|
+
<div class="io-line">Defined in <a href="" data-line="328" class="link-to-prism">src/combobox/combobox.component.ts:328</a></div>
|
|
2628
2630
|
</td>
|
|
2629
2631
|
</tr>
|
|
2630
2632
|
|
|
@@ -2664,7 +2666,7 @@ Updates pills if necessary.</p>
|
|
|
2664
2666
|
</tr>
|
|
2665
2667
|
<tr>
|
|
2666
2668
|
<td class="col-md-4">
|
|
2667
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2669
|
+
<div class="io-line">Defined in <a href="" data-line="329" class="link-to-prism">src/combobox/combobox.component.ts:329</a></div>
|
|
2668
2670
|
</td>
|
|
2669
2671
|
</tr>
|
|
2670
2672
|
|
|
@@ -2698,7 +2700,7 @@ Updates pills if necessary.</p>
|
|
|
2698
2700
|
</tr>
|
|
2699
2701
|
<tr>
|
|
2700
2702
|
<td class="col-md-4">
|
|
2701
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2703
|
+
<div class="io-line">Defined in <a href="" data-line="319" class="link-to-prism">src/combobox/combobox.component.ts:319</a></div>
|
|
2702
2704
|
</td>
|
|
2703
2705
|
</tr>
|
|
2704
2706
|
|
|
@@ -2738,7 +2740,7 @@ Updates pills if necessary.</p>
|
|
|
2738
2740
|
</tr>
|
|
2739
2741
|
<tr>
|
|
2740
2742
|
<td class="col-md-4">
|
|
2741
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2743
|
+
<div class="io-line">Defined in <a href="" data-line="324" class="link-to-prism">src/combobox/combobox.component.ts:324</a></div>
|
|
2742
2744
|
</td>
|
|
2743
2745
|
</tr>
|
|
2744
2746
|
|
|
@@ -2784,7 +2786,7 @@ Updates pills if necessary.</p>
|
|
|
2784
2786
|
</tr>
|
|
2785
2787
|
<tr>
|
|
2786
2788
|
<td class="col-md-4">
|
|
2787
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2789
|
+
<div class="io-line">Defined in <a href="" data-line="330" class="link-to-prism">src/combobox/combobox.component.ts:330</a></div>
|
|
2788
2790
|
</td>
|
|
2789
2791
|
</tr>
|
|
2790
2792
|
|
|
@@ -2824,7 +2826,7 @@ Updates pills if necessary.</p>
|
|
|
2824
2826
|
</tr>
|
|
2825
2827
|
<tr>
|
|
2826
2828
|
<td class="col-md-4">
|
|
2827
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2829
|
+
<div class="io-line">Defined in <a href="" data-line="326" class="link-to-prism">src/combobox/combobox.component.ts:326</a></div>
|
|
2828
2830
|
</td>
|
|
2829
2831
|
</tr>
|
|
2830
2832
|
|
|
@@ -2864,7 +2866,7 @@ Updates pills if necessary.</p>
|
|
|
2864
2866
|
</tr>
|
|
2865
2867
|
<tr>
|
|
2866
2868
|
<td class="col-md-4">
|
|
2867
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2869
|
+
<div class="io-line">Defined in <a href="" data-line="321" class="link-to-prism">src/combobox/combobox.component.ts:321</a></div>
|
|
2868
2870
|
</td>
|
|
2869
2871
|
</tr>
|
|
2870
2872
|
|
|
@@ -2907,7 +2909,7 @@ Updates pills if necessary.</p>
|
|
|
2907
2909
|
</tr>
|
|
2908
2910
|
<tr>
|
|
2909
2911
|
<td class="col-md-4">
|
|
2910
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2912
|
+
<div class="io-line">Defined in <a href="" data-line="312" class="link-to-prism">src/combobox/combobox.component.ts:312</a></div>
|
|
2911
2913
|
</td>
|
|
2912
2914
|
</tr>
|
|
2913
2915
|
|
|
@@ -2942,7 +2944,7 @@ Updates pills if necessary.</p>
|
|
|
2942
2944
|
</tr>
|
|
2943
2945
|
<tr>
|
|
2944
2946
|
<td class="col-md-4">
|
|
2945
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2947
|
+
<div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/combobox/combobox.component.ts:174</a></div>
|
|
2946
2948
|
</td>
|
|
2947
2949
|
</tr>
|
|
2948
2950
|
|
|
@@ -2953,7 +2955,7 @@ Updates pills if necessary.</p>
|
|
|
2953
2955
|
</tr>
|
|
2954
2956
|
<tr>
|
|
2955
2957
|
<td class="col-md-4">
|
|
2956
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2958
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/combobox/combobox.component.ts:170</a></div>
|
|
2957
2959
|
</td>
|
|
2958
2960
|
</tr>
|
|
2959
2961
|
<tr>
|
|
@@ -3009,7 +3011,7 @@ Updates pills if necessary.</p>
|
|
|
3009
3011
|
</tr>
|
|
3010
3012
|
<tr>
|
|
3011
3013
|
<td class="col-md-4">
|
|
3012
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3014
|
+
<div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/combobox/combobox.component.ts:212</a></div>
|
|
3013
3015
|
</td>
|
|
3014
3016
|
</tr>
|
|
3015
3017
|
|
|
@@ -3020,7 +3022,7 @@ Updates pills if necessary.</p>
|
|
|
3020
3022
|
</tr>
|
|
3021
3023
|
<tr>
|
|
3022
3024
|
<td class="col-md-4">
|
|
3023
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3025
|
+
<div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/combobox/combobox.component.ts:208</a></div>
|
|
3024
3026
|
</td>
|
|
3025
3027
|
</tr>
|
|
3026
3028
|
<tr>
|
|
@@ -3076,7 +3078,7 @@ Updates pills if necessary.</p>
|
|
|
3076
3078
|
</tr>
|
|
3077
3079
|
<tr>
|
|
3078
3080
|
<td class="col-md-4">
|
|
3079
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3081
|
+
<div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/combobox/combobox.component.ts:222</a></div>
|
|
3080
3082
|
</td>
|
|
3081
3083
|
</tr>
|
|
3082
3084
|
|
|
@@ -3087,7 +3089,7 @@ Updates pills if necessary.</p>
|
|
|
3087
3089
|
</tr>
|
|
3088
3090
|
<tr>
|
|
3089
3091
|
<td class="col-md-4">
|
|
3090
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3092
|
+
<div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/combobox/combobox.component.ts:218</a></div>
|
|
3091
3093
|
</td>
|
|
3092
3094
|
</tr>
|
|
3093
3095
|
<tr>
|
|
@@ -3143,7 +3145,7 @@ Updates pills if necessary.</p>
|
|
|
3143
3145
|
</tr>
|
|
3144
3146
|
<tr>
|
|
3145
3147
|
<td class="col-md-4">
|
|
3146
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3148
|
+
<div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/combobox/combobox.component.ts:232</a></div>
|
|
3147
3149
|
</td>
|
|
3148
3150
|
</tr>
|
|
3149
3151
|
|
|
@@ -3154,7 +3156,7 @@ Updates pills if necessary.</p>
|
|
|
3154
3156
|
</tr>
|
|
3155
3157
|
<tr>
|
|
3156
3158
|
<td class="col-md-4">
|
|
3157
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3159
|
+
<div class="io-line">Defined in <a href="" data-line="228" class="link-to-prism">src/combobox/combobox.component.ts:228</a></div>
|
|
3158
3160
|
</td>
|
|
3159
3161
|
</tr>
|
|
3160
3162
|
<tr>
|
|
@@ -3210,7 +3212,7 @@ Updates pills if necessary.</p>
|
|
|
3210
3212
|
</tr>
|
|
3211
3213
|
<tr>
|
|
3212
3214
|
<td class="col-md-4">
|
|
3213
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3215
|
+
<div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/combobox/combobox.component.ts:242</a></div>
|
|
3214
3216
|
</td>
|
|
3215
3217
|
</tr>
|
|
3216
3218
|
|
|
@@ -3221,7 +3223,7 @@ Updates pills if necessary.</p>
|
|
|
3221
3223
|
</tr>
|
|
3222
3224
|
<tr>
|
|
3223
3225
|
<td class="col-md-4">
|
|
3224
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3226
|
+
<div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/combobox/combobox.component.ts:238</a></div>
|
|
3225
3227
|
</td>
|
|
3226
3228
|
</tr>
|
|
3227
3229
|
<tr>
|
|
@@ -3277,7 +3279,7 @@ Updates pills if necessary.</p>
|
|
|
3277
3279
|
</tr>
|
|
3278
3280
|
<tr>
|
|
3279
3281
|
<td class="col-md-4">
|
|
3280
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3282
|
+
<div class="io-line">Defined in <a href="" data-line="252" class="link-to-prism">src/combobox/combobox.component.ts:252</a></div>
|
|
3281
3283
|
</td>
|
|
3282
3284
|
</tr>
|
|
3283
3285
|
|
|
@@ -3288,7 +3290,7 @@ Updates pills if necessary.</p>
|
|
|
3288
3290
|
</tr>
|
|
3289
3291
|
<tr>
|
|
3290
3292
|
<td class="col-md-4">
|
|
3291
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3293
|
+
<div class="io-line">Defined in <a href="" data-line="248" class="link-to-prism">src/combobox/combobox.component.ts:248</a></div>
|
|
3292
3294
|
</td>
|
|
3293
3295
|
</tr>
|
|
3294
3296
|
<tr>
|
|
@@ -3344,7 +3346,7 @@ Updates pills if necessary.</p>
|
|
|
3344
3346
|
</tr>
|
|
3345
3347
|
<tr>
|
|
3346
3348
|
<td class="col-md-4">
|
|
3347
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3349
|
+
<div class="io-line">Defined in <a href="" data-line="262" class="link-to-prism">src/combobox/combobox.component.ts:262</a></div>
|
|
3348
3350
|
</td>
|
|
3349
3351
|
</tr>
|
|
3350
3352
|
|
|
@@ -3355,7 +3357,7 @@ Updates pills if necessary.</p>
|
|
|
3355
3357
|
</tr>
|
|
3356
3358
|
<tr>
|
|
3357
3359
|
<td class="col-md-4">
|
|
3358
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3360
|
+
<div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/combobox/combobox.component.ts:258</a></div>
|
|
3359
3361
|
</td>
|
|
3360
3362
|
</tr>
|
|
3361
3363
|
<tr>
|
|
@@ -3445,7 +3447,8 @@ import { Observable } from "rxjs";
|
|
|
3445
3447
|
<div
|
|
3446
3448
|
[ngClass]="{
|
|
3447
3449
|
'bx--multi-select': type === 'multi',
|
|
3448
|
-
'bx--combo-box': type === 'single' || !pills.length
|
|
3450
|
+
'bx--combo-box': type === 'single' || !pills.length,
|
|
3451
|
+
'bx--list-box--disabled': disabled
|
|
3449
3452
|
}"
|
|
3450
3453
|
class="bx--combo-box bx--list-box"
|
|
3451
3454
|
role="listbox"
|
|
@@ -3490,6 +3493,7 @@ import { Observable } from "rxjs";
|
|
|
3490
3493
|
(keydown.enter)="onSubmit($event)"
|
|
3491
3494
|
[value]="selectedValue"
|
|
3492
3495
|
class="bx--text-input"
|
|
3496
|
+
[ngClass]="{'bx--text-input--empty': !showClearButton}"
|
|
3493
3497
|
role="searchbox"
|
|
3494
3498
|
tabindex="0"
|
|
3495
3499
|
[attr.aria-aria-labelledby]="id"
|
|
@@ -3915,11 +3919,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit {
|
|
|
3915
3919
|
if (shouldEmitSearch) {
|
|
3916
3920
|
this.search.emit(searchString);
|
|
3917
3921
|
}
|
|
3918
|
-
|
|
3919
|
-
this.showClearButton = true;
|
|
3920
|
-
} else {
|
|
3921
|
-
this.showClearButton = false;
|
|
3922
|
-
}
|
|
3922
|
+
this.showClearButton = searchString && this.type === "single";
|
|
3923
3923
|
this.view.filterBy(searchString);
|
|
3924
3924
|
if (searchString !== "") {
|
|
3925
3925
|
this.openDropdown();
|
|
@@ -3980,6 +3980,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit {
|
|
|
3980
3980
|
this.updatePills();
|
|
3981
3981
|
} else if (selected && selected[0]) {
|
|
3982
3982
|
this.selectedValue = selected[0].content;
|
|
3983
|
+
this.showClearButton = true;
|
|
3983
3984
|
this.propagateChangeCallback(selected[0]);
|
|
3984
3985
|
}
|
|
3985
3986
|
}
|
|
@@ -4019,7 +4020,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit {
|
|
|
4019
4020
|
<script src="../js/libs/htmlparser.js"></script>
|
|
4020
4021
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
4021
4022
|
<script>
|
|
4022
|
-
var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [for]="id" class="bx--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div *ngIf="helperText" class="bx--form__helper-text"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template></div><div [ngClass]="{ \'bx--multi-select\': type === \'multi\', \'bx--combo-box\': type === \'single\' || !pills.length }" class="bx--combo-box bx--list-box" role="listbox" [attr.data-invalid]="(invalid ? true : null)"> <div [attr.aria-expanded]="open" role="button" class="bx--list-box__field" type="button" tabindex="-1" [attr.aria-label]="label" aria-haspopup="true" (click)="toggleDropdown()" [id]="id"> <div *ngIf="type === \'multi\' && pills.length > 0" (click)="clearSelected()" (keydown.enter)="clearSelected()" role="button" class="bx--tag--filter bx--list-box__selection--multi" tabindex="0" [title]="clearSelectionsTitle" [attr.aria-label]="clearSelectionAria"> {{ pills.length }} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <input #input [disabled]="disabled" (keyup)="onSearch($event.target.value)" (keydown.enter)="onSubmit($event)" [value]="selectedValue" class="bx--text-input" role="searchbox" tabindex="0" [attr.aria-aria-labelledby]="id" [attr.maxlength]="maxLength" aria-haspopup="true" autocomplete="list" [placeholder]="placeholder"/> <ibm-icon-warning-filled16 *ngIf="invalid" class="bx--list-box__invalid-icon"></ibm-icon-warning-filled16> <div *ngIf="showClearButton" role="button" class="bx--list-box__selection" tabindex="0" [attr.aria-label]="clearSelectionAria" [title]="clearSelectionTitle" (click)="clearInput($event)"> <ibm-icon-close16></ibm-icon-close16> </div> <ibm-icon-chevron-down16 [ngClass]="{\'bx--list-box__menu-icon--open\': open}" class="bx--list-box__menu-icon" [title]="open ? closeMenuAria : openMenuAria" [ariaLabel]="open ? closeMenuAria : openMenuAria"> </ibm-icon-chevron-down16> </div> <div #dropdownMenu *ngIf="open"> <ng-content></ng-content> </div></div><div *ngIf="invalid"> <div *ngIf="!isTemplate(invalidText)" class="bx--form-requirement">{{ invalidText }}</div> <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template></div> </div>'
|
|
4023
|
+
var COMPONENT_TEMPLATE = '<div><label *ngIf="label" [for]="id" class="bx--label"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div *ngIf="helperText" class="bx--form__helper-text"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template></div><div [ngClass]="{ \'bx--multi-select\': type === \'multi\', \'bx--combo-box\': type === \'single\' || !pills.length, \'bx--list-box--disabled\': disabled }" class="bx--combo-box bx--list-box" role="listbox" [attr.data-invalid]="(invalid ? true : null)"> <div [attr.aria-expanded]="open" role="button" class="bx--list-box__field" type="button" tabindex="-1" [attr.aria-label]="label" aria-haspopup="true" (click)="toggleDropdown()" [id]="id"> <div *ngIf="type === \'multi\' && pills.length > 0" (click)="clearSelected()" (keydown.enter)="clearSelected()" role="button" class="bx--tag--filter bx--list-box__selection--multi" tabindex="0" [title]="clearSelectionsTitle" [attr.aria-label]="clearSelectionAria"> {{ pills.length }} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <input #input [disabled]="disabled" (keyup)="onSearch($event.target.value)" (keydown.enter)="onSubmit($event)" [value]="selectedValue" class="bx--text-input" [ngClass]="{\'bx--text-input--empty\': !showClearButton}" role="searchbox" tabindex="0" [attr.aria-aria-labelledby]="id" [attr.maxlength]="maxLength" aria-haspopup="true" autocomplete="list" [placeholder]="placeholder"/> <ibm-icon-warning-filled16 *ngIf="invalid" class="bx--list-box__invalid-icon"></ibm-icon-warning-filled16> <div *ngIf="showClearButton" role="button" class="bx--list-box__selection" tabindex="0" [attr.aria-label]="clearSelectionAria" [title]="clearSelectionTitle" (click)="clearInput($event)"> <ibm-icon-close16></ibm-icon-close16> </div> <ibm-icon-chevron-down16 [ngClass]="{\'bx--list-box__menu-icon--open\': open}" class="bx--list-box__menu-icon" [title]="open ? closeMenuAria : openMenuAria" [ariaLabel]="open ? closeMenuAria : openMenuAria"> </ibm-icon-chevron-down16> </div> <div #dropdownMenu *ngIf="open"> <ng-content></ng-content> </div></div><div *ngIf="invalid"> <div *ngIf="!isTemplate(invalidText)" class="bx--form-requirement">{{ invalidText }}</div> <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template></div> </div>'
|
|
4023
4024
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'NumberComponent', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'ibm-skeleton-text'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeader', 'selector': 'ibm-tab-header'},{'name': 'TabHeaderGroup', 'selector': 'ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
|
|
4024
4025
|
var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'NotificationSubtitle', 'selector': '[ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'ToastCaption', 'selector': '[ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[ibmToastTitle]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
|
|
4025
4026
|
var ACTUAL_COMPONENT = {'name': 'ComboBox'};
|