@syncfusion/ej2-dropdowns 20.2.36 → 20.2.40

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 (50) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +40 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +40 -6
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/drop-down-list/drop-down-list.js +22 -1
  13. package/src/drop-down-tree/drop-down-tree.js +2 -1
  14. package/src/list-box/list-box.js +13 -1
  15. package/src/multi-select/multi-select.js +3 -3
  16. package/styles/bootstrap-dark.css +33 -11
  17. package/styles/bootstrap.css +33 -11
  18. package/styles/bootstrap4.css +33 -11
  19. package/styles/bootstrap5-dark.css +34 -12
  20. package/styles/bootstrap5.css +34 -12
  21. package/styles/fabric-dark.css +33 -11
  22. package/styles/fabric.css +33 -11
  23. package/styles/fluent-dark.css +37 -15
  24. package/styles/fluent.css +34 -12
  25. package/styles/highcontrast-light.css +33 -11
  26. package/styles/highcontrast.css +33 -11
  27. package/styles/list-box/_bootstrap5-definition.scss +0 -2
  28. package/styles/list-box/_fluent-definition.scss +0 -2
  29. package/styles/list-box/_layout.scss +9 -0
  30. package/styles/list-box/_tailwind-definition.scss +0 -2
  31. package/styles/list-box/_theme.scss +23 -10
  32. package/styles/list-box/bootstrap-dark.css +33 -11
  33. package/styles/list-box/bootstrap.css +33 -11
  34. package/styles/list-box/bootstrap4.css +33 -11
  35. package/styles/list-box/bootstrap5-dark.css +34 -12
  36. package/styles/list-box/bootstrap5.css +34 -12
  37. package/styles/list-box/fabric-dark.css +33 -11
  38. package/styles/list-box/fabric.css +33 -11
  39. package/styles/list-box/fluent-dark.css +37 -15
  40. package/styles/list-box/fluent.css +34 -12
  41. package/styles/list-box/highcontrast-light.css +33 -11
  42. package/styles/list-box/highcontrast.css +33 -11
  43. package/styles/list-box/material-dark.css +33 -11
  44. package/styles/list-box/material.css +33 -11
  45. package/styles/list-box/tailwind-dark.css +34 -12
  46. package/styles/list-box/tailwind.css +34 -12
  47. package/styles/material-dark.css +33 -11
  48. package/styles/material.css +33 -11
  49. package/styles/tailwind-dark.css +34 -12
  50. package/styles/tailwind.css +34 -12
@@ -2959,7 +2959,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2959
2959
  this.initial = true;
2960
2960
  this.activeIndex = this.index;
2961
2961
  this.initRemoteRender = false;
2962
- this.initial = false;
2963
2962
  if (this.value && this.dataSource instanceof DataManager) {
2964
2963
  var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
2965
2964
  var checkVal = list.some(function (x) { return x[checkField_1] === _this.value; });
@@ -2982,6 +2981,28 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2982
2981
  else {
2983
2982
  this.updateValues();
2984
2983
  }
2984
+ this.initial = false;
2985
+ }
2986
+ else if (this.getModuleName() === 'autocomplete' && this.value && this.typedString === '' && !(this.dataSource instanceof DataManager)) {
2987
+ var checkFields_1 = this.typeOfData(this.dataSource).typeof === 'string' ? '' : this.fields.value;
2988
+ var checkValue = list.some(function (x) { return x[checkFields_1] === _this.value; });
2989
+ var query = new Query();
2990
+ if (!checkValue) {
2991
+ new DataManager(this.dataSource).executeQuery(query.where(new Predicate(checkFields_1, 'equal', this.value)))
2992
+ .then(function (e) {
2993
+ if (e.result.length > 0) {
2994
+ _this.value = checkFields_1 !== '' ? e.result[0][_this.fields.value].toString() : e.result[0].toString();
2995
+ _this.addItem(e.result, list.length);
2996
+ _this.updateValues();
2997
+ }
2998
+ else {
2999
+ _this.updateValues();
3000
+ }
3001
+ });
3002
+ }
3003
+ else {
3004
+ this.updateValues();
3005
+ }
2985
3006
  }
2986
3007
  if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
2987
3008
  if (!this.actionCompleteData.isUpdated || ((!this.isCustomFilter
@@ -6042,7 +6063,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6042
6063
  }
6043
6064
  return 2;
6044
6065
  }
6045
- this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
6066
+ if (isNullOrUndefined(this.fields.dataSource))
6067
+ this.fields.dataSource = [];
6046
6068
  for (var i = 0, len = this.fields.dataSource.length; i < len; i++) {
6047
6069
  if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
6048
6070
  return 2;
@@ -10427,7 +10449,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
10427
10449
  });
10428
10450
  _this.invokeCheckboxSelection(element_1, eve, isClearAll);
10429
10451
  }
10430
- if (_this.hideSelectedItem && _this.fields.groupBy) {
10452
+ if (_this.hideSelectedItem && _this.fields.groupBy && element_1) {
10431
10453
  _this.hideGroupItem(value);
10432
10454
  }
10433
10455
  if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox' &&
@@ -11271,7 +11293,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
11271
11293
  }
11272
11294
  };
11273
11295
  MultiSelect.prototype.updateDataList = function () {
11274
- if (this.mainList && this.ulElement) {
11296
+ if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
11275
11297
  var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
11276
11298
  var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
11277
11299
  var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
@@ -12478,7 +12500,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
12478
12500
  var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
12479
12501
  var liLength = _this.ulElement.querySelectorAll('li.'
12480
12502
  + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
12481
- if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length)) {
12503
+ if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) && !(_this.targetElement() !== '' && _this.allowCustomValue)) {
12482
12504
  _this.beforePopupOpen = false;
12483
12505
  return;
12484
12506
  }
@@ -15020,7 +15042,19 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15020
15042
  .filter(function (data) { return data.isHeader !== true; });
15021
15043
  tListBox.listData = listData;
15022
15044
  tListBox.jsonData = jsonData;
15023
- fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
15045
+ if (this.listData.length == this.jsonData.length) {
15046
+ fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
15047
+ }
15048
+ else if (this.allowFiltering) {
15049
+ for (var i = 0; i < fListBox.listData.length; i++) {
15050
+ for (var j = 0; j < fListBox.jsonData.length; j++) {
15051
+ if (fListBox.listData[i] === fListBox.jsonData[j]) {
15052
+ fListBox.jsonData.splice(j, 1);
15053
+ }
15054
+ }
15055
+ }
15056
+ fListBox.listData = fListBox.sortedData = [];
15057
+ }
15024
15058
  if (isRefresh) {
15025
15059
  var sourceElem = tListBox.renderItems(listData, tListBox.fields);
15026
15060
  tListBox.updateListItems(sourceElem, tListBox.ulElement);