@syncfusion/ej2-dropdowns 19.3.48 → 19.3.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.48
+*  version : 19.3.53
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@19.3.47",
+  "_id": "@syncfusion/ej2-dropdowns@19.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-80BHmVskObNOXm5mfDPntsER6/i+RQ6fpuov+/D4vOu/709QxiT//IUbVDa5THRYsb1PtL16Wyi+exLRsTdO0w==",
+  "_integrity": "sha512-NxeOgcb/22jSsGxrmHVqm6WkBYulM03S+ksty7ALTRECFZ5xmOXAQ27ZNee6YiJxNQF0pyuU5Kk1EHKnM1zQeA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.3.47.tgz",
-  "_shasum": "695e0edaacca56306c171fb36cd82230e468ee67",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.3.48.tgz",
+  "_shasum": "aeed874acf3f663d023e4fc2ef52eec6e1d4f1a2",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.47",
-    "@syncfusion/ej2-data": "~19.3.47",
-    "@syncfusion/ej2-inputs": "~19.3.48",
-    "@syncfusion/ej2-lists": "~19.3.48",
-    "@syncfusion/ej2-navigations": "~19.3.46",
-    "@syncfusion/ej2-popups": "~19.3.47"
+    "@syncfusion/ej2-base": "~19.3.53",
+    "@syncfusion/ej2-data": "~19.3.53",
+    "@syncfusion/ej2-inputs": "~19.3.53",
+    "@syncfusion/ej2-lists": "~19.3.53",
+    "@syncfusion/ej2-navigations": "~19.3.53",
+    "@syncfusion/ej2-popups": "~19.3.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "19.3.48",
+  "version": "19.3.53",
   "sideEffects": false
 }

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -282,6 +282,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private filterDelayTime;
     private nestedTableUpdate;
     private clearIconWidth;
+    private isClicked;
     /**
      * Specifies the template that renders to the popup list content of the
      * Dropdown Tree component when the data fetch request from the remote server fails.

package/src/drop-down-tree/drop-down-tree.js

@@ -164,6 +164,7 @@ var DropDownTree = /** @class */ (function (_super) {
         // eslint-disable-next-line
         _this.selectedData = [];
         _this.filterDelayTime = 300;
+        _this.isClicked = false;
         return _this;
     }
     /**
@@ -1135,8 +1136,10 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         this.checkWrapper = closest(target, '.' + CHECKBOXWRAP);
         if (!isNOU(this.checkWrapper)) {
+            this.isClicked = true;
             var checkElement = select('.' + CHECKBOXFRAME, this.checkWrapper);
             this.changeState(this.checkWrapper, checkElement.classList.contains(CHECK) ? 'uncheck' : 'check', e);
+            this.isClicked = false;
         }
         e.preventDefault();
     };
@@ -1835,7 +1838,7 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         var 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
         };
@@ -1906,6 +1909,7 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         var 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
             var getNodeDetails = this.treeObj.getNode(args.node);
             if (getNodeDetails.isChecked === 'true') {
@@ -1914,6 +1918,7 @@ var DropDownTree = /** @class */ (function (_super) {
             else {
                 this.treeObj.checkAll([args.node]);
             }
+            this.isClicked = false;
             this.setMultiSelect();
             this.ensurePlaceHolder();
         }

package/src/multi-select/checkbox-selection.js

@@ -148,7 +148,7 @@ var CheckBoxSelection = /** @class */ (function () {
             }
             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 {

package/src/multi-select/multi-select-model.d.ts

@@ -443,6 +443,15 @@ export interface MultiSelectModel extends DropDownBaseModel{
      */
     openOnClick?: boolean;
 
+    /**
+     * By default, the typed value is converting into chip or update as value of the component when you press the enter key or select from the popup.
+     * If you want to convert the typed value into chip or update as value of the component while focusing out the component, then enable this property.
+     * If custom value is enabled, both custom value and value present in the list are converted into tag while focusing out the component; Otherwise, value present in the list is converted into tag while focusing out the component.
+     *
+     * @default false
+     */
+    addTagOnBlur?: boolean; 
+
     /**
      * Fires each time when selection changes happened in list items after model and input value get affected.
      *

package/src/multi-select/multi-select.d.ts

@@ -440,6 +440,14 @@ export declare class MultiSelect extends DropDownBase implements IInput {
      * @default true
      */
     openOnClick: boolean;
+    /**
+     * By default, the typed value is converting into chip or update as value of the component when you press the enter key or select from the popup.
+     * If you want to convert the typed value into chip or update as value of the component while focusing out the component, then enable this property.
+     * If custom value is enabled, both custom value and value present in the list are converted into tag while focusing out the component; Otherwise, value present in the list is converted into tag while focusing out the component.
+     *
+     * @default false
+     */
+    addTagOnBlur: boolean;
     /**
      * Fires each time when selection changes happened in list items after model and input value get affected.
      *

package/src/multi-select/multi-select.js

@@ -815,6 +815,18 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.inputFocus = false;
         this.overAllWrapper.classList.remove(FOCUS);
+        if (this.addTagOnBlur) {
+            var dataChecks = this.getValueByText(this.inputElement.value, this.ignoreCase, this.ignoreAccent);
+            var listLiElement = this.findListElement(this.list, 'li', 'data-value', dataChecks);
+            var className = this.hideSelectedItem ? HIDE_LIST : dropDownBaseClasses.selected;
+            var 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();
@@ -4042,6 +4054,9 @@ var MultiSelect = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], MultiSelect.prototype, "openOnClick", void 0);
+    __decorate([
+        Property(false)
+    ], MultiSelect.prototype, "addTagOnBlur", void 0);
     __decorate([
         Event()
     ], MultiSelect.prototype, "change", void 0);

package/styles/auto-complete/bootstrap5-dark.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/auto-complete/bootstrap5.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/bootstrap5-dark.css

@@ -453,6 +453,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/bootstrap5.css

@@ -453,6 +453,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/combo-box/bootstrap5-dark.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/combo-box/bootstrap5.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-list/_bootstrap5-definition.scss

@@ -105,6 +105,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
   .e-input-group#{&}.e-control-wrapper.e-ddl .e-input[readonly],
   .e-float-input#{&}.e-control-wrapper.e-ddl input[readonly] {
     background: transparent;
+    color: inherit;
   }
 
   .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-list/bootstrap5-dark.css

@@ -119,6 +119,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-list/bootstrap5.css

@@ -119,6 +119,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],