@syncfusion/ej2-dropdowns 25.2.5 → 25.2.7

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 (64) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +13 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +13 -5
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/drop-down-tree/drop-down-tree.js +0 -1
  14. package/src/multi-select/multi-select.js +13 -4
  15. package/styles/bootstrap-dark.css +3 -0
  16. package/styles/bootstrap.css +3 -0
  17. package/styles/bootstrap4.css +3 -0
  18. package/styles/bootstrap5-dark.css +3 -0
  19. package/styles/bootstrap5.css +3 -0
  20. package/styles/drop-down-tree/_bds-definition.scss +1 -0
  21. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +2 -1
  22. package/styles/drop-down-tree/_bootstrap-definition.scss +2 -1
  23. package/styles/drop-down-tree/_bootstrap4-definition.scss +2 -1
  24. package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -1
  25. package/styles/drop-down-tree/_fabric-dark-definition.scss +2 -1
  26. package/styles/drop-down-tree/_fabric-definition.scss +2 -1
  27. package/styles/drop-down-tree/_fluent-definition.scss +2 -1
  28. package/styles/drop-down-tree/_fusionnew-definition.scss +2 -1
  29. package/styles/drop-down-tree/_highcontrast-definition.scss +2 -1
  30. package/styles/drop-down-tree/_highcontrast-light-definition.scss +2 -1
  31. package/styles/drop-down-tree/_material-dark-definition.scss +2 -1
  32. package/styles/drop-down-tree/_material-definition.scss +2 -1
  33. package/styles/drop-down-tree/_material3-definition.scss +1 -0
  34. package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
  35. package/styles/drop-down-tree/_theme.scss +3 -0
  36. package/styles/drop-down-tree/bootstrap-dark.css +3 -0
  37. package/styles/drop-down-tree/bootstrap.css +3 -0
  38. package/styles/drop-down-tree/bootstrap4.css +3 -0
  39. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  40. package/styles/drop-down-tree/bootstrap5.css +3 -0
  41. package/styles/drop-down-tree/fabric-dark.css +3 -0
  42. package/styles/drop-down-tree/fabric.css +3 -0
  43. package/styles/drop-down-tree/fluent-dark.css +3 -0
  44. package/styles/drop-down-tree/fluent.css +3 -0
  45. package/styles/drop-down-tree/highcontrast-light.css +3 -0
  46. package/styles/drop-down-tree/highcontrast.css +3 -0
  47. package/styles/drop-down-tree/material-dark.css +3 -0
  48. package/styles/drop-down-tree/material.css +3 -0
  49. package/styles/drop-down-tree/material3-dark.css +3 -0
  50. package/styles/drop-down-tree/material3.css +3 -0
  51. package/styles/drop-down-tree/tailwind-dark.css +3 -0
  52. package/styles/drop-down-tree/tailwind.css +3 -0
  53. package/styles/fabric-dark.css +3 -0
  54. package/styles/fabric.css +3 -0
  55. package/styles/fluent-dark.css +3 -0
  56. package/styles/fluent.css +3 -0
  57. package/styles/highcontrast-light.css +3 -0
  58. package/styles/highcontrast.css +3 -0
  59. package/styles/material-dark.css +3 -0
  60. package/styles/material.css +3 -0
  61. package/styles/material3-dark.css +3 -0
  62. package/styles/material3.css +3 -0
  63. package/styles/tailwind-dark.css +3 -0
  64. package/styles/tailwind.css +3 -0
@@ -7288,7 +7288,6 @@ let DropDownTree = class DropDownTree extends Component {
7288
7288
  }
7289
7289
  break;
7290
7290
  case 'tab':
7291
- case 'shiftTab':
7292
7291
  if (this.isPopupOpen) {
7293
7292
  this.hidePopup();
7294
7293
  }
@@ -11907,7 +11906,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
11907
11906
  this.updateSelectElementData(this.allowFiltering);
11908
11907
  // eslint-disable-next-line @typescript-eslint/no-this-alias
11909
11908
  const proxy = this;
11910
- if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization) {
11909
+ if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
11911
11910
  for (let i = 0; i < this.value.length; i++) {
11912
11911
  const value = this.allowObjectBinding ? getValue((this.fields.value) ? this.fields.value : '', proxy.value[i]) : proxy.value[i];
11913
11912
  const checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', value);
@@ -12394,6 +12393,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
12394
12393
  this.totalItemCount = this.enableVirtualization && this.dataSource instanceof DataManager ? tempCount : this.totalItemCount;
12395
12394
  }
12396
12395
  else {
12396
+ if (this.dataSource instanceof DataManager && this.allowCustomValue && this.allowFiltering) {
12397
+ this.remoteCustomValue = false;
12398
+ }
12397
12399
  const tempData = JSON.parse(JSON.stringify(this.listData));
12398
12400
  tempData.splice(0, 0, dataItem);
12399
12401
  this.resetList(tempData, field, query);
@@ -14523,6 +14525,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14523
14525
  if (!eventArgs.cancel) {
14524
14526
  if (!this.isFiltered && !eventArgs.preventDefaultAction) {
14525
14527
  this.filterAction = true;
14528
+ if (this.dataSource instanceof DataManager && this.allowCustomValue) {
14529
+ this.isCustomRendered = false;
14530
+ }
14526
14531
  this.dataUpdater(this.dataSource, null, this.fields);
14527
14532
  }
14528
14533
  }
@@ -14675,7 +14680,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14675
14680
  if (this.enableVirtualization) {
14676
14681
  listValue = this.findListElement((!isNullOrUndefined(this.list) ? this.list : this.ulElement), 'li', 'data-value', valueItem);
14677
14682
  }
14678
- if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization) {
14683
+ if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
14679
14684
  this.value.splice(index, 1);
14680
14685
  index -= 1;
14681
14686
  valueLength -= 1;
@@ -15466,7 +15471,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
15466
15471
  downIconWidth = this.dropIcon.offsetWidth + parseInt(window.getComputedStyle(this.dropIcon).marginRight, 10);
15467
15472
  }
15468
15473
  this.checkClearIconWidth();
15469
- if (!isNullOrUndefined(this.value)) {
15474
+ if (!isNullOrUndefined(this.value) && (this.allowCustomValue || (this.listData && this.listData.length > 0))) {
15470
15475
  for (let index = 0; !isNullOrUndefined(this.value[index]); index++) {
15471
15476
  let items = this.text && this.text.split(this.delimiterChar);
15472
15477
  if (!this.enableVirtualization) {
@@ -16579,6 +16584,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
16579
16584
  if (this.mode === 'Default' || this.mode === 'Box') {
16580
16585
  this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
16581
16586
  }
16587
+ if (!isNullOrUndefined(this.inputElement)) {
16588
+ attributes(this.inputElement, { 'aria-expanded': 'false', 'aria-label': this.getModuleName() });
16589
+ }
16582
16590
  if (this.element.tagName !== this.getNgDirective()) {
16583
16591
  this.element.style.display = 'none';
16584
16592
  }
@@ -16847,7 +16855,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
16847
16855
  this.ulElement = null;
16848
16856
  this.mainListCollection = null;
16849
16857
  super.destroy();
16850
- const temp = ['readonly', 'aria-disabled', 'placeholder'];
16858
+ const temp = ['readonly', 'aria-disabled', 'placeholder', 'aria-label', 'aria-expanded'];
16851
16859
  let length = temp.length;
16852
16860
  if (!isNullOrUndefined(this.inputElement)) {
16853
16861
  while (length > 0) {