carbon-components-angular 5.72.1 → 5.72.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 (129) hide show
  1. package/combobox/combobox.component.d.ts +3 -0
  2. package/docs/documentation/components/ComboBox.html +214 -67
  3. package/docs/documentation/components/Dropdown.html +322 -134
  4. package/docs/documentation/components/DropdownList.html +6 -2
  5. package/docs/documentation/components/RadioGroup.html +166 -77
  6. package/docs/documentation/coverage.html +10 -10
  7. package/docs/documentation/js/search/search_index.js +2 -2
  8. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  9. package/docs/documentation/modules/DialogModule.html +34 -34
  10. package/docs/documentation/modules/DocumentationModule/dependencies.svg +4 -4
  11. package/docs/documentation/modules/DocumentationModule.html +4 -4
  12. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +37 -37
  13. package/docs/documentation/modules/FileUploaderModule.html +37 -37
  14. package/docs/documentation/modules/GridModule/dependencies.svg +63 -63
  15. package/docs/documentation/modules/GridModule.html +63 -63
  16. package/docs/documentation/modules/HeaderModule/dependencies.svg +4 -4
  17. package/docs/documentation/modules/HeaderModule.html +4 -4
  18. package/docs/documentation/modules/I18nModule/dependencies.svg +13 -13
  19. package/docs/documentation/modules/I18nModule.html +13 -13
  20. package/docs/documentation/modules/IconModule/dependencies.svg +4 -4
  21. package/docs/documentation/modules/IconModule.html +4 -4
  22. package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +15 -15
  23. package/docs/documentation/modules/InlineLoadingModule.html +15 -15
  24. package/docs/documentation/modules/InputModule/dependencies.svg +76 -76
  25. package/docs/documentation/modules/InputModule.html +76 -76
  26. package/docs/documentation/modules/ListModule/dependencies.svg +4 -4
  27. package/docs/documentation/modules/ListModule.html +4 -4
  28. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  29. package/docs/documentation/modules/LoadingModule.html +4 -4
  30. package/docs/documentation/modules/MenuButtonModule/dependencies.svg +28 -28
  31. package/docs/documentation/modules/MenuButtonModule.html +28 -28
  32. package/docs/documentation/modules/ModalModule/dependencies.svg +113 -113
  33. package/docs/documentation/modules/ModalModule.html +113 -113
  34. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  35. package/docs/documentation/modules/NFormsModule.html +4 -4
  36. package/docs/documentation/modules/NotificationModule/dependencies.svg +4 -4
  37. package/docs/documentation/modules/NotificationModule.html +4 -4
  38. package/docs/documentation/modules/NumberModule/dependencies.svg +24 -24
  39. package/docs/documentation/modules/NumberModule.html +24 -24
  40. package/docs/documentation/modules/PaginationModule/dependencies.svg +57 -57
  41. package/docs/documentation/modules/PaginationModule.html +57 -57
  42. package/docs/documentation/modules/PanelModule/dependencies.svg +36 -36
  43. package/docs/documentation/modules/PanelModule.html +36 -36
  44. package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
  45. package/docs/documentation/modules/PlaceholderModule.html +4 -4
  46. package/docs/documentation/modules/PopoverModule/dependencies.svg +4 -4
  47. package/docs/documentation/modules/PopoverModule.html +4 -4
  48. package/docs/documentation/modules/ProgressBarModule/dependencies.svg +4 -4
  49. package/docs/documentation/modules/ProgressBarModule.html +4 -4
  50. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  51. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  52. package/docs/documentation/modules/RadioModule/dependencies.svg +61 -57
  53. package/docs/documentation/modules/RadioModule.html +61 -57
  54. package/docs/documentation/modules/SearchModule/dependencies.svg +48 -44
  55. package/docs/documentation/modules/SearchModule.html +48 -44
  56. package/docs/documentation/modules/SelectModule/dependencies.svg +60 -60
  57. package/docs/documentation/modules/SelectModule.html +60 -60
  58. package/docs/documentation/modules/SideNavModule/dependencies.svg +40 -40
  59. package/docs/documentation/modules/SideNavModule.html +40 -40
  60. package/docs/documentation/modules/SliderModule/dependencies.svg +41 -45
  61. package/docs/documentation/modules/SliderModule.html +41 -45
  62. package/docs/documentation/modules/TabsModule/dependencies.svg +120 -120
  63. package/docs/documentation/modules/TabsModule.html +120 -120
  64. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  65. package/docs/documentation/modules/ThemeModule.html +13 -13
  66. package/docs/documentation/modules/TilesModule/dependencies.svg +106 -106
  67. package/docs/documentation/modules/TilesModule.html +106 -106
  68. package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
  69. package/docs/documentation/modules/TimePickerModule.html +41 -45
  70. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
  71. package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
  72. package/docs/documentation/modules/ToggleModule/dependencies.svg +17 -17
  73. package/docs/documentation/modules/ToggleModule.html +17 -17
  74. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  75. package/docs/documentation/modules/ToggletipModule.html +4 -4
  76. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  77. package/docs/documentation/modules/TooltipModule.html +28 -28
  78. package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
  79. package/docs/documentation/modules/TreeviewModule.html +4 -4
  80. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  81. package/docs/documentation/modules/UIShellModule.html +4 -4
  82. package/docs/documentation.json +261 -231
  83. package/docs/storybook/3224.14e2c79a.iframe.bundle.js +1 -0
  84. package/docs/storybook/557.d4341469.iframe.bundle.js +1 -0
  85. package/docs/storybook/955.7522f55b.iframe.bundle.js +1 -0
  86. package/docs/storybook/combobox-combobox-stories.e3d08f7d.iframe.bundle.js +1 -0
  87. package/docs/storybook/dropdown-dropdown-stories.cf59b2ab.iframe.bundle.js +1 -0
  88. package/docs/storybook/iframe.html +2 -2
  89. package/docs/storybook/{main.d2b9abb3.iframe.bundle.js → main.a1247bb8.iframe.bundle.js} +1 -1
  90. package/docs/storybook/modal-modal-stories.cc2d04cb.iframe.bundle.js +1 -0
  91. package/docs/storybook/{pagination-pagination-nav-stories.547eede3.iframe.bundle.js → pagination-pagination-nav-stories.01637d11.iframe.bundle.js} +1 -1
  92. package/docs/storybook/{pagination-pagination-stories.fa7c9094.iframe.bundle.js → pagination-pagination-stories.40d17ebd.iframe.bundle.js} +1 -1
  93. package/docs/storybook/{patterns-filtering-single-selection-stories.ec91f833.iframe.bundle.js → patterns-filtering-multi-selection-stories.a46a1d6e.iframe.bundle.js} +1 -1
  94. package/docs/storybook/{patterns-filtering-multiple-categories-stories.531f27d7.iframe.bundle.js → patterns-filtering-multiple-categories-stories.740c719e.iframe.bundle.js} +1 -1
  95. package/docs/storybook/{patterns-filtering-multi-selection-stories.9086f77f.iframe.bundle.js → patterns-filtering-single-selection-stories.cc647b4a.iframe.bundle.js} +1 -1
  96. package/docs/storybook/{patterns-forms-multi-step-form-stories.8696062a.iframe.bundle.js → patterns-forms-multi-step-form-stories.2ea46e56.iframe.bundle.js} +1 -1
  97. package/docs/storybook/{patterns-loading-large-loading-stories.734fb9bc.iframe.bundle.js → patterns-loading-large-loading-stories.e6ae3e31.iframe.bundle.js} +1 -1
  98. package/docs/storybook/{patterns-loading-progressive-loading-stories.10bcf9f2.iframe.bundle.js → patterns-loading-progressive-loading-stories.63165c09.iframe.bundle.js} +1 -1
  99. package/docs/storybook/project.json +1 -1
  100. package/docs/storybook/radio-radio-stories.8ff73370.iframe.bundle.js +1 -0
  101. package/docs/storybook/runtime~main.b11c471e.iframe.bundle.js +1 -0
  102. package/dropdown/dropdown.component.d.ts +8 -1
  103. package/dropdown/list/dropdown-list.component.d.ts +1 -1
  104. package/esm2020/combobox/combobox.component.mjs +19 -9
  105. package/esm2020/dropdown/dropdown.component.mjs +31 -15
  106. package/esm2020/dropdown/list/dropdown-list.component.mjs +1 -1
  107. package/esm2020/radio/radio-group.component.mjs +19 -7
  108. package/fesm2015/carbon-components-angular-combobox.mjs +18 -8
  109. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  110. package/fesm2015/carbon-components-angular-dropdown.mjs +31 -14
  111. package/fesm2015/carbon-components-angular-dropdown.mjs.map +1 -1
  112. package/fesm2015/carbon-components-angular-radio.mjs +18 -6
  113. package/fesm2015/carbon-components-angular-radio.mjs.map +1 -1
  114. package/fesm2020/carbon-components-angular-combobox.mjs +18 -8
  115. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  116. package/fesm2020/carbon-components-angular-dropdown.mjs +30 -14
  117. package/fesm2020/carbon-components-angular-dropdown.mjs.map +1 -1
  118. package/fesm2020/carbon-components-angular-radio.mjs +18 -6
  119. package/fesm2020/carbon-components-angular-radio.mjs.map +1 -1
  120. package/package.json +1 -1
  121. package/radio/radio-group.component.d.ts +4 -2
  122. package/docs/storybook/1250.47c381c1.iframe.bundle.js +0 -1
  123. package/docs/storybook/3224.3e279e46.iframe.bundle.js +0 -1
  124. package/docs/storybook/955.99b6ac85.iframe.bundle.js +0 -1
  125. package/docs/storybook/combobox-combobox-stories.e7427226.iframe.bundle.js +0 -1
  126. package/docs/storybook/dropdown-dropdown-stories.a76101be.iframe.bundle.js +0 -1
  127. package/docs/storybook/modal-modal-stories.0a864a6a.iframe.bundle.js +0 -1
  128. package/docs/storybook/radio-radio-stories.444fc044.iframe.bundle.js +0 -1
  129. package/docs/storybook/runtime~main.86875b86.iframe.bundle.js +0 -1
@@ -360,6 +360,10 @@ contained within a scrolling container it will try to open in the body, or an <c
360
360
  <span class="modifier">Protected</span>
361
361
  <a href="#_isFocused" >_isFocused</a>
362
362
  </li>
363
+ <li>
364
+ <span class="modifier">Private</span>
365
+ <a href="#_isUsingNgControl" >_isUsingNgControl</a>
366
+ </li>
363
367
  <li>
364
368
  <span class="modifier">Private</span>
365
369
  <a href="#_writtenValue" >_writtenValue</a>
@@ -406,6 +410,10 @@ contained within a scrolling container it will try to open in the body, or an <c
406
410
  <li>
407
411
  <a href="#propagateChange" >propagateChange</a>
408
412
  </li>
413
+ <li>
414
+ <span class="modifier">Private</span>
415
+ <a href="#selectionSubscription" >selectionSubscription</a>
416
+ </li>
409
417
  <li>
410
418
  <span class="modifier"></span>
411
419
  <a href="#view" >view</a>
@@ -444,6 +452,10 @@ contained within a scrolling container it will try to open in the body, or an <c
444
452
  <li>
445
453
  <a href="#_outsideKey" >_outsideKey</a>
446
454
  </li>
455
+ <li>
456
+ <span class="modifier">Private</span>
457
+ <a href="#_propagateChange" >_propagateChange</a>
458
+ </li>
447
459
  <li>
448
460
  <a href="#_shouldDropUp" >_shouldDropUp</a>
449
461
  </li>
@@ -531,6 +543,9 @@ contained within a scrolling container it will try to open in the body, or an <c
531
543
  <tr>
532
544
  <td class="col-md-4">
533
545
  <ul class="index-list">
546
+ <li>
547
+ <a href="#allowNullValues" >allowNullValues</a>
548
+ </li>
534
549
  <li>
535
550
  <a href="#appendInline" >appendInline</a>
536
551
  </li>
@@ -720,7 +735,7 @@ contained within a scrolling container it will try to open in the body, or an <c
720
735
  </tr>
721
736
  <tr>
722
737
  <td class="col-md-4">
723
- <div class="io-line">Defined in <a href="" data-line="390" class="link-to-prism">src/dropdown/dropdown.component.ts:390</a></div>
738
+ <div class="io-line">Defined in <a href="" data-line="399" class="link-to-prism">src/dropdown/dropdown.component.ts:399</a></div>
724
739
  </td>
725
740
  </tr>
726
741
 
@@ -798,6 +813,38 @@ contained within a scrolling container it will try to open in the body, or an <c
798
813
 
799
814
  <section data-compodoc="block-inputs">
800
815
  <h3 id="inputs">Inputs</h3>
816
+ <table class="table table-sm table-bordered">
817
+ <tbody>
818
+ <tr>
819
+ <td class="col-md-4">
820
+ <a name="allowNullValues"></a>
821
+ <b>allowNullValues</b>
822
+ </td>
823
+ </tr>
824
+ <tr>
825
+ <td class="col-md-4">
826
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
827
+
828
+ </td>
829
+ </tr>
830
+ <tr>
831
+ <td class="col-md-4">
832
+ <i>Default value : </i><code>false</code>
833
+ </td>
834
+ </tr>
835
+ <tr>
836
+ <td class="col-md-2" colspan="2">
837
+ <div class="io-line">Defined in <a href="" data-line="331" class="link-to-prism">src/dropdown/dropdown.component.ts:331</a></div>
838
+ </td>
839
+ </tr>
840
+ <tr>
841
+ <td class="col-md-4">
842
+ <div class="io-description"><p>Set to <code>true</code> to allow null values in the dropdown ListItems.</p>
843
+ </div>
844
+ </td>
845
+ </tr>
846
+ </tbody>
847
+ </table>
801
848
  <table class="table table-sm table-bordered">
802
849
  <tbody>
803
850
  <tr>
@@ -819,7 +866,7 @@ contained within a scrolling container it will try to open in the body, or an <c
819
866
  </tr>
820
867
  <tr>
821
868
  <td class="col-md-2" colspan="2">
822
- <div class="io-line">Defined in <a href="" data-line="296" class="link-to-prism">src/dropdown/dropdown.component.ts:296</a></div>
869
+ <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/dropdown/dropdown.component.ts:297</a></div>
823
870
  </td>
824
871
  </tr>
825
872
  <tr>
@@ -851,7 +898,7 @@ contained within a scrolling container it will try to open in the body, or an <c
851
898
  </tr>
852
899
  <tr>
853
900
  <td class="col-md-2" colspan="2">
854
- <div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/dropdown/dropdown.component.ts:242</a></div>
901
+ <div class="io-line">Defined in <a href="" data-line="243" class="link-to-prism">src/dropdown/dropdown.component.ts:243</a></div>
855
902
  </td>
856
903
  </tr>
857
904
  <tr>
@@ -878,7 +925,7 @@ contained within a scrolling container it will try to open in the body, or an <c
878
925
  </tr>
879
926
  <tr>
880
927
  <td class="col-md-2" colspan="2">
881
- <div class="io-line">Defined in <a href="" data-line="230" class="link-to-prism">src/dropdown/dropdown.component.ts:230</a></div>
928
+ <div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/dropdown/dropdown.component.ts:231</a></div>
882
929
  </td>
883
930
  </tr>
884
931
  <tr>
@@ -910,7 +957,7 @@ contained within a scrolling container it will try to open in the body, or an <c
910
957
  </tr>
911
958
  <tr>
912
959
  <td class="col-md-2" colspan="2">
913
- <div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/dropdown/dropdown.component.ts:276</a></div>
960
+ <div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/dropdown/dropdown.component.ts:277</a></div>
914
961
  </td>
915
962
  </tr>
916
963
  <tr>
@@ -942,7 +989,7 @@ contained within a scrolling container it will try to open in the body, or an <c
942
989
  </tr>
943
990
  <tr>
944
991
  <td class="col-md-2" colspan="2">
945
- <div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/dropdown/dropdown.component.ts:260</a></div>
992
+ <div class="io-line">Defined in <a href="" data-line="261" class="link-to-prism">src/dropdown/dropdown.component.ts:261</a></div>
946
993
  </td>
947
994
  </tr>
948
995
  <tr>
@@ -974,7 +1021,7 @@ contained within a scrolling container it will try to open in the body, or an <c
974
1021
  </tr>
975
1022
  <tr>
976
1023
  <td class="col-md-2" colspan="2">
977
- <div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/dropdown/dropdown.component.ts:238</a></div>
1024
+ <div class="io-line">Defined in <a href="" data-line="239" class="link-to-prism">src/dropdown/dropdown.component.ts:239</a></div>
978
1025
  </td>
979
1026
  </tr>
980
1027
  <tr>
@@ -1001,7 +1048,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1001
1048
  </tr>
1002
1049
  <tr>
1003
1050
  <td class="col-md-2" colspan="2">
1004
- <div class="io-line">Defined in <a href="" data-line="326" class="link-to-prism">src/dropdown/dropdown.component.ts:326</a></div>
1051
+ <div class="io-line">Defined in <a href="" data-line="327" class="link-to-prism">src/dropdown/dropdown.component.ts:327</a></div>
1005
1052
  </td>
1006
1053
  </tr>
1007
1054
  <tr>
@@ -1033,7 +1080,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1033
1080
  </tr>
1034
1081
  <tr>
1035
1082
  <td class="col-md-2" colspan="2">
1036
- <div class="io-line">Defined in <a href="" data-line="364" class="link-to-prism">src/dropdown/dropdown.component.ts:364</a></div>
1083
+ <div class="io-line">Defined in <a href="" data-line="369" class="link-to-prism">src/dropdown/dropdown.component.ts:369</a></div>
1037
1084
  </td>
1038
1085
  </tr>
1039
1086
  <tr>
@@ -1060,7 +1107,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1060
1107
  </tr>
1061
1108
  <tr>
1062
1109
  <td class="col-md-2" colspan="2">
1063
- <div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/dropdown/dropdown.component.ts:226</a></div>
1110
+ <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/dropdown/dropdown.component.ts:227</a></div>
1064
1111
  </td>
1065
1112
  </tr>
1066
1113
  <tr>
@@ -1092,7 +1139,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1092
1139
  </tr>
1093
1140
  <tr>
1094
1141
  <td class="col-md-2" colspan="2">
1095
- <div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/dropdown/dropdown.component.ts:222</a></div>
1142
+ <div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/dropdown/dropdown.component.ts:223</a></div>
1096
1143
  </td>
1097
1144
  </tr>
1098
1145
  <tr>
@@ -1124,7 +1171,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1124
1171
  </tr>
1125
1172
  <tr>
1126
1173
  <td class="col-md-2" colspan="2">
1127
- <div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/dropdown/dropdown.component.ts:214</a></div>
1174
+ <div class="io-line">Defined in <a href="" data-line="215" class="link-to-prism">src/dropdown/dropdown.component.ts:215</a></div>
1128
1175
  </td>
1129
1176
  </tr>
1130
1177
  </tbody>
@@ -1150,7 +1197,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1150
1197
  </tr>
1151
1198
  <tr>
1152
1199
  <td class="col-md-2" colspan="2">
1153
- <div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/dropdown/dropdown.component.ts:272</a></div>
1200
+ <div class="io-line">Defined in <a href="" data-line="273" class="link-to-prism">src/dropdown/dropdown.component.ts:273</a></div>
1154
1201
  </td>
1155
1202
  </tr>
1156
1203
  <tr>
@@ -1182,7 +1229,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1182
1229
  </tr>
1183
1230
  <tr>
1184
1231
  <td class="col-md-2" colspan="2">
1185
- <div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/dropdown/dropdown.component.ts:280</a></div>
1232
+ <div class="io-line">Defined in <a href="" data-line="281" class="link-to-prism">src/dropdown/dropdown.component.ts:281</a></div>
1186
1233
  </td>
1187
1234
  </tr>
1188
1235
  <tr>
@@ -1209,7 +1256,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1209
1256
  </tr>
1210
1257
  <tr>
1211
1258
  <td class="col-md-2" colspan="2">
1212
- <div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/dropdown/dropdown.component.ts:284</a></div>
1259
+ <div class="io-line">Defined in <a href="" data-line="285" class="link-to-prism">src/dropdown/dropdown.component.ts:285</a></div>
1213
1260
  </td>
1214
1261
  </tr>
1215
1262
  <tr>
@@ -1236,7 +1283,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1236
1283
  </tr>
1237
1284
  <tr>
1238
1285
  <td class="col-md-2" colspan="2">
1239
- <div class="io-line">Defined in <a href="" data-line="305" class="link-to-prism">src/dropdown/dropdown.component.ts:305</a></div>
1286
+ <div class="io-line">Defined in <a href="" data-line="306" class="link-to-prism">src/dropdown/dropdown.component.ts:306</a></div>
1240
1287
  </td>
1241
1288
  </tr>
1242
1289
  <tr>
@@ -1263,7 +1310,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1263
1310
  </tr>
1264
1311
  <tr>
1265
1312
  <td class="col-md-2" colspan="2">
1266
- <div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/dropdown/dropdown.component.ts:218</a></div>
1313
+ <div class="io-line">Defined in <a href="" data-line="219" class="link-to-prism">src/dropdown/dropdown.component.ts:219</a></div>
1267
1314
  </td>
1268
1315
  </tr>
1269
1316
  <tr>
@@ -1295,7 +1342,7 @@ contained within a scrolling container it will try to open in the body, or an <c
1295
1342
  </tr>
1296
1343
  <tr>
1297
1344
  <td class="col-md-2" colspan="2">
1298
- <div class="io-line">Defined in <a href="" data-line="317" class="link-to-prism">src/dropdown/dropdown.component.ts:317</a></div>
1345
+ <div class="io-line">Defined in <a href="" data-line="318" class="link-to-prism">src/dropdown/dropdown.component.ts:318</a></div>
1299
1346
  </td>
1300
1347
  </tr>
1301
1348
  <tr>
@@ -1328,7 +1375,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
1328
1375
  </tr>
1329
1376
  <tr>
1330
1377
  <td class="col-md-2" colspan="2">
1331
- <div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/dropdown/dropdown.component.ts:234</a></div>
1378
+ <div class="io-line">Defined in <a href="" data-line="235" class="link-to-prism">src/dropdown/dropdown.component.ts:235</a></div>
1332
1379
  </td>
1333
1380
  </tr>
1334
1381
  <tr>
@@ -1360,7 +1407,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
1360
1407
  </tr>
1361
1408
  <tr>
1362
1409
  <td class="col-md-2" colspan="2">
1363
- <div class="io-line">Defined in <a href="" data-line="264" class="link-to-prism">src/dropdown/dropdown.component.ts:264</a></div>
1410
+ <div class="io-line">Defined in <a href="" data-line="265" class="link-to-prism">src/dropdown/dropdown.component.ts:265</a></div>
1364
1411
  </td>
1365
1412
  </tr>
1366
1413
  <tr>
@@ -1387,7 +1434,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
1387
1434
  </tr>
1388
1435
  <tr>
1389
1436
  <td class="col-md-2" colspan="2">
1390
- <div class="io-line">Defined in <a href="" data-line="301" class="link-to-prism">src/dropdown/dropdown.component.ts:301</a></div>
1437
+ <div class="io-line">Defined in <a href="" data-line="302" class="link-to-prism">src/dropdown/dropdown.component.ts:302</a></div>
1391
1438
  </td>
1392
1439
  </tr>
1393
1440
  <tr>
@@ -1420,7 +1467,7 @@ Used to trigger closing the dropdown if it scrolls outside of the viewport of th
1420
1467
  </tr>
1421
1468
  <tr>
1422
1469
  <td class="col-md-2" colspan="2">
1423
- <div class="io-line">Defined in <a href="" data-line="322" class="link-to-prism">src/dropdown/dropdown.component.ts:322</a></div>
1470
+ <div class="io-line">Defined in <a href="" data-line="323" class="link-to-prism">src/dropdown/dropdown.component.ts:323</a></div>
1424
1471
  </td>
1425
1472
  </tr>
1426
1473
  <tr>
@@ -1453,7 +1500,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
1453
1500
  </tr>
1454
1501
  <tr>
1455
1502
  <td class="col-md-2" colspan="2">
1456
- <div class="io-line">Defined in <a href="" data-line="312" class="link-to-prism">src/dropdown/dropdown.component.ts:312</a></div>
1503
+ <div class="io-line">Defined in <a href="" data-line="313" class="link-to-prism">src/dropdown/dropdown.component.ts:313</a></div>
1457
1504
  </td>
1458
1505
  </tr>
1459
1506
  <tr>
@@ -1488,7 +1535,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
1488
1535
  </tr>
1489
1536
  <tr>
1490
1537
  <td class="col-md-2" colspan="2">
1491
- <div class="io-line">Defined in <a href="" data-line="246" class="link-to-prism">src/dropdown/dropdown.component.ts:246</a></div>
1538
+ <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/dropdown/dropdown.component.ts:247</a></div>
1492
1539
  </td>
1493
1540
  </tr>
1494
1541
  <tr>
@@ -1520,7 +1567,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
1520
1567
  </tr>
1521
1568
  <tr>
1522
1569
  <td class="col-md-2" colspan="2">
1523
- <div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/dropdown/dropdown.component.ts:268</a></div>
1570
+ <div class="io-line">Defined in <a href="" data-line="269" class="link-to-prism">src/dropdown/dropdown.component.ts:269</a></div>
1524
1571
  </td>
1525
1572
  </tr>
1526
1573
  <tr>
@@ -1552,7 +1599,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
1552
1599
  </tr>
1553
1600
  <tr>
1554
1601
  <td class="col-md-2" colspan="2">
1555
- <div class="io-line">Defined in <a href="" data-line="256" class="link-to-prism">src/dropdown/dropdown.component.ts:256</a></div>
1602
+ <div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/dropdown/dropdown.component.ts:257</a></div>
1556
1603
  </td>
1557
1604
  </tr>
1558
1605
  </tbody>
@@ -1578,7 +1625,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
1578
1625
  </tr>
1579
1626
  <tr>
1580
1627
  <td class="col-md-2" colspan="2">
1581
- <div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/dropdown/dropdown.component.ts:251</a></div>
1628
+ <div class="io-line">Defined in <a href="" data-line="252" class="link-to-prism">src/dropdown/dropdown.component.ts:252</a></div>
1582
1629
  </td>
1583
1630
  </tr>
1584
1631
  <tr>
@@ -1611,7 +1658,7 @@ item selection.</p>
1611
1658
  </tr>
1612
1659
  <tr>
1613
1660
  <td class="col-md-2" colspan="2">
1614
- <div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/dropdown/dropdown.component.ts:288</a></div>
1661
+ <div class="io-line">Defined in <a href="" data-line="289" class="link-to-prism">src/dropdown/dropdown.component.ts:289</a></div>
1615
1662
  </td>
1616
1663
  </tr>
1617
1664
  <tr>
@@ -1638,7 +1685,7 @@ item selection.</p>
1638
1685
  </tr>
1639
1686
  <tr>
1640
1687
  <td class="col-md-2" colspan="2">
1641
- <div class="io-line">Defined in <a href="" data-line="292" class="link-to-prism">src/dropdown/dropdown.component.ts:292</a></div>
1688
+ <div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/dropdown/dropdown.component.ts:293</a></div>
1642
1689
  </td>
1643
1690
  </tr>
1644
1691
  <tr>
@@ -1668,7 +1715,7 @@ item selection.</p>
1668
1715
  </tr>
1669
1716
  <tr>
1670
1717
  <td class="col-md-2" colspan="2">
1671
- <div class="io-line">Defined in <a href="" data-line="338" class="link-to-prism">src/dropdown/dropdown.component.ts:338</a></div>
1718
+ <div class="io-line">Defined in <a href="" data-line="343" class="link-to-prism">src/dropdown/dropdown.component.ts:343</a></div>
1672
1719
  </td>
1673
1720
  </tr>
1674
1721
  <tr>
@@ -1695,7 +1742,7 @@ item selection.</p>
1695
1742
  </tr>
1696
1743
  <tr>
1697
1744
  <td class="col-md-2" colspan="2">
1698
- <div class="io-line">Defined in <a href="" data-line="334" class="link-to-prism">src/dropdown/dropdown.component.ts:334</a></div>
1745
+ <div class="io-line">Defined in <a href="" data-line="339" class="link-to-prism">src/dropdown/dropdown.component.ts:339</a></div>
1699
1746
  </td>
1700
1747
  </tr>
1701
1748
  <tr>
@@ -1722,7 +1769,7 @@ item selection.</p>
1722
1769
  </tr>
1723
1770
  <tr>
1724
1771
  <td class="col-md-2" colspan="2">
1725
- <div class="io-line">Defined in <a href="" data-line="330" class="link-to-prism">src/dropdown/dropdown.component.ts:330</a></div>
1772
+ <div class="io-line">Defined in <a href="" data-line="335" class="link-to-prism">src/dropdown/dropdown.component.ts:335</a></div>
1726
1773
  </td>
1727
1774
  </tr>
1728
1775
  <tr>
@@ -1759,7 +1806,7 @@ item selection.</p>
1759
1806
  </tr>
1760
1807
  <tr>
1761
1808
  <td class="col-md-4">
1762
- <div class="io-line">Defined in <a href="" data-line="353" class="link-to-prism">src/dropdown/dropdown.component.ts:353</a></div>
1809
+ <div class="io-line">Defined in <a href="" data-line="358" class="link-to-prism">src/dropdown/dropdown.component.ts:358</a></div>
1763
1810
  </td>
1764
1811
  </tr>
1765
1812
 
@@ -1790,7 +1837,7 @@ item selection.</p>
1790
1837
  </tr>
1791
1838
  <tr>
1792
1839
  <td class="col-md-4">
1793
- <div class="io-line">Defined in <a href="" data-line="355" class="link-to-prism">src/dropdown/dropdown.component.ts:355</a></div>
1840
+ <div class="io-line">Defined in <a href="" data-line="360" class="link-to-prism">src/dropdown/dropdown.component.ts:360</a></div>
1794
1841
  </td>
1795
1842
  </tr>
1796
1843
 
@@ -1816,7 +1863,7 @@ item selection.</p>
1816
1863
  </tr>
1817
1864
  <tr>
1818
1865
  <td class="col-md-4">
1819
- <div class="io-line">Defined in <a href="" data-line="357" class="link-to-prism">src/dropdown/dropdown.component.ts:357</a></div>
1866
+ <div class="io-line">Defined in <a href="" data-line="362" class="link-to-prism">src/dropdown/dropdown.component.ts:362</a></div>
1820
1867
  </td>
1821
1868
  </tr>
1822
1869
 
@@ -1842,7 +1889,7 @@ item selection.</p>
1842
1889
  </tr>
1843
1890
  <tr>
1844
1891
  <td class="col-md-4">
1845
- <div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/dropdown/dropdown.component.ts:199</a></div>
1892
+ <div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/dropdown/dropdown.component.ts:200</a></div>
1846
1893
  </td>
1847
1894
  </tr>
1848
1895
 
@@ -1868,7 +1915,7 @@ item selection.</p>
1868
1915
  </tr>
1869
1916
  <tr>
1870
1917
  <td class="col-md-4">
1871
- <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
1918
+ <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/dropdown/dropdown.component.ts:196</a></div>
1872
1919
  </td>
1873
1920
  </tr>
1874
1921
 
@@ -1903,8 +1950,8 @@ item selection.</p>
1903
1950
 
1904
1951
  <tr>
1905
1952
  <td class="col-md-4">
1906
- <div class="io-line">Defined in <a href="" data-line="559"
1907
- class="link-to-prism">src/dropdown/dropdown.component.ts:559</a></div>
1953
+ <div class="io-line">Defined in <a href="" data-line="578"
1954
+ class="link-to-prism">src/dropdown/dropdown.component.ts:578</a></div>
1908
1955
  </td>
1909
1956
  </tr>
1910
1957
 
@@ -1944,8 +1991,8 @@ item selection.</p>
1944
1991
 
1945
1992
  <tr>
1946
1993
  <td class="col-md-4">
1947
- <div class="io-line">Defined in <a href="" data-line="721"
1948
- class="link-to-prism">src/dropdown/dropdown.component.ts:721</a></div>
1994
+ <div class="io-line">Defined in <a href="" data-line="740"
1995
+ class="link-to-prism">src/dropdown/dropdown.component.ts:740</a></div>
1949
1996
  </td>
1950
1997
  </tr>
1951
1998
 
@@ -1983,8 +2030,8 @@ item selection.</p>
1983
2030
 
1984
2031
  <tr>
1985
2032
  <td class="col-md-4">
1986
- <div class="io-line">Defined in <a href="" data-line="713"
1987
- class="link-to-prism">src/dropdown/dropdown.component.ts:713</a></div>
2033
+ <div class="io-line">Defined in <a href="" data-line="732"
2034
+ class="link-to-prism">src/dropdown/dropdown.component.ts:732</a></div>
1988
2035
  </td>
1989
2036
  </tr>
1990
2037
 
@@ -2022,8 +2069,8 @@ item selection.</p>
2022
2069
 
2023
2070
  <tr>
2024
2071
  <td class="col-md-4">
2025
- <div class="io-line">Defined in <a href="" data-line="693"
2026
- class="link-to-prism">src/dropdown/dropdown.component.ts:693</a></div>
2072
+ <div class="io-line">Defined in <a href="" data-line="712"
2073
+ class="link-to-prism">src/dropdown/dropdown.component.ts:712</a></div>
2027
2074
  </td>
2028
2075
  </tr>
2029
2076
 
@@ -2091,8 +2138,8 @@ item selection.</p>
2091
2138
 
2092
2139
  <tr>
2093
2140
  <td class="col-md-4">
2094
- <div class="io-line">Defined in <a href="" data-line="673"
2095
- class="link-to-prism">src/dropdown/dropdown.component.ts:673</a></div>
2141
+ <div class="io-line">Defined in <a href="" data-line="692"
2142
+ class="link-to-prism">src/dropdown/dropdown.component.ts:692</a></div>
2096
2143
  </td>
2097
2144
  </tr>
2098
2145
 
@@ -2128,8 +2175,8 @@ item selection.</p>
2128
2175
 
2129
2176
  <tr>
2130
2177
  <td class="col-md-4">
2131
- <div class="io-line">Defined in <a href="" data-line="677"
2132
- class="link-to-prism">src/dropdown/dropdown.component.ts:677</a></div>
2178
+ <div class="io-line">Defined in <a href="" data-line="696"
2179
+ class="link-to-prism">src/dropdown/dropdown.component.ts:696</a></div>
2133
2180
  </td>
2134
2181
  </tr>
2135
2182
 
@@ -2193,8 +2240,8 @@ item selection.</p>
2193
2240
 
2194
2241
  <tr>
2195
2242
  <td class="col-md-4">
2196
- <div class="io-line">Defined in <a href="" data-line="685"
2197
- class="link-to-prism">src/dropdown/dropdown.component.ts:685</a></div>
2243
+ <div class="io-line">Defined in <a href="" data-line="704"
2244
+ class="link-to-prism">src/dropdown/dropdown.component.ts:704</a></div>
2198
2245
  </td>
2199
2246
  </tr>
2200
2247
 
@@ -2236,6 +2283,75 @@ item selection.</p>
2236
2283
  </tr>
2237
2284
  </tbody>
2238
2285
  </table>
2286
+ <table class="table table-sm table-bordered">
2287
+ <tbody>
2288
+ <tr>
2289
+ <td class="col-md-4">
2290
+ <a name="_propagateChange"></a>
2291
+ <span class="name">
2292
+ <span class="modifier">Private</span>
2293
+ <span ><b>_propagateChange</b></span>
2294
+ <a href="#_propagateChange"><span class="icon ion-ios-link"></span></a>
2295
+ </span>
2296
+ </td>
2297
+ </tr>
2298
+ <tr>
2299
+ <td class="col-md-4">
2300
+ <span class="modifier-icon icon ion-ios-reset"></span>
2301
+ <code>_propagateChange(value: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
2302
+ </td>
2303
+ </tr>
2304
+
2305
+
2306
+ <tr>
2307
+ <td class="col-md-4">
2308
+ <div class="io-line">Defined in <a href="" data-line="558"
2309
+ class="link-to-prism">src/dropdown/dropdown.component.ts:558</a></div>
2310
+ </td>
2311
+ </tr>
2312
+
2313
+
2314
+ <tr>
2315
+ <td class="col-md-4">
2316
+
2317
+ <div class="io-description">
2318
+ <b>Parameters :</b>
2319
+
2320
+ <table class="params">
2321
+ <thead>
2322
+ <tr>
2323
+ <td>Name</td>
2324
+ <td>Type</td>
2325
+ <td>Optional</td>
2326
+ </tr>
2327
+ </thead>
2328
+ <tbody>
2329
+ <tr>
2330
+ <td>value</td>
2331
+ <td>
2332
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
2333
+ </td>
2334
+
2335
+ <td>
2336
+ No
2337
+ </td>
2338
+
2339
+
2340
+ </tr>
2341
+ </tbody>
2342
+ </table>
2343
+ </div>
2344
+ <div class="io-description">
2345
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2346
+
2347
+ </div>
2348
+ <div class="io-description">
2349
+
2350
+ </div>
2351
+ </td>
2352
+ </tr>
2353
+ </tbody>
2354
+ </table>
2239
2355
  <table class="table table-sm table-bordered">
2240
2356
  <tbody>
2241
2357
  <tr>
@@ -2256,8 +2372,8 @@ item selection.</p>
2256
2372
 
2257
2373
  <tr>
2258
2374
  <td class="col-md-4">
2259
- <div class="io-line">Defined in <a href="" data-line="735"
2260
- class="link-to-prism">src/dropdown/dropdown.component.ts:735</a></div>
2375
+ <div class="io-line">Defined in <a href="" data-line="754"
2376
+ class="link-to-prism">src/dropdown/dropdown.component.ts:754</a></div>
2261
2377
  </td>
2262
2378
  </tr>
2263
2379
 
@@ -2298,8 +2414,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2298
2414
 
2299
2415
  <tr>
2300
2416
  <td class="col-md-4">
2301
- <div class="io-line">Defined in <a href="" data-line="851"
2302
- class="link-to-prism">src/dropdown/dropdown.component.ts:851</a></div>
2417
+ <div class="io-line">Defined in <a href="" data-line="870"
2418
+ class="link-to-prism">src/dropdown/dropdown.component.ts:870</a></div>
2303
2419
  </td>
2304
2420
  </tr>
2305
2421
 
@@ -2337,8 +2453,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2337
2453
 
2338
2454
  <tr>
2339
2455
  <td class="col-md-4">
2340
- <div class="io-line">Defined in <a href="" data-line="654"
2341
- class="link-to-prism">src/dropdown/dropdown.component.ts:654</a></div>
2456
+ <div class="io-line">Defined in <a href="" data-line="673"
2457
+ class="link-to-prism">src/dropdown/dropdown.component.ts:673</a></div>
2342
2458
  </td>
2343
2459
  </tr>
2344
2460
 
@@ -2374,8 +2490,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2374
2490
 
2375
2491
  <tr>
2376
2492
  <td class="col-md-4">
2377
- <div class="io-line">Defined in <a href="" data-line="594"
2378
- class="link-to-prism">src/dropdown/dropdown.component.ts:594</a></div>
2493
+ <div class="io-line">Defined in <a href="" data-line="613"
2494
+ class="link-to-prism">src/dropdown/dropdown.component.ts:613</a></div>
2379
2495
  </td>
2380
2496
  </tr>
2381
2497
 
@@ -2437,8 +2553,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2437
2553
 
2438
2554
  <tr>
2439
2555
  <td class="col-md-4">
2440
- <div class="io-line">Defined in <a href="" data-line="799"
2441
- class="link-to-prism">src/dropdown/dropdown.component.ts:799</a></div>
2556
+ <div class="io-line">Defined in <a href="" data-line="818"
2557
+ class="link-to-prism">src/dropdown/dropdown.component.ts:818</a></div>
2442
2558
  </td>
2443
2559
  </tr>
2444
2560
 
@@ -2476,8 +2592,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
2476
2592
 
2477
2593
  <tr>
2478
2594
  <td class="col-md-4">
2479
- <div class="io-line">Defined in <a href="" data-line="613"
2480
- class="link-to-prism">src/dropdown/dropdown.component.ts:613</a></div>
2595
+ <div class="io-line">Defined in <a href="" data-line="632"
2596
+ class="link-to-prism">src/dropdown/dropdown.component.ts:632</a></div>
2481
2597
  </td>
2482
2598
  </tr>
2483
2599
 
@@ -2517,8 +2633,8 @@ otherwise the placeholder will be returned.</p>
2517
2633
 
2518
2634
  <tr>
2519
2635
  <td class="col-md-4">
2520
- <div class="io-line">Defined in <a href="" data-line="634"
2521
- class="link-to-prism">src/dropdown/dropdown.component.ts:634</a></div>
2636
+ <div class="io-line">Defined in <a href="" data-line="653"
2637
+ class="link-to-prism">src/dropdown/dropdown.component.ts:653</a></div>
2522
2638
  </td>
2523
2639
  </tr>
2524
2640
 
@@ -2554,8 +2670,8 @@ otherwise the placeholder will be returned.</p>
2554
2670
 
2555
2671
  <tr>
2556
2672
  <td class="col-md-4">
2557
- <div class="io-line">Defined in <a href="" data-line="648"
2558
- class="link-to-prism">src/dropdown/dropdown.component.ts:648</a></div>
2673
+ <div class="io-line">Defined in <a href="" data-line="667"
2674
+ class="link-to-prism">src/dropdown/dropdown.component.ts:667</a></div>
2559
2675
  </td>
2560
2676
  </tr>
2561
2677
 
@@ -2591,8 +2707,8 @@ otherwise the placeholder will be returned.</p>
2591
2707
 
2592
2708
  <tr>
2593
2709
  <td class="col-md-4">
2594
- <div class="io-line">Defined in <a href="" data-line="841"
2595
- class="link-to-prism">src/dropdown/dropdown.component.ts:841</a></div>
2710
+ <div class="io-line">Defined in <a href="" data-line="860"
2711
+ class="link-to-prism">src/dropdown/dropdown.component.ts:860</a></div>
2596
2712
  </td>
2597
2713
  </tr>
2598
2714
 
@@ -2658,8 +2774,8 @@ otherwise the placeholder will be returned.</p>
2658
2774
 
2659
2775
  <tr>
2660
2776
  <td class="col-md-4">
2661
- <div class="io-line">Defined in <a href="" data-line="630"
2662
- class="link-to-prism">src/dropdown/dropdown.component.ts:630</a></div>
2777
+ <div class="io-line">Defined in <a href="" data-line="649"
2778
+ class="link-to-prism">src/dropdown/dropdown.component.ts:649</a></div>
2663
2779
  </td>
2664
2780
  </tr>
2665
2781
 
@@ -2697,8 +2813,8 @@ otherwise the placeholder will be returned.</p>
2697
2813
 
2698
2814
  <tr>
2699
2815
  <td class="col-md-4">
2700
- <div class="io-line">Defined in <a href="" data-line="837"
2701
- class="link-to-prism">src/dropdown/dropdown.component.ts:837</a></div>
2816
+ <div class="io-line">Defined in <a href="" data-line="856"
2817
+ class="link-to-prism">src/dropdown/dropdown.component.ts:856</a></div>
2702
2818
  </td>
2703
2819
  </tr>
2704
2820
 
@@ -2760,8 +2876,8 @@ otherwise the placeholder will be returned.</p>
2760
2876
 
2761
2877
  <tr>
2762
2878
  <td class="col-md-4">
2763
- <div class="io-line">Defined in <a href="" data-line="414"
2764
- class="link-to-prism">src/dropdown/dropdown.component.ts:414</a></div>
2879
+ <div class="io-line">Defined in <a href="" data-line="423"
2880
+ class="link-to-prism">src/dropdown/dropdown.component.ts:423</a></div>
2765
2881
  </td>
2766
2882
  </tr>
2767
2883
 
@@ -2799,8 +2915,8 @@ otherwise the placeholder will be returned.</p>
2799
2915
 
2800
2916
  <tr>
2801
2917
  <td class="col-md-4">
2802
- <div class="io-line">Defined in <a href="" data-line="459"
2803
- class="link-to-prism">src/dropdown/dropdown.component.ts:459</a></div>
2918
+ <div class="io-line">Defined in <a href="" data-line="468"
2919
+ class="link-to-prism">src/dropdown/dropdown.component.ts:468</a></div>
2804
2920
  </td>
2805
2921
  </tr>
2806
2922
 
@@ -2836,8 +2952,8 @@ otherwise the placeholder will be returned.</p>
2836
2952
 
2837
2953
  <tr>
2838
2954
  <td class="col-md-4">
2839
- <div class="io-line">Defined in <a href="" data-line="476"
2840
- class="link-to-prism">src/dropdown/dropdown.component.ts:476</a></div>
2955
+ <div class="io-line">Defined in <a href="" data-line="485"
2956
+ class="link-to-prism">src/dropdown/dropdown.component.ts:485</a></div>
2841
2957
  </td>
2842
2958
  </tr>
2843
2959
 
@@ -2875,8 +2991,8 @@ otherwise the placeholder will be returned.</p>
2875
2991
 
2876
2992
  <tr>
2877
2993
  <td class="col-md-4">
2878
- <div class="io-line">Defined in <a href="" data-line="405"
2879
- class="link-to-prism">src/dropdown/dropdown.component.ts:405</a></div>
2994
+ <div class="io-line">Defined in <a href="" data-line="414"
2995
+ class="link-to-prism">src/dropdown/dropdown.component.ts:414</a></div>
2880
2996
  </td>
2881
2997
  </tr>
2882
2998
 
@@ -2915,8 +3031,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2915
3031
 
2916
3032
  <tr>
2917
3033
  <td class="col-md-4">
2918
- <div class="io-line">Defined in <a href="" data-line="524"
2919
- class="link-to-prism">src/dropdown/dropdown.component.ts:524</a></div>
3034
+ <div class="io-line">Defined in <a href="" data-line="536"
3035
+ class="link-to-prism">src/dropdown/dropdown.component.ts:536</a></div>
2920
3036
  </td>
2921
3037
  </tr>
2922
3038
 
@@ -2961,8 +3077,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
2961
3077
 
2962
3078
  <tr>
2963
3079
  <td class="col-md-4">
2964
- <div class="io-line">Defined in <a href="" data-line="559"
2965
- class="link-to-prism">src/dropdown/dropdown.component.ts:559</a></div>
3080
+ <div class="io-line">Defined in <a href="" data-line="578"
3081
+ class="link-to-prism">src/dropdown/dropdown.component.ts:578</a></div>
2966
3082
  </td>
2967
3083
  </tr>
2968
3084
 
@@ -3030,8 +3146,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3030
3146
 
3031
3147
  <tr>
3032
3148
  <td class="col-md-4">
3033
- <div class="io-line">Defined in <a href="" data-line="755"
3034
- class="link-to-prism">src/dropdown/dropdown.component.ts:755</a></div>
3149
+ <div class="io-line">Defined in <a href="" data-line="774"
3150
+ class="link-to-prism">src/dropdown/dropdown.component.ts:774</a></div>
3035
3151
  </td>
3036
3152
  </tr>
3037
3153
 
@@ -3069,8 +3185,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3069
3185
 
3070
3186
  <tr>
3071
3187
  <td class="col-md-4">
3072
- <div class="io-line">Defined in <a href="" data-line="528"
3073
- class="link-to-prism">src/dropdown/dropdown.component.ts:528</a></div>
3188
+ <div class="io-line">Defined in <a href="" data-line="540"
3189
+ class="link-to-prism">src/dropdown/dropdown.component.ts:540</a></div>
3074
3190
  </td>
3075
3191
  </tr>
3076
3192
 
@@ -3136,8 +3252,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3136
3252
 
3137
3253
  <tr>
3138
3254
  <td class="col-md-4">
3139
- <div class="io-line">Defined in <a href="" data-line="535"
3140
- class="link-to-prism">src/dropdown/dropdown.component.ts:535</a></div>
3255
+ <div class="io-line">Defined in <a href="" data-line="548"
3256
+ class="link-to-prism">src/dropdown/dropdown.component.ts:548</a></div>
3141
3257
  </td>
3142
3258
  </tr>
3143
3259
 
@@ -3205,8 +3321,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3205
3321
 
3206
3322
  <tr>
3207
3323
  <td class="col-md-4">
3208
- <div class="io-line">Defined in <a href="" data-line="551"
3209
- class="link-to-prism">src/dropdown/dropdown.component.ts:551</a></div>
3324
+ <div class="io-line">Defined in <a href="" data-line="570"
3325
+ class="link-to-prism">src/dropdown/dropdown.component.ts:570</a></div>
3210
3326
  </td>
3211
3327
  </tr>
3212
3328
 
@@ -3280,8 +3396,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3280
3396
 
3281
3397
  <tr>
3282
3398
  <td class="col-md-4">
3283
- <div class="io-line">Defined in <a href="" data-line="829"
3284
- class="link-to-prism">src/dropdown/dropdown.component.ts:829</a></div>
3399
+ <div class="io-line">Defined in <a href="" data-line="848"
3400
+ class="link-to-prism">src/dropdown/dropdown.component.ts:848</a></div>
3285
3401
  </td>
3286
3402
  </tr>
3287
3403
 
@@ -3319,8 +3435,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3319
3435
 
3320
3436
  <tr>
3321
3437
  <td class="col-md-4">
3322
- <div class="io-line">Defined in <a href="" data-line="668"
3323
- class="link-to-prism">src/dropdown/dropdown.component.ts:668</a></div>
3438
+ <div class="io-line">Defined in <a href="" data-line="687"
3439
+ class="link-to-prism">src/dropdown/dropdown.component.ts:687</a></div>
3324
3440
  </td>
3325
3441
  </tr>
3326
3442
 
@@ -3358,8 +3474,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3358
3474
 
3359
3475
  <tr>
3360
3476
  <td class="col-md-4">
3361
- <div class="io-line">Defined in <a href="" data-line="485"
3362
- class="link-to-prism">src/dropdown/dropdown.component.ts:485</a></div>
3477
+ <div class="io-line">Defined in <a href="" data-line="497"
3478
+ class="link-to-prism">src/dropdown/dropdown.component.ts:497</a></div>
3363
3479
  </td>
3364
3480
  </tr>
3365
3481
 
@@ -3431,7 +3547,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3431
3547
  </tr>
3432
3548
  <tr>
3433
3549
  <td class="col-md-4">
3434
- <div class="io-line">Defined in <a href="" data-line="374" class="link-to-prism">src/dropdown/dropdown.component.ts:374</a></div>
3550
+ <div class="io-line">Defined in <a href="" data-line="379" class="link-to-prism">src/dropdown/dropdown.component.ts:379</a></div>
3435
3551
  </td>
3436
3552
  </tr>
3437
3553
 
@@ -3463,7 +3579,33 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3463
3579
  </tr>
3464
3580
  <tr>
3465
3581
  <td class="col-md-4">
3466
- <div class="io-line">Defined in <a href="" data-line="387" class="link-to-prism">src/dropdown/dropdown.component.ts:387</a></div>
3582
+ <div class="io-line">Defined in <a href="" data-line="392" class="link-to-prism">src/dropdown/dropdown.component.ts:392</a></div>
3583
+ </td>
3584
+ </tr>
3585
+
3586
+
3587
+ </tbody>
3588
+ </table>
3589
+ <table class="table table-sm table-bordered">
3590
+ <tbody>
3591
+ <tr>
3592
+ <td class="col-md-4">
3593
+ <a name="_isUsingNgControl"></a>
3594
+ <span class="name">
3595
+ <span class="modifier">Private</span>
3596
+ <span ><b>_isUsingNgControl</b></span>
3597
+ <a href="#_isUsingNgControl"><span class="icon ion-ios-link"></span></a>
3598
+ </span>
3599
+ </td>
3600
+ </tr>
3601
+ <tr>
3602
+ <td class="col-md-4">
3603
+ <i>Default value : </i><code>false</code>
3604
+ </td>
3605
+ </tr>
3606
+ <tr>
3607
+ <td class="col-md-4">
3608
+ <div class="io-line">Defined in <a href="" data-line="397" class="link-to-prism">src/dropdown/dropdown.component.ts:397</a></div>
3467
3609
  </td>
3468
3610
  </tr>
3469
3611
 
@@ -3495,7 +3637,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3495
3637
  </tr>
3496
3638
  <tr>
3497
3639
  <td class="col-md-4">
3498
- <div class="io-line">Defined in <a href="" data-line="390" class="link-to-prism">src/dropdown/dropdown.component.ts:390</a></div>
3640
+ <div class="io-line">Defined in <a href="" data-line="395" class="link-to-prism">src/dropdown/dropdown.component.ts:395</a></div>
3499
3641
  </td>
3500
3642
  </tr>
3501
3643
 
@@ -3525,7 +3667,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3525
3667
  </tr>
3526
3668
  <tr>
3527
3669
  <td class="col-md-4">
3528
- <div class="io-line">Defined in <a href="" data-line="347" class="link-to-prism">src/dropdown/dropdown.component.ts:347</a></div>
3670
+ <div class="io-line">Defined in <a href="" data-line="352" class="link-to-prism">src/dropdown/dropdown.component.ts:352</a></div>
3529
3671
  </td>
3530
3672
  </tr>
3531
3673
 
@@ -3563,7 +3705,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3563
3705
  </tr>
3564
3706
  <tr>
3565
3707
  <td class="col-md-4">
3566
- <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/dropdown/dropdown.component.ts:194</a></div>
3708
+ <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
3567
3709
  </td>
3568
3710
  </tr>
3569
3711
 
@@ -3593,7 +3735,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3593
3735
  </tr>
3594
3736
  <tr>
3595
3737
  <td class="col-md-4">
3596
- <div class="io-line">Defined in <a href="" data-line="351" class="link-to-prism">src/dropdown/dropdown.component.ts:351</a></div>
3738
+ <div class="io-line">Defined in <a href="" data-line="356" class="link-to-prism">src/dropdown/dropdown.component.ts:356</a></div>
3597
3739
  </td>
3598
3740
  </tr>
3599
3741
 
@@ -3634,7 +3776,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3634
3776
  </tr>
3635
3777
  <tr>
3636
3778
  <td class="col-md-4">
3637
- <div class="io-line">Defined in <a href="" data-line="353" class="link-to-prism">src/dropdown/dropdown.component.ts:353</a></div>
3779
+ <div class="io-line">Defined in <a href="" data-line="358" class="link-to-prism">src/dropdown/dropdown.component.ts:358</a></div>
3638
3780
  </td>
3639
3781
  </tr>
3640
3782
 
@@ -3669,7 +3811,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3669
3811
  </tr>
3670
3812
  <tr>
3671
3813
  <td class="col-md-4">
3672
- <div class="io-line">Defined in <a href="" data-line="355" class="link-to-prism">src/dropdown/dropdown.component.ts:355</a></div>
3814
+ <div class="io-line">Defined in <a href="" data-line="360" class="link-to-prism">src/dropdown/dropdown.component.ts:360</a></div>
3673
3815
  </td>
3674
3816
  </tr>
3675
3817
 
@@ -3694,7 +3836,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3694
3836
  </tr>
3695
3837
  <tr>
3696
3838
  <td class="col-md-4">
3697
- <div class="io-line">Defined in <a href="" data-line="381" class="link-to-prism">src/dropdown/dropdown.component.ts:381</a></div>
3839
+ <div class="io-line">Defined in <a href="" data-line="386" class="link-to-prism">src/dropdown/dropdown.component.ts:386</a></div>
3698
3840
  </td>
3699
3841
  </tr>
3700
3842
 
@@ -3719,7 +3861,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3719
3861
  </tr>
3720
3862
  <tr>
3721
3863
  <td class="col-md-4">
3722
- <div class="io-line">Defined in <a href="" data-line="369" class="link-to-prism">src/dropdown/dropdown.component.ts:369</a></div>
3864
+ <div class="io-line">Defined in <a href="" data-line="374" class="link-to-prism">src/dropdown/dropdown.component.ts:374</a></div>
3723
3865
  </td>
3724
3866
  </tr>
3725
3867
 
@@ -3750,7 +3892,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3750
3892
  </tr>
3751
3893
  <tr>
3752
3894
  <td class="col-md-4">
3753
- <div class="io-line">Defined in <a href="" data-line="378" class="link-to-prism">src/dropdown/dropdown.component.ts:378</a></div>
3895
+ <div class="io-line">Defined in <a href="" data-line="383" class="link-to-prism">src/dropdown/dropdown.component.ts:383</a></div>
3754
3896
  </td>
3755
3897
  </tr>
3756
3898
 
@@ -3782,7 +3924,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3782
3924
  </tr>
3783
3925
  <tr>
3784
3926
  <td class="col-md-4">
3785
- <div class="io-line">Defined in <a href="" data-line="385" class="link-to-prism">src/dropdown/dropdown.component.ts:385</a></div>
3927
+ <div class="io-line">Defined in <a href="" data-line="390" class="link-to-prism">src/dropdown/dropdown.component.ts:390</a></div>
3786
3928
  </td>
3787
3929
  </tr>
3788
3930
 
@@ -3807,7 +3949,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3807
3949
  </tr>
3808
3950
  <tr>
3809
3951
  <td class="col-md-4">
3810
- <div class="io-line">Defined in <a href="" data-line="379" class="link-to-prism">src/dropdown/dropdown.component.ts:379</a></div>
3952
+ <div class="io-line">Defined in <a href="" data-line="384" class="link-to-prism">src/dropdown/dropdown.component.ts:384</a></div>
3811
3953
  </td>
3812
3954
  </tr>
3813
3955
 
@@ -3832,7 +3974,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3832
3974
  </tr>
3833
3975
  <tr>
3834
3976
  <td class="col-md-4">
3835
- <div class="io-line">Defined in <a href="" data-line="380" class="link-to-prism">src/dropdown/dropdown.component.ts:380</a></div>
3977
+ <div class="io-line">Defined in <a href="" data-line="385" class="link-to-prism">src/dropdown/dropdown.component.ts:385</a></div>
3836
3978
  </td>
3837
3979
  </tr>
3838
3980
 
@@ -3857,7 +3999,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3857
3999
  </tr>
3858
4000
  <tr>
3859
4001
  <td class="col-md-4">
3860
- <div class="io-line">Defined in <a href="" data-line="542" class="link-to-prism">src/dropdown/dropdown.component.ts:542</a></div>
4002
+ <div class="io-line">Defined in <a href="" data-line="555" class="link-to-prism">src/dropdown/dropdown.component.ts:555</a></div>
3861
4003
  </td>
3862
4004
  </tr>
3863
4005
 
@@ -3870,6 +4012,33 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3870
4012
 
3871
4013
  </tbody>
3872
4014
  </table>
4015
+ <table class="table table-sm table-bordered">
4016
+ <tbody>
4017
+ <tr>
4018
+ <td class="col-md-4">
4019
+ <a name="selectionSubscription"></a>
4020
+ <span class="name">
4021
+ <span class="modifier">Private</span>
4022
+ <span ><b>selectionSubscription</b></span>
4023
+ <a href="#selectionSubscription"><span class="icon ion-ios-link"></span></a>
4024
+ </span>
4025
+ </td>
4026
+ </tr>
4027
+ <tr>
4028
+ <td class="col-md-4">
4029
+ <i>Type : </i> <code>Subscription</code>
4030
+
4031
+ </td>
4032
+ </tr>
4033
+ <tr>
4034
+ <td class="col-md-4">
4035
+ <div class="io-line">Defined in <a href="" data-line="399" class="link-to-prism">src/dropdown/dropdown.component.ts:399</a></div>
4036
+ </td>
4037
+ </tr>
4038
+
4039
+
4040
+ </tbody>
4041
+ </table>
3873
4042
  <table class="table table-sm table-bordered">
3874
4043
  <tbody>
3875
4044
  <tr>
@@ -3899,7 +4068,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3899
4068
  </tr>
3900
4069
  <tr>
3901
4070
  <td class="col-md-4">
3902
- <div class="io-line">Defined in <a href="" data-line="343" class="link-to-prism">src/dropdown/dropdown.component.ts:343</a></div>
4071
+ <div class="io-line">Defined in <a href="" data-line="348" class="link-to-prism">src/dropdown/dropdown.component.ts:348</a></div>
3903
4072
  </td>
3904
4073
  </tr>
3905
4074
 
@@ -3931,7 +4100,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3931
4100
  </tr>
3932
4101
  <tr>
3933
4102
  <td class="col-md-4">
3934
- <div class="io-line">Defined in <a href="" data-line="383" class="link-to-prism">src/dropdown/dropdown.component.ts:383</a></div>
4103
+ <div class="io-line">Defined in <a href="" data-line="388" class="link-to-prism">src/dropdown/dropdown.component.ts:388</a></div>
3935
4104
  </td>
3936
4105
  </tr>
3937
4106
 
@@ -3960,7 +4129,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3960
4129
  </tr>
3961
4130
  <tr>
3962
4131
  <td class="col-md-4">
3963
- <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
4132
+ <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/dropdown/dropdown.component.ts:196</a></div>
3964
4133
  </td>
3965
4134
  </tr>
3966
4135
 
@@ -3982,7 +4151,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
3982
4151
  </tr>
3983
4152
  <tr>
3984
4153
  <td class="col-md-4">
3985
- <div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/dropdown/dropdown.component.ts:199</a></div>
4154
+ <div class="io-line">Defined in <a href="" data-line="200" class="link-to-prism">src/dropdown/dropdown.component.ts:200</a></div>
3986
4155
  </td>
3987
4156
  </tr>
3988
4157
 
@@ -4004,7 +4173,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
4004
4173
  </tr>
4005
4174
  <tr>
4006
4175
  <td class="col-md-4">
4007
- <div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/dropdown/dropdown.component.ts:203</a></div>
4176
+ <div class="io-line">Defined in <a href="" data-line="204" class="link-to-prism">src/dropdown/dropdown.component.ts:204</a></div>
4008
4177
  </td>
4009
4178
  </tr>
4010
4179
 
@@ -4015,7 +4184,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
4015
4184
  </tr>
4016
4185
  <tr>
4017
4186
  <td class="col-md-4">
4018
- <div class="io-line">Defined in <a href="" data-line="207" class="link-to-prism">src/dropdown/dropdown.component.ts:207</a></div>
4187
+ <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/dropdown/dropdown.component.ts:208</a></div>
4019
4188
  </td>
4020
4189
  </tr>
4021
4190
  <tr>
@@ -4073,7 +4242,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
4073
4242
  </tr>
4074
4243
  <tr>
4075
4244
  <td class="col-md-4">
4076
- <div class="io-line">Defined in <a href="" data-line="357" class="link-to-prism">src/dropdown/dropdown.component.ts:357</a></div>
4245
+ <div class="io-line">Defined in <a href="" data-line="362" class="link-to-prism">src/dropdown/dropdown.component.ts:362</a></div>
4077
4246
  </td>
4078
4247
  </tr>
4079
4248
 
@@ -4108,6 +4277,7 @@ import {
4108
4277
  of,
4109
4278
  Subscription
4110
4279
  } from &quot;rxjs&quot;;
4280
+ import { isNull, isUndefined } from &quot;lodash-es&quot;;
4111
4281
 
4112
4282
  import { AbstractDropdownView } from &quot;./abstract-dropdown-view.class&quot;;
4113
4283
  import { I18n } from &quot;carbon-components-angular/i18n&quot;;
@@ -4410,6 +4580,10 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4410
4580
  * Overrides the automatic dropUp.
4411
4581
  */
4412
4582
  @Input() dropUp: boolean;
4583
+ /**
4584
+ * Set to &#x60;true&#x60; to allow null values in the dropdown ListItems.
4585
+ */
4586
+ @Input() allowNullValues &#x3D; false;
4413
4587
  /**
4414
4588
  * Emits selection events.
4415
4589
  */
@@ -4475,6 +4649,10 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4475
4649
  // primarily used to capture and propagate input to &#x60;writeValue&#x60; before the content is available
4476
4650
  private _writtenValue: any &#x3D; [];
4477
4651
 
4652
+ private _isUsingNgControl &#x3D; false;
4653
+
4654
+ private selectionSubscription: Subscription;
4655
+
4478
4656
  /**
4479
4657
  * Creates an instance of Dropdown.
4480
4658
  */
@@ -4501,26 +4679,24 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4501
4679
  if (!this.view) {
4502
4680
  return;
4503
4681
  }
4504
- if ((this.writtenValue &amp;&amp; this.writtenValue.length) || typeof this.writtenValue &#x3D;&#x3D;&#x3D; &quot;number&quot;) {
4505
- this.writeValue(this.writtenValue);
4506
- }
4682
+
4507
4683
  this.view.type &#x3D; this.type;
4508
4684
  this.view.size &#x3D; this.size;
4509
4685
 
4510
4686
  // function to check if the event is organic (isUpdate &#x3D;&#x3D;&#x3D; false) or programmatic
4511
4687
  const isUpdate &#x3D; event &#x3D;&gt; event &amp;&amp; event.isUpdate;
4512
4688
 
4513
- this.view.select.subscribe(event &#x3D;&gt; {
4689
+ this.selectionSubscription &#x3D; this.view.select.subscribe(event &#x3D;&gt; {
4514
4690
  if (this.type &#x3D;&#x3D;&#x3D; &quot;single&quot; &amp;&amp; !isUpdate(event) &amp;&amp; !Array.isArray(event)) {
4515
4691
  this.closeMenu();
4516
4692
  if (event.item &amp;&amp; event.item.selected) {
4517
4693
  if (this.itemValueKey) {
4518
- this.propagateChange(event.item[this.itemValueKey]);
4694
+ this._propagateChange(event.item[this.itemValueKey]);
4519
4695
  } else {
4520
- this.propagateChange(event.item);
4696
+ this._propagateChange(event.item);
4521
4697
  }
4522
4698
  } else {
4523
- this.propagateChange(null);
4699
+ this._propagateChange(null);
4524
4700
  }
4525
4701
  }
4526
4702
 
@@ -4528,16 +4704,18 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4528
4704
  // if we have a &#x60;value&#x60; selector and selected items map them appropriately
4529
4705
  if (this.itemValueKey &amp;&amp; this.view.getSelected()) {
4530
4706
  const values &#x3D; this.view.getSelected().map(item &#x3D;&gt; item[this.itemValueKey]);
4531
- this.propagateChange(values);
4707
+ this._propagateChange(values);
4532
4708
  // otherwise just pass up the values from &#x60;getSelected&#x60;
4533
4709
  } else {
4534
- this.propagateChange(this.view.getSelected());
4710
+ this._propagateChange(this.view.getSelected());
4535
4711
  }
4536
4712
  }
4537
4713
  // only emit selected for &quot;organic&quot; selections
4538
4714
  if (!isUpdate(event)) {
4539
4715
  this.checkForReorder();
4540
4716
  this.selected.emit(event);
4717
+ } else if (this._isUsingNgControl) {
4718
+ this.writeValue(this.writtenValue);
4541
4719
  }
4542
4720
  });
4543
4721
  }
@@ -4563,6 +4741,9 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4563
4741
  if (!this.appendInline) {
4564
4742
  this._appendToDropdown();
4565
4743
  }
4744
+
4745
+ this.visibilitySubscription?.unsubscribe();
4746
+ this.selectionSubscription?.unsubscribe();
4566
4747
  }
4567
4748
 
4568
4749
  /**
@@ -4572,8 +4753,8 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4572
4753
  // cache the written value so we can use it in &#x60;AfterContentInit&#x60;
4573
4754
  this.writtenValue &#x3D; value;
4574
4755
  this.view.onItemsReady(() &#x3D;&gt; {
4575
- // propagate null/falsey as an array (deselect everything)
4576
- if (!value) {
4756
+ // propagate null/undefined as an array (deselect everything) unless &#x60;allowNullValues&#x60; is true
4757
+ if (isUndefined(value) || (isNull(value) &amp;&amp; !this.allowNullValues)) {
4577
4758
  this.view.propagateSelected([value]);
4578
4759
  } else if (this.type &#x3D;&#x3D;&#x3D; &quot;single&quot;) {
4579
4760
  if (this.itemValueKey) {
@@ -4600,7 +4781,7 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4600
4781
  this.view.propagateSelected(newValues);
4601
4782
  } else {
4602
4783
  // we can safely assume we&#x27;re passing an array of &#x60;ListItem&#x60;s
4603
- this.view.propagateSelected(value);
4784
+ this.view.propagateSelected(value || [value]);
4604
4785
  }
4605
4786
  }
4606
4787
  this.checkForReorder();
@@ -4612,6 +4793,7 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4612
4793
  }
4613
4794
 
4614
4795
  registerOnChange(fn: any) {
4796
+ this._isUsingNgControl &#x3D; true;
4615
4797
  this.propagateChange &#x3D; fn;
4616
4798
  }
4617
4799
 
@@ -4627,6 +4809,12 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4627
4809
  */
4628
4810
  propagateChange &#x3D; (_: any) &#x3D;&gt; { };
4629
4811
 
4812
+ // used only to update writtenValue
4813
+ private _propagateChange(value: any) {
4814
+ this.writtenValue &#x3D; value;
4815
+ this.propagateChange(value);
4816
+ }
4817
+
4630
4818
  /**
4631
4819
  * &#x60;ControlValueAccessor&#x60; method to programmatically disable the dropdown.
4632
4820
  *
@@ -4745,7 +4933,7 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
4745
4933
  item.selected &#x3D; false;
4746
4934
  }
4747
4935
  this.selected.emit([]);
4748
- this.propagateChange([]);
4936
+ this._propagateChange([]);
4749
4937
  }
4750
4938
 
4751
4939
  /**