@syncfusion/ej2-dropdowns 24.1.41 → 24.1.43

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 +20 -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 +38 -2
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +38 -2
  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 +6 -6
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/drop-down-list/drop-down-list.js +27 -0
  15. package/src/list-box/list-box.d.ts +1 -0
  16. package/src/list-box/list-box.js +4 -0
  17. package/src/mention/mention.js +6 -1
  18. package/styles/bootstrap-dark.css +0 -3
  19. package/styles/bootstrap.css +0 -3
  20. package/styles/bootstrap4.css +0 -3
  21. package/styles/bootstrap5-dark.css +0 -3
  22. package/styles/bootstrap5.css +0 -3
  23. package/styles/drop-down-base/_layout.scss +0 -3
  24. package/styles/drop-down-base/bootstrap-dark.css +0 -3
  25. package/styles/drop-down-base/bootstrap.css +0 -3
  26. package/styles/drop-down-base/bootstrap4.css +0 -3
  27. package/styles/drop-down-base/bootstrap5-dark.css +0 -3
  28. package/styles/drop-down-base/bootstrap5.css +0 -3
  29. package/styles/drop-down-base/fabric-dark.css +0 -3
  30. package/styles/drop-down-base/fabric.css +0 -3
  31. package/styles/drop-down-base/fluent-dark.css +0 -3
  32. package/styles/drop-down-base/fluent.css +0 -3
  33. package/styles/drop-down-base/highcontrast-light.css +0 -3
  34. package/styles/drop-down-base/highcontrast.css +0 -3
  35. package/styles/drop-down-base/material-dark.css +0 -3
  36. package/styles/drop-down-base/material.css +0 -3
  37. package/styles/drop-down-base/material3-dark.css +0 -3
  38. package/styles/drop-down-base/material3.css +0 -3
  39. package/styles/drop-down-base/tailwind-dark.css +0 -3
  40. package/styles/drop-down-base/tailwind.css +0 -3
  41. package/styles/fabric-dark.css +0 -3
  42. package/styles/fabric.css +0 -3
  43. package/styles/fluent-dark.css +0 -3
  44. package/styles/fluent.css +0 -3
  45. package/styles/highcontrast-light.css +0 -3
  46. package/styles/highcontrast.css +0 -3
  47. package/styles/material-dark.css +0 -3
  48. package/styles/material.css +0 -3
  49. package/styles/material3-dark.css +0 -3
  50. package/styles/material3.css +0 -3
  51. package/styles/tailwind-dark.css +0 -3
  52. package/styles/tailwind.css +0 -3
@@ -3231,6 +3231,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3231
3231
  this.activeIndex = filterIndex;
3232
3232
  }
3233
3233
  }
3234
+ if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
3235
+ if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
3236
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
3237
+ }
3238
+ else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
3239
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
3240
+ }
3241
+ }
3234
3242
  e.preventDefault();
3235
3243
  };
3236
3244
  DropDownList.prototype.updateVirtualItemIndex = function () {
@@ -3364,6 +3372,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3364
3372
  previousItem = this.liCollections[this.skeletonCount];
3365
3373
  }
3366
3374
  this.PageUpDownSelection(previousItem, event);
3375
+ if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
3376
+ if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
3377
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
3378
+ }
3379
+ else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
3380
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
3381
+ }
3382
+ }
3367
3383
  };
3368
3384
  DropDownList.prototype.PageUpDownSelection = function (previousItem, event) {
3369
3385
  if (this.enableVirtualization) {
@@ -3382,6 +3398,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3382
3398
  previousItem = steps <= list.length ? this.liCollections[steps + this.skeletonCount - 1] : this.liCollections[list.length - 1];
3383
3399
  }
3384
3400
  this.PageUpDownSelection(previousItem, event);
3401
+ if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
3402
+ if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
3403
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
3404
+ }
3405
+ else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
3406
+ attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
3407
+ }
3408
+ }
3385
3409
  };
3386
3410
  DropDownList.prototype.unWireEvent = function () {
3387
3411
  if (!isNullOrUndefined(this.inputWrapper)) {
@@ -5048,6 +5072,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5048
5072
  EventHandler.remove(this.filterInput, 'blur', this.onBlurHandler);
5049
5073
  EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
5050
5074
  }
5075
+ if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
5076
+ this.filterInput.removeAttribute('aria-activedescendant');
5077
+ }
5051
5078
  this.filterInput = null;
5052
5079
  }
5053
5080
  attributes(this.targetElement(), { 'aria-expanded': 'false' });
@@ -10569,7 +10596,7 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
10569
10596
  _super.prototype.renderPopup.call(this, e);
10570
10597
  };
10571
10598
  AutoComplete.prototype.isEditTextBox = function () {
10572
- return true && this.inputElement.value.trim() !== '';
10599
+ return false;
10573
10600
  };
10574
10601
  AutoComplete.prototype.isPopupButton = function () {
10575
10602
  return this.showPopupButton;
@@ -15938,6 +15965,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15938
15965
  this.initLoad = true;
15939
15966
  this.isCustomFiltering = false;
15940
15967
  this.initialSelectedOptions = this.value;
15968
+ this.inputFormName = this.element.getAttribute('name');
15941
15969
  _super.prototype.render.call(this);
15942
15970
  this.setEnabled();
15943
15971
  this.renderComplete();
@@ -16086,6 +16114,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
16086
16114
  });
16087
16115
  };
16088
16116
  ListBox.prototype.validationAttribute = function (input, hiddenSelect) {
16117
+ if (this.inputFormName) {
16118
+ input.setAttribute('name', this.inputFormName);
16119
+ }
16089
16120
  _super.prototype.validationAttribute.call(this, input, hiddenSelect);
16090
16121
  hiddenSelect.required = input.required;
16091
16122
  input.required = false;
@@ -18589,12 +18620,17 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
18589
18620
  }
18590
18621
  var currentRange = this.getTextRange();
18591
18622
  var lastWordRange = this.getLastLetter(currentRange);
18623
+ var lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
18592
18624
  // eslint-disable-next-line security/detect-non-literal-regexp
18593
18625
  var Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
18594
18626
  var charRegex = new RegExp('[a-zA-Z]', 'g');
18595
18627
  if (e.key === 'Shift' || e.keyCode === 37 || e.keyCode === 39) {
18596
18628
  return;
18597
18629
  }
18630
+ if (this.beforePopupOpen && this.isPopupOpen && lastWordRange == lastTwoLetters) {
18631
+ this.hidePopup();
18632
+ return;
18633
+ }
18598
18634
  if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
18599
18635
  (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
18600
18636
  (this.isContentEditable(this.inputElement) && this.range.startContainer &&
@@ -18736,7 +18772,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
18736
18772
  this.selectEventCallback(focusItem, this.getDataByValue(value), value, true);
18737
18773
  }
18738
18774
  if (this.beforePopupOpen && this.isPopupOpen) {
18739
- if (this.initRemoteRender && !isNullOrUndefined(this.popupObj.element)) {
18775
+ if (!isNullOrUndefined(this.popupObj.element)) {
18740
18776
  this.popupObj.element.remove();
18741
18777
  }
18742
18778
  this.renderPopup();