@syncfusion/ej2-dropdowns 20.1.55 → 20.1.58

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 (138) hide show
  1. package/CHANGELOG.md +34 -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 +30 -13
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +30 -13
  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 +9 -9
  12. package/src/auto-complete/auto-complete.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.js +2 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +1 -1
  16. package/src/drop-down-list/drop-down-list.js +10 -2
  17. package/src/drop-down-tree/drop-down-tree.js +9 -7
  18. package/src/list-box/list-box.js +7 -0
  19. package/styles/auto-complete/bootstrap-dark.css +5 -14
  20. package/styles/auto-complete/bootstrap.css +5 -14
  21. package/styles/auto-complete/bootstrap4.css +5 -13
  22. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  23. package/styles/auto-complete/bootstrap5.css +5 -13
  24. package/styles/auto-complete/fabric-dark.css +5 -12
  25. package/styles/auto-complete/fabric.css +5 -12
  26. package/styles/auto-complete/fluent-dark.css +4 -11
  27. package/styles/auto-complete/fluent.css +4 -11
  28. package/styles/auto-complete/highcontrast-light.css +3 -23
  29. package/styles/auto-complete/highcontrast.css +3 -23
  30. package/styles/auto-complete/material-dark.css +1 -1
  31. package/styles/auto-complete/material.css +1 -1
  32. package/styles/auto-complete/tailwind-dark.css +1 -1
  33. package/styles/auto-complete/tailwind.css +1 -1
  34. package/styles/bootstrap-dark.css +62 -337
  35. package/styles/bootstrap.css +62 -337
  36. package/styles/bootstrap4.css +62 -343
  37. package/styles/bootstrap5-dark.css +63 -343
  38. package/styles/bootstrap5.css +63 -343
  39. package/styles/combo-box/bootstrap-dark.css +5 -14
  40. package/styles/combo-box/bootstrap.css +5 -14
  41. package/styles/combo-box/bootstrap4.css +5 -13
  42. package/styles/combo-box/bootstrap5-dark.css +5 -13
  43. package/styles/combo-box/bootstrap5.css +5 -13
  44. package/styles/combo-box/fabric-dark.css +5 -12
  45. package/styles/combo-box/fabric.css +5 -12
  46. package/styles/combo-box/fluent-dark.css +4 -11
  47. package/styles/combo-box/fluent.css +4 -11
  48. package/styles/combo-box/highcontrast-light.css +3 -23
  49. package/styles/combo-box/highcontrast.css +3 -23
  50. package/styles/combo-box/material-dark.css +1 -1
  51. package/styles/combo-box/material.css +1 -1
  52. package/styles/combo-box/tailwind-dark.css +1 -1
  53. package/styles/combo-box/tailwind.css +1 -1
  54. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap.css +8 -22
  56. package/styles/drop-down-base/bootstrap4.css +8 -22
  57. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  58. package/styles/drop-down-base/bootstrap5.css +8 -22
  59. package/styles/drop-down-base/fabric-dark.css +8 -22
  60. package/styles/drop-down-base/fabric.css +8 -22
  61. package/styles/drop-down-base/fluent-dark.css +8 -22
  62. package/styles/drop-down-base/fluent.css +8 -22
  63. package/styles/drop-down-base/highcontrast-light.css +8 -27
  64. package/styles/drop-down-base/highcontrast.css +8 -27
  65. package/styles/drop-down-base/material-dark.css +8 -22
  66. package/styles/drop-down-base/material.css +8 -22
  67. package/styles/drop-down-base/tailwind-dark.css +12 -34
  68. package/styles/drop-down-base/tailwind.css +12 -34
  69. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  70. package/styles/drop-down-list/bootstrap.css +15 -44
  71. package/styles/drop-down-list/bootstrap4.css +14 -38
  72. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  73. package/styles/drop-down-list/bootstrap5.css +14 -38
  74. package/styles/drop-down-list/fabric-dark.css +15 -42
  75. package/styles/drop-down-list/fabric.css +15 -42
  76. package/styles/drop-down-list/fluent-dark.css +13 -36
  77. package/styles/drop-down-list/fluent.css +13 -36
  78. package/styles/drop-down-list/highcontrast-light.css +13 -58
  79. package/styles/drop-down-list/highcontrast.css +13 -58
  80. package/styles/drop-down-list/material-dark.css +11 -32
  81. package/styles/drop-down-list/material.css +11 -33
  82. package/styles/drop-down-list/tailwind-dark.css +10 -24
  83. package/styles/drop-down-list/tailwind.css +10 -24
  84. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  85. package/styles/drop-down-tree/bootstrap.css +4 -92
  86. package/styles/drop-down-tree/bootstrap4.css +5 -99
  87. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  88. package/styles/drop-down-tree/bootstrap5.css +5 -103
  89. package/styles/drop-down-tree/fabric-dark.css +4 -92
  90. package/styles/drop-down-tree/fabric.css +4 -92
  91. package/styles/drop-down-tree/fluent-dark.css +5 -105
  92. package/styles/drop-down-tree/fluent.css +5 -105
  93. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  94. package/styles/drop-down-tree/highcontrast.css +4 -98
  95. package/styles/drop-down-tree/material-dark.css +11 -182
  96. package/styles/drop-down-tree/material.css +11 -184
  97. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  98. package/styles/drop-down-tree/tailwind.css +4 -107
  99. package/styles/fabric-dark.css +62 -335
  100. package/styles/fabric.css +62 -335
  101. package/styles/fluent-dark.css +62 -342
  102. package/styles/fluent.css +62 -342
  103. package/styles/highcontrast-light.css +63 -375
  104. package/styles/highcontrast.css +63 -376
  105. package/styles/list-box/bootstrap-dark.css +11 -115
  106. package/styles/list-box/bootstrap.css +11 -115
  107. package/styles/list-box/bootstrap4.css +11 -120
  108. package/styles/list-box/bootstrap5-dark.css +11 -115
  109. package/styles/list-box/bootstrap5.css +11 -115
  110. package/styles/list-box/fabric-dark.css +11 -115
  111. package/styles/list-box/fabric.css +11 -115
  112. package/styles/list-box/fluent-dark.css +11 -115
  113. package/styles/list-box/fluent.css +11 -115
  114. package/styles/list-box/highcontrast-light.css +11 -120
  115. package/styles/list-box/highcontrast.css +11 -120
  116. package/styles/list-box/material-dark.css +11 -115
  117. package/styles/list-box/material.css +11 -115
  118. package/styles/list-box/tailwind-dark.css +12 -118
  119. package/styles/list-box/tailwind.css +12 -118
  120. package/styles/material-dark.css +103 -462
  121. package/styles/material.css +103 -466
  122. package/styles/multi-select/bootstrap-dark.css +28 -68
  123. package/styles/multi-select/bootstrap.css +28 -68
  124. package/styles/multi-select/bootstrap4.css +28 -68
  125. package/styles/multi-select/bootstrap5-dark.css +29 -69
  126. package/styles/multi-select/bootstrap5.css +29 -69
  127. package/styles/multi-select/fabric-dark.css +28 -68
  128. package/styles/multi-select/fabric.css +28 -68
  129. package/styles/multi-select/fluent-dark.css +29 -68
  130. package/styles/multi-select/fluent.css +29 -68
  131. package/styles/multi-select/highcontrast-light.css +31 -97
  132. package/styles/multi-select/highcontrast.css +31 -97
  133. package/styles/multi-select/material-dark.css +66 -115
  134. package/styles/multi-select/material.css +66 -116
  135. package/styles/multi-select/tailwind-dark.css +29 -69
  136. package/styles/multi-select/tailwind.css +29 -69
  137. package/styles/tailwind-dark.css +63 -348
  138. package/styles/tailwind.css +63 -348
@@ -638,10 +638,10 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
638
638
  _this.isDataFetched = true;
639
639
  }
640
640
  ulElement = _this.renderItems(listItems, fields);
641
- _this.onActionComplete(ulElement, listItems, e);
642
641
  if (_this.groupTemplate) {
643
642
  _this.renderGroupTemplate(ulElement);
644
643
  }
644
+ _this.onActionComplete(ulElement, listItems, e);
645
645
  _this.isRequested = false;
646
646
  _this.bindChildItems(listItems, ulElement, fields, e);
647
647
  }
@@ -2954,7 +2954,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2954
2954
  if (this.initRemoteRender) {
2955
2955
  this.initial = true;
2956
2956
  this.activeIndex = this.index;
2957
- this.updateValues();
2958
2957
  this.initRemoteRender = false;
2959
2958
  this.initial = false;
2960
2959
  if (this.value && this.dataSource instanceof DataManager) {
@@ -2967,8 +2966,17 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2967
2966
  _this.addItem(e.result, list.length);
2968
2967
  _this.updateValues();
2969
2968
  }
2969
+ else {
2970
+ _this.updateValues();
2971
+ }
2970
2972
  });
2971
2973
  }
2974
+ else {
2975
+ this.updateValues();
2976
+ }
2977
+ }
2978
+ else {
2979
+ this.updateValues();
2972
2980
  }
2973
2981
  }
2974
2982
  if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
@@ -2998,7 +3006,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2998
3006
  };
2999
3007
  DropDownList.prototype.updateActionCompleteDataValues = function (ulElement, list) {
3000
3008
  this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
3001
- if (isNullOrUndefined(this.actionData.ulElement) && isNullOrUndefined(this.actionData.list)) {
3009
+ if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
3002
3010
  this.actionData = this.actionCompleteData;
3003
3011
  }
3004
3012
  };
@@ -4681,13 +4689,14 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
4681
4689
  matchedChildren.push(filteredChild);
4682
4690
  }
4683
4691
  }
4692
+ var filteredItems = Object.assign({}, node);
4684
4693
  if (matchedChildren.length !== 0) {
4685
- node[this.fields.child] = matchedChildren;
4686
- return node;
4694
+ filteredItems[this.fields.child] = matchedChildren;
4695
+ return filteredItems;
4687
4696
  }
4688
4697
  else {
4689
- node[this.fields.child] = null;
4690
- return (this.isMatchedNode(value, node)) ? node : null;
4698
+ filteredItems[this.fields.child] = null;
4699
+ return (this.isMatchedNode(value, filteredItems)) ? filteredItems : null;
4691
4700
  }
4692
4701
  }
4693
4702
  };
@@ -6029,11 +6038,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6029
6038
  }
6030
6039
  return 2;
6031
6040
  }
6032
- for (var i = 0, len = ds.length; i < len; i++) {
6033
- if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, ds[i]))) {
6041
+ this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
6042
+ for (var i = 0, len = this.fields.dataSource.length; i < len; i++) {
6043
+ if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
6034
6044
  return 2;
6035
6045
  }
6036
- if (!isNullOrUndefined(getValue(field.parentValue, ds[i])) || !isNullOrUndefined(getValue(field.hasChildren, ds[i]))) {
6046
+ if (!isNullOrUndefined(getValue(field.parentValue, this.fields.dataSource[i])) || !isNullOrUndefined(getValue(field.hasChildren, this.fields.dataSource[i]))) {
6037
6047
  return 1;
6038
6048
  }
6039
6049
  }
@@ -7853,7 +7863,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
7853
7863
  else if (this.isTyped && !this.isSelected && isNullOrUndefined(li)) {
7854
7864
  this.customValue(e);
7855
7865
  }
7856
- this.hidePopup();
7866
+ this.hidePopup(e);
7857
7867
  };
7858
7868
  ComboBox.prototype.setHoverList = function (li) {
7859
7869
  this.removeSelection();
@@ -8515,8 +8525,8 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
8515
8525
  *
8516
8526
  * @returns {void}
8517
8527
  */
8518
- AutoComplete.prototype.hidePopup = function () {
8519
- _super.prototype.hidePopup.call(this);
8528
+ AutoComplete.prototype.hidePopup = function (e) {
8529
+ _super.prototype.hidePopup.call(this, e);
8520
8530
  this.activeIndex = -1;
8521
8531
  };
8522
8532
  /**
@@ -15509,6 +15519,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15509
15519
  this.list.parentElement.insertBefore(this.element, this.list);
15510
15520
  }
15511
15521
  _super.prototype.destroy.call(this);
15522
+ this.enableRtlElements = [];
15523
+ this.liCollections = null;
15524
+ this.list = null;
15525
+ this.ulElement = null;
15526
+ this.mainList = null;
15527
+ this.spinner = null;
15528
+ this.rippleFun = null;
15512
15529
  if (this.itemTemplate) {
15513
15530
  this.clearTemplate();
15514
15531
  }