@syncfusion/ej2-dropdowns 20.4.48 → 20.4.50

package/dist/es6/ej2-dropdowns.es2015.js

@@ -1652,7 +1652,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
             else {
                 if (this.allowFiltering && this.getModuleName() !== 'autocomplete'
-                    && !isNullOrUndefined(this.actionCompleteData.ulElement) && !isNullOrUndefined(this.actionCompleteData.list)) {
+                    && !isNullOrUndefined(this.actionCompleteData.ulElement) && !isNullOrUndefined(this.actionCompleteData.list) && this.actionCompleteData.list.length > 0) {
                     this.onActionComplete(this.actionCompleteData.ulElement.cloneNode(true), this.actionCompleteData.list);
                 }
                 this.resetFocusElement();
@@ -2389,6 +2389,9 @@ let DropDownList = class DropDownList extends DropDownBase {
     }
     selectEventCallback(li, e, preventSelect, selectedData, value) {
         this.previousItemData = (!isNullOrUndefined(this.itemData)) ? this.itemData : null;
+        if (this.itemData != selectedData) {
+            this.previousValue = (!isNullOrUndefined(this.itemData)) ? typeof this.itemData == "object" ? this.checkFieldValue(this.itemData, this.fields.value.split('.')) : this.itemData : null;
+        }
         this.item = li;
         this.itemData = selectedData;
         const focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
@@ -4447,6 +4450,8 @@ let DropDownTree = class DropDownTree extends Component {
         this.selectedData = [];
         this.filterDelayTime = 300;
         this.isClicked = false;
+        // Specifies if the checkAll method has been called
+        this.isCheckAllCalled = false;
     }
     /**
      * Get the properties to be maintained in the persisted state.
@@ -5424,6 +5429,7 @@ let DropDownTree = class DropDownTree extends Component {
             frameSpan.classList.add(CHECK);
             ariaState = 'true';
             if (!this.isReverseUpdate) {
+                this.isCheckAllCalled = true;
                 this.treeObj.checkAll();
                 if (!this.changeOnBlur) {
                     this.triggerChangeEvent(e);
@@ -6224,13 +6230,14 @@ let DropDownTree = class DropDownTree extends Component {
             const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck') {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0)) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && this.isCheckAllCalled) {
                 this.isReverseUpdate = true;
+                this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
                 this.isReverseUpdate = false;
             }
@@ -6749,6 +6756,7 @@ let DropDownTree = class DropDownTree extends Component {
     selectAllItems(state) {
         if (this.showCheckBox) {
             if (state) {
+                this.isCheckAllCalled = true;
                 this.treeObj.checkAll();
             }
             else {
@@ -11856,7 +11864,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     overAllContainer = this.componentWrapper.offsetWidth -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingLeft, 10) -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingRight, 10);
-                    if ((wrapperleng + downIconWidth + this.clearIconWidth) > overAllContainer) {
+                    if ((wrapperleng + downIconWidth + this.clearIconWidth) >= overAllContainer) {
                         if (tempData !== undefined && tempData !== '') {
                             temp = tempData;
                             index = tempIndex + 1;
@@ -11865,7 +11873,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         remaining = this.value.length - index;
                         wrapperleng = this.viewWrapper.offsetWidth +
                             parseInt(window.getComputedStyle(this.viewWrapper).paddingRight, 10);
-                        while (((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) > overAllContainer) && wrapperleng !== 0
+                        while (((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) >= overAllContainer) && wrapperleng !== 0
                             && this.viewWrapper.innerHTML !== '') {
                             const textArr = [];
                             this.viewWrapper.innerHTML = textArr.join(this.delimiterChar);
@@ -11875,7 +11883,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         }
                         break;
                     }
-                    else if ((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) <= overAllContainer) {
+                    else if ((wrapperleng + remainSize + downIconWidth + this.clearIconWidth) < overAllContainer) {
                         tempData = data;
                         tempIndex = index;
                     }
@@ -12068,6 +12076,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         else {
             this.updateValue(event, li, state);
         }
+        this.addValidInputClass();
     }
     updateValue(event, li, state) {
         const length = li.length;
@@ -16072,7 +16081,7 @@ let Mention = class Mention extends DropDownBase {
         const isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
             || e.action === 'home' || e.action === 'end');
         const isTabAction = e.action === 'tab' || e.action === 'close';
-        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape') {
+        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
             this.renderList();
         }
         if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
@@ -16216,11 +16225,11 @@ let Mention = class Mention extends DropDownBase {
             }
         }
         else if (this.allowSpaces && this.queryString !== '' && currentRange && currentRange.trim() !== '' && currentRange.replace('\u00a0', ' ').lastIndexOf(' ') < currentRange.length - 1 &&
-            e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8) {
+            e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8 && this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0)) {
             this.queryString = currentRange.substring(currentRange.lastIndexOf(this.mentionChar) + 1).replace('\u00a0', ' ');
             this.searchLists(e);
         }
-        else if (this.queryString === '' && this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
+        else if (this.queryString === '' && this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0)) {
             this.searchLists(e);
             if (!this.isListResetted) {
                 this.resetList(this.dataSource, this.fields);