@syncfusion/ej2-dropdowns 19.3.48 → 19.3.53

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

@@ -4235,6 +4235,7 @@ let DropDownTree = class DropDownTree extends Component {
         // eslint-disable-next-line
         this.selectedData = [];
         this.filterDelayTime = 300;
+        this.isClicked = false;
     }
     /**
      * Get the properties to be maintained in the persisted state.
@@ -5200,8 +5201,10 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.checkWrapper = closest(target, '.' + CHECKBOXWRAP);
         if (!isNullOrUndefined(this.checkWrapper)) {
+            this.isClicked = true;
             const checkElement = select('.' + CHECKBOXFRAME, this.checkWrapper);
             this.changeState(this.checkWrapper, checkElement.classList.contains(CHECK) ? 'uncheck' : 'check', e);
+            this.isClicked = false;
         }
         e.preventDefault();
     }
@@ -5896,7 +5899,7 @@ let DropDownTree = class DropDownTree extends Component {
         }
         const eventArgs = {
             action: this.showCheckBox ? state : args.action,
-            isInteracted: args.isInteracted,
+            isInteracted: this.isClicked ? true : args.isInteracted,
             item: args.node,
             itemData: this.showCheckBox ? checkData[0] : selectData
         };
@@ -5967,6 +5970,7 @@ let DropDownTree = class DropDownTree extends Component {
         }
         const target = args.event.target;
         if ((target.classList.contains('e-fullrow') || target.classList.contains('e-list-text')) && this.showCheckBox) {
+            this.isClicked = true;
             // eslint-disable-next-line
             const getNodeDetails = this.treeObj.getNode(args.node);
             if (getNodeDetails.isChecked === 'true') {
@@ -5975,6 +5979,7 @@ let DropDownTree = class DropDownTree extends Component {
             else {
                 this.treeObj.checkAll([args.node]);
             }
+            this.isClicked = false;
             this.setMultiSelect();
             this.ensurePlaceHolder();
         }
@@ -9362,6 +9367,18 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         this.inputFocus = false;
         this.overAllWrapper.classList.remove(FOCUS);
+        if (this.addTagOnBlur) {
+            const dataChecks = this.getValueByText(this.inputElement.value, this.ignoreCase, this.ignoreAccent);
+            const listLiElement = this.findListElement(this.list, 'li', 'data-value', dataChecks);
+            const className = this.hideSelectedItem ? HIDE_LIST : dropDownBaseClasses.selected;
+            const allowChipAddition = (listLiElement && !listLiElement.classList.contains(className)) ? true : false;
+            if (allowChipAddition) {
+                this.updateListSelection(listLiElement, eve);
+                if (this.mode === 'Delimiter') {
+                    this.updateDelimeter(this.delimiterChar);
+                }
+            }
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -12574,6 +12591,9 @@ __decorate$5([
 __decorate$5([
     Property(true)
 ], MultiSelect.prototype, "openOnClick", void 0);
+__decorate$5([
+    Property(false)
+], MultiSelect.prototype, "addTagOnBlur", void 0);
 __decorate$5([
     Event()
 ], MultiSelect.prototype, "change", void 0);
@@ -12764,7 +12784,7 @@ class CheckBoxSelection {
             }
             if (this.parent.list.classList.contains('e-nodata') || (this.parent.listData && this.parent.listData.length <= 1 &&
                 !(this.parent.isDynamicDataChange)) || (this.parent.isDynamicDataChange &&
-                !isNullOrUndefined(this.parent.value) && this.parent.value.length <= 1)) {
+                this.parent.listData && this.parent.listData.length <= 1)) {
                 this.checkAllParent.style.display = 'none';
             }
             else {