@syncfusion/ej2-dropdowns 29.2.4 → 29.2.7

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

@@ -1872,6 +1872,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     };
     /* eslint-disable @typescript-eslint/no-unused-vars */
     DropDownBase.prototype.onActionComplete = function (ulElement, list, e) {
+        var _this = this;
         /* eslint-enable @typescript-eslint/no-unused-vars */
         this.listData = list;
         if (this.isVirtualizationEnabled && !this.isCustomDataUpdated && !this.virtualSelectAll) {
@@ -1901,6 +1902,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        if (this.getModuleName() === 'multiselect' && this.isAngular && this.ngEle) {
+            var popupHolder = this.list;
+            if (popupHolder) {
+                var prevHeight = popupHolder.offsetHeight + 'px';
+                popupHolder.style.height = prevHeight;
+            }
+        }
         if (!isNullOrUndefined(this.list)) {
             if (!this.isVirtualizationEnabled) {
                 this.list.innerHTML = '';
@@ -1910,6 +1918,15 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                 this.postRender(this.list, list, this.bindEvent);
             }
         }
+        if (this.getModuleName() === 'multiselect' && this.isAngular && this.ngEle) {
+            var popupHolder_1 = this.list;
+            if (popupHolder_1) {
+                setTimeout(function () {
+                    popupHolder_1.style.height = '';
+                    _this.refreshPopup();
+                }, 0);
+            }
+        }
     };
     /* eslint-disable @typescript-eslint/no-unused-vars */
     DropDownBase.prototype.postRender = function (listElement, list, bindEvent) {
@@ -4395,7 +4412,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-this-alias
             var proxy_1 = this;
             // eslint-disable-next-line max-len
-            var duration = (this.element.tagName === this.getNgDirective() && this.itemTemplate) ? 500 : 100;
+            var duration = ((this.dataSource instanceof DataManager) && this.groupTemplate) ? 700 :
+                (this.element.tagName === this.getNgDirective() && this.itemTemplate) ? 500 : 100;
             if (!this.isSecondClick) {
                 setTimeout(function () {
                     proxy_1.cloneElements();
@@ -5256,6 +5274,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.getInitialData) {
             this.updateActionCompleteDataValues(ulElement, list);
+            if (this.enableVirtualization) {
+                this.updateSelectElementData(this.allowFiltering);
+            }
             this.getInitialData = false;
             this.isReactTemplateUpdate = true;
             this.searchLists(this.filterArgs);
@@ -5310,16 +5331,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                                 if (!_this.enableVirtualization) {
                                     _this.addItem(e.result, list.length);
                                 }
-                                else {
-                                    _this.itemData = e.result[0];
-                                    var dataItem = _this.getItemData();
-                                    var value_2 = _this.allowObjectBinding ?
-                                        _this.getDataByValue(dataItem.value) : dataItem.value;
-                                    if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
-                                        (_this.value !== dataItem.value && _this.text === dataItem.text)) {
-                                        _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value_2 });
-                                    }
-                                }
                                 _this.updateValues();
                             }
                             else {
@@ -5446,10 +5457,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
     DropDownList.prototype.addNewItem = function (listData, newElement) {
         var _this = this;
         if (!isNullOrUndefined(this.itemData) && !isNullOrUndefined(newElement)) {
-            var value_3 = this.getItemData().value;
+            var value_2 = this.getItemData().value;
             var isExist = listData.some(function (data) {
-                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_3) ||
-                    (getValue(_this.fields.value, data) === value_3));
+                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_2) ||
+                    (getValue(_this.fields.value, data) === value_2));
             });
             if (!isExist) {
                 this.addItem(this.itemData);
@@ -6270,6 +6281,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             dataSourceCount = this.dataSource && this.dataSource.length ? this.dataSource.length : 0;
         }
+        this.customFilterQuery = null;
         if (this.enableVirtualization && this.isFiltering() && isFilterValue && this.totalItemCount !== dataSourceCount) {
             this.updateInitialData();
             this.checkAndResetCache();
@@ -6824,9 +6836,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                                 var listLength_2 = this_1.getItems().length;
                                 var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
                                 this_1.typedString = '';
-                                var value_4 = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                var value_3 = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
                                     getValue(checkField, newProp.value) : newProp.value;
-                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', value_4)))
+                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', value_3)))
                                     .then(function (e) {
                                     if (e.result.length > 0) {
                                         _this.addItem(e.result, listLength_2);
@@ -7015,6 +7027,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         if (!this.enabled) {
             return;
         }
+        if (this.getModuleName() === 'dropdownlist' && this.beforePopupOpen && !this.isPopupOpen) {
+            this.beforePopupOpen = false;
+        }
         this.firstItem = this.dataSource && this.dataSource.length > 0 ? this.dataSource[0] : null;
         if (this.isReact && this.getModuleName() === 'combobox' && this.itemTemplate && this.isCustomFilter && this.isAddNewItemTemplate) {
             this.renderList();
@@ -9093,7 +9108,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             loadOnDemand: this.treeSettings.loadOnDemand,
             nodeSelecting: this.onBeforeSelect.bind(this),
             nodeTemplate: this.itemTemplate,
-            checkDisabledChildren: this.treeSettings.checkDisabledChildren
+            checkDisabledChildren: this.treeSettings.checkDisabledChildren,
+            checkOnClick: true
         });
         this.treeObj.root = this.root ? this.root : this;
         this.treeObj.appendTo(this.tree);
@@ -9174,7 +9190,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 _this.popupObj.refreshPosition();
                 if (!(_this.showSelectAll || _this.allowFiltering) && (!_this.popupDiv.classList.contains(NODATA)
                     && _this.treeItems.length > 0)) {
-                    var focusedElement = _this.value != null && _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
+                    var focusedElement = _this.value != null && _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[_this.value.length - 1] + '"]') : null;
                     if (focusedElement) {
                         _this.treeObj.element.querySelector('li').setAttribute('tabindex', '-1');
                         focusedElement.setAttribute('tabindex', '0');
@@ -9621,15 +9637,6 @@ var DropDownTree = /** @__PURE__ @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;
-            var getNodeDetails = this.treeObj.getNode(args.node);
-            if (getNodeDetails.isChecked === 'true') {
-                this.treeObj.uncheckAll([args.node]);
-            }
-            else {
-                this.treeObj.checkAll([args.node]);
-            }
-            this.isClicked = false;
             this.setMultiSelect();
             this.ensurePlaceHolder();
         }
@@ -11219,6 +11226,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ComboBox.prototype.updateValues = function () {
+        var _this = this;
         if (this.fields.disabled) {
             if (this.value != null) {
                 this.value = !this.isDisableItemValue(this.value) ? this.value : null;
@@ -11239,19 +11247,22 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 var fields = (this.fields.value) ? this.fields.value : '';
                 var currentValue_1 = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
                 if (this.dataSource instanceof DataManager) {
-                    var getItem = new DataManager(this.virtualGroupDataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', currentValue_1)));
-                    if (getItem && getItem.length > 0) {
-                        this.itemData = getItem[0];
-                        doesItemExist = true;
-                        var dataItem = this.getItemData();
-                        var value = this.allowObjectBinding
-                            ? this.getDataByValue(dataItem.value)
-                            : dataItem.value;
-                        if ((this.value === dataItem.value && this.text !== dataItem.text)
-                            || (this.value !== dataItem.value && this.text === dataItem.text)) {
-                            this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
+                    this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue_1)))
+                        .then(function (e) {
+                        if (e.result.length > 0) {
+                            _this.itemData = e.result[0];
+                            var dataItem = _this.getItemData();
+                            var value = _this.allowObjectBinding ?
+                                _this.getDataByValue(dataItem.value) : dataItem.value;
+                            if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
+                                (_this.value !== dataItem.value && _this.text === dataItem.text)) {
+                                _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
+                            }
                         }
-                    }
+                        else {
+                            _this.valueMuteChange(null);
+                        }
+                    });
                 }
                 else {
                     var getItem = new DataManager(this.dataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', currentValue_1)));
@@ -11279,7 +11290,8 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 (this.allowCustom && this.enableVirtualization && !doesItemExist)) {
                 this.valueMuteChange(this.value);
             }
-            else if (!this.enableVirtualization || (this.enableVirtualization && !doesItemExist)) {
+            else if (!this.enableVirtualization || (this.enableVirtualization && !(this.dataSource instanceof DataManager)
+                && !doesItemExist)) {
                 this.valueMuteChange(null);
             }
         }
@@ -11443,7 +11455,10 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             var activeElement = activeItem.item;
-            if (!isNullOrUndefined(activeElement)) {
+            var dataItem_1 = this.getItemData();
+            if ((!isNullOrUndefined(activeElement) && !this.enableVirtualization) || (this.enableVirtualization &&
+                this.isTyped && isNullOrUndefined(dataItem_1) && isNullOrUndefined(dataItem_1.value) &&
+                dataItem_1.value.toString() === activeElement.getAttribute('data-value').toString())) {
                 var count = this.getIndexByValue(activeElement.getAttribute('data-value')) - 1;
                 var height = parseInt(getComputedStyle(this.liCollections[0], null).getPropertyValue('height'), 10);
                 if (!isNaN(height) && this.getModuleName() !== 'autocomplete') {
@@ -14071,13 +14086,20 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.checkAndScrollParent();
     };
     MultiSelect.prototype.checkAndScrollParent = function () {
-        var parentElement = this.overAllWrapper ? this.overAllWrapper.parentElement : null;
-        if (parentElement) {
-            var wrapperHeight = parseFloat(getComputedStyle(this.overAllWrapper).height);
-            var parentMaxHeight = parseFloat(getComputedStyle(parentElement).maxHeight);
-            if (!isNaN(parentMaxHeight) && wrapperHeight > parentMaxHeight) {
-                parentElement.scrollTop = parentElement.scrollHeight;
+        var scrollElement = this.overAllWrapper ? this.overAllWrapper.parentElement : null;
+        while (scrollElement) {
+            var scrollElementStyle = getComputedStyle(scrollElement);
+            var scrollElmentHeight = parseFloat(scrollElementStyle.maxHeight) || parseFloat(scrollElementStyle.height);
+            if (!isNaN(scrollElmentHeight) && this.isPopupOpen()) {
+                var overflowY = scrollElementStyle.overflowY;
+                var wrapperBottom = this.overAllWrapper.getBoundingClientRect().bottom;
+                var scrollElementBottom = scrollElement.getBoundingClientRect().bottom;
+                if ((overflowY === 'auto' || overflowY === 'scroll') && wrapperBottom > scrollElementBottom) {
+                    scrollElement.scrollTop += (wrapperBottom - scrollElementBottom) + 10;
+                    return;
+                }
             }
+            scrollElement = scrollElement.parentElement;
         }
     };
     MultiSelect.prototype.enable = function (state) {