@syncfusion/ej2-dropdowns 26.1.38 → 26.1.40

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.
@@ -4466,6 +4466,7 @@ let DropDownList = class DropDownList extends DropDownBase {
4466
4466
  this.isDataFetched = false;
4467
4467
  if (this.isFiltering()) {
4468
4468
  this.checkAndResetCache();
4469
+ this.isRequesting = false;
4469
4470
  const eventArgs = {
4470
4471
  preventDefaultAction: false,
4471
4472
  text: this.filterInput.value,
@@ -7185,7 +7186,7 @@ let DropDownTree = class DropDownTree extends Component {
7185
7186
  let checkValue;
7186
7187
  const isObjectValue = isChild && isChildFiltering && this.isChildObject();
7187
7188
  checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
7188
- if (!checkValue) {
7189
+ if (!checkValue && !isNullOrUndefined(this.fields.child.text)) {
7189
7190
  let tempChild = this.fields.child;
7190
7191
  while (!node[tempChild.text]) {
7191
7192
  tempChild = tempChild.child;
@@ -8638,7 +8639,6 @@ let DropDownTree = class DropDownTree extends Component {
8638
8639
  this.ensurePlaceHolder();
8639
8640
  }
8640
8641
  if (this.showSelectAll && this.checkBoxElement) {
8641
- const nodes = this.treeObj.element.querySelectorAll('li');
8642
8642
  const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
8643
8643
  const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
8644
8644
  if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
@@ -8646,13 +8646,19 @@ let DropDownTree = class DropDownTree extends Component {
8646
8646
  this.changeState(wrap, 'uncheck');
8647
8647
  this.isReverseUpdate = false;
8648
8648
  }
8649
- else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
8649
+ else if (wrap && args.action === 'check'
8650
+ && checkedNodes.length === this.fields.dataSource.length
8651
+ && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
8650
8652
  this.isReverseUpdate = true;
8651
8653
  this.isCheckAllCalled = false;
8652
8654
  this.changeState(wrap, 'check');
8653
8655
  this.isReverseUpdate = false;
8654
8656
  }
8655
8657
  }
8658
+ if (this.isValueChange && !this.changeOnBlur) {
8659
+ this.triggerChangeEvent(this.keyEventArgs);
8660
+ this.isValueChange = false;
8661
+ }
8656
8662
  }
8657
8663
  beforeCheck(args) {
8658
8664
  if (args.isInteracted) {
@@ -11063,6 +11069,7 @@ let AutoComplete = class AutoComplete extends ComboBox {
11063
11069
  }
11064
11070
  this.isSelected = false;
11065
11071
  this.activeIndex = null;
11072
+ this.isRequesting = false;
11066
11073
  const eventArgs = {
11067
11074
  preventDefaultAction: false,
11068
11075
  text: this.filterInput.value,
@@ -14690,6 +14697,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
14690
14697
  this.isRemoteSelection = true;
14691
14698
  }
14692
14699
  this.checkAndResetCache();
14700
+ this.isRequesting = false;
14693
14701
  const eventArgs = {
14694
14702
  preventDefaultAction: false,
14695
14703
  text: this.targetElement(),
@@ -19096,6 +19104,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
19096
19104
  if (this.height.toString().indexOf('%') < 0) {
19097
19105
  addClass([this.list], 'e-filter-list');
19098
19106
  }
19107
+ else if (this.height.toString().indexOf('%') > 0) {
19108
+ this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
19109
+ }
19099
19110
  this.inputString = this.filterInput.value;
19100
19111
  this.filterWireEvents();
19101
19112
  return filterInputObj;
@@ -19671,7 +19682,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
19671
19682
  else {
19672
19683
  elems = [args.target];
19673
19684
  }
19674
- return { elements: elems, items: this.getDataByElems(elems) };
19685
+ return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
19675
19686
  }
19676
19687
  onKeyDown(e) {
19677
19688
  this.keyDownHandler(e);
@@ -20618,7 +20629,7 @@ let Mention = class Mention extends DropDownBase {
20618
20629
  const isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
20619
20630
  || e.action === 'home' || e.action === 'end');
20620
20631
  const isTabAction = e.action === 'tab' || e.action === 'close';
20621
- if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
20632
+ if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
20622
20633
  this.renderList();
20623
20634
  }
20624
20635
  if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
@@ -20717,7 +20728,7 @@ let Mention = class Mention extends DropDownBase {
20717
20728
  }
20718
20729
  this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
20719
20730
  const isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
20720
- if (document.activeElement != this.inputElement && isRteImage) {
20731
+ if (document.activeElement != this.inputElement && !isRteImage) {
20721
20732
  this.inputElement.focus();
20722
20733
  }
20723
20734
  if (this.isContentEditable(this.inputElement)) {