@syncfusion/ej2-dropdowns 25.2.5 → 25.2.7-130084

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 (99) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/{README.md → ReadMe.md} +1 -1
  3. package/dist/ej2-dropdowns.min.js +1 -10
  4. package/dist/ej2-dropdowns.umd.min.js +1 -10
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +13 -14
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +13 -14
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +1 -10
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +0 -9
  13. package/package.json +79 -79
  14. package/src/auto-complete/auto-complete-model.d.ts +10 -10
  15. package/src/auto-complete/auto-complete.d.ts +12 -12
  16. package/src/auto-complete/auto-complete.js +2 -2
  17. package/src/combo-box/combo-box-model.d.ts +17 -17
  18. package/src/combo-box/combo-box.d.ts +27 -27
  19. package/src/combo-box/combo-box.js +10 -10
  20. package/src/drop-down-base/drop-down-base-model.d.ts +13 -13
  21. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  22. package/src/drop-down-base/drop-down-base.js +1 -1
  23. package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
  24. package/src/drop-down-list/drop-down-list.d.ts +4 -5
  25. package/src/drop-down-list/drop-down-list.js +1 -10
  26. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  27. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  28. package/src/drop-down-tree/drop-down-tree.js +0 -1
  29. package/src/list-box/list-box-model.d.ts +2 -2
  30. package/src/list-box/list-box.d.ts +2 -2
  31. package/src/multi-select/multi-select.js +13 -4
  32. package/styles/auto-complete/material3-dark.scss +1 -1
  33. package/styles/auto-complete/material3.scss +1 -1
  34. package/styles/bootstrap-dark.css +3 -0
  35. package/styles/bootstrap.css +3 -0
  36. package/styles/bootstrap4.css +3 -0
  37. package/styles/bootstrap5-dark.css +3 -0
  38. package/styles/bootstrap5.css +3 -0
  39. package/styles/combo-box/material3-dark.scss +1 -1
  40. package/styles/combo-box/material3.scss +1 -1
  41. package/styles/drop-down-base/material3-dark.scss +1 -1
  42. package/styles/drop-down-base/material3.scss +1 -1
  43. package/styles/drop-down-list/material3-dark.scss +1 -1
  44. package/styles/drop-down-list/material3.scss +1 -1
  45. package/styles/drop-down-tree/_bds-definition.scss +1 -0
  46. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +2 -1
  47. package/styles/drop-down-tree/_bootstrap-definition.scss +2 -1
  48. package/styles/drop-down-tree/_bootstrap4-definition.scss +2 -1
  49. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -1
  50. package/styles/drop-down-tree/_fabric-dark-definition.scss +2 -1
  51. package/styles/drop-down-tree/_fabric-definition.scss +2 -1
  52. package/styles/drop-down-tree/_fluent-definition.scss +2 -1
  53. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -1
  54. package/styles/drop-down-tree/_highcontrast-definition.scss +2 -1
  55. package/styles/drop-down-tree/_highcontrast-light-definition.scss +2 -1
  56. package/styles/drop-down-tree/_material-dark-definition.scss +2 -1
  57. package/styles/drop-down-tree/_material-definition.scss +2 -1
  58. package/styles/drop-down-tree/_material3-definition.scss +1 -0
  59. package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
  60. package/styles/drop-down-tree/_theme.scss +3 -0
  61. package/styles/drop-down-tree/bootstrap-dark.css +3 -0
  62. package/styles/drop-down-tree/bootstrap.css +3 -0
  63. package/styles/drop-down-tree/bootstrap4.css +3 -0
  64. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  65. package/styles/drop-down-tree/bootstrap5.css +3 -0
  66. package/styles/drop-down-tree/fabric-dark.css +3 -0
  67. package/styles/drop-down-tree/fabric.css +3 -0
  68. package/styles/drop-down-tree/fluent-dark.css +3 -0
  69. package/styles/drop-down-tree/fluent.css +3 -0
  70. package/styles/drop-down-tree/highcontrast-light.css +3 -0
  71. package/styles/drop-down-tree/highcontrast.css +3 -0
  72. package/styles/drop-down-tree/material-dark.css +3 -0
  73. package/styles/drop-down-tree/material.css +3 -0
  74. package/styles/drop-down-tree/material3-dark.css +3 -0
  75. package/styles/drop-down-tree/material3-dark.scss +1 -1
  76. package/styles/drop-down-tree/material3.css +3 -0
  77. package/styles/drop-down-tree/material3.scss +1 -1
  78. package/styles/drop-down-tree/tailwind-dark.css +3 -0
  79. package/styles/drop-down-tree/tailwind.css +3 -0
  80. package/styles/fabric-dark.css +3 -0
  81. package/styles/fabric.css +3 -0
  82. package/styles/fluent-dark.css +3 -0
  83. package/styles/fluent.css +3 -0
  84. package/styles/highcontrast-light.css +3 -0
  85. package/styles/highcontrast.css +3 -0
  86. package/styles/list-box/material3-dark.scss +1 -1
  87. package/styles/list-box/material3.scss +1 -1
  88. package/styles/material-dark.css +3 -0
  89. package/styles/material.css +3 -0
  90. package/styles/material3-dark.css +3 -0
  91. package/styles/material3-dark.scss +1 -1
  92. package/styles/material3.css +3 -0
  93. package/styles/material3.scss +1 -1
  94. package/styles/mention/material3-dark.scss +1 -1
  95. package/styles/mention/material3.scss +1 -1
  96. package/styles/multi-select/material3-dark.scss +1 -1
  97. package/styles/multi-select/material3.scss +1 -1
  98. package/styles/tailwind-dark.css +3 -0
  99. package/styles/tailwind.css +3 -0
@@ -2734,12 +2734,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2734
2734
  _this.IsScrollerAtEnd = function () {
2735
2735
  return this.list && this.list.scrollTop + this.list.clientHeight >= this.list.scrollHeight;
2736
2736
  };
2737
- _this.removeAllChildren = function (element) {
2738
- while (element.children[0]) {
2739
- this.removeAllChildren(element.children[0]);
2740
- element.removeChild(element.children[0]);
2741
- }
2742
- };
2743
2737
  return _this;
2744
2738
  }
2745
2739
  /**
@@ -6478,9 +6472,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
6478
6472
  delete this.hiddenElement;
6479
6473
  this.filterInput = null;
6480
6474
  this.keyboardModule = null;
6481
- if (!isNullOrUndefined(this.ulElement)) {
6482
- this.removeAllChildren(this.ulElement);
6483
- }
6484
6475
  this.ulElement = null;
6485
6476
  this.list = null;
6486
6477
  this.clearIconElement = null;
@@ -7458,7 +7449,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
7458
7449
  }
7459
7450
  break;
7460
7451
  case 'tab':
7461
- case 'shiftTab':
7462
7452
  if (_this.isPopupOpen) {
7463
7453
  _this.hidePopup();
7464
7454
  }
@@ -12142,7 +12132,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
12142
12132
  this.updateSelectElementData(this.allowFiltering);
12143
12133
  // eslint-disable-next-line @typescript-eslint/no-this-alias
12144
12134
  var proxy = this;
12145
- if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization) {
12135
+ if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
12146
12136
  for (var i = 0; i < this.value.length; i++) {
12147
12137
  var value = this.allowObjectBinding ? getValue((this.fields.value) ? this.fields.value : '', proxy.value[i]) : proxy.value[i];
12148
12138
  var checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', value);
@@ -12629,6 +12619,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
12629
12619
  this.totalItemCount = this.enableVirtualization && this.dataSource instanceof DataManager ? tempCount : this.totalItemCount;
12630
12620
  }
12631
12621
  else {
12622
+ if (this.dataSource instanceof DataManager && this.allowCustomValue && this.allowFiltering) {
12623
+ this.remoteCustomValue = false;
12624
+ }
12632
12625
  var tempData = JSON.parse(JSON.stringify(this.listData));
12633
12626
  tempData.splice(0, 0, dataItem_1);
12634
12627
  this.resetList(tempData, field, query);
@@ -14774,6 +14767,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
14774
14767
  if (!eventArgs.cancel) {
14775
14768
  if (!_this.isFiltered && !eventArgs.preventDefaultAction) {
14776
14769
  _this.filterAction = true;
14770
+ if (_this.dataSource instanceof DataManager && _this.allowCustomValue) {
14771
+ _this.isCustomRendered = false;
14772
+ }
14777
14773
  _this.dataUpdater(_this.dataSource, null, _this.fields);
14778
14774
  }
14779
14775
  }
@@ -14926,7 +14922,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
14926
14922
  if (this.enableVirtualization) {
14927
14923
  listValue = this.findListElement((!isNullOrUndefined(this.list) ? this.list : this.ulElement), 'li', 'data-value', valueItem);
14928
14924
  }
14929
- if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization) {
14925
+ if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
14930
14926
  this.value.splice(index, 1);
14931
14927
  index -= 1;
14932
14928
  valueLength -= 1;
@@ -15719,7 +15715,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
15719
15715
  downIconWidth = this.dropIcon.offsetWidth + parseInt(window.getComputedStyle(this.dropIcon).marginRight, 10);
15720
15716
  }
15721
15717
  this.checkClearIconWidth();
15722
- if (!isNullOrUndefined(this.value)) {
15718
+ if (!isNullOrUndefined(this.value) && (this.allowCustomValue || (this.listData && this.listData.length > 0))) {
15723
15719
  for (var index = 0; !isNullOrUndefined(this.value[index]); index++) {
15724
15720
  var items = this.text && this.text.split(this.delimiterChar);
15725
15721
  if (!this.enableVirtualization) {
@@ -16842,6 +16838,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
16842
16838
  if (this.mode === 'Default' || this.mode === 'Box') {
16843
16839
  this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
16844
16840
  }
16841
+ if (!isNullOrUndefined(this.inputElement)) {
16842
+ attributes(this.inputElement, { 'aria-expanded': 'false', 'aria-label': this.getModuleName() });
16843
+ }
16845
16844
  if (this.element.tagName !== this.getNgDirective()) {
16846
16845
  this.element.style.display = 'none';
16847
16846
  }
@@ -17112,7 +17111,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
17112
17111
  this.ulElement = null;
17113
17112
  this.mainListCollection = null;
17114
17113
  _super.prototype.destroy.call(this);
17115
- var temp = ['readonly', 'aria-disabled', 'placeholder'];
17114
+ var temp = ['readonly', 'aria-disabled', 'placeholder', 'aria-label', 'aria-expanded'];
17116
17115
  var length = temp.length;
17117
17116
  if (!isNullOrUndefined(this.inputElement)) {
17118
17117
  while (length > 0) {