@syncfusion/ej2-dropdowns 26.2.8 → 26.2.9

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 (106) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  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 +29 -21
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +29 -21
  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 +6 -6
  12. package/src/common/virtual-scroll.js +5 -7
  13. package/src/drop-down-base/drop-down-base.js +10 -5
  14. package/src/drop-down-list/drop-down-list.js +4 -1
  15. package/src/list-box/list-box.js +6 -6
  16. package/src/multi-select/multi-select.js +4 -2
  17. package/styles/auto-complete/fluent2.css +3 -1031
  18. package/styles/auto-complete/material3-dark.css +1 -54
  19. package/styles/auto-complete/material3.css +2 -109
  20. package/styles/bootstrap-dark.css +9 -0
  21. package/styles/bootstrap.css +9 -0
  22. package/styles/bootstrap4.css +9 -0
  23. package/styles/bootstrap5-dark.css +9 -0
  24. package/styles/bootstrap5.css +9 -0
  25. package/styles/combo-box/fluent2.css +3 -1031
  26. package/styles/combo-box/material3-dark.css +1 -54
  27. package/styles/combo-box/material3.css +2 -109
  28. package/styles/drop-down-base/_theme.scss +2 -0
  29. package/styles/drop-down-base/bootstrap-dark.css +2 -0
  30. package/styles/drop-down-base/bootstrap.css +2 -0
  31. package/styles/drop-down-base/bootstrap4.css +2 -0
  32. package/styles/drop-down-base/bootstrap5-dark.css +2 -0
  33. package/styles/drop-down-base/bootstrap5.css +2 -0
  34. package/styles/drop-down-base/fabric-dark.css +2 -0
  35. package/styles/drop-down-base/fabric.css +2 -0
  36. package/styles/drop-down-base/fluent-dark.css +2 -0
  37. package/styles/drop-down-base/fluent.css +2 -0
  38. package/styles/drop-down-base/fluent2.css +7 -1033
  39. package/styles/drop-down-base/highcontrast-light.css +2 -0
  40. package/styles/drop-down-base/highcontrast.css +2 -0
  41. package/styles/drop-down-base/material-dark.css +2 -0
  42. package/styles/drop-down-base/material.css +2 -0
  43. package/styles/drop-down-base/material3-dark.css +3 -54
  44. package/styles/drop-down-base/material3.css +5 -110
  45. package/styles/drop-down-base/tailwind-dark.css +2 -0
  46. package/styles/drop-down-base/tailwind.css +2 -0
  47. package/styles/drop-down-list/fluent2.css +5 -1033
  48. package/styles/drop-down-list/material3-dark.css +1 -54
  49. package/styles/drop-down-list/material3.css +3 -110
  50. package/styles/drop-down-tree/fluent2.css +3 -1031
  51. package/styles/drop-down-tree/material3-dark.css +1 -54
  52. package/styles/drop-down-tree/material3.css +2 -109
  53. package/styles/fabric-dark.css +9 -0
  54. package/styles/fabric.css +9 -0
  55. package/styles/fluent-dark.css +9 -0
  56. package/styles/fluent.css +9 -0
  57. package/styles/fluent2.css +14 -1033
  58. package/styles/highcontrast-light.css +9 -0
  59. package/styles/highcontrast.css +9 -0
  60. package/styles/list-box/_layout.scss +6 -0
  61. package/styles/list-box/bootstrap-dark.css +6 -0
  62. package/styles/list-box/bootstrap.css +6 -0
  63. package/styles/list-box/bootstrap4.css +6 -0
  64. package/styles/list-box/bootstrap5-dark.css +6 -0
  65. package/styles/list-box/bootstrap5.css +6 -0
  66. package/styles/list-box/fabric-dark.css +6 -0
  67. package/styles/list-box/fabric.css +6 -0
  68. package/styles/list-box/fluent-dark.css +6 -0
  69. package/styles/list-box/fluent.css +6 -0
  70. package/styles/list-box/fluent2.css +9 -1031
  71. package/styles/list-box/highcontrast-light.css +6 -0
  72. package/styles/list-box/highcontrast.css +6 -0
  73. package/styles/list-box/material-dark.css +6 -0
  74. package/styles/list-box/material.css +6 -0
  75. package/styles/list-box/material3-dark.css +7 -54
  76. package/styles/list-box/material3.css +8 -109
  77. package/styles/list-box/tailwind-dark.css +6 -0
  78. package/styles/list-box/tailwind.css +6 -0
  79. package/styles/material-dark.css +9 -0
  80. package/styles/material.css +9 -0
  81. package/styles/material3-dark.css +10 -54
  82. package/styles/material3.css +12 -110
  83. package/styles/mention/fluent2.css +3 -1031
  84. package/styles/mention/material3-dark.css +1 -54
  85. package/styles/mention/material3.css +2 -109
  86. package/styles/multi-select/_layout.scss +1 -0
  87. package/styles/multi-select/bootstrap-dark.css +1 -0
  88. package/styles/multi-select/bootstrap.css +1 -0
  89. package/styles/multi-select/bootstrap4.css +1 -0
  90. package/styles/multi-select/bootstrap5-dark.css +1 -0
  91. package/styles/multi-select/bootstrap5.css +1 -0
  92. package/styles/multi-select/fabric-dark.css +1 -0
  93. package/styles/multi-select/fabric.css +1 -0
  94. package/styles/multi-select/fluent-dark.css +1 -0
  95. package/styles/multi-select/fluent.css +1 -0
  96. package/styles/multi-select/fluent2.css +6 -1033
  97. package/styles/multi-select/highcontrast-light.css +1 -0
  98. package/styles/multi-select/highcontrast.css +1 -0
  99. package/styles/multi-select/material-dark.css +1 -0
  100. package/styles/multi-select/material.css +1 -0
  101. package/styles/multi-select/material3-dark.css +2 -54
  102. package/styles/multi-select/material3.css +4 -110
  103. package/styles/multi-select/tailwind-dark.css +1 -0
  104. package/styles/multi-select/tailwind.css +1 -0
  105. package/styles/tailwind-dark.css +9 -0
  106. package/styles/tailwind.css +9 -0
@@ -691,10 +691,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
691
691
  else if (this.parent.isScrollActionTriggered) {
692
692
  this.parent.isPreventKeyAction = false;
693
693
  this.parent.isScrollActionTriggered = false;
694
- var virtualListCount = this.parent.list.querySelectorAll('.e-virtual-list').length;
695
- var listElement = this.parent.list.querySelector('.' + 'e-list-item');
696
- var translateY = scrollArgs.offset.top - (listElement.offsetHeight * virtualListCount);
697
- this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style.transform = "translate(0px," + translateY + "px)";
694
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
695
+ this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.parent.getTransformValues();
698
696
  }
699
697
  this.parent.previousInfo = this.parent.viewPortInfo;
700
698
  }
@@ -728,13 +726,13 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
728
726
  }
729
727
  }
730
728
  else if (infoType.direction === 'up') {
731
- if (infoType.startIndex && infoType.endIndex) {
729
+ if ((infoType.startIndex && infoType.endIndex) || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
732
730
  var loadAtIndex = Math.round(((infoType.startIndex * rowHeight) + (pageSizeBy4 * rowHeight)) / rowHeight);
733
- if (exactTopIndex < loadAtIndex) {
731
+ if (exactTopIndex < loadAtIndex || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
734
732
  var idxAddedToExactTop = (pageSizeBy4) > infoViewIndices ? pageSizeBy4 :
735
733
  (infoViewIndices + infoViewIndices / 4);
736
734
  var eIndex = Math.round(exactTopIndex + idxAddedToExactTop);
737
- infoType.endIndex = (eIndex < totalItemCount || this.component == "multiselect") ? eIndex : totalItemCount;
735
+ infoType.endIndex = (eIndex < totalItemCount) ? eIndex : totalItemCount;
738
736
  var sIndex = infoType.endIndex - this.parent.virtualItemCount;
739
737
  infoType.startIndex = sIndex > 0 ? sIndex : 0;
740
738
  infoType.endIndex = sIndex < 0 ? this.parent.virtualItemCount : infoType.endIndex;
@@ -1122,7 +1120,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1122
1120
  }
1123
1121
  }
1124
1122
  else {
1125
- if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
1123
+ if (noDataElement[i] instanceof HTMLElement || ((noDataElement[i] instanceof Text) && (noDataElement[i]).textContent !== '')) {
1126
1124
  ele.appendChild(noDataElement[i]);
1127
1125
  }
1128
1126
  }
@@ -1929,10 +1927,15 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1929
1927
  }
1930
1928
  };
1931
1929
  DropDownBase.prototype.getPageCount = function (returnExactCount) {
1932
- var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
1933
- getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
1934
- var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
1935
- return returnExactCount ? pageCount : Math.round(pageCount);
1930
+ if (this.list) {
1931
+ var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
1932
+ getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
1933
+ var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
1934
+ return returnExactCount ? pageCount : Math.round(pageCount);
1935
+ }
1936
+ else {
1937
+ return 0;
1938
+ }
1936
1939
  };
1937
1940
  DropDownBase.prototype.updateGroupHeader = function (index, liCollections, target) {
1938
1941
  if (!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.group)) {
@@ -5996,9 +5999,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5996
5999
  DropDownList.prototype.checkData = function (newProp) {
5997
6000
  if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource)) && this.itemTemplate && this.allowFiltering &&
5998
6001
  !(this.isListSearched && (newProp.dataSource instanceof DataManager))) {
5999
- if (this.list) {
6002
+ if (this.list && !(this.isReact)) {
6000
6003
  this.list.innerHTML = '';
6001
6004
  }
6005
+ else {
6006
+ this.list = null;
6007
+ }
6002
6008
  this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
6003
6009
  }
6004
6010
  this.isListSearched = false;
@@ -17314,8 +17320,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
17314
17320
  if (e.result.length > 0) {
17315
17321
  listItems_2 = e.result;
17316
17322
  _this.initStatus = false;
17317
- _this.initialValueUpdate(listItems_2, true);
17318
- _this.initialUpdate();
17323
+ setTimeout(function () {
17324
+ _this.initialValueUpdate(listItems_2, true);
17325
+ _this.initialUpdate();
17326
+ }, 100);
17319
17327
  _this.initStatus = true;
17320
17328
  }
17321
17329
  });
@@ -19522,6 +19530,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19522
19530
  }
19523
19531
  this.inputString = this.filterInput.value;
19524
19532
  this.filterWireEvents();
19533
+ this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
19525
19534
  return filterInputObj;
19526
19535
  }
19527
19536
  };
@@ -20337,11 +20346,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20337
20346
  };
20338
20347
  ListBox.prototype.resizeHandler = function () {
20339
20348
  if (this.list && !(this.cssClass && this.cssClass.indexOf('e-horizontal-listbox') > -1)) {
20340
- if (this.list.scrollWidth > this.list.offsetWidth) {
20341
- this.list.querySelector('.e-list-parent').style.display = 'inline-block';
20342
- }
20343
- else {
20344
- this.list.querySelector('.e-list-parent').style.display = 'block';
20349
+ if (this.list.getElementsByClassName('e-filter-parent').length > 0 && this.allowFiltering) {
20350
+ this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
20345
20351
  }
20346
20352
  }
20347
20353
  };
@@ -20684,7 +20690,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20684
20690
  this.initDraggable();
20685
20691
  }
20686
20692
  else {
20687
- getComponent(this.ulElement, 'sortable').destroy();
20693
+ if (this.ulElement.classList.contains("e-sortable")) {
20694
+ getComponent(this.ulElement, 'sortable').destroy();
20695
+ }
20688
20696
  }
20689
20697
  break;
20690
20698
  case 'allowFiltering':