carbon-components-angular 5.26.2 → 5.26.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/combobox/combobox.component.d.ts +2 -1
- package/docs/documentation/components/ComboBox.html +162 -130
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
- package/docs/documentation/modules/CodeSnippetModule.html +4 -4
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +20 -20
- package/docs/documentation/modules/DatePickerInputModule.html +20 -20
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +46 -50
- package/docs/documentation/modules/DatePickerModule.html +46 -50
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +58 -58
- package/docs/documentation/modules/FileUploaderModule.html +58 -58
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/PanelModule/dependencies.svg +36 -36
- package/docs/documentation/modules/PanelModule.html +36 -36
- package/docs/documentation/modules/RadioModule/dependencies.svg +47 -43
- package/docs/documentation/modules/RadioModule.html +47 -43
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +34 -34
- package/docs/documentation/modules/SelectModule.html +34 -34
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TagModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TagModule.html +28 -28
- package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
- package/docs/documentation/modules/ThemeModule.html +15 -15
- package/docs/documentation/modules/TilesModule/dependencies.svg +98 -98
- package/docs/documentation/modules/TilesModule.html +98 -98
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
- package/docs/documentation/modules/TimePickerModule.html +41 -45
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +42 -46
- package/docs/documentation/modules/TimePickerSelectModule.html +42 -46
- package/docs/documentation/modules/ToggleModule/dependencies.svg +26 -26
- package/docs/documentation/modules/ToggleModule.html +26 -26
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +32 -32
- package/docs/documentation/modules/TreeviewModule.html +32 -32
- package/docs/documentation.json +170 -161
- package/docs/storybook/combobox-combobox-stories.330abc6c.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.d6e42b2b.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.c3f8e5ba.iframe.bundle.js → runtime~main.2319260a.iframe.bundle.js} +1 -1
- package/esm2020/combobox/combobox.component.mjs +9 -4
- package/fesm2015/carbon-components-angular-combobox.mjs +8 -3
- package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-combobox.mjs +8 -3
- package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/combobox-combobox-stories.50d218fc.iframe.bundle.js +0 -1
- package/docs/storybook/main.cfffa2d2.iframe.bundle.js +0 -1
|
@@ -178,6 +178,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
178
178
|
<label
|
|
179
179
|
*ngIf="label"
|
|
180
180
|
[for]="id"
|
|
181
|
+
[id]="labelId"
|
|
181
182
|
class="cds--label"
|
|
182
183
|
[ngClass]="{'cds--label--disabled': disabled}">
|
|
183
184
|
<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
|
|
@@ -244,7 +245,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
244
245
|
[ngClass]="{'cds--text-input--empty': !showClearButton}"
|
|
245
246
|
tabindex="0"
|
|
246
247
|
[id]="id"
|
|
247
|
-
[attr.aria-labelledby]="
|
|
248
|
+
[attr.aria-labelledby]="labelId"
|
|
248
249
|
[attr.aria-expanded]="open"
|
|
249
250
|
aria-haspopup="listbox"
|
|
250
251
|
[attr.maxlength]="maxLength"
|
|
@@ -594,6 +595,9 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
594
595
|
<li>
|
|
595
596
|
<a href="#label" >label</a>
|
|
596
597
|
</li>
|
|
598
|
+
<li>
|
|
599
|
+
<a href="#labelId" >labelId</a>
|
|
600
|
+
</li>
|
|
597
601
|
<li>
|
|
598
602
|
<a href="#maxLength" >maxLength</a>
|
|
599
603
|
</li>
|
|
@@ -732,7 +736,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
732
736
|
</tr>
|
|
733
737
|
<tr>
|
|
734
738
|
<td class="col-md-4">
|
|
735
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
739
|
+
<div class="io-line">Defined in <a href="" data-line="444" class="link-to-prism">src/combobox/combobox.component.ts:444</a></div>
|
|
736
740
|
</td>
|
|
737
741
|
</tr>
|
|
738
742
|
|
|
@@ -819,7 +823,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
819
823
|
</tr>
|
|
820
824
|
<tr>
|
|
821
825
|
<td class="col-md-2" colspan="2">
|
|
822
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
826
|
+
<div class="io-line">Defined in <a href="" data-line="313" class="link-to-prism">src/combobox/combobox.component.ts:313</a></div>
|
|
823
827
|
</td>
|
|
824
828
|
</tr>
|
|
825
829
|
<tr>
|
|
@@ -851,7 +855,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
851
855
|
</tr>
|
|
852
856
|
<tr>
|
|
853
857
|
<td class="col-md-2" colspan="2">
|
|
854
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
858
|
+
<div class="io-line">Defined in <a href="" data-line="349" class="link-to-prism">src/combobox/combobox.component.ts:349</a></div>
|
|
855
859
|
</td>
|
|
856
860
|
</tr>
|
|
857
861
|
<tr>
|
|
@@ -879,7 +883,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
879
883
|
</tr>
|
|
880
884
|
<tr>
|
|
881
885
|
<td class="col-md-2" colspan="2">
|
|
882
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
886
|
+
<div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/combobox/combobox.component.ts:253</a></div>
|
|
883
887
|
</td>
|
|
884
888
|
</tr>
|
|
885
889
|
<tr>
|
|
@@ -906,7 +910,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
906
910
|
</tr>
|
|
907
911
|
<tr>
|
|
908
912
|
<td class="col-md-2" colspan="2">
|
|
909
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
913
|
+
<div class="io-line">Defined in <a href="" data-line="233" class="link-to-prism">src/combobox/combobox.component.ts:233</a></div>
|
|
910
914
|
</td>
|
|
911
915
|
</tr>
|
|
912
916
|
<tr>
|
|
@@ -933,7 +937,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
933
937
|
</tr>
|
|
934
938
|
<tr>
|
|
935
939
|
<td class="col-md-2" colspan="2">
|
|
936
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
940
|
+
<div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/combobox/combobox.component.ts:223</a></div>
|
|
937
941
|
</td>
|
|
938
942
|
</tr>
|
|
939
943
|
<tr>
|
|
@@ -960,7 +964,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
960
964
|
</tr>
|
|
961
965
|
<tr>
|
|
962
966
|
<td class="col-md-2" colspan="2">
|
|
963
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
967
|
+
<div class="io-line">Defined in <a href="" data-line="243" class="link-to-prism">src/combobox/combobox.component.ts:243</a></div>
|
|
964
968
|
</td>
|
|
965
969
|
</tr>
|
|
966
970
|
<tr>
|
|
@@ -987,7 +991,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
987
991
|
</tr>
|
|
988
992
|
<tr>
|
|
989
993
|
<td class="col-md-2" colspan="2">
|
|
990
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
994
|
+
<div class="io-line">Defined in <a href="" data-line="213" class="link-to-prism">src/combobox/combobox.component.ts:213</a></div>
|
|
991
995
|
</td>
|
|
992
996
|
</tr>
|
|
993
997
|
<tr>
|
|
@@ -1019,7 +1023,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1019
1023
|
</tr>
|
|
1020
1024
|
<tr>
|
|
1021
1025
|
<td class="col-md-2" colspan="2">
|
|
1022
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1026
|
+
<div class="io-line">Defined in <a href="" data-line="357" class="link-to-prism">src/combobox/combobox.component.ts:357</a></div>
|
|
1023
1027
|
</td>
|
|
1024
1028
|
</tr>
|
|
1025
1029
|
<tr>
|
|
@@ -1046,7 +1050,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1046
1050
|
</tr>
|
|
1047
1051
|
<tr>
|
|
1048
1052
|
<td class="col-md-2" colspan="2">
|
|
1049
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1053
|
+
<div class="io-line">Defined in <a href="" data-line="353" class="link-to-prism">src/combobox/combobox.component.ts:353</a></div>
|
|
1050
1054
|
</td>
|
|
1051
1055
|
</tr>
|
|
1052
1056
|
<tr>
|
|
@@ -1073,7 +1077,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1073
1077
|
</tr>
|
|
1074
1078
|
<tr>
|
|
1075
1079
|
<td class="col-md-2" colspan="2">
|
|
1076
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1080
|
+
<div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/combobox/combobox.component.ts:309</a></div>
|
|
1077
1081
|
</td>
|
|
1078
1082
|
</tr>
|
|
1079
1083
|
<tr>
|
|
@@ -1105,7 +1109,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1105
1109
|
</tr>
|
|
1106
1110
|
<tr>
|
|
1107
1111
|
<td class="col-md-2" colspan="2">
|
|
1108
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1112
|
+
<div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/combobox/combobox.component.ts:261</a></div>
|
|
1109
1113
|
</td>
|
|
1110
1114
|
</tr>
|
|
1111
1115
|
</tbody>
|
|
@@ -1131,7 +1135,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1131
1135
|
</tr>
|
|
1132
1136
|
<tr>
|
|
1133
1137
|
<td class="col-md-2" colspan="2">
|
|
1134
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1138
|
+
<div class="io-line">Defined in <a href="" data-line="317" class="link-to-prism">src/combobox/combobox.component.ts:317</a></div>
|
|
1135
1139
|
</td>
|
|
1136
1140
|
</tr>
|
|
1137
1141
|
<tr>
|
|
@@ -1158,7 +1162,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1158
1162
|
</tr>
|
|
1159
1163
|
<tr>
|
|
1160
1164
|
<td class="col-md-2" colspan="2">
|
|
1161
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1165
|
+
<div class="io-line">Defined in <a href="" data-line="321" class="link-to-prism">src/combobox/combobox.component.ts:321</a></div>
|
|
1162
1166
|
</td>
|
|
1163
1167
|
</tr>
|
|
1164
1168
|
<tr>
|
|
@@ -1190,7 +1194,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1190
1194
|
</tr>
|
|
1191
1195
|
<tr>
|
|
1192
1196
|
<td class="col-md-2" colspan="2">
|
|
1193
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1197
|
+
<div class="io-line">Defined in <a href="" data-line="289" class="link-to-prism">src/combobox/combobox.component.ts:289</a></div>
|
|
1194
1198
|
</td>
|
|
1195
1199
|
</tr>
|
|
1196
1200
|
<tr>
|
|
@@ -1235,7 +1239,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1235
1239
|
</tr>
|
|
1236
1240
|
<tr>
|
|
1237
1241
|
<td class="col-md-2" colspan="2">
|
|
1238
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1242
|
+
<div class="io-line">Defined in <a href="" data-line="301" class="link-to-prism">src/combobox/combobox.component.ts:301</a></div>
|
|
1239
1243
|
</td>
|
|
1240
1244
|
</tr>
|
|
1241
1245
|
<tr>
|
|
@@ -1262,7 +1266,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1262
1266
|
</tr>
|
|
1263
1267
|
<tr>
|
|
1264
1268
|
<td class="col-md-2" colspan="2">
|
|
1265
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1269
|
+
<div class="io-line">Defined in <a href="" data-line="305" class="link-to-prism">src/combobox/combobox.component.ts:305</a></div>
|
|
1266
1270
|
</td>
|
|
1267
1271
|
</tr>
|
|
1268
1272
|
<tr>
|
|
@@ -1273,6 +1277,32 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1273
1277
|
</tr>
|
|
1274
1278
|
</tbody>
|
|
1275
1279
|
</table>
|
|
1280
|
+
<table class="table table-sm table-bordered">
|
|
1281
|
+
<tbody>
|
|
1282
|
+
<tr>
|
|
1283
|
+
<td class="col-md-4">
|
|
1284
|
+
<a name="labelId"></a>
|
|
1285
|
+
<b>labelId</b>
|
|
1286
|
+
</td>
|
|
1287
|
+
</tr>
|
|
1288
|
+
<tr>
|
|
1289
|
+
<td class="col-md-4">
|
|
1290
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1291
|
+
|
|
1292
|
+
</td>
|
|
1293
|
+
</tr>
|
|
1294
|
+
<tr>
|
|
1295
|
+
<td class="col-md-4">
|
|
1296
|
+
<i>Default value : </i><code>`dropdown-label-${ComboBox.comboBoxCount++}`</code>
|
|
1297
|
+
</td>
|
|
1298
|
+
</tr>
|
|
1299
|
+
<tr>
|
|
1300
|
+
<td class="col-md-2" colspan="2">
|
|
1301
|
+
<div class="io-line">Defined in <a href="" data-line="262" class="link-to-prism">src/combobox/combobox.component.ts:262</a></div>
|
|
1302
|
+
</td>
|
|
1303
|
+
</tr>
|
|
1304
|
+
</tbody>
|
|
1305
|
+
</table>
|
|
1276
1306
|
<table class="table table-sm table-bordered">
|
|
1277
1307
|
<tbody>
|
|
1278
1308
|
<tr>
|
|
@@ -1294,7 +1324,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1294
1324
|
</tr>
|
|
1295
1325
|
<tr>
|
|
1296
1326
|
<td class="col-md-2" colspan="2">
|
|
1297
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1327
|
+
<div class="io-line">Defined in <a href="" data-line="333" class="link-to-prism">src/combobox/combobox.component.ts:333</a></div>
|
|
1298
1328
|
</td>
|
|
1299
1329
|
</tr>
|
|
1300
1330
|
<tr>
|
|
@@ -1321,7 +1351,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1321
1351
|
</tr>
|
|
1322
1352
|
<tr>
|
|
1323
1353
|
<td class="col-md-2" colspan="2">
|
|
1324
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1354
|
+
<div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/combobox/combobox.component.ts:203</a></div>
|
|
1325
1355
|
</td>
|
|
1326
1356
|
</tr>
|
|
1327
1357
|
<tr>
|
|
@@ -1348,7 +1378,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1348
1378
|
</tr>
|
|
1349
1379
|
<tr>
|
|
1350
1380
|
<td class="col-md-2" colspan="2">
|
|
1351
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1381
|
+
<div class="io-line">Defined in <a href="" data-line="193" class="link-to-prism">src/combobox/combobox.component.ts:193</a></div>
|
|
1352
1382
|
</td>
|
|
1353
1383
|
</tr>
|
|
1354
1384
|
<tr>
|
|
@@ -1380,7 +1410,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1380
1410
|
</tr>
|
|
1381
1411
|
<tr>
|
|
1382
1412
|
<td class="col-md-2" colspan="2">
|
|
1383
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1413
|
+
<div class="io-line">Defined in <a href="" data-line="344" class="link-to-prism">src/combobox/combobox.component.ts:344</a></div>
|
|
1384
1414
|
</td>
|
|
1385
1415
|
</tr>
|
|
1386
1416
|
<tr>
|
|
@@ -1415,7 +1445,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1415
1445
|
</tr>
|
|
1416
1446
|
<tr>
|
|
1417
1447
|
<td class="col-md-2" colspan="2">
|
|
1418
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1448
|
+
<div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/combobox/combobox.component.ts:297</a></div>
|
|
1419
1449
|
</td>
|
|
1420
1450
|
</tr>
|
|
1421
1451
|
<tr>
|
|
@@ -1447,7 +1477,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1447
1477
|
</tr>
|
|
1448
1478
|
<tr>
|
|
1449
1479
|
<td class="col-md-2" colspan="2">
|
|
1450
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1480
|
+
<div class="io-line">Defined in <a href="" data-line="337" class="link-to-prism">src/combobox/combobox.component.ts:337</a></div>
|
|
1451
1481
|
</td>
|
|
1452
1482
|
</tr>
|
|
1453
1483
|
</tbody>
|
|
@@ -1473,7 +1503,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1473
1503
|
</tr>
|
|
1474
1504
|
<tr>
|
|
1475
1505
|
<td class="col-md-2" colspan="2">
|
|
1476
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1506
|
+
<div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/combobox/combobox.component.ts:293</a></div>
|
|
1477
1507
|
</td>
|
|
1478
1508
|
</tr>
|
|
1479
1509
|
<tr>
|
|
@@ -1505,7 +1535,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1505
1535
|
</tr>
|
|
1506
1536
|
<tr>
|
|
1507
1537
|
<td class="col-md-2" colspan="2">
|
|
1508
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1538
|
+
<div class="io-line">Defined in <a href="" data-line="325" class="link-to-prism">src/combobox/combobox.component.ts:325</a></div>
|
|
1509
1539
|
</td>
|
|
1510
1540
|
</tr>
|
|
1511
1541
|
<tr>
|
|
@@ -1532,7 +1562,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1532
1562
|
</tr>
|
|
1533
1563
|
<tr>
|
|
1534
1564
|
<td class="col-md-2" colspan="2">
|
|
1535
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1565
|
+
<div class="io-line">Defined in <a href="" data-line="329" class="link-to-prism">src/combobox/combobox.component.ts:329</a></div>
|
|
1536
1566
|
</td>
|
|
1537
1567
|
</tr>
|
|
1538
1568
|
<tr>
|
|
@@ -1562,7 +1592,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1562
1592
|
</tr>
|
|
1563
1593
|
<tr>
|
|
1564
1594
|
<td class="col-md-2" colspan="2">
|
|
1565
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1595
|
+
<div class="io-line">Defined in <a href="" data-line="409" class="link-to-prism">src/combobox/combobox.component.ts:409</a></div>
|
|
1566
1596
|
</td>
|
|
1567
1597
|
</tr>
|
|
1568
1598
|
<tr>
|
|
@@ -1589,7 +1619,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1589
1619
|
</tr>
|
|
1590
1620
|
<tr>
|
|
1591
1621
|
<td class="col-md-2" colspan="2">
|
|
1592
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1622
|
+
<div class="io-line">Defined in <a href="" data-line="405" class="link-to-prism">src/combobox/combobox.component.ts:405</a></div>
|
|
1593
1623
|
</td>
|
|
1594
1624
|
</tr>
|
|
1595
1625
|
<tr>
|
|
@@ -1616,7 +1646,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1616
1646
|
</tr>
|
|
1617
1647
|
<tr>
|
|
1618
1648
|
<td class="col-md-2" colspan="2">
|
|
1619
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1649
|
+
<div class="io-line">Defined in <a href="" data-line="407" class="link-to-prism">src/combobox/combobox.component.ts:407</a></div>
|
|
1620
1650
|
</td>
|
|
1621
1651
|
</tr>
|
|
1622
1652
|
<tr>
|
|
@@ -1643,7 +1673,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1643
1673
|
</tr>
|
|
1644
1674
|
<tr>
|
|
1645
1675
|
<td class="col-md-2" colspan="2">
|
|
1646
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1676
|
+
<div class="io-line">Defined in <a href="" data-line="369" class="link-to-prism">src/combobox/combobox.component.ts:369</a></div>
|
|
1647
1677
|
</td>
|
|
1648
1678
|
</tr>
|
|
1649
1679
|
<tr>
|
|
@@ -1674,7 +1704,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1674
1704
|
</tr>
|
|
1675
1705
|
<tr>
|
|
1676
1706
|
<td class="col-md-2" colspan="2">
|
|
1677
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1707
|
+
<div class="io-line">Defined in <a href="" data-line="396" class="link-to-prism">src/combobox/combobox.component.ts:396</a></div>
|
|
1678
1708
|
</td>
|
|
1679
1709
|
</tr>
|
|
1680
1710
|
<tr>
|
|
@@ -1724,7 +1754,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1724
1754
|
</tr>
|
|
1725
1755
|
<tr>
|
|
1726
1756
|
<td class="col-md-4">
|
|
1727
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1757
|
+
<div class="io-line">Defined in <a href="" data-line="415" class="link-to-prism">src/combobox/combobox.component.ts:415</a></div>
|
|
1728
1758
|
</td>
|
|
1729
1759
|
</tr>
|
|
1730
1760
|
|
|
@@ -1755,7 +1785,7 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1755
1785
|
</tr>
|
|
1756
1786
|
<tr>
|
|
1757
1787
|
<td class="col-md-4">
|
|
1758
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1788
|
+
<div class="io-line">Defined in <a href="" data-line="416" class="link-to-prism">src/combobox/combobox.component.ts:416</a></div>
|
|
1759
1789
|
</td>
|
|
1760
1790
|
</tr>
|
|
1761
1791
|
|
|
@@ -1790,8 +1820,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1790
1820
|
|
|
1791
1821
|
<tr>
|
|
1792
1822
|
<td class="col-md-4">
|
|
1793
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1794
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
1823
|
+
<div class="io-line">Defined in <a href="" data-line="567"
|
|
1824
|
+
class="link-to-prism">src/combobox/combobox.component.ts:567</a></div>
|
|
1795
1825
|
</td>
|
|
1796
1826
|
</tr>
|
|
1797
1827
|
|
|
@@ -1831,8 +1861,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1831
1861
|
|
|
1832
1862
|
<tr>
|
|
1833
1863
|
<td class="col-md-4">
|
|
1834
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1835
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
1864
|
+
<div class="io-line">Defined in <a href="" data-line="814"
|
|
1865
|
+
class="link-to-prism">src/combobox/combobox.component.ts:814</a></div>
|
|
1836
1866
|
</td>
|
|
1837
1867
|
</tr>
|
|
1838
1868
|
|
|
@@ -1870,8 +1900,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1870
1900
|
|
|
1871
1901
|
<tr>
|
|
1872
1902
|
<td class="col-md-4">
|
|
1873
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1874
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
1903
|
+
<div class="io-line">Defined in <a href="" data-line="825"
|
|
1904
|
+
class="link-to-prism">src/combobox/combobox.component.ts:825</a></div>
|
|
1875
1905
|
</td>
|
|
1876
1906
|
</tr>
|
|
1877
1907
|
|
|
@@ -1909,8 +1939,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1909
1939
|
|
|
1910
1940
|
<tr>
|
|
1911
1941
|
<td class="col-md-4">
|
|
1912
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1913
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
1942
|
+
<div class="io-line">Defined in <a href="" data-line="794"
|
|
1943
|
+
class="link-to-prism">src/combobox/combobox.component.ts:794</a></div>
|
|
1914
1944
|
</td>
|
|
1915
1945
|
</tr>
|
|
1916
1946
|
|
|
@@ -1978,8 +2008,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
1978
2008
|
|
|
1979
2009
|
<tr>
|
|
1980
2010
|
<td class="col-md-4">
|
|
1981
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1982
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2011
|
+
<div class="io-line">Defined in <a href="" data-line="592"
|
|
2012
|
+
class="link-to-prism">src/combobox/combobox.component.ts:592</a></div>
|
|
1983
2013
|
</td>
|
|
1984
2014
|
</tr>
|
|
1985
2015
|
|
|
@@ -2015,8 +2045,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2015
2045
|
|
|
2016
2046
|
<tr>
|
|
2017
2047
|
<td class="col-md-4">
|
|
2018
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2019
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2048
|
+
<div class="io-line">Defined in <a href="" data-line="854"
|
|
2049
|
+
class="link-to-prism">src/combobox/combobox.component.ts:854</a></div>
|
|
2020
2050
|
</td>
|
|
2021
2051
|
</tr>
|
|
2022
2052
|
|
|
@@ -2080,8 +2110,8 @@ Multi-select comboboxes also provide "pills" of selected items.</p>
|
|
|
2080
2110
|
|
|
2081
2111
|
<tr>
|
|
2082
2112
|
<td class="col-md-4">
|
|
2083
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2084
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2113
|
+
<div class="io-line">Defined in <a href="" data-line="834"
|
|
2114
|
+
class="link-to-prism">src/combobox/combobox.component.ts:834</a></div>
|
|
2085
2115
|
</td>
|
|
2086
2116
|
</tr>
|
|
2087
2117
|
|
|
@@ -2122,8 +2152,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2122
2152
|
|
|
2123
2153
|
<tr>
|
|
2124
2154
|
<td class="col-md-4">
|
|
2125
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2126
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2155
|
+
<div class="io-line">Defined in <a href="" data-line="875"
|
|
2156
|
+
class="link-to-prism">src/combobox/combobox.component.ts:875</a></div>
|
|
2127
2157
|
</td>
|
|
2128
2158
|
</tr>
|
|
2129
2159
|
|
|
@@ -2159,8 +2189,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2159
2189
|
|
|
2160
2190
|
<tr>
|
|
2161
2191
|
<td class="col-md-4">
|
|
2162
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2163
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2192
|
+
<div class="io-line">Defined in <a href="" data-line="770"
|
|
2193
|
+
class="link-to-prism">src/combobox/combobox.component.ts:770</a></div>
|
|
2164
2194
|
</td>
|
|
2165
2195
|
</tr>
|
|
2166
2196
|
|
|
@@ -2224,8 +2254,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2224
2254
|
|
|
2225
2255
|
<tr>
|
|
2226
2256
|
<td class="col-md-4">
|
|
2227
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2228
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2257
|
+
<div class="io-line">Defined in <a href="" data-line="658"
|
|
2258
|
+
class="link-to-prism">src/combobox/combobox.component.ts:658</a></div>
|
|
2229
2259
|
</td>
|
|
2230
2260
|
</tr>
|
|
2231
2261
|
|
|
@@ -2289,8 +2319,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2289
2319
|
|
|
2290
2320
|
<tr>
|
|
2291
2321
|
<td class="col-md-4">
|
|
2292
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2293
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2322
|
+
<div class="io-line">Defined in <a href="" data-line="678"
|
|
2323
|
+
class="link-to-prism">src/combobox/combobox.component.ts:678</a></div>
|
|
2294
2324
|
</td>
|
|
2295
2325
|
</tr>
|
|
2296
2326
|
|
|
@@ -2337,8 +2367,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2337
2367
|
|
|
2338
2368
|
<tr>
|
|
2339
2369
|
<td class="col-md-4">
|
|
2340
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2341
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2370
|
+
<div class="io-line">Defined in <a href="" data-line="567"
|
|
2371
|
+
class="link-to-prism">src/combobox/combobox.component.ts:567</a></div>
|
|
2342
2372
|
</td>
|
|
2343
2373
|
</tr>
|
|
2344
2374
|
|
|
@@ -2408,8 +2438,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2408
2438
|
|
|
2409
2439
|
<tr>
|
|
2410
2440
|
<td class="col-md-4">
|
|
2411
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2412
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2441
|
+
<div class="io-line">Defined in <a href="" data-line="787"
|
|
2442
|
+
class="link-to-prism">src/combobox/combobox.component.ts:787</a></div>
|
|
2413
2443
|
</td>
|
|
2414
2444
|
</tr>
|
|
2415
2445
|
|
|
@@ -2471,8 +2501,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2471
2501
|
|
|
2472
2502
|
<tr>
|
|
2473
2503
|
<td class="col-md-4">
|
|
2474
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2475
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2504
|
+
<div class="io-line">Defined in <a href="" data-line="476"
|
|
2505
|
+
class="link-to-prism">src/combobox/combobox.component.ts:476</a></div>
|
|
2476
2506
|
</td>
|
|
2477
2507
|
</tr>
|
|
2478
2508
|
|
|
@@ -2511,8 +2541,8 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
|
|
|
2511
2541
|
|
|
2512
2542
|
<tr>
|
|
2513
2543
|
<td class="col-md-4">
|
|
2514
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2515
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2544
|
+
<div class="io-line">Defined in <a href="" data-line="541"
|
|
2545
|
+
class="link-to-prism">src/combobox/combobox.component.ts:541</a></div>
|
|
2516
2546
|
</td>
|
|
2517
2547
|
</tr>
|
|
2518
2548
|
|
|
@@ -2550,8 +2580,8 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
|
|
|
2550
2580
|
|
|
2551
2581
|
<tr>
|
|
2552
2582
|
<td class="col-md-4">
|
|
2553
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2554
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2583
|
+
<div class="io-line">Defined in <a href="" data-line="460"
|
|
2584
|
+
class="link-to-prism">src/combobox/combobox.component.ts:460</a></div>
|
|
2555
2585
|
</td>
|
|
2556
2586
|
</tr>
|
|
2557
2587
|
|
|
@@ -2616,8 +2646,8 @@ Updates pills if necessary.</p>
|
|
|
2616
2646
|
|
|
2617
2647
|
<tr>
|
|
2618
2648
|
<td class="col-md-4">
|
|
2619
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2620
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2649
|
+
<div class="io-line">Defined in <a href="" data-line="557"
|
|
2650
|
+
class="link-to-prism">src/combobox/combobox.component.ts:557</a></div>
|
|
2621
2651
|
</td>
|
|
2622
2652
|
</tr>
|
|
2623
2653
|
|
|
@@ -2655,8 +2685,8 @@ Updates pills if necessary.</p>
|
|
|
2655
2685
|
|
|
2656
2686
|
<tr>
|
|
2657
2687
|
<td class="col-md-4">
|
|
2658
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2659
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2688
|
+
<div class="io-line">Defined in <a href="" data-line="629"
|
|
2689
|
+
class="link-to-prism">src/combobox/combobox.component.ts:629</a></div>
|
|
2660
2690
|
</td>
|
|
2661
2691
|
</tr>
|
|
2662
2692
|
|
|
@@ -2694,8 +2724,8 @@ Updates pills if necessary.</p>
|
|
|
2694
2724
|
|
|
2695
2725
|
<tr>
|
|
2696
2726
|
<td class="col-md-4">
|
|
2697
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2698
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2727
|
+
<div class="io-line">Defined in <a href="" data-line="726"
|
|
2728
|
+
class="link-to-prism">src/combobox/combobox.component.ts:726</a></div>
|
|
2699
2729
|
</td>
|
|
2700
2730
|
</tr>
|
|
2701
2731
|
|
|
@@ -2776,8 +2806,8 @@ Updates pills if necessary.</p>
|
|
|
2776
2806
|
|
|
2777
2807
|
<tr>
|
|
2778
2808
|
<td class="col-md-4">
|
|
2779
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2780
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2809
|
+
<div class="io-line">Defined in <a href="" data-line="759"
|
|
2810
|
+
class="link-to-prism">src/combobox/combobox.component.ts:759</a></div>
|
|
2781
2811
|
</td>
|
|
2782
2812
|
</tr>
|
|
2783
2813
|
|
|
@@ -2847,8 +2877,8 @@ Updates pills if necessary.</p>
|
|
|
2847
2877
|
|
|
2848
2878
|
<tr>
|
|
2849
2879
|
<td class="col-md-4">
|
|
2850
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2851
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2880
|
+
<div class="io-line">Defined in <a href="" data-line="692"
|
|
2881
|
+
class="link-to-prism">src/combobox/combobox.component.ts:692</a></div>
|
|
2852
2882
|
</td>
|
|
2853
2883
|
</tr>
|
|
2854
2884
|
|
|
@@ -2886,8 +2916,8 @@ Updates pills if necessary.</p>
|
|
|
2886
2916
|
|
|
2887
2917
|
<tr>
|
|
2888
2918
|
<td class="col-md-4">
|
|
2889
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2890
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2919
|
+
<div class="io-line">Defined in <a href="" data-line="633"
|
|
2920
|
+
class="link-to-prism">src/combobox/combobox.component.ts:633</a></div>
|
|
2891
2921
|
</td>
|
|
2892
2922
|
</tr>
|
|
2893
2923
|
|
|
@@ -2953,8 +2983,8 @@ Updates pills if necessary.</p>
|
|
|
2953
2983
|
|
|
2954
2984
|
<tr>
|
|
2955
2985
|
<td class="col-md-4">
|
|
2956
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2957
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
2986
|
+
<div class="io-line">Defined in <a href="" data-line="637"
|
|
2987
|
+
class="link-to-prism">src/combobox/combobox.component.ts:637</a></div>
|
|
2958
2988
|
</td>
|
|
2959
2989
|
</tr>
|
|
2960
2990
|
|
|
@@ -3020,8 +3050,8 @@ Updates pills if necessary.</p>
|
|
|
3020
3050
|
|
|
3021
3051
|
<tr>
|
|
3022
3052
|
<td class="col-md-4">
|
|
3023
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3024
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3053
|
+
<div class="io-line">Defined in <a href="" data-line="646"
|
|
3054
|
+
class="link-to-prism">src/combobox/combobox.component.ts:646</a></div>
|
|
3025
3055
|
</td>
|
|
3026
3056
|
</tr>
|
|
3027
3057
|
|
|
@@ -3092,8 +3122,8 @@ Updates pills if necessary.</p>
|
|
|
3092
3122
|
|
|
3093
3123
|
<tr>
|
|
3094
3124
|
<td class="col-md-4">
|
|
3095
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3096
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3125
|
+
<div class="io-line">Defined in <a href="" data-line="715"
|
|
3126
|
+
class="link-to-prism">src/combobox/combobox.component.ts:715</a></div>
|
|
3097
3127
|
</td>
|
|
3098
3128
|
</tr>
|
|
3099
3129
|
|
|
@@ -3133,8 +3163,8 @@ Updates pills if necessary.</p>
|
|
|
3133
3163
|
|
|
3134
3164
|
<tr>
|
|
3135
3165
|
<td class="col-md-4">
|
|
3136
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3137
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3166
|
+
<div class="io-line">Defined in <a href="" data-line="653"
|
|
3167
|
+
class="link-to-prism">src/combobox/combobox.component.ts:653</a></div>
|
|
3138
3168
|
</td>
|
|
3139
3169
|
</tr>
|
|
3140
3170
|
|
|
@@ -3174,8 +3204,8 @@ Updates pills if necessary.</p>
|
|
|
3174
3204
|
|
|
3175
3205
|
<tr>
|
|
3176
3206
|
<td class="col-md-4">
|
|
3177
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3178
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3207
|
+
<div class="io-line">Defined in <a href="" data-line="863"
|
|
3208
|
+
class="link-to-prism">src/combobox/combobox.component.ts:863</a></div>
|
|
3179
3209
|
</td>
|
|
3180
3210
|
</tr>
|
|
3181
3211
|
|
|
@@ -3211,8 +3241,8 @@ Updates pills if necessary.</p>
|
|
|
3211
3241
|
|
|
3212
3242
|
<tr>
|
|
3213
3243
|
<td class="col-md-4">
|
|
3214
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3215
|
-
class="link-to-prism">src/combobox/combobox.component.ts:
|
|
3244
|
+
<div class="io-line">Defined in <a href="" data-line="597"
|
|
3245
|
+
class="link-to-prism">src/combobox/combobox.component.ts:597</a></div>
|
|
3216
3246
|
</td>
|
|
3217
3247
|
</tr>
|
|
3218
3248
|
|
|
@@ -3283,7 +3313,7 @@ Updates pills if necessary.</p>
|
|
|
3283
3313
|
</tr>
|
|
3284
3314
|
<tr>
|
|
3285
3315
|
<td class="col-md-4">
|
|
3286
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3316
|
+
<div class="io-line">Defined in <a href="" data-line="444" class="link-to-prism">src/combobox/combobox.component.ts:444</a></div>
|
|
3287
3317
|
</td>
|
|
3288
3318
|
</tr>
|
|
3289
3319
|
|
|
@@ -3309,7 +3339,7 @@ Updates pills if necessary.</p>
|
|
|
3309
3339
|
</tr>
|
|
3310
3340
|
<tr>
|
|
3311
3341
|
<td class="col-md-4">
|
|
3312
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3342
|
+
<div class="io-line">Defined in <a href="" data-line="442" class="link-to-prism">src/combobox/combobox.component.ts:442</a></div>
|
|
3313
3343
|
</td>
|
|
3314
3344
|
</tr>
|
|
3315
3345
|
|
|
@@ -3335,7 +3365,7 @@ Updates pills if necessary.</p>
|
|
|
3335
3365
|
</tr>
|
|
3336
3366
|
<tr>
|
|
3337
3367
|
<td class="col-md-4">
|
|
3338
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3368
|
+
<div class="io-line">Defined in <a href="" data-line="441" class="link-to-prism">src/combobox/combobox.component.ts:441</a></div>
|
|
3339
3369
|
</td>
|
|
3340
3370
|
</tr>
|
|
3341
3371
|
|
|
@@ -3361,7 +3391,7 @@ Updates pills if necessary.</p>
|
|
|
3361
3391
|
</tr>
|
|
3362
3392
|
<tr>
|
|
3363
3393
|
<td class="col-md-4">
|
|
3364
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3394
|
+
<div class="io-line">Defined in <a href="" data-line="443" class="link-to-prism">src/combobox/combobox.component.ts:443</a></div>
|
|
3365
3395
|
</td>
|
|
3366
3396
|
</tr>
|
|
3367
3397
|
|
|
@@ -3387,7 +3417,7 @@ Updates pills if necessary.</p>
|
|
|
3387
3417
|
</tr>
|
|
3388
3418
|
<tr>
|
|
3389
3419
|
<td class="col-md-4">
|
|
3390
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3420
|
+
<div class="io-line">Defined in <a href="" data-line="439" class="link-to-prism">src/combobox/combobox.component.ts:439</a></div>
|
|
3391
3421
|
</td>
|
|
3392
3422
|
</tr>
|
|
3393
3423
|
|
|
@@ -3412,7 +3442,7 @@ Updates pills if necessary.</p>
|
|
|
3412
3442
|
</tr>
|
|
3413
3443
|
<tr>
|
|
3414
3444
|
<td class="col-md-4">
|
|
3415
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3445
|
+
<div class="io-line">Defined in <a href="" data-line="432" class="link-to-prism">src/combobox/combobox.component.ts:432</a></div>
|
|
3416
3446
|
</td>
|
|
3417
3447
|
</tr>
|
|
3418
3448
|
|
|
@@ -3444,7 +3474,7 @@ Updates pills if necessary.</p>
|
|
|
3444
3474
|
</tr>
|
|
3445
3475
|
<tr>
|
|
3446
3476
|
<td class="col-md-4">
|
|
3447
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3477
|
+
<div class="io-line">Defined in <a href="" data-line="440" class="link-to-prism">src/combobox/combobox.component.ts:440</a></div>
|
|
3448
3478
|
</td>
|
|
3449
3479
|
</tr>
|
|
3450
3480
|
|
|
@@ -3470,7 +3500,7 @@ Updates pills if necessary.</p>
|
|
|
3470
3500
|
</tr>
|
|
3471
3501
|
<tr>
|
|
3472
3502
|
<td class="col-md-4">
|
|
3473
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3503
|
+
<div class="io-line">Defined in <a href="" data-line="438" class="link-to-prism">src/combobox/combobox.component.ts:438</a></div>
|
|
3474
3504
|
</td>
|
|
3475
3505
|
</tr>
|
|
3476
3506
|
|
|
@@ -3502,7 +3532,7 @@ Updates pills if necessary.</p>
|
|
|
3502
3532
|
</tr>
|
|
3503
3533
|
<tr>
|
|
3504
3534
|
<td class="col-md-4">
|
|
3505
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3535
|
+
<div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/combobox/combobox.component.ts:260</a></div>
|
|
3506
3536
|
</td>
|
|
3507
3537
|
</tr>
|
|
3508
3538
|
|
|
@@ -3543,7 +3573,7 @@ Updates pills if necessary.</p>
|
|
|
3543
3573
|
</tr>
|
|
3544
3574
|
<tr>
|
|
3545
3575
|
<td class="col-md-4">
|
|
3546
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3576
|
+
<div class="io-line">Defined in <a href="" data-line="416" class="link-to-prism">src/combobox/combobox.component.ts:416</a></div>
|
|
3547
3577
|
</td>
|
|
3548
3578
|
</tr>
|
|
3549
3579
|
|
|
@@ -3573,7 +3603,7 @@ Updates pills if necessary.</p>
|
|
|
3573
3603
|
</tr>
|
|
3574
3604
|
<tr>
|
|
3575
3605
|
<td class="col-md-4">
|
|
3576
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3606
|
+
<div class="io-line">Defined in <a href="" data-line="412" class="link-to-prism">src/combobox/combobox.component.ts:412</a></div>
|
|
3577
3607
|
</td>
|
|
3578
3608
|
</tr>
|
|
3579
3609
|
|
|
@@ -3608,7 +3638,7 @@ Updates pills if necessary.</p>
|
|
|
3608
3638
|
</tr>
|
|
3609
3639
|
<tr>
|
|
3610
3640
|
<td class="col-md-4">
|
|
3611
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3641
|
+
<div class="io-line">Defined in <a href="" data-line="415" class="link-to-prism">src/combobox/combobox.component.ts:415</a></div>
|
|
3612
3642
|
</td>
|
|
3613
3643
|
</tr>
|
|
3614
3644
|
|
|
@@ -3644,7 +3674,7 @@ Updates pills if necessary.</p>
|
|
|
3644
3674
|
</tr>
|
|
3645
3675
|
<tr>
|
|
3646
3676
|
<td class="col-md-4">
|
|
3647
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3677
|
+
<div class="io-line">Defined in <a href="" data-line="413" class="link-to-prism">src/combobox/combobox.component.ts:413</a></div>
|
|
3648
3678
|
</td>
|
|
3649
3679
|
</tr>
|
|
3650
3680
|
|
|
@@ -3669,7 +3699,7 @@ Updates pills if necessary.</p>
|
|
|
3669
3699
|
</tr>
|
|
3670
3700
|
<tr>
|
|
3671
3701
|
<td class="col-md-4">
|
|
3672
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3702
|
+
<div class="io-line">Defined in <a href="" data-line="428" class="link-to-prism">src/combobox/combobox.component.ts:428</a></div>
|
|
3673
3703
|
</td>
|
|
3674
3704
|
</tr>
|
|
3675
3705
|
|
|
@@ -3705,7 +3735,7 @@ Updates pills if necessary.</p>
|
|
|
3705
3735
|
</tr>
|
|
3706
3736
|
<tr>
|
|
3707
3737
|
<td class="col-md-4">
|
|
3708
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3738
|
+
<div class="io-line">Defined in <a href="" data-line="414" class="link-to-prism">src/combobox/combobox.component.ts:414</a></div>
|
|
3709
3739
|
</td>
|
|
3710
3740
|
</tr>
|
|
3711
3741
|
|
|
@@ -3731,7 +3761,7 @@ Updates pills if necessary.</p>
|
|
|
3731
3761
|
</tr>
|
|
3732
3762
|
<tr>
|
|
3733
3763
|
<td class="col-md-4">
|
|
3734
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3764
|
+
<div class="io-line">Defined in <a href="" data-line="434" class="link-to-prism">src/combobox/combobox.component.ts:434</a></div>
|
|
3735
3765
|
</td>
|
|
3736
3766
|
</tr>
|
|
3737
3767
|
|
|
@@ -3763,7 +3793,7 @@ Updates pills if necessary.</p>
|
|
|
3763
3793
|
</tr>
|
|
3764
3794
|
<tr>
|
|
3765
3795
|
<td class="col-md-4">
|
|
3766
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3796
|
+
<div class="io-line">Defined in <a href="" data-line="435" class="link-to-prism">src/combobox/combobox.component.ts:435</a></div>
|
|
3767
3797
|
</td>
|
|
3768
3798
|
</tr>
|
|
3769
3799
|
|
|
@@ -3789,7 +3819,7 @@ Updates pills if necessary.</p>
|
|
|
3789
3819
|
</tr>
|
|
3790
3820
|
<tr>
|
|
3791
3821
|
<td class="col-md-4">
|
|
3792
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3822
|
+
<div class="io-line">Defined in <a href="" data-line="418" class="link-to-prism">src/combobox/combobox.component.ts:418</a></div>
|
|
3793
3823
|
</td>
|
|
3794
3824
|
</tr>
|
|
3795
3825
|
|
|
@@ -3814,7 +3844,7 @@ Updates pills if necessary.</p>
|
|
|
3814
3844
|
</tr>
|
|
3815
3845
|
<tr>
|
|
3816
3846
|
<td class="col-md-4">
|
|
3817
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3847
|
+
<div class="io-line">Defined in <a href="" data-line="427" class="link-to-prism">src/combobox/combobox.component.ts:427</a></div>
|
|
3818
3848
|
</td>
|
|
3819
3849
|
</tr>
|
|
3820
3850
|
|
|
@@ -3846,7 +3876,7 @@ Updates pills if necessary.</p>
|
|
|
3846
3876
|
</tr>
|
|
3847
3877
|
<tr>
|
|
3848
3878
|
<td class="col-md-4">
|
|
3849
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3879
|
+
<div class="io-line">Defined in <a href="" data-line="423" class="link-to-prism">src/combobox/combobox.component.ts:423</a></div>
|
|
3850
3880
|
</td>
|
|
3851
3881
|
</tr>
|
|
3852
3882
|
|
|
@@ -3884,7 +3914,7 @@ Updates pills if necessary.</p>
|
|
|
3884
3914
|
</tr>
|
|
3885
3915
|
<tr>
|
|
3886
3916
|
<td class="col-md-4">
|
|
3887
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3917
|
+
<div class="io-line">Defined in <a href="" data-line="436" class="link-to-prism">src/combobox/combobox.component.ts:436</a></div>
|
|
3888
3918
|
</td>
|
|
3889
3919
|
</tr>
|
|
3890
3920
|
|
|
@@ -3916,7 +3946,7 @@ Updates pills if necessary.</p>
|
|
|
3916
3946
|
</tr>
|
|
3917
3947
|
<tr>
|
|
3918
3948
|
<td class="col-md-4">
|
|
3919
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3949
|
+
<div class="io-line">Defined in <a href="" data-line="425" class="link-to-prism">src/combobox/combobox.component.ts:425</a></div>
|
|
3920
3950
|
</td>
|
|
3921
3951
|
</tr>
|
|
3922
3952
|
|
|
@@ -3948,7 +3978,7 @@ Updates pills if necessary.</p>
|
|
|
3948
3978
|
</tr>
|
|
3949
3979
|
<tr>
|
|
3950
3980
|
<td class="col-md-4">
|
|
3951
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3981
|
+
<div class="io-line">Defined in <a href="" data-line="420" class="link-to-prism">src/combobox/combobox.component.ts:420</a></div>
|
|
3952
3982
|
</td>
|
|
3953
3983
|
</tr>
|
|
3954
3984
|
|
|
@@ -3984,7 +4014,7 @@ Updates pills if necessary.</p>
|
|
|
3984
4014
|
</tr>
|
|
3985
4015
|
<tr>
|
|
3986
4016
|
<td class="col-md-4">
|
|
3987
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4017
|
+
<div class="io-line">Defined in <a href="" data-line="411" class="link-to-prism">src/combobox/combobox.component.ts:411</a></div>
|
|
3988
4018
|
</td>
|
|
3989
4019
|
</tr>
|
|
3990
4020
|
|
|
@@ -4019,7 +4049,7 @@ Updates pills if necessary.</p>
|
|
|
4019
4049
|
</tr>
|
|
4020
4050
|
<tr>
|
|
4021
4051
|
<td class="col-md-4">
|
|
4022
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4052
|
+
<div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/combobox/combobox.component.ts:197</a></div>
|
|
4023
4053
|
</td>
|
|
4024
4054
|
</tr>
|
|
4025
4055
|
|
|
@@ -4030,7 +4060,7 @@ Updates pills if necessary.</p>
|
|
|
4030
4060
|
</tr>
|
|
4031
4061
|
<tr>
|
|
4032
4062
|
<td class="col-md-4">
|
|
4033
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4063
|
+
<div class="io-line">Defined in <a href="" data-line="193" class="link-to-prism">src/combobox/combobox.component.ts:193</a></div>
|
|
4034
4064
|
</td>
|
|
4035
4065
|
</tr>
|
|
4036
4066
|
<tr>
|
|
@@ -4090,7 +4120,7 @@ Updates pills if necessary.</p>
|
|
|
4090
4120
|
</tr>
|
|
4091
4121
|
<tr>
|
|
4092
4122
|
<td class="col-md-4">
|
|
4093
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4123
|
+
<div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/combobox/combobox.component.ts:207</a></div>
|
|
4094
4124
|
</td>
|
|
4095
4125
|
</tr>
|
|
4096
4126
|
|
|
@@ -4101,7 +4131,7 @@ Updates pills if necessary.</p>
|
|
|
4101
4131
|
</tr>
|
|
4102
4132
|
<tr>
|
|
4103
4133
|
<td class="col-md-4">
|
|
4104
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4134
|
+
<div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/combobox/combobox.component.ts:203</a></div>
|
|
4105
4135
|
</td>
|
|
4106
4136
|
</tr>
|
|
4107
4137
|
<tr>
|
|
@@ -4161,7 +4191,7 @@ Updates pills if necessary.</p>
|
|
|
4161
4191
|
</tr>
|
|
4162
4192
|
<tr>
|
|
4163
4193
|
<td class="col-md-4">
|
|
4164
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4194
|
+
<div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/combobox/combobox.component.ts:217</a></div>
|
|
4165
4195
|
</td>
|
|
4166
4196
|
</tr>
|
|
4167
4197
|
|
|
@@ -4172,7 +4202,7 @@ Updates pills if necessary.</p>
|
|
|
4172
4202
|
</tr>
|
|
4173
4203
|
<tr>
|
|
4174
4204
|
<td class="col-md-4">
|
|
4175
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4205
|
+
<div class="io-line">Defined in <a href="" data-line="213" class="link-to-prism">src/combobox/combobox.component.ts:213</a></div>
|
|
4176
4206
|
</td>
|
|
4177
4207
|
</tr>
|
|
4178
4208
|
<tr>
|
|
@@ -4232,7 +4262,7 @@ Updates pills if necessary.</p>
|
|
|
4232
4262
|
</tr>
|
|
4233
4263
|
<tr>
|
|
4234
4264
|
<td class="col-md-4">
|
|
4235
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4265
|
+
<div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/combobox/combobox.component.ts:227</a></div>
|
|
4236
4266
|
</td>
|
|
4237
4267
|
</tr>
|
|
4238
4268
|
|
|
@@ -4243,7 +4273,7 @@ Updates pills if necessary.</p>
|
|
|
4243
4273
|
</tr>
|
|
4244
4274
|
<tr>
|
|
4245
4275
|
<td class="col-md-4">
|
|
4246
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4276
|
+
<div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/combobox/combobox.component.ts:223</a></div>
|
|
4247
4277
|
</td>
|
|
4248
4278
|
</tr>
|
|
4249
4279
|
<tr>
|
|
@@ -4303,7 +4333,7 @@ Updates pills if necessary.</p>
|
|
|
4303
4333
|
</tr>
|
|
4304
4334
|
<tr>
|
|
4305
4335
|
<td class="col-md-4">
|
|
4306
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4336
|
+
<div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/combobox/combobox.component.ts:237</a></div>
|
|
4307
4337
|
</td>
|
|
4308
4338
|
</tr>
|
|
4309
4339
|
|
|
@@ -4314,7 +4344,7 @@ Updates pills if necessary.</p>
|
|
|
4314
4344
|
</tr>
|
|
4315
4345
|
<tr>
|
|
4316
4346
|
<td class="col-md-4">
|
|
4317
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4347
|
+
<div class="io-line">Defined in <a href="" data-line="233" class="link-to-prism">src/combobox/combobox.component.ts:233</a></div>
|
|
4318
4348
|
</td>
|
|
4319
4349
|
</tr>
|
|
4320
4350
|
<tr>
|
|
@@ -4374,7 +4404,7 @@ Updates pills if necessary.</p>
|
|
|
4374
4404
|
</tr>
|
|
4375
4405
|
<tr>
|
|
4376
4406
|
<td class="col-md-4">
|
|
4377
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4407
|
+
<div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/combobox/combobox.component.ts:247</a></div>
|
|
4378
4408
|
</td>
|
|
4379
4409
|
</tr>
|
|
4380
4410
|
|
|
@@ -4385,7 +4415,7 @@ Updates pills if necessary.</p>
|
|
|
4385
4415
|
</tr>
|
|
4386
4416
|
<tr>
|
|
4387
4417
|
<td class="col-md-4">
|
|
4388
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4418
|
+
<div class="io-line">Defined in <a href="" data-line="243" class="link-to-prism">src/combobox/combobox.component.ts:243</a></div>
|
|
4389
4419
|
</td>
|
|
4390
4420
|
</tr>
|
|
4391
4421
|
<tr>
|
|
@@ -4445,7 +4475,7 @@ Updates pills if necessary.</p>
|
|
|
4445
4475
|
</tr>
|
|
4446
4476
|
<tr>
|
|
4447
4477
|
<td class="col-md-4">
|
|
4448
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4478
|
+
<div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/combobox/combobox.component.ts:257</a></div>
|
|
4449
4479
|
</td>
|
|
4450
4480
|
</tr>
|
|
4451
4481
|
|
|
@@ -4456,7 +4486,7 @@ Updates pills if necessary.</p>
|
|
|
4456
4486
|
</tr>
|
|
4457
4487
|
<tr>
|
|
4458
4488
|
<td class="col-md-4">
|
|
4459
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
4489
|
+
<div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/combobox/combobox.component.ts:253</a></div>
|
|
4460
4490
|
</td>
|
|
4461
4491
|
</tr>
|
|
4462
4492
|
<tr>
|
|
@@ -4551,6 +4581,7 @@ import { Observable } from "rxjs";
|
|
|
4551
4581
|
<label
|
|
4552
4582
|
*ngIf="label"
|
|
4553
4583
|
[for]="id"
|
|
4584
|
+
[id]="labelId"
|
|
4554
4585
|
class="cds--label"
|
|
4555
4586
|
[ngClass]="{'cds--label--disabled': disabled}">
|
|
4556
4587
|
<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>
|
|
@@ -4617,7 +4648,7 @@ import { Observable } from "rxjs";
|
|
|
4617
4648
|
[ngClass]="{'cds--text-input--empty': !showClearButton}"
|
|
4618
4649
|
tabindex="0"
|
|
4619
4650
|
[id]="id"
|
|
4620
|
-
[attr.aria-labelledby]="
|
|
4651
|
+
[attr.aria-labelledby]="labelId"
|
|
4621
4652
|
[attr.aria-expanded]="open"
|
|
4622
4653
|
aria-haspopup="listbox"
|
|
4623
4654
|
[attr.maxlength]="maxLength"
|
|
@@ -4765,6 +4796,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
|
|
|
4765
4796
|
}
|
|
4766
4797
|
static comboBoxCount = 0;
|
|
4767
4798
|
@Input() id = `dropdown-${ComboBox.comboBoxCount++}`;
|
|
4799
|
+
@Input() labelId = `dropdown-label-${ComboBox.comboBoxCount++}`;
|
|
4768
4800
|
/**
|
|
4769
4801
|
* List of items to fill the content with.
|
|
4770
4802
|
*
|
|
@@ -5414,7 +5446,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
|
|
|
5414
5446
|
<script src="../js/libs/htmlparser.js"></script>
|
|
5415
5447
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
5416
5448
|
<script>
|
|
5417
|
-
var COMPONENT_TEMPLATE = '<div><div class="cds--list-box__wrapper"> <label *ngIf="label" [for]="id" class="cds--label" [ngClass]="{\'cds--label--disabled\': disabled}"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template> </label> <div #listbox [ngClass]="{ \'cds--multi-select cds--multi-select--filterable\': type === \'multi\', \'cds--list-box--light\': theme === \'light\', \'cds--list-box--expanded\': open, \'cds--list-box--sm\': size === \'sm\', \'cds--list-box--md\': size === \'md\', \'cds--list-box--lg\': size === \'lg\', \'cds--list-box--disabled\': disabled, \'cds--combo-box--warning cds--list-box--warning\': warn }" class="cds--list-box cds--combo-box" [attr.data-invalid]="(invalid ? true : null)"> <div class="cds--list-box__field" (click)="toggleDropdown()" (blur)="onBlur()"> <div *ngIf="type === \'multi\' && pills.length > 0" class="cds--tag cds--tag--filter cds--tag--high-contrast" [ngClass]="{\'cds--tag--disabled\': disabled}"> <span class="cds--tag__label">{{ pills.length }}</span> <button type="button" (click)="clearSelected($event)" (blur)="onBlur()" (keydown.enter)="clearSelected($event)" class="cds--tag__close-icon" tabindex="0" [title]="clearSelectionsTitle" [disabled]="disabled" [attr.aria-label]="clearSelectionAria"> <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> </button> </div> <input #input type="text" autocomplete="off" role="combobox" [disabled]="disabled" (input)="onSearch($event.target.value)" (blur)="onBlur()" (keydown.enter)="onSubmit($event)" [value]="selectedValue" class="cds--text-input" [ngClass]="{\'cds--text-input--empty\': !showClearButton}" tabindex="0" [id]="id" [attr.aria-labelledby]="
|
|
5449
|
+
var COMPONENT_TEMPLATE = '<div><div class="cds--list-box__wrapper"> <label *ngIf="label" [for]="id" [id]="labelId" class="cds--label" [ngClass]="{\'cds--label--disabled\': disabled}"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template> </label> <div #listbox [ngClass]="{ \'cds--multi-select cds--multi-select--filterable\': type === \'multi\', \'cds--list-box--light\': theme === \'light\', \'cds--list-box--expanded\': open, \'cds--list-box--sm\': size === \'sm\', \'cds--list-box--md\': size === \'md\', \'cds--list-box--lg\': size === \'lg\', \'cds--list-box--disabled\': disabled, \'cds--combo-box--warning cds--list-box--warning\': warn }" class="cds--list-box cds--combo-box" [attr.data-invalid]="(invalid ? true : null)"> <div class="cds--list-box__field" (click)="toggleDropdown()" (blur)="onBlur()"> <div *ngIf="type === \'multi\' && pills.length > 0" class="cds--tag cds--tag--filter cds--tag--high-contrast" [ngClass]="{\'cds--tag--disabled\': disabled}"> <span class="cds--tag__label">{{ pills.length }}</span> <button type="button" (click)="clearSelected($event)" (blur)="onBlur()" (keydown.enter)="clearSelected($event)" class="cds--tag__close-icon" tabindex="0" [title]="clearSelectionsTitle" [disabled]="disabled" [attr.aria-label]="clearSelectionAria"> <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> </button> </div> <input #input type="text" autocomplete="off" role="combobox" [disabled]="disabled" (input)="onSearch($event.target.value)" (blur)="onBlur()" (keydown.enter)="onSubmit($event)" [value]="selectedValue" class="cds--text-input" [ngClass]="{\'cds--text-input--empty\': !showClearButton}" tabindex="0" [id]="id" [attr.aria-labelledby]="labelId" [attr.aria-expanded]="open" aria-haspopup="listbox" [attr.maxlength]="maxLength" [attr.aria-controls]="open ? view?.listId : null" [attr.aria-autocomplete]="autocomplete" [placeholder]="placeholder"/> <svg *ngIf="invalid" cdsIcon="warning--filled" size="16" class="cds--list-box__invalid-icon"> </svg> <svg *ngIf="!invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning"> </svg> <div *ngIf="showClearButton" role="button" class="cds--list-box__selection" tabindex="0" [attr.aria-label]="clearSelectionAria" [title]="clearSelectionTitle" (keyup.enter)="clearInput($event)" (click)="clearInput($event)" (blur)="onBlur()"> <svg cdsIcon="close" size="16"></svg> </div> <button type="button" role="button" class="cds--list-box__menu-icon" tabindex="-1" [title]="open ? closeMenuAria : openMenuAria" [attr.aria-label]="open ? closeMenuAria : openMenuAria" [ngClass]="{\'cds--list-box__menu-icon--open\': open}"> <svg cdsIcon="chevron--down" size="16"></svg> </button> </div> <div #dropdownMenu [ngClass]="{ \'cds--list-box--up\': this.dropUp !== null && this.dropUp !== undefined ? dropUp : _dropUp }"> <ng-content *ngIf="open"></ng-content> </div> </div> <div *ngIf="helperText && !invalid && !warn" class="cds--form__helper-text" [ngClass]="{\'cds--form__helper-text--disabled\': disabled}"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template> </div> <div *ngIf="invalid" class="cds--form-requirement"> <ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container> <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template> </div> <div *ngIf="!invalid && warn" class="cds--form-requirement"> <ng-container *ngIf="!isTemplate(warnText)">{{warnText}}</ng-container> <ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template> </div></div> </div>'
|
|
5418
5450
|
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': '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': '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': '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-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': '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': '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': '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': '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': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'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': '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': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'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'}];
|
|
5419
5451
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'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': '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': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'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]'}];
|
|
5420
5452
|
var ACTUAL_COMPONENT = {'name': 'ComboBox'};
|