@syncfusion/ej2-dropdowns 30.2.4 → 30.2.6

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 (80) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  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 +29 -11
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +29 -11
  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 +3 -3
  12. package/src/combo-box/combo-box.js +6 -3
  13. package/src/common/virtual-scroll.js +3 -0
  14. package/src/drop-down-list/drop-down-list.js +8 -1
  15. package/src/drop-down-tree/drop-down-tree.js +6 -2
  16. package/src/multi-select/multi-select.js +6 -5
  17. package/styles/bds-lite.css +1 -1
  18. package/styles/bds.css +1 -1
  19. package/styles/bootstrap-dark-lite.css +1 -1
  20. package/styles/bootstrap-dark.css +1 -1
  21. package/styles/bootstrap-lite.css +1 -1
  22. package/styles/bootstrap.css +1 -1
  23. package/styles/bootstrap4-lite.css +1 -1
  24. package/styles/bootstrap4.css +1 -1
  25. package/styles/bootstrap5-dark-lite.css +1 -1
  26. package/styles/bootstrap5-dark.css +1 -1
  27. package/styles/bootstrap5-lite.css +1 -1
  28. package/styles/bootstrap5.3-lite.css +1 -1
  29. package/styles/bootstrap5.3.css +1 -1
  30. package/styles/bootstrap5.css +1 -1
  31. package/styles/drop-down-tree/_layout.scss +7 -2
  32. package/styles/drop-down-tree/bds.css +1 -1
  33. package/styles/drop-down-tree/bootstrap-dark.css +1 -1
  34. package/styles/drop-down-tree/bootstrap.css +1 -1
  35. package/styles/drop-down-tree/bootstrap4.css +1 -1
  36. package/styles/drop-down-tree/bootstrap5-dark.css +1 -1
  37. package/styles/drop-down-tree/bootstrap5.3.css +1 -1
  38. package/styles/drop-down-tree/bootstrap5.css +1 -1
  39. package/styles/drop-down-tree/fabric-dark.css +1 -1
  40. package/styles/drop-down-tree/fabric.css +1 -1
  41. package/styles/drop-down-tree/fluent-dark.css +1 -1
  42. package/styles/drop-down-tree/fluent.css +1 -1
  43. package/styles/drop-down-tree/fluent2.css +0 -4
  44. package/styles/drop-down-tree/highcontrast-light.css +1 -1
  45. package/styles/drop-down-tree/highcontrast.css +1 -1
  46. package/styles/drop-down-tree/material-dark.css +0 -4
  47. package/styles/drop-down-tree/material.css +0 -4
  48. package/styles/drop-down-tree/material3-dark.css +0 -4
  49. package/styles/drop-down-tree/material3.css +0 -4
  50. package/styles/drop-down-tree/tailwind-dark.css +1 -1
  51. package/styles/drop-down-tree/tailwind.css +1 -1
  52. package/styles/drop-down-tree/tailwind3.css +1 -1
  53. package/styles/fabric-dark-lite.css +1 -1
  54. package/styles/fabric-dark.css +1 -1
  55. package/styles/fabric-lite.css +1 -1
  56. package/styles/fabric.css +1 -1
  57. package/styles/fluent-dark-lite.css +1 -1
  58. package/styles/fluent-dark.css +1 -1
  59. package/styles/fluent-lite.css +1 -1
  60. package/styles/fluent.css +1 -1
  61. package/styles/fluent2-lite.css +0 -4
  62. package/styles/fluent2.css +0 -4
  63. package/styles/highcontrast-light-lite.css +1 -1
  64. package/styles/highcontrast-light.css +1 -1
  65. package/styles/highcontrast-lite.css +1 -1
  66. package/styles/highcontrast.css +1 -1
  67. package/styles/material-dark-lite.css +0 -4
  68. package/styles/material-dark.css +0 -4
  69. package/styles/material-lite.css +0 -4
  70. package/styles/material.css +0 -4
  71. package/styles/material3-dark-lite.css +0 -4
  72. package/styles/material3-dark.css +0 -4
  73. package/styles/material3-lite.css +0 -4
  74. package/styles/material3.css +0 -4
  75. package/styles/tailwind-dark-lite.css +1 -1
  76. package/styles/tailwind-dark.css +1 -1
  77. package/styles/tailwind-lite.css +1 -1
  78. package/styles/tailwind.css +1 -1
  79. package/styles/tailwind3-lite.css +1 -1
  80. package/styles/tailwind3.css +1 -1
@@ -478,6 +478,9 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
478
478
  isListUpdated = false;
479
479
  }
480
480
  else if (this.parent.viewPortInfo.startIndex !== 0) {
481
+ if (this.parent.dataSource instanceof DataManager) {
482
+ this.parent.setCurrentView = false;
483
+ }
481
484
  this.parent.updateVirtualReOrderList(true);
482
485
  var oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
483
486
  if (oldUlElement) {
@@ -5688,6 +5691,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5688
5691
  }
5689
5692
  else {
5690
5693
  this.removeFocus();
5694
+ if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
5695
+ this.dataSource instanceof DataManager) {
5696
+ var focus_1 = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
5697
+ if (focus_1) {
5698
+ removeClass(focus_1, dropDownListClasses.focus);
5699
+ }
5700
+ }
5691
5701
  this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
5692
5702
  }
5693
5703
  };
@@ -5723,7 +5733,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5723
5733
  popupEle.setAttribute('aria-label', _this.element.id);
5724
5734
  popupEle.setAttribute('role', 'dialog');
5725
5735
  var searchBox = _this.setSearchBox(popupEle);
5726
- _this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice ?
5736
+ _this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice && _this.isDeviceFullScreen ?
5727
5737
  formatUnit(Math.round(window.outerHeight).toString() + 'px') : formatUnit(_this.popupHeight);
5728
5738
  if (_this.headerTemplate) {
5729
5739
  _this.setHeaderTemplate(popupEle);
@@ -9608,11 +9618,15 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9608
9618
  }
9609
9619
  };
9610
9620
  DropDownTree.prototype.restoreFilterSelection = function () {
9621
+ if (this.treeObj.checkedNodes) {
9622
+ this.treeObj.checkedNodes = [];
9623
+ }
9624
+ var nodeIds = Array.isArray(this.value) ? this.value : [];
9611
9625
  if (this.showCheckBox) {
9612
- this.treeObj.checkedNodes = this.value ? this.value : [];
9626
+ this.treeObj.checkedNodes = nodeIds;
9613
9627
  }
9614
9628
  else {
9615
- this.treeObj.selectedNodes = this.value ? this.value : [];
9629
+ this.treeObj.selectedNodes = nodeIds;
9616
9630
  }
9617
9631
  };
9618
9632
  /* To set cssclass for the dropdowntree */
@@ -11453,13 +11467,16 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
11453
11467
  if (this.dataSource instanceof DataManager) {
11454
11468
  this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue_1)))
11455
11469
  .then(function (e) {
11456
- if (e.result.length > 0) {
11470
+ if (e && e.result && e.result.length > 0) {
11457
11471
  _this.itemData = e.result[0];
11458
11472
  var dataItem = _this.getItemData();
11459
11473
  var value = _this.allowObjectBinding ?
11460
11474
  _this.getDataByValue(dataItem.value) : dataItem.value;
11461
- if ((_this.value === dataItem.value && _this.text !== dataItem.text.toString()) ||
11462
- (_this.value !== dataItem.value && _this.text === dataItem.text.toString())) {
11475
+ var valueFieldValue = _this.allowObjectBinding &&
11476
+ !isNullOrUndefined(_this.value) ? getValue((_this.fields.value) ?
11477
+ _this.fields.value : '', _this.value) : _this.value;
11478
+ if ((valueFieldValue === dataItem.value && _this.text !== dataItem.text.toString()) ||
11479
+ (valueFieldValue !== dataItem.value && _this.text === dataItem.text.toString())) {
11463
11480
  _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
11464
11481
  }
11465
11482
  }
@@ -13673,7 +13690,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
13673
13690
  }
13674
13691
  var isContainsValue = valuecheck.some(function (item) { return item !== null; });
13675
13692
  if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
13676
- && this.listData != null && isContainsValue) {
13693
+ && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate)) && isContainsValue) {
13677
13694
  this.isaddNonPresentItems = true;
13678
13695
  this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
13679
13696
  this.isaddNonPresentItems = false;
@@ -14049,7 +14066,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
14049
14066
  MultiSelect.prototype.dataUpdater = function (dataSource, query, fields) {
14050
14067
  this.isDataFetched = false;
14051
14068
  var isNoData = this.list.classList.contains(dropDownBaseClasses.noData);
14052
- if (this.targetElement().trim() === '') {
14069
+ if (this.targetElement().trim() === '' && (!this.allowCustomValue || this.mode === 'CheckBox' || this.targetElement() === '')) {
14053
14070
  var list = this.enableVirtualization ? this.list.cloneNode(true) : this.mainList.cloneNode ?
14054
14071
  this.mainList.cloneNode(true) : this.mainList;
14055
14072
  if (this.backCommand || (this.enableVirtualization && this.mode === 'CheckBox' && this.value && this.value.length > 0)) {
@@ -16258,7 +16275,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
16258
16275
  var ulElement = _this.list.querySelector('ul');
16259
16276
  if (ulElement) {
16260
16277
  if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
16261
- _this.targetElement().trim() !== '')) {
16278
+ (_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue)))) {
16262
16279
  _this.mainList = ulElement.cloneNode ? ulElement.cloneNode(true) : ulElement;
16263
16280
  }
16264
16281
  }
@@ -16266,7 +16283,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
16266
16283
  }
16267
16284
  _this.popupObj.wireScrollEvents();
16268
16285
  if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
16269
- _this.targetElement().trim() !== '') && !_this.enableVirtualization) {
16286
+ (_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue))) && !_this.enableVirtualization) {
16270
16287
  _this.loadTemplate();
16271
16288
  if (_this.enableVirtualization && _this.mode === 'CheckBox') {
16272
16289
  _this.UpdateSkeleton();
@@ -18611,7 +18628,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
18611
18628
  }
18612
18629
  var isContainsValue = valuecheck.some(function (item) { return item !== null; });
18613
18630
  if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
18614
- && this.listData != null && isContainsValue) {
18631
+ && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate))
18632
+ && isContainsValue) {
18615
18633
  this.mainData = null;
18616
18634
  this.setDynValue = true;
18617
18635
  this.isaddNonPresentItems = true;