@syncfusion/ej2-dropdowns 32.2.8 → 32.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.8
+*  version : 32.2.9
 *  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.2.8",
+  "version": "32.2.9",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.6",
+    "@syncfusion/ej2-base": "~32.2.9",
     "@syncfusion/ej2-data": "~32.2.3",
     "@syncfusion/ej2-inputs": "~32.2.8",
     "@syncfusion/ej2-lists": "~32.2.7",
-    "@syncfusion/ej2-navigations": "~32.2.8",
+    "@syncfusion/ej2-navigations": "~32.2.9",
     "@syncfusion/ej2-notifications": "~32.2.3",
     "@syncfusion/ej2-popups": "~32.2.8"
   },

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

@@ -593,6 +593,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private isValueInList;
     private checkFieldValue;
     private checkAndFetchItemData;
+    private searchOfflineData;
     private updateActionCompleteDataValues;
     private addNewItem;
     protected updateActionCompleteData(li: HTMLElement, item: {

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

@@ -2497,8 +2497,9 @@ var DropDownList = /** @class */ (function (_super) {
         });
         return checkField;
     };
-    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField) {
+    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField, isOffline) {
         var _this = this;
+        if (isOffline === void 0) { isOffline = false; }
         var fieldValue = this.fields.value.split('.');
         var checkVal = list.some(function (x) {
             return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
@@ -2511,27 +2512,67 @@ var DropDownList = /** @class */ (function (_super) {
             });
         }
         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);
+            if (isOffline) {
+                this.searchOfflineData(value, checkField);
+            }
+            else {
+                (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.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();
                     }
-                    _this.updateValues();
-                }
-                else {
-                    _this.updateValues();
+                });
+            }
+        }
+        else {
+            this.updateValues();
+        }
+    };
+    DropDownList.prototype.searchOfflineData = function (value, checkField) {
+        var _this = this;
+        if (!(this.dataSource instanceof DataManager)) {
+            this.updateValues();
+            return;
+        }
+        var dataManager = this.dataSource;
+        var fullData = dataManager.dataSource.json || [];
+        if (fullData && fullData.length > 0) {
+            var foundItem = fullData.find(function (item) {
+                if (_this.fields.value && _this.fields.value.includes('.')) {
+                    var fieldValueArray = _this.fields.value.split('.');
+                    var fieldVal = _this.checkFieldValue(item, fieldValueArray);
+                    return fieldVal === value;
                 }
+                return item[checkField] === value;
             });
+            if (foundItem) {
+                this.itemData = foundItem;
+                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();
@@ -3977,10 +4018,12 @@ var DropDownList = /** @class */ (function (_super) {
                     }
                     if (this_1.enableVirtualization) {
                         if (newProp.value && this_1.dataSource instanceof DataManager) {
+                            var isOfflineMode = this_1.dataSource instanceof DataManager &&
+                                this_1.dataSource.dataSource.offline === true;
                             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.checkAndFetchItemData(this_1.listData, value, checkField, isOfflineMode);
                         }
                         this_1.updateValues();
                         this_1.updateInputFields();

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

@@ -2289,7 +2289,10 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
             }
             else {
-                this.onActionComplete(list, this.mainData);
+                var listUl = this.list && this.list.querySelector('ul');
+                var isFullList = this.isReact && this.itemTemplate && listUl != null &&
+                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length;
+                this.onActionComplete(isFullList ? listUl : list, this.mainData);
             }
             this.focusAtLastListItem(data);
             if (this.value && this.value.length) {
@@ -2521,9 +2524,13 @@ var MultiSelect = /** @class */ (function (_super) {
         addClass([element], CHIP_SELECTED);
         if (element) {
             element.setAttribute('id', this.element.id + '_chip_item');
-            if (!isNullOrUndefined(this.inputElement) && element.id && !this.inputElement.hasAttribute('aria-activedescendant')) {
+            if (!isNullOrUndefined(this.inputElement) && element.id) {
                 this.inputElement.setAttribute('aria-activedescendant', element.id);
             }
+            var chipClose = element.querySelector('span.' + CHIP_CLOSE.split(' ')[0]);
+            if (chipClose) {
+                chipClose.removeAttribute('aria-hidden');
+            }
         }
         this.trigger('chipSelection', e);
     };
@@ -2927,6 +2934,7 @@ var MultiSelect = /** @class */ (function (_super) {
         var _this = this;
         var list = this.listData;
         if (this.initStatus && !isNotTrigger && (!this.allowObjectBinding || (this.allowObjectBinding && value))) {
+            var selectAllArgsLocal_1 = null;
             value = this.allowObjectBinding ? getValue(((this.fields.value) ? this.fields.value : ''), value) : value;
             var val_2 = dataValue ? dataValue : this.getDataByValue(value);
             var eventArgs = {
@@ -2943,15 +2951,13 @@ var MultiSelect = /** @class */ (function (_super) {
                         _this.selectAllEventEle.push(element);
                     }
                     if (length === 1) {
-                        var args = {
+                        selectAllArgsLocal_1 = {
                             event: eve,
                             items: _this.selectAllEventEle,
                             itemData: _this.selectAllEventData,
                             isInteracted: eve ? true : false,
                             isChecked: true
                         };
-                        _this.trigger('selectedAll', args);
-                        _this.selectAllEventData = [];
                     }
                     if (_this.allowCustomValue && _this.isServerRendered && _this.listData !== list) {
                         _this.listData = list;
@@ -2988,6 +2994,10 @@ var MultiSelect = /** @class */ (function (_super) {
                     if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox') {
                         _super.prototype.scrollStop.call(_this);
                     }
+                    if (selectAllArgsLocal_1) {
+                        _this.trigger('selectedAll', selectAllArgsLocal_1);
+                        _this.selectAllEventData = [];
+                    }
                 }
             });
         }
@@ -3000,12 +3010,18 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.removeChipFocus = function () {
         var elements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP + '.' + CHIP_SELECTED);
         removeClass(elements, CHIP_SELECTED);
+        var closeElements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP_CLOSE.split(' ')[0]);
         if (Browser.isDevice) {
-            var closeElements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP_CLOSE.split(' ')[0]);
             for (var index = 0; index < closeElements.length; index++) {
+                closeElements[index].setAttribute('aria-hidden', 'true');
                 closeElements[index].style.display = 'none';
             }
         }
+        else {
+            for (var index = 0; index < closeElements.length; index++) {
+                closeElements[index].setAttribute('aria-hidden', 'true');
+            }
+        }
     };
     MultiSelect.prototype.onMobileChipInteraction = function (e) {
         var chipElem = closest(e.target, '.' + CHIP);
@@ -3046,7 +3062,7 @@ var MultiSelect = /** @class */ (function (_super) {
         });
         var compiledString;
         var chipContent = this.createElement('span', { className: CHIP_CONTENT });
-        var chipClose = this.createElement('span', { className: CHIP_CLOSE });
+        var chipClose = this.createElement('span', { className: CHIP_CLOSE, attrs: { 'aria-label': 'delete', 'aria-hidden': 'true', 'tabindex': '-1' } });
         if (this.mainData) {
             itemData = this.getDataByValue(value);
         }
@@ -4403,6 +4419,9 @@ var MultiSelect = /** @class */ (function (_super) {
                     }
                     else {
                         e.preventDefault();
+                        if (this.value.length === this.listData.length && this.isPopupOpen()) {
+                            this.hidePopup(e);
+                        }
                     }
                     var isFilterData = this.targetElement().trim() !== '' ? true : false;
                     this.makeTextBoxEmpty();
@@ -6048,7 +6067,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         else {
             this.chipCollectionWrapper = this.createElement('span', {
-                className: CHIP_WRAPPER
+                className: CHIP_WRAPPER, attrs: { role: 'listbox' }
             });
             this.chipCollectionWrapper.style.display = 'none';
             if (this.mode === 'Default') {