@syncfusion/ej2-dropdowns 20.1.52 → 20.1.57

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 (135) hide show
  1. package/CHANGELOG.md +28 -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 +27 -10
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +27 -10
  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-base/drop-down-base.js +1 -1
  13. package/src/drop-down-list/drop-down-list.js +10 -2
  14. package/src/drop-down-tree/drop-down-tree.js +9 -7
  15. package/src/list-box/list-box.js +7 -0
  16. package/styles/auto-complete/bootstrap-dark.css +5 -14
  17. package/styles/auto-complete/bootstrap.css +5 -14
  18. package/styles/auto-complete/bootstrap4.css +5 -13
  19. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  20. package/styles/auto-complete/bootstrap5.css +5 -13
  21. package/styles/auto-complete/fabric-dark.css +5 -12
  22. package/styles/auto-complete/fabric.css +5 -12
  23. package/styles/auto-complete/fluent-dark.css +4 -11
  24. package/styles/auto-complete/fluent.css +4 -11
  25. package/styles/auto-complete/highcontrast-light.css +3 -23
  26. package/styles/auto-complete/highcontrast.css +3 -23
  27. package/styles/auto-complete/material-dark.css +1 -1
  28. package/styles/auto-complete/material.css +1 -1
  29. package/styles/auto-complete/tailwind-dark.css +1 -1
  30. package/styles/auto-complete/tailwind.css +1 -1
  31. package/styles/bootstrap-dark.css +62 -337
  32. package/styles/bootstrap.css +62 -337
  33. package/styles/bootstrap4.css +62 -343
  34. package/styles/bootstrap5-dark.css +63 -343
  35. package/styles/bootstrap5.css +63 -343
  36. package/styles/combo-box/bootstrap-dark.css +5 -14
  37. package/styles/combo-box/bootstrap.css +5 -14
  38. package/styles/combo-box/bootstrap4.css +5 -13
  39. package/styles/combo-box/bootstrap5-dark.css +5 -13
  40. package/styles/combo-box/bootstrap5.css +5 -13
  41. package/styles/combo-box/fabric-dark.css +5 -12
  42. package/styles/combo-box/fabric.css +5 -12
  43. package/styles/combo-box/fluent-dark.css +4 -11
  44. package/styles/combo-box/fluent.css +4 -11
  45. package/styles/combo-box/highcontrast-light.css +3 -23
  46. package/styles/combo-box/highcontrast.css +3 -23
  47. package/styles/combo-box/material-dark.css +1 -1
  48. package/styles/combo-box/material.css +1 -1
  49. package/styles/combo-box/tailwind-dark.css +1 -1
  50. package/styles/combo-box/tailwind.css +1 -1
  51. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  52. package/styles/drop-down-base/bootstrap.css +8 -22
  53. package/styles/drop-down-base/bootstrap4.css +8 -22
  54. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap5.css +8 -22
  56. package/styles/drop-down-base/fabric-dark.css +8 -22
  57. package/styles/drop-down-base/fabric.css +8 -22
  58. package/styles/drop-down-base/fluent-dark.css +8 -22
  59. package/styles/drop-down-base/fluent.css +8 -22
  60. package/styles/drop-down-base/highcontrast-light.css +8 -27
  61. package/styles/drop-down-base/highcontrast.css +8 -27
  62. package/styles/drop-down-base/material-dark.css +8 -22
  63. package/styles/drop-down-base/material.css +8 -22
  64. package/styles/drop-down-base/tailwind-dark.css +12 -34
  65. package/styles/drop-down-base/tailwind.css +12 -34
  66. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  67. package/styles/drop-down-list/bootstrap.css +15 -44
  68. package/styles/drop-down-list/bootstrap4.css +14 -38
  69. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  70. package/styles/drop-down-list/bootstrap5.css +14 -38
  71. package/styles/drop-down-list/fabric-dark.css +15 -42
  72. package/styles/drop-down-list/fabric.css +15 -42
  73. package/styles/drop-down-list/fluent-dark.css +13 -36
  74. package/styles/drop-down-list/fluent.css +13 -36
  75. package/styles/drop-down-list/highcontrast-light.css +13 -58
  76. package/styles/drop-down-list/highcontrast.css +13 -58
  77. package/styles/drop-down-list/material-dark.css +11 -32
  78. package/styles/drop-down-list/material.css +11 -33
  79. package/styles/drop-down-list/tailwind-dark.css +10 -24
  80. package/styles/drop-down-list/tailwind.css +10 -24
  81. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  82. package/styles/drop-down-tree/bootstrap.css +4 -92
  83. package/styles/drop-down-tree/bootstrap4.css +5 -99
  84. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  85. package/styles/drop-down-tree/bootstrap5.css +5 -103
  86. package/styles/drop-down-tree/fabric-dark.css +4 -92
  87. package/styles/drop-down-tree/fabric.css +4 -92
  88. package/styles/drop-down-tree/fluent-dark.css +5 -105
  89. package/styles/drop-down-tree/fluent.css +5 -105
  90. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  91. package/styles/drop-down-tree/highcontrast.css +4 -98
  92. package/styles/drop-down-tree/material-dark.css +11 -182
  93. package/styles/drop-down-tree/material.css +11 -184
  94. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  95. package/styles/drop-down-tree/tailwind.css +4 -107
  96. package/styles/fabric-dark.css +62 -335
  97. package/styles/fabric.css +62 -335
  98. package/styles/fluent-dark.css +62 -342
  99. package/styles/fluent.css +62 -342
  100. package/styles/highcontrast-light.css +63 -375
  101. package/styles/highcontrast.css +63 -376
  102. package/styles/list-box/bootstrap-dark.css +11 -115
  103. package/styles/list-box/bootstrap.css +11 -115
  104. package/styles/list-box/bootstrap4.css +11 -120
  105. package/styles/list-box/bootstrap5-dark.css +11 -115
  106. package/styles/list-box/bootstrap5.css +11 -115
  107. package/styles/list-box/fabric-dark.css +11 -115
  108. package/styles/list-box/fabric.css +11 -115
  109. package/styles/list-box/fluent-dark.css +11 -115
  110. package/styles/list-box/fluent.css +11 -115
  111. package/styles/list-box/highcontrast-light.css +11 -120
  112. package/styles/list-box/highcontrast.css +11 -120
  113. package/styles/list-box/material-dark.css +11 -115
  114. package/styles/list-box/material.css +11 -115
  115. package/styles/list-box/tailwind-dark.css +12 -118
  116. package/styles/list-box/tailwind.css +12 -118
  117. package/styles/material-dark.css +103 -462
  118. package/styles/material.css +103 -466
  119. package/styles/multi-select/bootstrap-dark.css +28 -68
  120. package/styles/multi-select/bootstrap.css +28 -68
  121. package/styles/multi-select/bootstrap4.css +28 -68
  122. package/styles/multi-select/bootstrap5-dark.css +29 -69
  123. package/styles/multi-select/bootstrap5.css +29 -69
  124. package/styles/multi-select/fabric-dark.css +28 -68
  125. package/styles/multi-select/fabric.css +28 -68
  126. package/styles/multi-select/fluent-dark.css +29 -68
  127. package/styles/multi-select/fluent.css +29 -68
  128. package/styles/multi-select/highcontrast-light.css +31 -97
  129. package/styles/multi-select/highcontrast.css +31 -97
  130. package/styles/multi-select/material-dark.css +66 -115
  131. package/styles/multi-select/material.css +66 -116
  132. package/styles/multi-select/tailwind-dark.css +29 -69
  133. package/styles/multi-select/tailwind.css +29 -69
  134. package/styles/tailwind-dark.css +63 -348
  135. 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
  }
@@ -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
  }