@syncfusion/ej2-dropdowns 32.1.25 → 32.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.25
+*  version : 32.2.4
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "32.1.25",
+  "version": "32.2.4",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24",
-    "@syncfusion/ej2-data": "~32.1.24",
-    "@syncfusion/ej2-inputs": "~32.1.24",
-    "@syncfusion/ej2-lists": "~32.1.24",
-    "@syncfusion/ej2-navigations": "~32.1.24",
-    "@syncfusion/ej2-notifications": "~32.1.24",
-    "@syncfusion/ej2-popups": "~32.1.25"
+    "@syncfusion/ej2-base": "~32.2.3",
+    "@syncfusion/ej2-data": "~32.2.3",
+    "@syncfusion/ej2-inputs": "~32.2.3",
+    "@syncfusion/ej2-lists": "~32.2.3",
+    "@syncfusion/ej2-navigations": "~32.2.3",
+    "@syncfusion/ej2-notifications": "~32.2.3",
+    "@syncfusion/ej2-popups": "~32.2.4"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -591,6 +591,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     }[], e?: Object, isUpdated?: boolean): void;
     private isValueInList;
     private checkFieldValue;
+    private checkAndFetchItemData;
     private updateActionCompleteDataValues;
     private addNewItem;
     protected updateActionCompleteData(li: HTMLElement, item: {

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

@@ -2382,37 +2382,10 @@ var DropDownList = /** @class */ (function (_super) {
                 this.activeIndex = this.index;
                 this.initialRemoteRender = false;
                 if (this.value && this.dataSource instanceof DataManager) {
-                    var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
-                    var value_1 = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
-                        getValue(checkField_1, this.value) : this.value;
-                    var fieldValue_1 = this.fields.value.split('.');
-                    var checkVal = list.some(function (x) {
-                        return isNullOrUndefined(x[checkField_1]) && fieldValue_1.length > 1 ?
-                            _this.checkFieldValue(x, fieldValue_1) === value_1 : x[checkField_1] === value_1;
-                    });
-                    if (this.enableVirtualization && this.virtualGroupDataSource) {
-                        checkVal = this.virtualGroupDataSource.some(function (x) {
-                            return isNullOrUndefined(x[checkField_1]) && fieldValue_1.length > 1 ?
-                                _this.checkFieldValue(x, fieldValue_1) === value_1 : x[checkField_1] === value_1;
-                        });
-                    }
-                    if (!checkVal && !this.enableVirtualization) {
-                        this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField_1, 'equal', value_1)))
-                            .then(function (e) {
-                            if (e.result.length > 0) {
-                                if (!_this.enableVirtualization) {
-                                    _this.addItem(e.result, list.length);
-                                }
-                                _this.updateValues();
-                            }
-                            else {
-                                _this.updateValues();
-                            }
-                        });
-                    }
-                    else {
-                        this.updateValues();
-                    }
+                    var checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
+                    var value = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
+                        getValue(checkField, this.value) : this.value;
+                    this.checkAndFetchItemData(list, value, checkField);
                 }
                 else {
                     this.updateValues();
@@ -2520,6 +2493,46 @@ var DropDownList = /** @class */ (function (_super) {
         });
         return checkField;
     };
+    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField) {
+        var _this = this;
+        var fieldValue = this.fields.value.split('.');
+        var checkVal = list.some(function (x) {
+            return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                _this.checkFieldValue(x, fieldValue) === value : x[checkField] === value;
+        });
+        if (this.enableVirtualization && this.virtualGroupDataSource) {
+            checkVal = this.virtualGroupDataSource.some(function (x) {
+                return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                    _this.checkFieldValue(x, fieldValue) === value : x[checkField] === value;
+            });
+        }
+        if (!checkVal && this.dataSource instanceof DataManager) {
+            (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
+                .then(function (e) {
+                if (e.result.length > 0) {
+                    if (!_this.enableVirtualization) {
+                        _this.addItem(e.result, list.length);
+                    }
+                    else {
+                        _this.itemData = e.result[0];
+                        var dataItem = _this.getItemData();
+                        if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
+                            (_this.value !== dataItem.value && _this.text === dataItem.text)) {
+                            _this.setProperties({ text: dataItem.text.toString() });
+                            Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
+                        }
+                    }
+                    _this.updateValues();
+                }
+                else {
+                    _this.updateValues();
+                }
+            });
+        }
+        else {
+            this.updateValues();
+        }
+    };
     DropDownList.prototype.updateActionCompleteDataValues = function (ulElement, list) {
         this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
         if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
@@ -2529,10 +2542,10 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.addNewItem = function (listData, newElement) {
         var _this = this;
         if (!isNullOrUndefined(this.itemData) && !isNullOrUndefined(newElement)) {
-            var value_2 = this.getItemData().value;
+            var value_1 = this.getItemData().value;
             var isExist = listData.some(function (data) {
-                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_2) ||
-                    (getValue(_this.fields.value, data) === value_2));
+                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_1) ||
+                    (getValue(_this.fields.value, data) === value_1));
             });
             if (!isExist) {
                 this.addItem(this.itemData);
@@ -3947,6 +3960,12 @@ var DropDownList = /** @class */ (function (_super) {
                         return { value: void 0 };
                     }
                     if (this_1.enableVirtualization) {
+                        if (newProp.value && this_1.dataSource instanceof DataManager) {
+                            var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
+                            var value = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                getValue(checkField, newProp.value) : newProp.value;
+                            this_1.checkAndFetchItemData(this_1.listData, value, checkField);
+                        }
                         this_1.updateValues();
                         this_1.updateInputFields();
                         this_1.notify('setCurrentViewDataAsync', {
@@ -3975,9 +3994,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_3 = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                var value_2 = 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_3)))
+                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', value_2)))
                                     .then(function (e) {
                                     if (e.result.length > 0) {
                                         _this.addItem(e.result, listLength_2);

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

@@ -3970,7 +3970,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.unwireListEvents();
         this.wireListEvents();
     };
-    MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData) {
+    MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData, isInitialRender) {
         var _this = this;
         if (this.list) {
             var text = void 0;
@@ -3980,6 +3980,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.chipCollectionWrapper.innerHTML = '';
             }
             this.removeListSelection();
+            var formElement = closest(this.inputElement, 'form');
             if (!isNullOrUndefined(this.value)) {
                 for (var index = 0; !isNullOrUndefined(this.value[index]); index++) {
                     value_2 = this.allowObjectBinding ?
@@ -4024,7 +4025,8 @@ var MultiSelect = /** @class */ (function (_super) {
                         }
                         else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
                             ((!(this.dataSource instanceof DataManager)) ||
-                                (this.dataSource instanceof DataManager && isInitialVirtualData))) {
+                                (this.dataSource instanceof DataManager && isInitialVirtualData)) && (!this.isAngular || !isInitialRender ||
+                            (isNullOrUndefined(formElement) && listItems && listItems.length > 0))) {
                             this.value.splice(index, 1);
                             index -= 1;
                         }
@@ -6130,7 +6132,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.viewPortInfo.startIndex = this.virtualItemStartIndex = 0;
         this.viewPortInfo.endIndex = this.virtualItemEndIndex = this.viewPortInfo.startIndex > 0 ?
             this.viewPortInfo.endIndex : this.itemCount;
-        this.checkInitialValue();
+        this.checkInitialValue(true);
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
@@ -6310,7 +6312,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.value = data.length > 0 ? data : null;
         }
     };
-    MultiSelect.prototype.checkInitialValue = function () {
+    MultiSelect.prototype.checkInitialValue = function (isInitialRender) {
         var _this = this;
         if (this.fields.disabled) {
             this.removeDisabledItemsValue(this.value);
@@ -6397,7 +6399,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
             }
             if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate(listItems_3, true);
+                this.initialValueUpdate(listItems_3, true, isInitialRender);
                 this.initialUpdate();
             }
             else {

package/tslint.json

@@ -0,0 +1,111 @@
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}