@syncfusion/ej2-dropdowns 24.1.43 → 24.1.45

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 (52) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +20 -6
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +20 -6
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +7 -7
  14. package/src/drop-down-list/drop-down-list.js +2 -0
  15. package/src/drop-down-tree/drop-down-tree.js +1 -1
  16. package/src/list-box/list-box.js +15 -3
  17. package/src/mention/mention.js +2 -2
  18. package/styles/bootstrap-dark.css +4 -0
  19. package/styles/bootstrap.css +4 -0
  20. package/styles/bootstrap4.css +4 -0
  21. package/styles/bootstrap5-dark.css +4 -0
  22. package/styles/bootstrap5.css +4 -0
  23. package/styles/drop-down-tree/_layout.scss +5 -0
  24. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  25. package/styles/drop-down-tree/bootstrap.css +4 -0
  26. package/styles/drop-down-tree/bootstrap4.css +4 -0
  27. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  28. package/styles/drop-down-tree/bootstrap5.css +4 -0
  29. package/styles/drop-down-tree/fabric-dark.css +4 -0
  30. package/styles/drop-down-tree/fabric.css +4 -0
  31. package/styles/drop-down-tree/fluent-dark.css +4 -0
  32. package/styles/drop-down-tree/fluent.css +4 -0
  33. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  34. package/styles/drop-down-tree/highcontrast.css +4 -0
  35. package/styles/drop-down-tree/material-dark.css +4 -0
  36. package/styles/drop-down-tree/material.css +4 -0
  37. package/styles/drop-down-tree/material3-dark.css +4 -0
  38. package/styles/drop-down-tree/material3.css +4 -0
  39. package/styles/drop-down-tree/tailwind-dark.css +4 -0
  40. package/styles/drop-down-tree/tailwind.css +4 -0
  41. package/styles/fabric-dark.css +4 -0
  42. package/styles/fabric.css +4 -0
  43. package/styles/fluent-dark.css +4 -0
  44. package/styles/fluent.css +4 -0
  45. package/styles/highcontrast-light.css +4 -0
  46. package/styles/highcontrast.css +4 -0
  47. package/styles/material-dark.css +4 -0
  48. package/styles/material.css +4 -0
  49. package/styles/material3-dark.css +4 -0
  50. package/styles/material3.css +4 -0
  51. package/styles/tailwind-dark.css +4 -0
  52. package/styles/tailwind.css +4 -0
@@ -3110,6 +3110,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3110
3110
  if (this.getModuleName() === 'dropdownlist') {
3111
3111
  if (!this.beforePopupOpen) {
3112
3112
  this.showPopup();
3113
+ e.preventDefault();
3113
3114
  }
3114
3115
  }
3115
3116
  break;
@@ -4545,6 +4546,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
4545
4546
  _this.setFooterTemplate(popupEle);
4546
4547
  }
4547
4548
  document.body.appendChild(popupEle);
4549
+ popupEle.style.top = '0px';
4548
4550
  if (_this.enableVirtualization && _this.itemTemplate) {
4549
4551
  var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
4550
4552
  _this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
@@ -8644,7 +8646,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8644
8646
  else {
8645
8647
  this.treeObj.uncheckAll();
8646
8648
  }
8647
- this.checkSelectAll = true;
8649
+ this.checkSelectAll = state;
8648
8650
  }
8649
8651
  else if (this.allowMultiSelection) {
8650
8652
  if (!state) {
@@ -16192,6 +16194,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
16192
16194
  };
16193
16195
  ListBox.prototype.onActionComplete = function (ulElement, list, e) {
16194
16196
  var searchEle;
16197
+ var filterElem;
16198
+ var txtLength;
16195
16199
  if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
16196
16200
  searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
16197
16201
  }
@@ -16201,6 +16205,12 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
16201
16205
  ulElement.removeChild(noRecElem);
16202
16206
  }
16203
16207
  }
16208
+ if (this.allowFiltering) {
16209
+ filterElem = this.list.getElementsByClassName('e-input-filter')[0];
16210
+ if (filterElem) {
16211
+ txtLength = filterElem.selectionStart;
16212
+ }
16213
+ }
16204
16214
  _super.prototype.onActionComplete.call(this, ulElement, list, e);
16205
16215
  if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
16206
16216
  this.list.insertBefore(searchEle, this.list.firstElementChild);
@@ -16230,8 +16240,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
16230
16240
  this.isDataSourceUpdate = false;
16231
16241
  }
16232
16242
  if (this.allowFiltering) {
16233
- var filterElem = this.list.getElementsByClassName('e-input-filter')[0];
16234
- var txtLength = this.filterInput.value.length;
16243
+ filterElem = this.list.getElementsByClassName('e-input-filter')[0];
16235
16244
  filterElem.selectionStart = txtLength;
16236
16245
  filterElem.selectionEnd = txtLength;
16237
16246
  filterElem.focus();
@@ -17621,7 +17630,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
17621
17630
  e.stopPropagation();
17622
17631
  };
17623
17632
  ListBox.prototype.keyDownHandler = function (e) {
17624
- if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering) {
17633
+ if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
17634
+ (this.allowFiltering && e.target !== this.filterInput))) {
17625
17635
  if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
17626
17636
  return;
17627
17637
  }
@@ -17715,6 +17725,10 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
17715
17725
  };
17716
17726
  ListBox.prototype.KeyUp = function (e) {
17717
17727
  var _this = this;
17728
+ if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
17729
+ e.preventDefault();
17730
+ return;
17731
+ }
17718
17732
  var char = String.fromCharCode(e.keyCode);
17719
17733
  var isWordCharacter = char.match(/\w/);
17720
17734
  if (!isNullOrUndefined(isWordCharacter)) {
@@ -18634,7 +18648,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
18634
18648
  if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
18635
18649
  (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
18636
18650
  (this.isContentEditable(this.inputElement) && this.range.startContainer &&
18637
- this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
18651
+ this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
18638
18652
  (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
18639
18653
  this.range.startContainer.nodeType === 1))) {
18640
18654
  if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
@@ -18672,7 +18686,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
18672
18686
  if (isNullOrUndefined(this.list)) {
18673
18687
  this.initValue();
18674
18688
  }
18675
- if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
18689
+ if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
18676
18690
  this.didPopupOpenByTypingInitialChar = true;
18677
18691
  this.showPopup();
18678
18692
  if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {