@syncfusion/ej2-dropdowns 19.4.50 → 19.4.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.50
+*  version : 19.4.52
 *  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.4.48",
+  "_id": "@syncfusion/ej2-dropdowns@19.4.50",
   "_inBundle": false,
-  "_integrity": "sha512-Yz0UF3J4mNNGlnvZkoMxKP295uhWJ4RxTLPV206SJguJLs8vT2mrpyamdhwKQPNBCY8d9YnnIb4KWBBozWHYYw==",
+  "_integrity": "sha512-QGOybqNswXLGfBBVUE/0SV+yldUhsGaD7afKpCsXy7IUVChGACHOc4UM0tXjg8pzUt34IEeE/2UqidkskhFoVw==",
   "_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-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.48.tgz",
-  "_shasum": "4de8f8a1da32155d9904a785d115f78fe5be553e",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.50.tgz",
+  "_shasum": "a96bfa5151c3c55ebf48b93efa6ee4610536d2ec",
   "_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.4.48",
-    "@syncfusion/ej2-data": "~19.4.50",
-    "@syncfusion/ej2-inputs": "~19.4.48",
-    "@syncfusion/ej2-lists": "~19.4.48",
-    "@syncfusion/ej2-navigations": "~19.4.50",
-    "@syncfusion/ej2-popups": "~19.4.50"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-data": "~19.4.52",
+    "@syncfusion/ej2-inputs": "~19.4.52",
+    "@syncfusion/ej2-lists": "~19.4.52",
+    "@syncfusion/ej2-navigations": "~19.4.52",
+    "@syncfusion/ej2-popups": "~19.4.52"
   },
   "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.4.50",
+  "version": "19.4.52",
   "sideEffects": false
 }

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

@@ -494,7 +494,7 @@ var DropDownBase = /** @class */ (function (_super) {
                             }
                             _this.bindChildItems(localDataArgs.result, ulElement, fields);
                             setTimeout(function () {
-                                if (_this.getModuleName() === 'multiselect' && _this.itemTemplate != null && (ulElement.childElementCount > 0 && ulElement.children[0].childElementCount > 0)) {
+                                if (_this.getModuleName() === 'multiselect' && _this.itemTemplate != null && (ulElement.childElementCount > 0 && (ulElement.children[0].childElementCount > 0 || (_this.fields.groupBy && ulElement.children[1] && ulElement.children[1].childElementCount > 0)))) {
                                     _this.updateDataList();
                                 }
                             });
@@ -581,7 +581,6 @@ var DropDownBase = /** @class */ (function (_super) {
         if (this.isReact) {
             this.clearTemplate(['itemTemplate', 'groupTemplate', 'actionFailureTemplate', 'noRecordsTemplate']);
         }
-        this.list.innerHTML = '';
         this.fixedHeaderElement = isNullOrUndefined(this.fixedHeaderElement) ? this.fixedHeaderElement : null;
         if (this.getModuleName() === 'multiselect' && this.properties.allowCustomValue && this.fields.groupBy) {
             for (var i = 0; i < ulElement.childElementCount; i++) {
@@ -592,10 +591,13 @@ var DropDownBase = /** @class */ (function (_super) {
                 }
             }
         }
-        this.list.appendChild(ulElement);
-        this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
-        this.ulElement = this.list.querySelector('ul');
-        this.postRender(this.list, list, this.bindEvent);
+        if (!isNullOrUndefined(this.list)) {
+            this.list.innerHTML = '';
+            this.list.appendChild(ulElement);
+            this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
+            this.ulElement = this.list.querySelector('ul');
+            this.postRender(this.list, list, this.bindEvent);
+        }
     };
     /* eslint-disable @typescript-eslint/no-unused-vars */
     DropDownBase.prototype.postRender = function (listElement, list, bindEvent) {

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

@@ -329,7 +329,9 @@ var MultiSelect = /** @class */ (function (_super) {
         return ariaAttributes;
     };
     MultiSelect.prototype.updateListARIA = function () {
-        attributes(this.ulElement, { 'id': this.element.id + '_options', 'role': 'listbox', 'aria-hidden': 'false' });
+        if (!isNullOrUndefined(this.ulElement)) {
+            attributes(this.ulElement, { 'id': this.element.id + '_options', 'role': 'listbox', 'aria-hidden': 'false' });
+        }
         var disableStatus = (this.inputElement.disabled) ? true : false;
         attributes(this.inputElement, this.getAriaAttributes());
         if (disableStatus) {
@@ -2463,8 +2465,13 @@ var MultiSelect = /** @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.updateDataList = function () {
-        if (this.mainList && this.ulElement && (this.mainList.childElementCount < this.ulElement.childElementCount || ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)))) {
-            this.mainList = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
+        if (this.mainList && this.ulElement) {
+            var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
+            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
+            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
+            if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
+                this.mainList = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
+            }
         }
     };
     MultiSelect.prototype.isValidLI = function (li) {
@@ -2813,11 +2820,13 @@ var MultiSelect = /** @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.wireListEvents = function () {
-        EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
-        EventHandler.add(this.list, 'mousedown', this.onListMouseDown, this);
-        EventHandler.add(this.list, 'mouseup', this.onMouseClick, this);
-        EventHandler.add(this.list, 'mouseover', this.onMouseOver, this);
-        EventHandler.add(this.list, 'mouseout', this.onMouseLeave, this);
+        if (!isNullOrUndefined(this.list)) {
+            EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
+            EventHandler.add(this.list, 'mousedown', this.onListMouseDown, this);
+            EventHandler.add(this.list, 'mouseup', this.onMouseClick, this);
+            EventHandler.add(this.list, 'mouseover', this.onMouseOver, this);
+            EventHandler.add(this.list, 'mouseout', this.onMouseLeave, this);
+        }
     };
     MultiSelect.prototype.unwireListEvents = function () {
         EventHandler.remove(document, 'mousedown', this.onDocumentClick);