@syncfusion/ej2-dropdowns 29.2.7 → 29.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.7
+*  version : 29.2.10
 *  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,62 +1,22 @@
 {
-  "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@29.2.5",
-  "_inBundle": false,
-  "_integrity": "sha512-IsEFxa88R9vq0rxkXFKbcEvdOoqOm5ylg2VOqzviJxv1+1il6HugrjpFGDconadN+HnRhW6nC539m8dj1CeRbg==",
-  "_location": "/@syncfusion/ej2-dropdowns",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-dropdowns@*",
-    "name": "@syncfusion/ej2-dropdowns",
-    "escapedName": "@syncfusion%2fej2-dropdowns",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-dropdowns",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-image-editor",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-ribbon",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-vue-dropdowns"
-  ],
-  "_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": {
-    "name": "Syncfusion Inc."
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-dropdowns",
+  "version": "29.2.10",
+  "description": "Essential JS 2 DropDown Components",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-dropdowns.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~29.2.4",
     "@syncfusion/ej2-data": "~29.2.4",
     "@syncfusion/ej2-inputs": "~29.2.5",
     "@syncfusion/ej2-lists": "~29.2.4",
-    "@syncfusion/ej2-navigations": "~29.2.7",
+    "@syncfusion/ej2-navigations": "~29.2.8",
     "@syncfusion/ej2-notifications": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.7"
+    "@syncfusion/ej2-popups": "~29.2.8"
   },
-  "deprecated": false,
-  "description": "Essential JS 2 DropDown Components",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -71,12 +31,7 @@
     "ej2-multiselect",
     "ej2-combobox"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-dropdowns.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "29.2.7",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -500,7 +500,7 @@ var DropDownBase = /** @class */ (function (_super) {
                     isContainSkeleton.firstChild.insertBefore(liElement, isContainSkeleton.firstChild.children[0]);
                 }
             }
-            if (this.getModuleName() === 'multiselect') {
+            if (this.getModuleName() === 'multiselect' && !this.isVirtualReorder && !isContainSkeleton.firstChild.classList.contains('e-reorder')) {
                 for (var i = 0; i < totalSkeletonCount && this.totalItemCount !== this.viewPortInfo.endIndex; i++) {
                     var liElement = this.createElement('li', { className: dropDownBaseClasses.virtualList + " e-virtual-list-end", styles: 'overflow: inherit' });
                     if (this.isVirtualizationEnabled && this.itemTemplate) {

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

@@ -331,10 +331,10 @@ var DropDownList = /** @class */ (function (_super) {
                         this.hiddenElement.setAttribute(htmlAttr, this.htmlAttributes["" + htmlAttr]);
                     }
                     else if (defaultAttr.indexOf(htmlAttr) > -1) {
-                        if (htmlAttr === 'placeholder') {
+                        if (htmlAttr === 'placeholder' && this.element.getAttribute('placeholder') !== this.htmlAttributes["" + htmlAttr]) {
                             Input.setPlaceholder(this.htmlAttributes["" + htmlAttr], this.inputElement);
                         }
-                        else {
+                        else if (htmlAttr !== 'placeholder') {
                             this.inputElement.setAttribute(htmlAttr, this.htmlAttributes["" + htmlAttr]);
                         }
                     }

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

@@ -336,6 +336,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private isCheckAllCalled;
     private isFromFilterChange;
     private valueTemplateContainer;
+    private previousFilterText;
     /**
      * 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

@@ -498,6 +498,11 @@ var DropDownTree = /** @class */ (function (_super) {
                     }
                 }
                 _this.treeObj.fields = _this.getTreeFields(fields);
+                if ((_this.previousFilterText && _this.previousFilterText !== '' && args.text !== '' && _this.previousFilterText.indexOf(args.text) !== -1) ||
+                    (args.text && args.text !== '' && _this.previousFilterText !== '' && args.text.indexOf(_this.previousFilterText) !== -1)) {
+                    _this.isFilterRestore = true;
+                }
+                _this.previousFilterText = args.text;
                 _this.treeObj.dataBind();
                 if (_this.popupObj) {
                     _this.popupObj.refreshPosition();

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

@@ -310,8 +310,8 @@ var MultiSelect = /** @class */ (function (_super) {
         else {
             this.resetList(this.dataSource, this.fields, query);
         }
-        this.isVirtualReorder = false;
         this.UpdateSkeleton();
+        this.isVirtualReorder = false;
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.virtualItemCount = this.itemCount;
         if (this.mode !== 'CheckBox') {
@@ -614,8 +614,9 @@ var MultiSelect = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             valuecheck = this.presentItemValue(this.ulElement);
         }
+        var isContainsValue = valuecheck.some(function (item) { return item !== null; });
         if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-            && this.listData != null && !(valuecheck.length === 1 && valuecheck[0] == null)) {
+            && this.listData != null && isContainsValue) {
             this.isaddNonPresentItems = true;
             this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
             this.isaddNonPresentItems = false;
@@ -899,9 +900,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 return this.virtualFilterQuery(filterQuery);
             }
             if (this.virtualSelectAll) {
-                return query ? query.take(this.maximumSelectionLength).requiresCount() : this.query ?
-                    this.query.take(this.maximumSelectionLength).requiresCount() :
-                    new Query().take(this.maximumSelectionLength).requiresCount();
+                return query ? query.skip(0).take(this.maximumSelectionLength).requiresCount() : this.query ?
+                    this.query.skip(0).take(this.maximumSelectionLength).requiresCount() :
+                    new Query().skip(0).take(this.maximumSelectionLength).requiresCount();
             }
             return filterQuery;
         }
@@ -5460,8 +5461,13 @@ var MultiSelect = /** @class */ (function (_super) {
         });
     };
     MultiSelect.prototype.updateVal = function (newProp, oldProp, prop) {
+        var _this = this;
         if (!this.list) {
             this.onLoadSelect();
+            if (this.enableVirtualization) {
+                this.setProperties({ text: '' }, true);
+                this.checkInitialValue();
+            }
         }
         else if ((this.dataSource instanceof DataManager) && (!this.listData || !(this.mainList && this.mainData))) {
             this.onLoadSelect();
@@ -5471,8 +5477,9 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
+            var isContainsValue = valuecheck.some(function (item) { return item !== null; });
             if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-                && this.listData != null) {
+                && this.listData != null && isContainsValue) {
                 this.mainData = null;
                 this.setDynValue = true;
                 this.isaddNonPresentItems = true;
@@ -5500,10 +5507,41 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.initialValueUpdate(this.dataSource, true);
                 }
                 else if (!this.isInitRemoteVirtualData) {
-                    this.isDynamicRemoteVirtualData = true;
-                    this.initialValueUpdate(this.listData, true);
-                    this.isDynamicRemoteVirtualData = false;
-                    this.initialUpdate();
+                    if (this.allowObjectBinding && !isContainsValue && this.value && this.value.length) {
+                        var fields = !this.isPrimitiveData ? this.fields.value : '';
+                        var predicate = void 0;
+                        for (var i = 0; i < this.value.length; i++) {
+                            var value = this.allowObjectBinding ?
+                                getValue((this.fields.value) ? this.fields.value : '', this.value[i]) :
+                                this.value[i];
+                            if (i === 0) {
+                                predicate = new Predicate(fields, 'equal', value);
+                            }
+                            else {
+                                predicate = predicate.or(fields, 'equal', value);
+                            }
+                        }
+                        if (this.dataSource instanceof DataManager) {
+                            this.dataSource.executeQuery(new Query().where(predicate))
+                                .then(function (e) {
+                                if (e.result.length > 0) {
+                                    var listItems_2 = e.result;
+                                    _this.isDynamicRemoteVirtualData = true;
+                                    setTimeout(function () {
+                                        _this.initialValueUpdate(listItems_2, true);
+                                        _this.isDynamicRemoteVirtualData = false;
+                                        _this.initialUpdate();
+                                    }, 100);
+                                }
+                            });
+                        }
+                    }
+                    else {
+                        this.isDynamicRemoteVirtualData = true;
+                        this.initialValueUpdate(this.listData, true);
+                        this.isDynamicRemoteVirtualData = false;
+                        this.initialUpdate();
+                    }
                 }
                 if (this.mode !== 'Box' && !this.inputFocus) {
                     this.updateDelimView();
@@ -6102,7 +6140,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         if (this.value && this.value.length) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var listItems_2;
+            var listItems_3;
             if (this.enableVirtualization) {
                 var fields = !this.isPrimitiveData ? this.fields.value : '';
                 var predicate = void 0;
@@ -6121,11 +6159,11 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.dataSource.executeQuery(new Query().where(predicate))
                         .then(function (e) {
                         if (e.result.length > 0) {
-                            listItems_2 = e.result;
+                            listItems_3 = e.result;
                             _this.initStatus = false;
                             _this.isInitRemoteVirtualData = true;
                             setTimeout(function () {
-                                _this.initialValueUpdate(listItems_2, true);
+                                _this.initialValueUpdate(listItems_3, true);
                                 _this.initialUpdate();
                                 _this.isInitRemoteVirtualData = false;
                             }, 100);
@@ -6134,18 +6172,18 @@ var MultiSelect = /** @class */ (function (_super) {
                     });
                 }
                 else {
-                    listItems_2 = new DataManager(this.dataSource).executeLocal(new Query().where(predicate));
+                    listItems_3 = new DataManager(this.dataSource).executeLocal(new Query().where(predicate));
                 }
             }
             if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate(listItems_2, true);
+                this.initialValueUpdate(listItems_3, true);
                 this.initialUpdate();
             }
             else {
                 this.setInitialValue = function () {
                     _this.initStatus = false;
                     if (!_this.enableVirtualization || (_this.enableVirtualization && (!(_this.dataSource instanceof DataManager)))) {
-                        _this.initialValueUpdate(listItems_2);
+                        _this.initialValueUpdate(listItems_3);
                     }
                     _this.initialUpdate();
                     _this.setInitialValue = null;