@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
@@ -2632,12 +2632,6 @@ let DropDownList = class DropDownList extends DropDownBase {
2632
2632
  this.IsScrollerAtEnd = function () {
2633
2633
  return this.list && this.list.scrollTop + this.list.clientHeight >= this.list.scrollHeight;
2634
2634
  };
2635
- this.removeAllChildren = function (element) {
2636
- while (element.children[0]) {
2637
- this.removeAllChildren(element.children[0]);
2638
- element.removeChild(element.children[0]);
2639
- }
2640
- };
2641
2635
  }
2642
2636
  /**
2643
2637
  * Initialize the event handler.
@@ -6342,9 +6336,6 @@ let DropDownList = class DropDownList extends DropDownBase {
6342
6336
  delete this.hiddenElement;
6343
6337
  this.filterInput = null;
6344
6338
  this.keyboardModule = null;
6345
- if (!isNullOrUndefined(this.ulElement)) {
6346
- this.removeAllChildren(this.ulElement);
6347
- }
6348
6339
  this.ulElement = null;
6349
6340
  this.list = null;
6350
6341
  this.clearIconElement = null;
@@ -7288,7 +7279,6 @@ let DropDownTree = class DropDownTree extends Component {
7288
7279
  }
7289
7280
  break;
7290
7281
  case 'tab':
7291
- case 'shiftTab':
7292
7282
  if (this.isPopupOpen) {
7293
7283
  this.hidePopup();
7294
7284
  }
@@ -11907,7 +11897,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
11907
11897
  this.updateSelectElementData(this.allowFiltering);
11908
11898
  // eslint-disable-next-line @typescript-eslint/no-this-alias
11909
11899
  const proxy = this;
11910
- if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization) {
11900
+ if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
11911
11901
  for (let i = 0; i < this.value.length; i++) {
11912
11902
  const value = this.allowObjectBinding ? getValue((this.fields.value) ? this.fields.value : '', proxy.value[i]) : proxy.value[i];
11913
11903
  const checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', value);
@@ -12394,6 +12384,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
12394
12384
  this.totalItemCount = this.enableVirtualization && this.dataSource instanceof DataManager ? tempCount : this.totalItemCount;
12395
12385
  }
12396
12386
  else {
12387
+ if (this.dataSource instanceof DataManager && this.allowCustomValue && this.allowFiltering) {
12388
+ this.remoteCustomValue = false;
12389
+ }
12397
12390
  const tempData = JSON.parse(JSON.stringify(this.listData));
12398
12391
  tempData.splice(0, 0, dataItem);
12399
12392
  this.resetList(tempData, field, query);
@@ -14523,6 +14516,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14523
14516
  if (!eventArgs.cancel) {
14524
14517
  if (!this.isFiltered && !eventArgs.preventDefaultAction) {
14525
14518
  this.filterAction = true;
14519
+ if (this.dataSource instanceof DataManager && this.allowCustomValue) {
14520
+ this.isCustomRendered = false;
14521
+ }
14526
14522
  this.dataUpdater(this.dataSource, null, this.fields);
14527
14523
  }
14528
14524
  }
@@ -14675,7 +14671,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14675
14671
  if (this.enableVirtualization) {
14676
14672
  listValue = this.findListElement((!isNullOrUndefined(this.list) ? this.list : this.ulElement), 'li', 'data-value', valueItem);
14677
14673
  }
14678
- if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization) {
14674
+ if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
14679
14675
  this.value.splice(index, 1);
14680
14676
  index -= 1;
14681
14677
  valueLength -= 1;
@@ -15466,7 +15462,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
15466
15462
  downIconWidth = this.dropIcon.offsetWidth + parseInt(window.getComputedStyle(this.dropIcon).marginRight, 10);
15467
15463
  }
15468
15464
  this.checkClearIconWidth();
15469
- if (!isNullOrUndefined(this.value)) {
15465
+ if (!isNullOrUndefined(this.value) && (this.allowCustomValue || (this.listData && this.listData.length > 0))) {
15470
15466
  for (let index = 0; !isNullOrUndefined(this.value[index]); index++) {
15471
15467
  let items = this.text && this.text.split(this.delimiterChar);
15472
15468
  if (!this.enableVirtualization) {
@@ -16579,6 +16575,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
16579
16575
  if (this.mode === 'Default' || this.mode === 'Box') {
16580
16576
  this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
16581
16577
  }
16578
+ if (!isNullOrUndefined(this.inputElement)) {
16579
+ attributes(this.inputElement, { 'aria-expanded': 'false', 'aria-label': this.getModuleName() });
16580
+ }
16582
16581
  if (this.element.tagName !== this.getNgDirective()) {
16583
16582
  this.element.style.display = 'none';
16584
16583
  }
@@ -16847,7 +16846,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
16847
16846
  this.ulElement = null;
16848
16847
  this.mainListCollection = null;
16849
16848
  super.destroy();
16850
- const temp = ['readonly', 'aria-disabled', 'placeholder'];
16849
+ const temp = ['readonly', 'aria-disabled', 'placeholder', 'aria-label', 'aria-expanded'];
16851
16850
  let length = temp.length;
16852
16851
  if (!isNullOrUndefined(this.inputElement)) {
16853
16852
  while (length > 0) {