carbon-components-angular 5.13.0 → 5.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/README.md +2 -0
  2. package/combobox/combobox.component.d.ts +6 -3
  3. package/docs/documentation/components/Checkbox.html +45 -52
  4. package/docs/documentation/components/ComboBox.html +231 -138
  5. package/docs/documentation/components/Toggle.html +24 -29
  6. package/docs/documentation/coverage.html +1 -1
  7. package/docs/documentation/index.html +12 -0
  8. package/docs/documentation/js/search/search_index.js +2 -2
  9. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/TagModule.html +4 -4
  11. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/ThemeModule.html +4 -4
  13. package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/TilesModule.html +4 -4
  15. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +21 -21
  16. package/docs/documentation/modules/TimePickerSelectModule.html +21 -21
  17. package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
  18. package/docs/documentation/modules/ToggleModule.html +41 -45
  19. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  20. package/docs/documentation/modules/ToggletipModule.html +37 -37
  21. package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
  22. package/docs/documentation/modules/TooltipModule.html +29 -29
  23. package/docs/documentation.json +200 -177
  24. package/docs/storybook/1895.a7b85b78.iframe.bundle.js +1 -0
  25. package/docs/storybook/9115.b37cce0a.iframe.bundle.js +1 -0
  26. package/docs/storybook/checkbox-checkbox-stories.74791354.iframe.bundle.js +1 -0
  27. package/docs/storybook/combobox-combobox-stories.07443101.iframe.bundle.js +1 -0
  28. package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.15eb7f8e.iframe.bundle.js +1 -0
  29. package/docs/storybook/iframe.html +2 -2
  30. package/docs/storybook/main.0fc88865.iframe.bundle.js +1 -0
  31. package/docs/storybook/project.json +1 -1
  32. package/docs/storybook/{runtime~main.41c8e8cb.iframe.bundle.js → runtime~main.66a4fe80.iframe.bundle.js} +1 -1
  33. package/docs/storybook/{slider-slider-stories.feee50aa.iframe.bundle.js → slider-slider-stories.67a7e6a8.iframe.bundle.js} +1 -1
  34. package/docs/storybook/toggle-toggle-stories.758276ec.iframe.bundle.js +1 -0
  35. package/esm2020/checkbox/checkbox.component.mjs +1 -3
  36. package/esm2020/combobox/combobox.component.mjs +23 -19
  37. package/fesm2015/carbon-components-angular-checkbox.mjs +0 -2
  38. package/fesm2015/carbon-components-angular-checkbox.mjs.map +1 -1
  39. package/fesm2015/carbon-components-angular-combobox.mjs +22 -18
  40. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  41. package/fesm2020/carbon-components-angular-checkbox.mjs +0 -2
  42. package/fesm2020/carbon-components-angular-checkbox.mjs.map +1 -1
  43. package/fesm2020/carbon-components-angular-combobox.mjs +22 -18
  44. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  45. package/package.json +1 -1
  46. package/docs/storybook/1895.f908bfb8.iframe.bundle.js +0 -1
  47. package/docs/storybook/9115.e3ed2f59.iframe.bundle.js +0 -1
  48. package/docs/storybook/checkbox-checkbox-stories.9fdbae41.iframe.bundle.js +0 -1
  49. package/docs/storybook/combobox-combobox-stories.48876c96.iframe.bundle.js +0 -1
  50. package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.ae41f3c6.iframe.bundle.js +0 -1
  51. package/docs/storybook/main.1e0c9932.iframe.bundle.js +0 -1
  52. package/docs/storybook/toggle-toggle-stories.3f40e3b9.iframe.bundle.js +0 -1
@@ -355,6 +355,9 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
355
355
  <span class="modifier">Public</span>
356
356
  <a href="#open" >open</a>
357
357
  </li>
358
+ <li>
359
+ <a href="#outsideClick" >outsideClick</a>
360
+ </li>
358
361
  <li>
359
362
  <span class="modifier">Public</span>
360
363
  <a href="#pills" >pills</a>
@@ -399,6 +402,9 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
399
402
  <li>
400
403
  <a href="#_noop" >_noop</a>
401
404
  </li>
405
+ <li>
406
+ <a href="#_outsideClick" >_outsideClick</a>
407
+ </li>
402
408
  <li>
403
409
  <a href="#_shouldDropUp" >_shouldDropUp</a>
404
410
  </li>
@@ -669,7 +675,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
669
675
  <tbody>
670
676
  <tr>
671
677
  <td class="col-md-4">
672
- <code>constructor(elementRef: ElementRef, documentService: <a href="../injectables/DocumentService.html" target="_self">DocumentService</a>, dropdownService: <a href="../injectables/DropdownService.html" target="_self">DropdownService</a>, i18n: <a href="../injectables/I18n.html" target="_self">I18n</a>)</code>
678
+ <code>constructor(elementRef: ElementRef, dropdownService: <a href="../injectables/DropdownService.html" target="_self">DropdownService</a>, i18n: <a href="../injectables/I18n.html" target="_self">I18n</a>)</code>
673
679
  </td>
674
680
  </tr>
675
681
  <tr>
@@ -704,18 +710,6 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
704
710
  No
705
711
  </td>
706
712
 
707
- </tr>
708
- <tr>
709
- <td>documentService</td>
710
-
711
- <td>
712
- <code><a href="../injectables/DocumentService.html" target="_self" >DocumentService</a></code>
713
- </td>
714
-
715
- <td>
716
- No
717
- </td>
718
-
719
713
  </tr>
720
714
  <tr>
721
715
  <td>dropdownService</td>
@@ -773,7 +767,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
773
767
  </tr>
774
768
  <tr>
775
769
  <td class="col-md-2" colspan="2">
776
- <div class="io-line">Defined in <a href="" data-line="306" class="link-to-prism">src/combobox/combobox.component.ts:306</a></div>
770
+ <div class="io-line">Defined in <a href="" data-line="305" class="link-to-prism">src/combobox/combobox.component.ts:305</a></div>
777
771
  </td>
778
772
  </tr>
779
773
  <tr>
@@ -805,7 +799,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
805
799
  </tr>
806
800
  <tr>
807
801
  <td class="col-md-2" colspan="2">
808
- <div class="io-line">Defined in <a href="" data-line="342" class="link-to-prism">src/combobox/combobox.component.ts:342</a></div>
802
+ <div class="io-line">Defined in <a href="" data-line="341" class="link-to-prism">src/combobox/combobox.component.ts:341</a></div>
809
803
  </td>
810
804
  </tr>
811
805
  <tr>
@@ -833,7 +827,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
833
827
  </tr>
834
828
  <tr>
835
829
  <td class="col-md-2" colspan="2">
836
- <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/combobox/combobox.component.ts:247</a></div>
830
+ <div class="io-line">Defined in <a href="" data-line="246" class="link-to-prism">src/combobox/combobox.component.ts:246</a></div>
837
831
  </td>
838
832
  </tr>
839
833
  <tr>
@@ -860,7 +854,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
860
854
  </tr>
861
855
  <tr>
862
856
  <td class="col-md-2" colspan="2">
863
- <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/combobox/combobox.component.ts:227</a></div>
857
+ <div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/combobox/combobox.component.ts:226</a></div>
864
858
  </td>
865
859
  </tr>
866
860
  <tr>
@@ -887,7 +881,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
887
881
  </tr>
888
882
  <tr>
889
883
  <td class="col-md-2" colspan="2">
890
- <div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/combobox/combobox.component.ts:217</a></div>
884
+ <div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/combobox/combobox.component.ts:216</a></div>
891
885
  </td>
892
886
  </tr>
893
887
  <tr>
@@ -914,7 +908,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
914
908
  </tr>
915
909
  <tr>
916
910
  <td class="col-md-2" colspan="2">
917
- <div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/combobox/combobox.component.ts:237</a></div>
911
+ <div class="io-line">Defined in <a href="" data-line="236" class="link-to-prism">src/combobox/combobox.component.ts:236</a></div>
918
912
  </td>
919
913
  </tr>
920
914
  <tr>
@@ -941,7 +935,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
941
935
  </tr>
942
936
  <tr>
943
937
  <td class="col-md-2" colspan="2">
944
- <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/combobox/combobox.component.ts:207</a></div>
938
+ <div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/combobox/combobox.component.ts:206</a></div>
945
939
  </td>
946
940
  </tr>
947
941
  <tr>
@@ -973,7 +967,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
973
967
  </tr>
974
968
  <tr>
975
969
  <td class="col-md-2" colspan="2">
976
- <div class="io-line">Defined in <a href="" data-line="350" class="link-to-prism">src/combobox/combobox.component.ts:350</a></div>
970
+ <div class="io-line">Defined in <a href="" data-line="349" class="link-to-prism">src/combobox/combobox.component.ts:349</a></div>
977
971
  </td>
978
972
  </tr>
979
973
  <tr>
@@ -1000,7 +994,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1000
994
  </tr>
1001
995
  <tr>
1002
996
  <td class="col-md-2" colspan="2">
1003
- <div class="io-line">Defined in <a href="" data-line="346" class="link-to-prism">src/combobox/combobox.component.ts:346</a></div>
997
+ <div class="io-line">Defined in <a href="" data-line="345" class="link-to-prism">src/combobox/combobox.component.ts:345</a></div>
1004
998
  </td>
1005
999
  </tr>
1006
1000
  <tr>
@@ -1027,7 +1021,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1027
1021
  </tr>
1028
1022
  <tr>
1029
1023
  <td class="col-md-2" colspan="2">
1030
- <div class="io-line">Defined in <a href="" data-line="302" class="link-to-prism">src/combobox/combobox.component.ts:302</a></div>
1024
+ <div class="io-line">Defined in <a href="" data-line="301" class="link-to-prism">src/combobox/combobox.component.ts:301</a></div>
1031
1025
  </td>
1032
1026
  </tr>
1033
1027
  <tr>
@@ -1059,7 +1053,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1059
1053
  </tr>
1060
1054
  <tr>
1061
1055
  <td class="col-md-2" colspan="2">
1062
- <div class="io-line">Defined in <a href="" data-line="255" class="link-to-prism">src/combobox/combobox.component.ts:255</a></div>
1056
+ <div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/combobox/combobox.component.ts:254</a></div>
1063
1057
  </td>
1064
1058
  </tr>
1065
1059
  </tbody>
@@ -1085,7 +1079,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1085
1079
  </tr>
1086
1080
  <tr>
1087
1081
  <td class="col-md-2" colspan="2">
1088
- <div class="io-line">Defined in <a href="" data-line="310" class="link-to-prism">src/combobox/combobox.component.ts:310</a></div>
1082
+ <div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/combobox/combobox.component.ts:309</a></div>
1089
1083
  </td>
1090
1084
  </tr>
1091
1085
  <tr>
@@ -1112,7 +1106,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1112
1106
  </tr>
1113
1107
  <tr>
1114
1108
  <td class="col-md-2" colspan="2">
1115
- <div class="io-line">Defined in <a href="" data-line="314" class="link-to-prism">src/combobox/combobox.component.ts:314</a></div>
1109
+ <div class="io-line">Defined in <a href="" data-line="313" class="link-to-prism">src/combobox/combobox.component.ts:313</a></div>
1116
1110
  </td>
1117
1111
  </tr>
1118
1112
  <tr>
@@ -1144,7 +1138,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1144
1138
  </tr>
1145
1139
  <tr>
1146
1140
  <td class="col-md-2" colspan="2">
1147
- <div class="io-line">Defined in <a href="" data-line="282" class="link-to-prism">src/combobox/combobox.component.ts:282</a></div>
1141
+ <div class="io-line">Defined in <a href="" data-line="281" class="link-to-prism">src/combobox/combobox.component.ts:281</a></div>
1148
1142
  </td>
1149
1143
  </tr>
1150
1144
  <tr>
@@ -1189,7 +1183,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1189
1183
  </tr>
1190
1184
  <tr>
1191
1185
  <td class="col-md-2" colspan="2">
1192
- <div class="io-line">Defined in <a href="" data-line="294" class="link-to-prism">src/combobox/combobox.component.ts:294</a></div>
1186
+ <div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/combobox/combobox.component.ts:293</a></div>
1193
1187
  </td>
1194
1188
  </tr>
1195
1189
  <tr>
@@ -1216,7 +1210,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1216
1210
  </tr>
1217
1211
  <tr>
1218
1212
  <td class="col-md-2" colspan="2">
1219
- <div class="io-line">Defined in <a href="" data-line="298" class="link-to-prism">src/combobox/combobox.component.ts:298</a></div>
1213
+ <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/combobox/combobox.component.ts:297</a></div>
1220
1214
  </td>
1221
1215
  </tr>
1222
1216
  <tr>
@@ -1248,7 +1242,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1248
1242
  </tr>
1249
1243
  <tr>
1250
1244
  <td class="col-md-2" colspan="2">
1251
- <div class="io-line">Defined in <a href="" data-line="326" class="link-to-prism">src/combobox/combobox.component.ts:326</a></div>
1245
+ <div class="io-line">Defined in <a href="" data-line="325" class="link-to-prism">src/combobox/combobox.component.ts:325</a></div>
1252
1246
  </td>
1253
1247
  </tr>
1254
1248
  <tr>
@@ -1275,7 +1269,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1275
1269
  </tr>
1276
1270
  <tr>
1277
1271
  <td class="col-md-2" colspan="2">
1278
- <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/combobox/combobox.component.ts:197</a></div>
1272
+ <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/combobox/combobox.component.ts:196</a></div>
1279
1273
  </td>
1280
1274
  </tr>
1281
1275
  <tr>
@@ -1302,7 +1296,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1302
1296
  </tr>
1303
1297
  <tr>
1304
1298
  <td class="col-md-2" colspan="2">
1305
- <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/combobox/combobox.component.ts:187</a></div>
1299
+ <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/combobox/combobox.component.ts:186</a></div>
1306
1300
  </td>
1307
1301
  </tr>
1308
1302
  <tr>
@@ -1334,7 +1328,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1334
1328
  </tr>
1335
1329
  <tr>
1336
1330
  <td class="col-md-2" colspan="2">
1337
- <div class="io-line">Defined in <a href="" data-line="337" class="link-to-prism">src/combobox/combobox.component.ts:337</a></div>
1331
+ <div class="io-line">Defined in <a href="" data-line="336" class="link-to-prism">src/combobox/combobox.component.ts:336</a></div>
1338
1332
  </td>
1339
1333
  </tr>
1340
1334
  <tr>
@@ -1369,7 +1363,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1369
1363
  </tr>
1370
1364
  <tr>
1371
1365
  <td class="col-md-2" colspan="2">
1372
- <div class="io-line">Defined in <a href="" data-line="290" class="link-to-prism">src/combobox/combobox.component.ts:290</a></div>
1366
+ <div class="io-line">Defined in <a href="" data-line="289" class="link-to-prism">src/combobox/combobox.component.ts:289</a></div>
1373
1367
  </td>
1374
1368
  </tr>
1375
1369
  <tr>
@@ -1401,7 +1395,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1401
1395
  </tr>
1402
1396
  <tr>
1403
1397
  <td class="col-md-2" colspan="2">
1404
- <div class="io-line">Defined in <a href="" data-line="330" class="link-to-prism">src/combobox/combobox.component.ts:330</a></div>
1398
+ <div class="io-line">Defined in <a href="" data-line="329" class="link-to-prism">src/combobox/combobox.component.ts:329</a></div>
1405
1399
  </td>
1406
1400
  </tr>
1407
1401
  </tbody>
@@ -1427,7 +1421,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1427
1421
  </tr>
1428
1422
  <tr>
1429
1423
  <td class="col-md-2" colspan="2">
1430
- <div class="io-line">Defined in <a href="" data-line="286" class="link-to-prism">src/combobox/combobox.component.ts:286</a></div>
1424
+ <div class="io-line">Defined in <a href="" data-line="285" class="link-to-prism">src/combobox/combobox.component.ts:285</a></div>
1431
1425
  </td>
1432
1426
  </tr>
1433
1427
  <tr>
@@ -1459,7 +1453,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1459
1453
  </tr>
1460
1454
  <tr>
1461
1455
  <td class="col-md-2" colspan="2">
1462
- <div class="io-line">Defined in <a href="" data-line="318" class="link-to-prism">src/combobox/combobox.component.ts:318</a></div>
1456
+ <div class="io-line">Defined in <a href="" data-line="317" class="link-to-prism">src/combobox/combobox.component.ts:317</a></div>
1463
1457
  </td>
1464
1458
  </tr>
1465
1459
  <tr>
@@ -1486,7 +1480,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1486
1480
  </tr>
1487
1481
  <tr>
1488
1482
  <td class="col-md-2" colspan="2">
1489
- <div class="io-line">Defined in <a href="" data-line="322" class="link-to-prism">src/combobox/combobox.component.ts:322</a></div>
1483
+ <div class="io-line">Defined in <a href="" data-line="321" class="link-to-prism">src/combobox/combobox.component.ts:321</a></div>
1490
1484
  </td>
1491
1485
  </tr>
1492
1486
  <tr>
@@ -1516,7 +1510,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1516
1510
  </tr>
1517
1511
  <tr>
1518
1512
  <td class="col-md-2" colspan="2">
1519
- <div class="io-line">Defined in <a href="" data-line="402" class="link-to-prism">src/combobox/combobox.component.ts:402</a></div>
1513
+ <div class="io-line">Defined in <a href="" data-line="401" class="link-to-prism">src/combobox/combobox.component.ts:401</a></div>
1520
1514
  </td>
1521
1515
  </tr>
1522
1516
  <tr>
@@ -1543,7 +1537,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1543
1537
  </tr>
1544
1538
  <tr>
1545
1539
  <td class="col-md-2" colspan="2">
1546
- <div class="io-line">Defined in <a href="" data-line="398" class="link-to-prism">src/combobox/combobox.component.ts:398</a></div>
1540
+ <div class="io-line">Defined in <a href="" data-line="397" class="link-to-prism">src/combobox/combobox.component.ts:397</a></div>
1547
1541
  </td>
1548
1542
  </tr>
1549
1543
  <tr>
@@ -1570,7 +1564,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1570
1564
  </tr>
1571
1565
  <tr>
1572
1566
  <td class="col-md-2" colspan="2">
1573
- <div class="io-line">Defined in <a href="" data-line="400" class="link-to-prism">src/combobox/combobox.component.ts:400</a></div>
1567
+ <div class="io-line">Defined in <a href="" data-line="399" class="link-to-prism">src/combobox/combobox.component.ts:399</a></div>
1574
1568
  </td>
1575
1569
  </tr>
1576
1570
  <tr>
@@ -1597,7 +1591,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1597
1591
  </tr>
1598
1592
  <tr>
1599
1593
  <td class="col-md-2" colspan="2">
1600
- <div class="io-line">Defined in <a href="" data-line="362" class="link-to-prism">src/combobox/combobox.component.ts:362</a></div>
1594
+ <div class="io-line">Defined in <a href="" data-line="361" class="link-to-prism">src/combobox/combobox.component.ts:361</a></div>
1601
1595
  </td>
1602
1596
  </tr>
1603
1597
  <tr>
@@ -1628,7 +1622,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1628
1622
  </tr>
1629
1623
  <tr>
1630
1624
  <td class="col-md-2" colspan="2">
1631
- <div class="io-line">Defined in <a href="" data-line="389" class="link-to-prism">src/combobox/combobox.component.ts:389</a></div>
1625
+ <div class="io-line">Defined in <a href="" data-line="388" class="link-to-prism">src/combobox/combobox.component.ts:388</a></div>
1632
1626
  </td>
1633
1627
  </tr>
1634
1628
  <tr>
@@ -1678,7 +1672,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1678
1672
  </tr>
1679
1673
  <tr>
1680
1674
  <td class="col-md-4">
1681
- <div class="io-line">Defined in <a href="" data-line="408" class="link-to-prism">src/combobox/combobox.component.ts:408</a></div>
1675
+ <div class="io-line">Defined in <a href="" data-line="407" class="link-to-prism">src/combobox/combobox.component.ts:407</a></div>
1682
1676
  </td>
1683
1677
  </tr>
1684
1678
 
@@ -1709,7 +1703,7 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1709
1703
  </tr>
1710
1704
  <tr>
1711
1705
  <td class="col-md-4">
1712
- <div class="io-line">Defined in <a href="" data-line="409" class="link-to-prism">src/combobox/combobox.component.ts:409</a></div>
1706
+ <div class="io-line">Defined in <a href="" data-line="408" class="link-to-prism">src/combobox/combobox.component.ts:408</a></div>
1713
1707
  </td>
1714
1708
  </tr>
1715
1709
 
@@ -1744,8 +1738,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1744
1738
 
1745
1739
  <tr>
1746
1740
  <td class="col-md-4">
1747
- <div class="io-line">Defined in <a href="" data-line="569"
1748
- class="link-to-prism">src/combobox/combobox.component.ts:569</a></div>
1741
+ <div class="io-line">Defined in <a href="" data-line="560"
1742
+ class="link-to-prism">src/combobox/combobox.component.ts:560</a></div>
1749
1743
  </td>
1750
1744
  </tr>
1751
1745
 
@@ -1785,8 +1779,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1785
1779
 
1786
1780
  <tr>
1787
1781
  <td class="col-md-4">
1788
- <div class="io-line">Defined in <a href="" data-line="812"
1789
- class="link-to-prism">src/combobox/combobox.component.ts:812</a></div>
1782
+ <div class="io-line">Defined in <a href="" data-line="807"
1783
+ class="link-to-prism">src/combobox/combobox.component.ts:807</a></div>
1790
1784
  </td>
1791
1785
  </tr>
1792
1786
 
@@ -1824,8 +1818,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1824
1818
 
1825
1819
  <tr>
1826
1820
  <td class="col-md-4">
1827
- <div class="io-line">Defined in <a href="" data-line="823"
1828
- class="link-to-prism">src/combobox/combobox.component.ts:823</a></div>
1821
+ <div class="io-line">Defined in <a href="" data-line="818"
1822
+ class="link-to-prism">src/combobox/combobox.component.ts:818</a></div>
1829
1823
  </td>
1830
1824
  </tr>
1831
1825
 
@@ -1863,8 +1857,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1863
1857
 
1864
1858
  <tr>
1865
1859
  <td class="col-md-4">
1866
- <div class="io-line">Defined in <a href="" data-line="792"
1867
- class="link-to-prism">src/combobox/combobox.component.ts:792</a></div>
1860
+ <div class="io-line">Defined in <a href="" data-line="787"
1861
+ class="link-to-prism">src/combobox/combobox.component.ts:787</a></div>
1868
1862
  </td>
1869
1863
  </tr>
1870
1864
 
@@ -1934,8 +1928,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1934
1928
 
1935
1929
  <tr>
1936
1930
  <td class="col-md-4">
1937
- <div class="io-line">Defined in <a href="" data-line="594"
1938
- class="link-to-prism">src/combobox/combobox.component.ts:594</a></div>
1931
+ <div class="io-line">Defined in <a href="" data-line="585"
1932
+ class="link-to-prism">src/combobox/combobox.component.ts:585</a></div>
1939
1933
  </td>
1940
1934
  </tr>
1941
1935
 
@@ -1951,6 +1945,73 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1951
1945
  </tr>
1952
1946
  </tbody>
1953
1947
  </table>
1948
+ <table class="table table-sm table-bordered">
1949
+ <tbody>
1950
+ <tr>
1951
+ <td class="col-md-4">
1952
+ <a name="_outsideClick"></a>
1953
+ <span class="name">
1954
+ <span ><b>_outsideClick</b></span>
1955
+ <a href="#_outsideClick"><span class="icon ion-ios-link"></span></a>
1956
+ </span>
1957
+ </td>
1958
+ </tr>
1959
+ <tr>
1960
+ <td class="col-md-4">
1961
+ <code>_outsideClick(event)</code>
1962
+ </td>
1963
+ </tr>
1964
+
1965
+
1966
+ <tr>
1967
+ <td class="col-md-4">
1968
+ <div class="io-line">Defined in <a href="" data-line="847"
1969
+ class="link-to-prism">src/combobox/combobox.component.ts:847</a></div>
1970
+ </td>
1971
+ </tr>
1972
+
1973
+
1974
+ <tr>
1975
+ <td class="col-md-4">
1976
+ <div class="io-description"><p>Handles clicks outside of the <code>Dropdown</code> list.</p>
1977
+ </div>
1978
+
1979
+ <div class="io-description">
1980
+ <b>Parameters :</b>
1981
+
1982
+ <table class="params">
1983
+ <thead>
1984
+ <tr>
1985
+ <td>Name</td>
1986
+ <td>Optional</td>
1987
+ </tr>
1988
+ </thead>
1989
+ <tbody>
1990
+ <tr>
1991
+ <td>event</td>
1992
+
1993
+ <td>
1994
+ No
1995
+ </td>
1996
+
1997
+
1998
+ </tr>
1999
+ </tbody>
2000
+ </table>
2001
+ </div>
2002
+ <div>
2003
+ </div>
2004
+ <div class="io-description">
2005
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2006
+
2007
+ </div>
2008
+ <div class="io-description">
2009
+
2010
+ </div>
2011
+ </td>
2012
+ </tr>
2013
+ </tbody>
2014
+ </table>
1954
2015
  <table class="table table-sm table-bordered">
1955
2016
  <tbody>
1956
2017
  <tr>
@@ -1971,8 +2032,8 @@ Multi-select comboboxes also provide &quot;pills&quot; of selected items.</p>
1971
2032
 
1972
2033
  <tr>
1973
2034
  <td class="col-md-4">
1974
- <div class="io-line">Defined in <a href="" data-line="832"
1975
- class="link-to-prism">src/combobox/combobox.component.ts:832</a></div>
2035
+ <div class="io-line">Defined in <a href="" data-line="827"
2036
+ class="link-to-prism">src/combobox/combobox.component.ts:827</a></div>
1976
2037
  </td>
1977
2038
  </tr>
1978
2039
 
@@ -2013,8 +2074,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2013
2074
 
2014
2075
  <tr>
2015
2076
  <td class="col-md-4">
2016
- <div class="io-line">Defined in <a href="" data-line="861"
2017
- class="link-to-prism">src/combobox/combobox.component.ts:861</a></div>
2077
+ <div class="io-line">Defined in <a href="" data-line="868"
2078
+ class="link-to-prism">src/combobox/combobox.component.ts:868</a></div>
2018
2079
  </td>
2019
2080
  </tr>
2020
2081
 
@@ -2050,8 +2111,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2050
2111
 
2051
2112
  <tr>
2052
2113
  <td class="col-md-4">
2053
- <div class="io-line">Defined in <a href="" data-line="768"
2054
- class="link-to-prism">src/combobox/combobox.component.ts:768</a></div>
2114
+ <div class="io-line">Defined in <a href="" data-line="763"
2115
+ class="link-to-prism">src/combobox/combobox.component.ts:763</a></div>
2055
2116
  </td>
2056
2117
  </tr>
2057
2118
 
@@ -2117,8 +2178,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2117
2178
 
2118
2179
  <tr>
2119
2180
  <td class="col-md-4">
2120
- <div class="io-line">Defined in <a href="" data-line="660"
2121
- class="link-to-prism">src/combobox/combobox.component.ts:660</a></div>
2181
+ <div class="io-line">Defined in <a href="" data-line="651"
2182
+ class="link-to-prism">src/combobox/combobox.component.ts:651</a></div>
2122
2183
  </td>
2123
2184
  </tr>
2124
2185
 
@@ -2184,8 +2245,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2184
2245
 
2185
2246
  <tr>
2186
2247
  <td class="col-md-4">
2187
- <div class="io-line">Defined in <a href="" data-line="680"
2188
- class="link-to-prism">src/combobox/combobox.component.ts:680</a></div>
2248
+ <div class="io-line">Defined in <a href="" data-line="671"
2249
+ class="link-to-prism">src/combobox/combobox.component.ts:671</a></div>
2189
2250
  </td>
2190
2251
  </tr>
2191
2252
 
@@ -2232,8 +2293,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2232
2293
 
2233
2294
  <tr>
2234
2295
  <td class="col-md-4">
2235
- <div class="io-line">Defined in <a href="" data-line="569"
2236
- class="link-to-prism">src/combobox/combobox.component.ts:569</a></div>
2296
+ <div class="io-line">Defined in <a href="" data-line="560"
2297
+ class="link-to-prism">src/combobox/combobox.component.ts:560</a></div>
2237
2298
  </td>
2238
2299
  </tr>
2239
2300
 
@@ -2305,8 +2366,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2305
2366
 
2306
2367
  <tr>
2307
2368
  <td class="col-md-4">
2308
- <div class="io-line">Defined in <a href="" data-line="785"
2309
- class="link-to-prism">src/combobox/combobox.component.ts:785</a></div>
2369
+ <div class="io-line">Defined in <a href="" data-line="780"
2370
+ class="link-to-prism">src/combobox/combobox.component.ts:780</a></div>
2310
2371
  </td>
2311
2372
  </tr>
2312
2373
 
@@ -2370,8 +2431,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2370
2431
 
2371
2432
  <tr>
2372
2433
  <td class="col-md-4">
2373
- <div class="io-line">Defined in <a href="" data-line="469"
2374
- class="link-to-prism">src/combobox/combobox.component.ts:469</a></div>
2434
+ <div class="io-line">Defined in <a href="" data-line="468"
2435
+ class="link-to-prism">src/combobox/combobox.component.ts:468</a></div>
2375
2436
  </td>
2376
2437
  </tr>
2377
2438
 
@@ -2410,8 +2471,8 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
2410
2471
 
2411
2472
  <tr>
2412
2473
  <td class="col-md-4">
2413
- <div class="io-line">Defined in <a href="" data-line="535"
2414
- class="link-to-prism">src/combobox/combobox.component.ts:535</a></div>
2474
+ <div class="io-line">Defined in <a href="" data-line="534"
2475
+ class="link-to-prism">src/combobox/combobox.component.ts:534</a></div>
2415
2476
  </td>
2416
2477
  </tr>
2417
2478
 
@@ -2449,8 +2510,8 @@ Subscribes to select events and handles focus/filtering/initial list updates</p>
2449
2510
 
2450
2511
  <tr>
2451
2512
  <td class="col-md-4">
2452
- <div class="io-line">Defined in <a href="" data-line="453"
2453
- class="link-to-prism">src/combobox/combobox.component.ts:453</a></div>
2513
+ <div class="io-line">Defined in <a href="" data-line="452"
2514
+ class="link-to-prism">src/combobox/combobox.component.ts:452</a></div>
2454
2515
  </td>
2455
2516
  </tr>
2456
2517
 
@@ -2517,8 +2578,8 @@ Updates pills if necessary.</p>
2517
2578
 
2518
2579
  <tr>
2519
2580
  <td class="col-md-4">
2520
- <div class="io-line">Defined in <a href="" data-line="559"
2521
- class="link-to-prism">src/combobox/combobox.component.ts:559</a></div>
2581
+ <div class="io-line">Defined in <a href="" data-line="550"
2582
+ class="link-to-prism">src/combobox/combobox.component.ts:550</a></div>
2522
2583
  </td>
2523
2584
  </tr>
2524
2585
 
@@ -2556,8 +2617,8 @@ Updates pills if necessary.</p>
2556
2617
 
2557
2618
  <tr>
2558
2619
  <td class="col-md-4">
2559
- <div class="io-line">Defined in <a href="" data-line="631"
2560
- class="link-to-prism">src/combobox/combobox.component.ts:631</a></div>
2620
+ <div class="io-line">Defined in <a href="" data-line="622"
2621
+ class="link-to-prism">src/combobox/combobox.component.ts:622</a></div>
2561
2622
  </td>
2562
2623
  </tr>
2563
2624
 
@@ -2595,8 +2656,8 @@ Updates pills if necessary.</p>
2595
2656
 
2596
2657
  <tr>
2597
2658
  <td class="col-md-4">
2598
- <div class="io-line">Defined in <a href="" data-line="724"
2599
- class="link-to-prism">src/combobox/combobox.component.ts:724</a></div>
2659
+ <div class="io-line">Defined in <a href="" data-line="719"
2660
+ class="link-to-prism">src/combobox/combobox.component.ts:719</a></div>
2600
2661
  </td>
2601
2662
  </tr>
2602
2663
 
@@ -2679,8 +2740,8 @@ Updates pills if necessary.</p>
2679
2740
 
2680
2741
  <tr>
2681
2742
  <td class="col-md-4">
2682
- <div class="io-line">Defined in <a href="" data-line="757"
2683
- class="link-to-prism">src/combobox/combobox.component.ts:757</a></div>
2743
+ <div class="io-line">Defined in <a href="" data-line="752"
2744
+ class="link-to-prism">src/combobox/combobox.component.ts:752</a></div>
2684
2745
  </td>
2685
2746
  </tr>
2686
2747
 
@@ -2752,8 +2813,8 @@ Updates pills if necessary.</p>
2752
2813
 
2753
2814
  <tr>
2754
2815
  <td class="col-md-4">
2755
- <div class="io-line">Defined in <a href="" data-line="692"
2756
- class="link-to-prism">src/combobox/combobox.component.ts:692</a></div>
2816
+ <div class="io-line">Defined in <a href="" data-line="685"
2817
+ class="link-to-prism">src/combobox/combobox.component.ts:685</a></div>
2757
2818
  </td>
2758
2819
  </tr>
2759
2820
 
@@ -2791,8 +2852,8 @@ Updates pills if necessary.</p>
2791
2852
 
2792
2853
  <tr>
2793
2854
  <td class="col-md-4">
2794
- <div class="io-line">Defined in <a href="" data-line="635"
2795
- class="link-to-prism">src/combobox/combobox.component.ts:635</a></div>
2855
+ <div class="io-line">Defined in <a href="" data-line="626"
2856
+ class="link-to-prism">src/combobox/combobox.component.ts:626</a></div>
2796
2857
  </td>
2797
2858
  </tr>
2798
2859
 
@@ -2860,8 +2921,8 @@ Updates pills if necessary.</p>
2860
2921
 
2861
2922
  <tr>
2862
2923
  <td class="col-md-4">
2863
- <div class="io-line">Defined in <a href="" data-line="639"
2864
- class="link-to-prism">src/combobox/combobox.component.ts:639</a></div>
2924
+ <div class="io-line">Defined in <a href="" data-line="630"
2925
+ class="link-to-prism">src/combobox/combobox.component.ts:630</a></div>
2865
2926
  </td>
2866
2927
  </tr>
2867
2928
 
@@ -2929,8 +2990,8 @@ Updates pills if necessary.</p>
2929
2990
 
2930
2991
  <tr>
2931
2992
  <td class="col-md-4">
2932
- <div class="io-line">Defined in <a href="" data-line="648"
2933
- class="link-to-prism">src/combobox/combobox.component.ts:648</a></div>
2993
+ <div class="io-line">Defined in <a href="" data-line="639"
2994
+ class="link-to-prism">src/combobox/combobox.component.ts:639</a></div>
2934
2995
  </td>
2935
2996
  </tr>
2936
2997
 
@@ -3003,8 +3064,8 @@ Updates pills if necessary.</p>
3003
3064
 
3004
3065
  <tr>
3005
3066
  <td class="col-md-4">
3006
- <div class="io-line">Defined in <a href="" data-line="713"
3007
- class="link-to-prism">src/combobox/combobox.component.ts:713</a></div>
3067
+ <div class="io-line">Defined in <a href="" data-line="708"
3068
+ class="link-to-prism">src/combobox/combobox.component.ts:708</a></div>
3008
3069
  </td>
3009
3070
  </tr>
3010
3071
 
@@ -3044,8 +3105,8 @@ Updates pills if necessary.</p>
3044
3105
 
3045
3106
  <tr>
3046
3107
  <td class="col-md-4">
3047
- <div class="io-line">Defined in <a href="" data-line="655"
3048
- class="link-to-prism">src/combobox/combobox.component.ts:655</a></div>
3108
+ <div class="io-line">Defined in <a href="" data-line="646"
3109
+ class="link-to-prism">src/combobox/combobox.component.ts:646</a></div>
3049
3110
  </td>
3050
3111
  </tr>
3051
3112
 
@@ -3085,8 +3146,8 @@ Updates pills if necessary.</p>
3085
3146
 
3086
3147
  <tr>
3087
3148
  <td class="col-md-4">
3088
- <div class="io-line">Defined in <a href="" data-line="849"
3089
- class="link-to-prism">src/combobox/combobox.component.ts:849</a></div>
3149
+ <div class="io-line">Defined in <a href="" data-line="856"
3150
+ class="link-to-prism">src/combobox/combobox.component.ts:856</a></div>
3090
3151
  </td>
3091
3152
  </tr>
3092
3153
 
@@ -3122,8 +3183,8 @@ Updates pills if necessary.</p>
3122
3183
 
3123
3184
  <tr>
3124
3185
  <td class="col-md-4">
3125
- <div class="io-line">Defined in <a href="" data-line="599"
3126
- class="link-to-prism">src/combobox/combobox.component.ts:599</a></div>
3186
+ <div class="io-line">Defined in <a href="" data-line="590"
3187
+ class="link-to-prism">src/combobox/combobox.component.ts:590</a></div>
3127
3188
  </td>
3128
3189
  </tr>
3129
3190
 
@@ -3415,7 +3476,7 @@ Updates pills if necessary.</p>
3415
3476
  </tr>
3416
3477
  <tr>
3417
3478
  <td class="col-md-4">
3418
- <div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/combobox/combobox.component.ts:254</a></div>
3479
+ <div class="io-line">Defined in <a href="" data-line="253" class="link-to-prism">src/combobox/combobox.component.ts:253</a></div>
3419
3480
  </td>
3420
3481
  </tr>
3421
3482
 
@@ -3456,7 +3517,7 @@ Updates pills if necessary.</p>
3456
3517
  </tr>
3457
3518
  <tr>
3458
3519
  <td class="col-md-4">
3459
- <div class="io-line">Defined in <a href="" data-line="409" class="link-to-prism">src/combobox/combobox.component.ts:409</a></div>
3520
+ <div class="io-line">Defined in <a href="" data-line="408" class="link-to-prism">src/combobox/combobox.component.ts:408</a></div>
3460
3521
  </td>
3461
3522
  </tr>
3462
3523
 
@@ -3486,7 +3547,7 @@ Updates pills if necessary.</p>
3486
3547
  </tr>
3487
3548
  <tr>
3488
3549
  <td class="col-md-4">
3489
- <div class="io-line">Defined in <a href="" data-line="405" class="link-to-prism">src/combobox/combobox.component.ts:405</a></div>
3550
+ <div class="io-line">Defined in <a href="" data-line="404" class="link-to-prism">src/combobox/combobox.component.ts:404</a></div>
3490
3551
  </td>
3491
3552
  </tr>
3492
3553
 
@@ -3521,7 +3582,7 @@ Updates pills if necessary.</p>
3521
3582
  </tr>
3522
3583
  <tr>
3523
3584
  <td class="col-md-4">
3524
- <div class="io-line">Defined in <a href="" data-line="408" class="link-to-prism">src/combobox/combobox.component.ts:408</a></div>
3585
+ <div class="io-line">Defined in <a href="" data-line="407" class="link-to-prism">src/combobox/combobox.component.ts:407</a></div>
3525
3586
  </td>
3526
3587
  </tr>
3527
3588
 
@@ -3557,7 +3618,7 @@ Updates pills if necessary.</p>
3557
3618
  </tr>
3558
3619
  <tr>
3559
3620
  <td class="col-md-4">
3560
- <div class="io-line">Defined in <a href="" data-line="406" class="link-to-prism">src/combobox/combobox.component.ts:406</a></div>
3621
+ <div class="io-line">Defined in <a href="" data-line="405" class="link-to-prism">src/combobox/combobox.component.ts:405</a></div>
3561
3622
  </td>
3562
3623
  </tr>
3563
3624
 
@@ -3618,7 +3679,7 @@ Updates pills if necessary.</p>
3618
3679
  </tr>
3619
3680
  <tr>
3620
3681
  <td class="col-md-4">
3621
- <div class="io-line">Defined in <a href="" data-line="407" class="link-to-prism">src/combobox/combobox.component.ts:407</a></div>
3682
+ <div class="io-line">Defined in <a href="" data-line="406" class="link-to-prism">src/combobox/combobox.component.ts:406</a></div>
3622
3683
  </td>
3623
3684
  </tr>
3624
3685
 
@@ -3702,7 +3763,32 @@ Updates pills if necessary.</p>
3702
3763
  </tr>
3703
3764
  <tr>
3704
3765
  <td class="col-md-4">
3705
- <div class="io-line">Defined in <a href="" data-line="411" class="link-to-prism">src/combobox/combobox.component.ts:411</a></div>
3766
+ <div class="io-line">Defined in <a href="" data-line="410" class="link-to-prism">src/combobox/combobox.component.ts:410</a></div>
3767
+ </td>
3768
+ </tr>
3769
+
3770
+
3771
+ </tbody>
3772
+ </table>
3773
+ <table class="table table-sm table-bordered">
3774
+ <tbody>
3775
+ <tr>
3776
+ <td class="col-md-4">
3777
+ <a name="outsideClick"></a>
3778
+ <span class="name">
3779
+ <span ><b>outsideClick</b></span>
3780
+ <a href="#outsideClick"><span class="icon ion-ios-link"></span></a>
3781
+ </span>
3782
+ </td>
3783
+ </tr>
3784
+ <tr>
3785
+ <td class="col-md-4">
3786
+ <i>Default value : </i><code>this._outsideClick.bind(this)</code>
3787
+ </td>
3788
+ </tr>
3789
+ <tr>
3790
+ <td class="col-md-4">
3791
+ <div class="io-line">Defined in <a href="" data-line="419" class="link-to-prism">src/combobox/combobox.component.ts:419</a></div>
3706
3792
  </td>
3707
3793
  </tr>
3708
3794
 
@@ -3734,7 +3820,7 @@ Updates pills if necessary.</p>
3734
3820
  </tr>
3735
3821
  <tr>
3736
3822
  <td class="col-md-4">
3737
- <div class="io-line">Defined in <a href="" data-line="416" class="link-to-prism">src/combobox/combobox.component.ts:416</a></div>
3823
+ <div class="io-line">Defined in <a href="" data-line="415" class="link-to-prism">src/combobox/combobox.component.ts:415</a></div>
3738
3824
  </td>
3739
3825
  </tr>
3740
3826
 
@@ -3804,7 +3890,7 @@ Updates pills if necessary.</p>
3804
3890
  </tr>
3805
3891
  <tr>
3806
3892
  <td class="col-md-4">
3807
- <div class="io-line">Defined in <a href="" data-line="418" class="link-to-prism">src/combobox/combobox.component.ts:418</a></div>
3893
+ <div class="io-line">Defined in <a href="" data-line="417" class="link-to-prism">src/combobox/combobox.component.ts:417</a></div>
3808
3894
  </td>
3809
3895
  </tr>
3810
3896
 
@@ -3836,7 +3922,7 @@ Updates pills if necessary.</p>
3836
3922
  </tr>
3837
3923
  <tr>
3838
3924
  <td class="col-md-4">
3839
- <div class="io-line">Defined in <a href="" data-line="413" class="link-to-prism">src/combobox/combobox.component.ts:413</a></div>
3925
+ <div class="io-line">Defined in <a href="" data-line="412" class="link-to-prism">src/combobox/combobox.component.ts:412</a></div>
3840
3926
  </td>
3841
3927
  </tr>
3842
3928
 
@@ -3872,7 +3958,7 @@ Updates pills if necessary.</p>
3872
3958
  </tr>
3873
3959
  <tr>
3874
3960
  <td class="col-md-4">
3875
- <div class="io-line">Defined in <a href="" data-line="404" class="link-to-prism">src/combobox/combobox.component.ts:404</a></div>
3961
+ <div class="io-line">Defined in <a href="" data-line="403" class="link-to-prism">src/combobox/combobox.component.ts:403</a></div>
3876
3962
  </td>
3877
3963
  </tr>
3878
3964
 
@@ -3907,7 +3993,7 @@ Updates pills if necessary.</p>
3907
3993
  </tr>
3908
3994
  <tr>
3909
3995
  <td class="col-md-4">
3910
- <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/combobox/combobox.component.ts:191</a></div>
3996
+ <div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/combobox/combobox.component.ts:190</a></div>
3911
3997
  </td>
3912
3998
  </tr>
3913
3999
 
@@ -3918,7 +4004,7 @@ Updates pills if necessary.</p>
3918
4004
  </tr>
3919
4005
  <tr>
3920
4006
  <td class="col-md-4">
3921
- <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/combobox/combobox.component.ts:187</a></div>
4007
+ <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/combobox/combobox.component.ts:186</a></div>
3922
4008
  </td>
3923
4009
  </tr>
3924
4010
  <tr>
@@ -3978,7 +4064,7 @@ Updates pills if necessary.</p>
3978
4064
  </tr>
3979
4065
  <tr>
3980
4066
  <td class="col-md-4">
3981
- <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/combobox/combobox.component.ts:201</a></div>
4067
+ <div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/combobox/combobox.component.ts:200</a></div>
3982
4068
  </td>
3983
4069
  </tr>
3984
4070
 
@@ -3989,7 +4075,7 @@ Updates pills if necessary.</p>
3989
4075
  </tr>
3990
4076
  <tr>
3991
4077
  <td class="col-md-4">
3992
- <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/combobox/combobox.component.ts:197</a></div>
4078
+ <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/combobox/combobox.component.ts:196</a></div>
3993
4079
  </td>
3994
4080
  </tr>
3995
4081
  <tr>
@@ -4049,7 +4135,7 @@ Updates pills if necessary.</p>
4049
4135
  </tr>
4050
4136
  <tr>
4051
4137
  <td class="col-md-4">
4052
- <div class="io-line">Defined in <a href="" data-line="211" class="link-to-prism">src/combobox/combobox.component.ts:211</a></div>
4138
+ <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/combobox/combobox.component.ts:210</a></div>
4053
4139
  </td>
4054
4140
  </tr>
4055
4141
 
@@ -4060,7 +4146,7 @@ Updates pills if necessary.</p>
4060
4146
  </tr>
4061
4147
  <tr>
4062
4148
  <td class="col-md-4">
4063
- <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/combobox/combobox.component.ts:207</a></div>
4149
+ <div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/combobox/combobox.component.ts:206</a></div>
4064
4150
  </td>
4065
4151
  </tr>
4066
4152
  <tr>
@@ -4120,7 +4206,7 @@ Updates pills if necessary.</p>
4120
4206
  </tr>
4121
4207
  <tr>
4122
4208
  <td class="col-md-4">
4123
- <div class="io-line">Defined in <a href="" data-line="221" class="link-to-prism">src/combobox/combobox.component.ts:221</a></div>
4209
+ <div class="io-line">Defined in <a href="" data-line="220" class="link-to-prism">src/combobox/combobox.component.ts:220</a></div>
4124
4210
  </td>
4125
4211
  </tr>
4126
4212
 
@@ -4131,7 +4217,7 @@ Updates pills if necessary.</p>
4131
4217
  </tr>
4132
4218
  <tr>
4133
4219
  <td class="col-md-4">
4134
- <div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/combobox/combobox.component.ts:217</a></div>
4220
+ <div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/combobox/combobox.component.ts:216</a></div>
4135
4221
  </td>
4136
4222
  </tr>
4137
4223
  <tr>
@@ -4191,7 +4277,7 @@ Updates pills if necessary.</p>
4191
4277
  </tr>
4192
4278
  <tr>
4193
4279
  <td class="col-md-4">
4194
- <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/combobox/combobox.component.ts:231</a></div>
4280
+ <div class="io-line">Defined in <a href="" data-line="230" class="link-to-prism">src/combobox/combobox.component.ts:230</a></div>
4195
4281
  </td>
4196
4282
  </tr>
4197
4283
 
@@ -4202,7 +4288,7 @@ Updates pills if necessary.</p>
4202
4288
  </tr>
4203
4289
  <tr>
4204
4290
  <td class="col-md-4">
4205
- <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/combobox/combobox.component.ts:227</a></div>
4291
+ <div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/combobox/combobox.component.ts:226</a></div>
4206
4292
  </td>
4207
4293
  </tr>
4208
4294
  <tr>
@@ -4262,7 +4348,7 @@ Updates pills if necessary.</p>
4262
4348
  </tr>
4263
4349
  <tr>
4264
4350
  <td class="col-md-4">
4265
- <div class="io-line">Defined in <a href="" data-line="241" class="link-to-prism">src/combobox/combobox.component.ts:241</a></div>
4351
+ <div class="io-line">Defined in <a href="" data-line="240" class="link-to-prism">src/combobox/combobox.component.ts:240</a></div>
4266
4352
  </td>
4267
4353
  </tr>
4268
4354
 
@@ -4273,7 +4359,7 @@ Updates pills if necessary.</p>
4273
4359
  </tr>
4274
4360
  <tr>
4275
4361
  <td class="col-md-4">
4276
- <div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/combobox/combobox.component.ts:237</a></div>
4362
+ <div class="io-line">Defined in <a href="" data-line="236" class="link-to-prism">src/combobox/combobox.component.ts:236</a></div>
4277
4363
  </td>
4278
4364
  </tr>
4279
4365
  <tr>
@@ -4333,7 +4419,7 @@ Updates pills if necessary.</p>
4333
4419
  </tr>
4334
4420
  <tr>
4335
4421
  <td class="col-md-4">
4336
- <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/combobox/combobox.component.ts:251</a></div>
4422
+ <div class="io-line">Defined in <a href="" data-line="250" class="link-to-prism">src/combobox/combobox.component.ts:250</a></div>
4337
4423
  </td>
4338
4424
  </tr>
4339
4425
 
@@ -4344,7 +4430,7 @@ Updates pills if necessary.</p>
4344
4430
  </tr>
4345
4431
  <tr>
4346
4432
  <td class="col-md-4">
4347
- <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/combobox/combobox.component.ts:247</a></div>
4433
+ <div class="io-line">Defined in <a href="" data-line="246" class="link-to-prism">src/combobox/combobox.component.ts:246</a></div>
4348
4434
  </td>
4349
4435
  </tr>
4350
4436
  <tr>
@@ -4414,7 +4500,6 @@ import { ListItem } from &quot;carbon-components-angular/dropdown&quot;;
4414
4500
  import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
4415
4501
  import { filter } from &quot;rxjs/operators&quot;;
4416
4502
  import {
4417
- DocumentService,
4418
4503
  getScrollableParents,
4419
4504
  hasScrollableParents
4420
4505
  } from &quot;carbon-components-angular/utils&quot;;
@@ -4781,7 +4866,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
4781
4866
  * }
4782
4867
  * &#x60;&#x60;&#x60;
4783
4868
  */
4784
- @Output() submit &#x3D; new EventEmitter &lt;{
4869
+ @Output() submit &#x3D; new EventEmitter&lt;{
4785
4870
  items: ListItem[],
4786
4871
  index: number,
4787
4872
  value: {
@@ -4812,6 +4897,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
4812
4897
  /** used to update the displayValue */
4813
4898
  public selectedValue &#x3D; &quot;&quot;;
4814
4899
 
4900
+ outsideClick &#x3D; this._outsideClick.bind(this);
4815
4901
  keyboardNav &#x3D; this._keyboardNav.bind(this);
4816
4902
  /**
4817
4903
  * controls whether the &#x60;drop-up&#x60; class is applied
@@ -4835,7 +4921,6 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
4835
4921
  */
4836
4922
  constructor(
4837
4923
  protected elementRef: ElementRef,
4838
- protected documentService: DocumentService,
4839
4924
  protected dropdownService: DropdownService,
4840
4925
  protected i18n: I18n
4841
4926
  ) {}
@@ -4851,7 +4936,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
4851
4936
  this.updateSelected();
4852
4937
  // If new items are added into the combobox while there is search input,
4853
4938
  // repeat the search. Search should only trigger for type &#x27;single&#x27; when there is no value selected.
4854
- if ( this.type &#x3D;&#x3D;&#x3D; &quot;multi&quot; || (this.type &#x3D;&#x3D;&#x3D; &quot;single&quot; &amp;&amp; !this.selectedValue)) {
4939
+ if (this.type &#x3D;&#x3D;&#x3D; &quot;multi&quot; || (this.type &#x3D;&#x3D;&#x3D; &quot;single&quot; &amp;&amp; !this.selectedValue)) {
4855
4940
  this.onSearch(this.input.nativeElement.value, false);
4856
4941
  }
4857
4942
  }
@@ -4928,14 +5013,6 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
4928
5013
  * Binds event handlers against the rendered view
4929
5014
  */
4930
5015
  ngAfterViewInit() {
4931
- this.documentService.handleClick(event &#x3D;&gt; {
4932
- if (!this.elementRef.nativeElement.contains(event.target) &amp;&amp;
4933
- !this.dropdownMenu.nativeElement.contains(event.target)) {
4934
- if (this.open) {
4935
- this.closeDropdown();
4936
- }
4937
- }
4938
- });
4939
5016
  // if appendInline is default valued (null) we should:
4940
5017
  // 1. if there are scrollable parents (not including body) don&#x27;t append inline
4941
5018
  // this should also cover the case where the dropdown is in a modal
@@ -5079,6 +5156,8 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5079
5156
  if (!this.appendInline) {
5080
5157
  this._appendToDropdown();
5081
5158
  }
5159
+
5160
+ document.removeEventListener(&quot;click&quot;, this.outsideClick, true);
5082
5161
  }
5083
5162
 
5084
5163
  /**
@@ -5093,6 +5172,8 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5093
5172
  this._appendToBody();
5094
5173
  }
5095
5174
 
5175
+ document.addEventListener(&quot;click&quot;, this.outsideClick, true);
5176
+
5096
5177
  // set the dropdown menu to drop up if it is near the bottom of the screen
5097
5178
  // setTimeout lets us do the calculations after it is visible in the DOM
5098
5179
  setTimeout(() &#x3D;&gt; {
@@ -5196,7 +5277,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5196
5277
  // this way focus will start on the next focusable item from the dropdown
5197
5278
  // not the top of the body!
5198
5279
  this.input.nativeElement.focus();
5199
- this.input.nativeElement.dispatchEvent(new KeyboardEvent(&quot;keydown&quot;, {bubbles: true, cancelable: true, key: &quot;Tab&quot;}));
5280
+ this.input.nativeElement.dispatchEvent(new KeyboardEvent(&quot;keydown&quot;, { bubbles: true, cancelable: true, key: &quot;Tab&quot; }));
5200
5281
  this.closeDropdown();
5201
5282
  }
5202
5283
  }
@@ -5241,9 +5322,21 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
5241
5322
  return false;
5242
5323
  }
5243
5324
 
5325
+ /**
5326
+ * Handles clicks outside of the &#x60;Dropdown&#x60; list.
5327
+ */
5328
+ _outsideClick(event) {
5329
+ if (!this.elementRef.nativeElement.contains(event.target) &amp;&amp;
5330
+ // if we&#x27;re appendToBody the list isn&#x27;t within the _elementRef,
5331
+ // so we&#x27;ve got to check if our target is possibly in there too.
5332
+ !this.dropdownMenu.nativeElement.contains(event.target)) {
5333
+ this.closeDropdown();
5334
+ }
5335
+ }
5336
+
5244
5337
  protected updateSelected() {
5245
5338
  const selected &#x3D; this.view.getSelected();
5246
- if (this.type &#x3D;&#x3D;&#x3D; &quot;multi&quot; ) {
5339
+ if (this.type &#x3D;&#x3D;&#x3D; &quot;multi&quot;) {
5247
5340
  this.updatePills();
5248
5341
  } else if (selected) {
5249
5342
  const value &#x3D; selected[0] ? selected[0].content : &quot;&quot;;