@syncfusion/ej2-dropdowns 29.2.4 → 29.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.4
+*  version : 29.2.7
 *  Copyright Syncfusion Inc. 2001 - 2024. 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@29.1.41",
+  "_id": "@syncfusion/ej2-dropdowns@29.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-MguJkedxJ1fsjo2kpSIDWlIMg4AM/9Sivaogd+NwxyxjKdkn5jg5325cmvC/cO1A+ZenI0w5fwOotB1ANtPDiA==",
+  "_integrity": "sha512-IsEFxa88R9vq0rxkXFKbcEvdOoqOm5ylg2VOqzviJxv1+1il6HugrjpFGDconadN+HnRhW6nC539m8dj1CeRbg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -36,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-29.1.41.tgz",
-  "_shasum": "7a112cc2e360ea39ea9a4c681a580cdffa9ef3ff",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-29.2.5.tgz",
+  "_shasum": "73cddd41df6eda7061648a90dd58f5f6d5a95a03",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
@@ -47,11 +47,11 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~29.2.4",
     "@syncfusion/ej2-data": "~29.2.4",
-    "@syncfusion/ej2-inputs": "~29.2.4",
+    "@syncfusion/ej2-inputs": "~29.2.5",
     "@syncfusion/ej2-lists": "~29.2.4",
-    "@syncfusion/ej2-navigations": "~29.2.4",
+    "@syncfusion/ej2-navigations": "~29.2.7",
     "@syncfusion/ej2-notifications": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.4"
+    "@syncfusion/ej2-popups": "~29.2.7"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -76,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "29.2.4",
+  "version": "29.2.7",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/combo-box/combo-box-model.d.ts

@@ -1,4 +1,4 @@
-import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';import { DropDownList, dropDownListClasses } from '../drop-down-list/drop-down-list';import { FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Search } from '../common/incremental-search';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { DataManager, DataOptions, Predicate, Query } from '@syncfusion/ej2-data';
+import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';import { DropDownList, dropDownListClasses } from '../drop-down-list/drop-down-list';import { FilteringEventArgs, ResultData } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Search } from '../common/incremental-search';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { DataManager, DataOptions, Predicate, Query } from '@syncfusion/ej2-data';
 import {CustomValueSpecifierEventArgs} from "./combo-box";
 import {DropDownListModel} from "../drop-down-list/drop-down-list-model";
 

package/src/combo-box/combo-box.js

@@ -179,6 +179,7 @@ var ComboBox = /** @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;
@@ -199,19 +200,22 @@ var ComboBox = /** @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)));
@@ -239,7 +243,8 @@ var ComboBox = /** @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);
             }
         }
@@ -403,7 +408,10 @@ var ComboBox = /** @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') {

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

@@ -1016,6 +1016,7 @@ var DropDownBase = /** @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) {
@@ -1045,6 +1046,13 @@ var DropDownBase = /** @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 = '';
@@ -1054,6 +1062,15 @@ var DropDownBase = /** @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) {

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

@@ -1461,7 +1461,8 @@ var DropDownList = /** @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();
@@ -2322,6 +2323,9 @@ var DropDownList = /** @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);
@@ -2376,16 +2380,6 @@ var DropDownList = /** @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 {
@@ -2512,10 +2506,10 @@ var DropDownList = /** @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);
@@ -3338,6 +3332,7 @@ var DropDownList = /** @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();
@@ -3892,9 +3887,9 @@ var DropDownList = /** @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);
@@ -4083,6 +4078,9 @@ var DropDownList = /** @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();

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

@@ -1649,7 +1649,8 @@ var DropDownTree = /** @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);
@@ -1730,7 +1731,7 @@ var DropDownTree = /** @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');
@@ -2177,15 +2178,6 @@ 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;
-            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();
         }

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

@@ -1237,13 +1237,20 @@ var MultiSelect = /** @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) {