@syncfusion/ej2-dropdowns 24.1.43 → 24.1.44

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 +6 -6
  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
@@ -3004,6 +3004,7 @@ let DropDownList = class DropDownList extends DropDownBase {
3004
3004
  if (this.getModuleName() === 'dropdownlist') {
3005
3005
  if (!this.beforePopupOpen) {
3006
3006
  this.showPopup();
3007
+ e.preventDefault();
3007
3008
  }
3008
3009
  }
3009
3010
  break;
@@ -4429,6 +4430,7 @@ let DropDownList = class DropDownList extends DropDownBase {
4429
4430
  this.setFooterTemplate(popupEle);
4430
4431
  }
4431
4432
  document.body.appendChild(popupEle);
4433
+ popupEle.style.top = '0px';
4432
4434
  if (this.enableVirtualization && this.itemTemplate) {
4433
4435
  var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
4434
4436
  this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
@@ -8477,7 +8479,7 @@ let DropDownTree = class DropDownTree extends Component {
8477
8479
  else {
8478
8480
  this.treeObj.uncheckAll();
8479
8481
  }
8480
- this.checkSelectAll = true;
8482
+ this.checkSelectAll = state;
8481
8483
  }
8482
8484
  else if (this.allowMultiSelection) {
8483
8485
  if (!state) {
@@ -15919,6 +15921,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
15919
15921
  }
15920
15922
  onActionComplete(ulElement, list, e) {
15921
15923
  let searchEle;
15924
+ let filterElem;
15925
+ let txtLength;
15922
15926
  if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
15923
15927
  searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
15924
15928
  }
@@ -15928,6 +15932,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
15928
15932
  ulElement.removeChild(noRecElem);
15929
15933
  }
15930
15934
  }
15935
+ if (this.allowFiltering) {
15936
+ filterElem = this.list.getElementsByClassName('e-input-filter')[0];
15937
+ if (filterElem) {
15938
+ txtLength = filterElem.selectionStart;
15939
+ }
15940
+ }
15931
15941
  super.onActionComplete(ulElement, list, e);
15932
15942
  if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
15933
15943
  this.list.insertBefore(searchEle, this.list.firstElementChild);
@@ -15957,8 +15967,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
15957
15967
  this.isDataSourceUpdate = false;
15958
15968
  }
15959
15969
  if (this.allowFiltering) {
15960
- const filterElem = this.list.getElementsByClassName('e-input-filter')[0];
15961
- const txtLength = this.filterInput.value.length;
15970
+ filterElem = this.list.getElementsByClassName('e-input-filter')[0];
15962
15971
  filterElem.selectionStart = txtLength;
15963
15972
  filterElem.selectionEnd = txtLength;
15964
15973
  filterElem.focus();
@@ -17326,7 +17335,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
17326
17335
  e.stopPropagation();
17327
17336
  }
17328
17337
  keyDownHandler(e) {
17329
- if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering) {
17338
+ if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
17339
+ (this.allowFiltering && e.target !== this.filterInput))) {
17330
17340
  if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
17331
17341
  return;
17332
17342
  }
@@ -17419,6 +17429,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
17419
17429
  }
17420
17430
  }
17421
17431
  KeyUp(e) {
17432
+ if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
17433
+ e.preventDefault();
17434
+ return;
17435
+ }
17422
17436
  const char = String.fromCharCode(e.keyCode);
17423
17437
  const isWordCharacter = char.match(/\w/);
17424
17438
  if (!isNullOrUndefined(isWordCharacter)) {
@@ -18312,7 +18326,7 @@ let Mention = class Mention extends DropDownBase {
18312
18326
  if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
18313
18327
  (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
18314
18328
  (this.isContentEditable(this.inputElement) && this.range.startContainer &&
18315
- this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
18329
+ this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
18316
18330
  (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
18317
18331
  this.range.startContainer.nodeType === 1))) {
18318
18332
  if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
@@ -18350,7 +18364,7 @@ let Mention = class Mention extends DropDownBase {
18350
18364
  if (isNullOrUndefined(this.list)) {
18351
18365
  this.initValue();
18352
18366
  }
18353
- if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
18367
+ if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
18354
18368
  this.didPopupOpenByTypingInitialChar = true;
18355
18369
  this.showPopup();
18356
18370
  if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {