@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4570

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 (170) hide show
  1. package/.eslintrc.json +244 -0
  2. package/CHANGELOG.md +1524 -1524
  3. package/README.md +118 -118
  4. package/dist/ej2-dropdowns.umd.min.js +1 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +99 -60
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +191 -151
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +1 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/ts/auto-complete/auto-complete.ts +527 -0
  13. package/dist/ts/combo-box/combo-box.ts +957 -0
  14. package/dist/ts/common/highlight-search.ts +47 -0
  15. package/dist/ts/common/incremental-search.ts +81 -0
  16. package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
  17. package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
  18. package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
  19. package/dist/ts/list-box/list-box.ts +2317 -0
  20. package/dist/ts/multi-select/checkbox-selection.ts +528 -0
  21. package/dist/ts/multi-select/float-label.ts +155 -0
  22. package/dist/ts/multi-select/interface.ts +66 -0
  23. package/dist/ts/multi-select/multi-select.ts +4216 -0
  24. package/helpers/e2e/index.js +3 -3
  25. package/license +2 -2
  26. package/package.json +63 -77
  27. package/src/auto-complete/auto-complete-model.d.ts +179 -179
  28. package/src/auto-complete/auto-complete.js +19 -19
  29. package/src/combo-box/combo-box-model.d.ts +212 -212
  30. package/src/combo-box/combo-box.js +19 -19
  31. package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
  32. package/src/drop-down-base/drop-down-base.js +19 -19
  33. package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
  34. package/src/drop-down-list/drop-down-list.js +19 -19
  35. package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
  36. package/src/drop-down-tree/drop-down-tree.js +19 -19
  37. package/src/list-box/list-box-model.d.ts +156 -156
  38. package/src/list-box/list-box.js +19 -19
  39. package/src/multi-select/checkbox-selection.js +3 -1
  40. package/src/multi-select/multi-select-model.d.ts +452 -452
  41. package/src/multi-select/multi-select.d.ts +2 -0
  42. package/src/multi-select/multi-select.js +58 -19
  43. package/styles/_all.scss +3 -3
  44. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  45. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  46. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  47. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  48. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  49. package/styles/bootstrap-dark.css +13 -16
  50. package/styles/bootstrap.css +12 -15
  51. package/styles/bootstrap4.css +6 -10
  52. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  53. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  54. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  55. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  56. package/styles/combo-box/_material-dark-definition.scss +2 -2
  57. package/styles/drop-down-base/_all.scss +2 -2
  58. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  59. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  60. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  61. package/styles/drop-down-base/_definition.scss +23 -23
  62. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  63. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  64. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  65. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  66. package/styles/drop-down-base/_layout.scss +108 -108
  67. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  68. package/styles/drop-down-base/_material-definition.scss +65 -65
  69. package/styles/drop-down-base/_theme.scss +242 -242
  70. package/styles/drop-down-list/_all.scss +2 -2
  71. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  72. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  73. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  74. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  75. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  76. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  77. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  78. package/styles/drop-down-list/_layout.scss +218 -218
  79. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  80. package/styles/drop-down-list/_material-definition.scss +166 -166
  81. package/styles/drop-down-list/_theme.scss +10 -10
  82. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  83. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  84. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  85. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  86. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  87. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  88. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  89. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  90. package/styles/drop-down-list/icons/_material.scss +14 -14
  91. package/styles/drop-down-list/material.css +9 -0
  92. package/styles/drop-down-tree/_all.scss +2 -2
  93. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
  94. package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
  95. package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
  96. package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
  97. package/styles/drop-down-tree/_fabric-definition.scss +62 -62
  98. package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
  99. package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
  100. package/styles/drop-down-tree/_layout.scss +437 -437
  101. package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
  102. package/styles/drop-down-tree/_material-definition.scss +60 -60
  103. package/styles/drop-down-tree/_theme.scss +68 -68
  104. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  105. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  106. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  107. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  108. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  109. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  110. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  111. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  112. package/styles/drop-down-tree/icons/_material.scss +11 -11
  113. package/styles/drop-down-tree/material.css +9 -0
  114. package/styles/fabric-dark.css +2 -5
  115. package/styles/fabric.css +1 -4
  116. package/styles/highcontrast-light.css +2 -5
  117. package/styles/highcontrast.css +2 -7
  118. package/styles/list-box/_all.scss +2 -2
  119. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  120. package/styles/list-box/_bootstrap-definition.scss +112 -112
  121. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  122. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  123. package/styles/list-box/_fabric-definition.scss +112 -112
  124. package/styles/list-box/_highcontrast-definition.scss +112 -112
  125. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  126. package/styles/list-box/_layout.scss +458 -458
  127. package/styles/list-box/_material-dark-definition.scss +118 -118
  128. package/styles/list-box/_material-definition.scss +112 -112
  129. package/styles/list-box/_theme.scss +273 -273
  130. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  131. package/styles/list-box/icons/_bootstrap.scss +25 -25
  132. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  133. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  134. package/styles/list-box/icons/_fabric.scss +25 -25
  135. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  136. package/styles/list-box/icons/_highcontrast.scss +25 -25
  137. package/styles/list-box/icons/_material-dark.scss +25 -25
  138. package/styles/list-box/icons/_material.scss +25 -25
  139. package/styles/material-dark.css +8 -11
  140. package/styles/material.css +34 -10
  141. package/styles/multi-select/_all.scss +2 -2
  142. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  143. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  144. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  145. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  146. package/styles/multi-select/_fabric-definition.scss +167 -167
  147. package/styles/multi-select/_highcontrast-definition.scss +257 -259
  148. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  149. package/styles/multi-select/_layout.scss +1153 -1153
  150. package/styles/multi-select/_material-dark-definition.scss +186 -186
  151. package/styles/multi-select/_material-definition.scss +191 -191
  152. package/styles/multi-select/_theme.scss +384 -389
  153. package/styles/multi-select/bootstrap-dark.css +13 -16
  154. package/styles/multi-select/bootstrap.css +12 -15
  155. package/styles/multi-select/bootstrap4.css +6 -10
  156. package/styles/multi-select/fabric-dark.css +2 -5
  157. package/styles/multi-select/fabric.css +1 -4
  158. package/styles/multi-select/highcontrast-light.css +2 -5
  159. package/styles/multi-select/highcontrast.css +2 -7
  160. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  161. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  162. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  163. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  164. package/styles/multi-select/icons/_fabric.scss +26 -26
  165. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  166. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  167. package/styles/multi-select/icons/_material-dark.scss +26 -26
  168. package/styles/multi-select/icons/_material.scss +324 -324
  169. package/styles/multi-select/material-dark.css +8 -11
  170. package/styles/multi-select/material.css +16 -10
@@ -140,25 +140,25 @@ function revertHighlightSearch(content) {
140
140
  * Common source
141
141
  */
142
142
 
143
- var __extends = (undefined && undefined.__extends) || (function () {
144
- var extendStatics = function (d, b) {
145
- extendStatics = Object.setPrototypeOf ||
146
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
147
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
148
- return extendStatics(d, b);
149
- };
150
- return function (d, b) {
151
- extendStatics(d, b);
152
- function __() { this.constructor = d; }
153
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
154
- };
155
- })();
156
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
157
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
158
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
159
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
160
- return c > 3 && r && Object.defineProperty(target, key, r), r;
161
- };
143
+ var __extends = (undefined && undefined.__extends) || (function () {
144
+ var extendStatics = function (d, b) {
145
+ extendStatics = Object.setPrototypeOf ||
146
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
147
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
148
+ return extendStatics(d, b);
149
+ };
150
+ return function (d, b) {
151
+ extendStatics(d, b);
152
+ function __() { this.constructor = d; }
153
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
154
+ };
155
+ })();
156
+ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
157
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
158
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
159
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
160
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
161
+ };
162
162
  var FieldSettings = /** @__PURE__ @class */ (function (_super) {
163
163
  __extends(FieldSettings, _super);
164
164
  function FieldSettings() {
@@ -1338,25 +1338,25 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1338
1338
  * export all modules from current location
1339
1339
  */
1340
1340
 
1341
- var __extends$1 = (undefined && undefined.__extends) || (function () {
1342
- var extendStatics = function (d, b) {
1343
- extendStatics = Object.setPrototypeOf ||
1344
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
1345
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
1346
- return extendStatics(d, b);
1347
- };
1348
- return function (d, b) {
1349
- extendStatics(d, b);
1350
- function __() { this.constructor = d; }
1351
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
1352
- };
1353
- })();
1354
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1355
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1356
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
1357
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
1358
- return c > 3 && r && Object.defineProperty(target, key, r), r;
1359
- };
1341
+ var __extends$1 = (undefined && undefined.__extends) || (function () {
1342
+ var extendStatics = function (d, b) {
1343
+ extendStatics = Object.setPrototypeOf ||
1344
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
1345
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
1346
+ return extendStatics(d, b);
1347
+ };
1348
+ return function (d, b) {
1349
+ extendStatics(d, b);
1350
+ function __() { this.constructor = d; }
1351
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
1352
+ };
1353
+ })();
1354
+ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1355
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1356
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
1357
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
1358
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
1359
+ };
1360
1360
  /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
1361
1361
  /* tslint:disable */
1362
1362
  // don't use space in classnames
@@ -3133,7 +3133,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3133
3133
  _this.isDocumentClick = false;
3134
3134
  _this.destroyPopup();
3135
3135
  var formElement = closest(_this.inputElement, 'form');
3136
- if (_this.isFiltering() && formElement && _this.actionCompleteData.list && _this.actionCompleteData.list[0]) {
3136
+ if (_this.isFiltering() && _this.actionCompleteData.list && _this.actionCompleteData.list[0]) {
3137
3137
  _this.isActive = true;
3138
3138
  _this.onActionComplete(_this.actionCompleteData.ulElement, _this.actionCompleteData.list, null, true);
3139
3139
  }
@@ -3591,6 +3591,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3591
3591
  if (this.getModuleName() !== 'autocomplete' && this.allowFiltering && (isChangeValue || isChangeText)) {
3592
3592
  this.itemData = null;
3593
3593
  }
3594
+ if (this.allowFiltering && newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))) {
3595
+ this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
3596
+ }
3594
3597
  };
3595
3598
  DropDownList.prototype.updateDataSource = function (props) {
3596
3599
  if (this.inputElement.value !== '' || (!isNullOrUndefined(props) && (isNullOrUndefined(props.dataSource)
@@ -4167,25 +4170,25 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
4167
4170
  * export all modules from current location
4168
4171
  */
4169
4172
 
4170
- var __extends$2 = (undefined && undefined.__extends) || (function () {
4171
- var extendStatics = function (d, b) {
4172
- extendStatics = Object.setPrototypeOf ||
4173
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
4174
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
4175
- return extendStatics(d, b);
4176
- };
4177
- return function (d, b) {
4178
- extendStatics(d, b);
4179
- function __() { this.constructor = d; }
4180
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
4181
- };
4182
- })();
4183
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
4184
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4185
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4186
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
4187
- return c > 3 && r && Object.defineProperty(target, key, r), r;
4188
- };
4173
+ var __extends$2 = (undefined && undefined.__extends) || (function () {
4174
+ var extendStatics = function (d, b) {
4175
+ extendStatics = Object.setPrototypeOf ||
4176
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
4177
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
4178
+ return extendStatics(d, b);
4179
+ };
4180
+ return function (d, b) {
4181
+ extendStatics(d, b);
4182
+ function __() { this.constructor = d; }
4183
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
4184
+ };
4185
+ })();
4186
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
4187
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4188
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4189
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
4190
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
4191
+ };
4189
4192
  var RTL = 'e-rtl';
4190
4193
  var DROPDOWNTREE = 'e-ddt';
4191
4194
  var HIDDENELEMENT = 'e-ddt-hidden';
@@ -6797,25 +6800,25 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6797
6800
  * export all modules from current location
6798
6801
  */
6799
6802
 
6800
- var __extends$3 = (undefined && undefined.__extends) || (function () {
6801
- var extendStatics = function (d, b) {
6802
- extendStatics = Object.setPrototypeOf ||
6803
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6804
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6805
- return extendStatics(d, b);
6806
- };
6807
- return function (d, b) {
6808
- extendStatics(d, b);
6809
- function __() { this.constructor = d; }
6810
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
6811
- };
6812
- })();
6813
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6814
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6815
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
6816
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6817
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6818
- };
6803
+ var __extends$3 = (undefined && undefined.__extends) || (function () {
6804
+ var extendStatics = function (d, b) {
6805
+ extendStatics = Object.setPrototypeOf ||
6806
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6807
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6808
+ return extendStatics(d, b);
6809
+ };
6810
+ return function (d, b) {
6811
+ extendStatics(d, b);
6812
+ function __() { this.constructor = d; }
6813
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
6814
+ };
6815
+ })();
6816
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6817
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6818
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
6819
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6820
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6821
+ };
6819
6822
  /// <reference path='../drop-down-list/drop-down-list-model.d.ts'/>
6820
6823
  /* tslint:disable */
6821
6824
  /* tslint:enable */
@@ -7612,25 +7615,25 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
7612
7615
  * export all modules from current location
7613
7616
  */
7614
7617
 
7615
- var __extends$4 = (undefined && undefined.__extends) || (function () {
7616
- var extendStatics = function (d, b) {
7617
- extendStatics = Object.setPrototypeOf ||
7618
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
7619
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7620
- return extendStatics(d, b);
7621
- };
7622
- return function (d, b) {
7623
- extendStatics(d, b);
7624
- function __() { this.constructor = d; }
7625
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
7626
- };
7627
- })();
7628
- var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7629
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
7630
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7631
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
7632
- return c > 3 && r && Object.defineProperty(target, key, r), r;
7633
- };
7618
+ var __extends$4 = (undefined && undefined.__extends) || (function () {
7619
+ var extendStatics = function (d, b) {
7620
+ extendStatics = Object.setPrototypeOf ||
7621
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
7622
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7623
+ return extendStatics(d, b);
7624
+ };
7625
+ return function (d, b) {
7626
+ extendStatics(d, b);
7627
+ function __() { this.constructor = d; }
7628
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
7629
+ };
7630
+ })();
7631
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7632
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
7633
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7634
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
7635
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
7636
+ };
7634
7637
  /// <reference path='../combo-box/combo-box-model.d.ts'/>
7635
7638
  /* tslint:disable */
7636
7639
  /* tslint:enable */
@@ -8149,25 +8152,25 @@ function floatLabelBlur(overAllWrapper, componentWrapper, value, floatLabelType,
8149
8152
  }
8150
8153
  }
8151
8154
 
8152
- var __extends$5 = (undefined && undefined.__extends) || (function () {
8153
- var extendStatics = function (d, b) {
8154
- extendStatics = Object.setPrototypeOf ||
8155
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
8156
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
8157
- return extendStatics(d, b);
8158
- };
8159
- return function (d, b) {
8160
- extendStatics(d, b);
8161
- function __() { this.constructor = d; }
8162
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
8163
- };
8164
- })();
8165
- var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
8166
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
8167
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
8168
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
8169
- return c > 3 && r && Object.defineProperty(target, key, r), r;
8170
- };
8155
+ var __extends$5 = (undefined && undefined.__extends) || (function () {
8156
+ var extendStatics = function (d, b) {
8157
+ extendStatics = Object.setPrototypeOf ||
8158
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
8159
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
8160
+ return extendStatics(d, b);
8161
+ };
8162
+ return function (d, b) {
8163
+ extendStatics(d, b);
8164
+ function __() { this.constructor = d; }
8165
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
8166
+ };
8167
+ })();
8168
+ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
8169
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
8170
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
8171
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
8172
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
8173
+ };
8171
8174
  /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
8172
8175
  /* tslint:disable */
8173
8176
  /* tslint:enable */
@@ -8570,7 +8573,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
8570
8573
  this.mainData = list;
8571
8574
  this.mainListCollection = this.liCollections;
8572
8575
  }
8573
- else if (!isNullOrUndefined(this.mainData) && this.mainData.length === 0) {
8576
+ else if (isNullOrUndefined(this.mainData) || this.mainData.length === 0) {
8574
8577
  this.mainData = list;
8575
8578
  }
8576
8579
  if ((this.remoteCustomValue || list.length <= 0) && this.allowCustomValue && this.inputFocus && this.allowFiltering) {
@@ -10499,7 +10502,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
10499
10502
  MultiSelect.prototype.updateActionCompleteData = function (li, item) {
10500
10503
  if (this.value && this.value.indexOf(li.getAttribute('data-value')) > -1) {
10501
10504
  this.mainList = this.ulElement;
10502
- addClass([li], HIDE_LIST);
10505
+ if (this.hideSelectedItem) {
10506
+ addClass([li], HIDE_LIST);
10507
+ }
10503
10508
  }
10504
10509
  };
10505
10510
  MultiSelect.prototype.updateAddItemList = function (list, itemCount) {
@@ -11428,28 +11433,63 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
11428
11433
  }
11429
11434
  this.renderPopup();
11430
11435
  };
11436
+ MultiSelect.prototype.presentItemValue = function (ulElement) {
11437
+ var valuecheck = [];
11438
+ for (var i = 0; i < this.value.length; i++) {
11439
+ var checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', this.value[i]);
11440
+ if (!checkEle) {
11441
+ valuecheck.push(this.value[i]);
11442
+ }
11443
+ }
11444
+ return valuecheck;
11445
+ };
11446
+
11447
+ MultiSelect.prototype.addNonPresentItems = function (valuecheck, ulElement, list, event) {
11448
+ var _this = this;
11449
+ this.showSpinner();
11450
+ this.dataSource.executeQuery(this.getForQuery(valuecheck)).then(function (e) {
11451
+ _this.hideSpinner();
11452
+ _this.addItem(e.result, list.length);
11453
+ _this.updateActionList(ulElement, list, event);
11454
+ });
11455
+ };
11456
+
11431
11457
  MultiSelect.prototype.updateVal = function (newProp, oldProp, prop) {
11432
11458
  if (!this.list) {
11433
11459
  this.onLoadSelect();
11434
11460
  }
11435
- else if (!this.inputFocus) {
11436
- if (prop === 'text') {
11437
- this.initialTextUpdate();
11438
- newProp = this.value;
11461
+ else {
11462
+ var valuecheck = [];
11463
+ if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
11464
+ valuecheck = this.presentItemValue(this.ulElement);
11439
11465
  }
11440
- if (isNullOrUndefined(this.value) || this.value.length === 0) {
11441
- this.tempValues = oldProp;
11466
+ if (prop == 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
11467
+ && this.listData != null) {
11468
+ this.mainData = null;
11469
+ this.setDynValue = true;
11470
+ this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
11442
11471
  }
11443
- this.initialValueUpdate();
11444
- if (this.mode !== 'Box') {
11445
- this.updateDelimView();
11446
- }
11447
- this.refreshInputHight();
11448
- this.refreshPlaceHolder();
11449
- if (this.mode !== 'CheckBox' && this.changeOnBlur) {
11450
- this.updateValueState(null, newProp, oldProp);
11472
+ else {
11473
+ if (prop === 'text') {
11474
+ this.initialTextUpdate();
11475
+ newProp = this.value;
11476
+ }
11477
+ if (isNullOrUndefined(this.value) || this.value.length === 0) {
11478
+ this.tempValues = oldProp;
11479
+ }
11480
+ this.initialValueUpdate();
11481
+ if (this.mode !== 'Box' && !this.inputFocus) {
11482
+ this.updateDelimView();
11483
+ }
11484
+ if (!this.inputFocus) {
11485
+ this.refreshInputHight();
11486
+ }
11487
+ this.refreshPlaceHolder();
11488
+ if (this.mode !== 'CheckBox' && this.changeOnBlur) {
11489
+ this.updateValueState(null, newProp, oldProp);
11490
+ }
11491
+ this.checkPlaceholderSize();
11451
11492
  }
11452
- this.checkPlaceholderSize();
11453
11493
  }
11454
11494
  if (!this.changeOnBlur) {
11455
11495
  this.updateValueState(null, newProp, oldProp);
@@ -12480,25 +12520,25 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
12480
12520
  * export all modules from current location
12481
12521
  */
12482
12522
 
12483
- var __extends$6 = (undefined && undefined.__extends) || (function () {
12484
- var extendStatics = function (d, b) {
12485
- extendStatics = Object.setPrototypeOf ||
12486
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
12487
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
12488
- return extendStatics(d, b);
12489
- };
12490
- return function (d, b) {
12491
- extendStatics(d, b);
12492
- function __() { this.constructor = d; }
12493
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12494
- };
12495
- })();
12496
- var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12497
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12498
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
12499
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12500
- return c > 3 && r && Object.defineProperty(target, key, r), r;
12501
- };
12523
+ var __extends$6 = (undefined && undefined.__extends) || (function () {
12524
+ var extendStatics = function (d, b) {
12525
+ extendStatics = Object.setPrototypeOf ||
12526
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
12527
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
12528
+ return extendStatics(d, b);
12529
+ };
12530
+ return function (d, b) {
12531
+ extendStatics(d, b);
12532
+ function __() { this.constructor = d; }
12533
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12534
+ };
12535
+ })();
12536
+ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12537
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12538
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
12539
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12540
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
12541
+ };
12502
12542
  /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
12503
12543
  var ITEMTEMPLATE_PROPERTY$1 = 'ItemTemplate';
12504
12544
  /**