@syncfusion/ej2-dropdowns 33.2.10 → 33.2.15

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.10
+*  version : 33.2.15
 *  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": "33.2.10",
+  "version": "33.2.15",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,10 +9,10 @@
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-data": "~33.2.5",
-    "@syncfusion/ej2-inputs": "~33.2.10",
+    "@syncfusion/ej2-data": "~33.2.12",
+    "@syncfusion/ej2-inputs": "~33.2.15",
     "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-navigations": "~33.2.10",
+    "@syncfusion/ej2-navigations": "~33.2.15",
     "@syncfusion/ej2-notifications": "~33.2.7",
     "@syncfusion/ej2-popups": "~33.2.7"
   },

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

@@ -2881,7 +2881,7 @@ var DropDownList = /** @class */ (function (_super) {
                     }, 5);
                 }
                 attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_popup', 'aria-controls': _this.element.id });
-                if (_this.getModuleName() !== 'dropdownlist' && _this.list.classList.contains('e-nodata')) {
+                if (_this.list.classList.contains('e-nodata')) {
                     attributes(_this.targetElement(), { 'aria-activedescendant': 'no-record' });
                     _this.popupContentElement.setAttribute('role', 'status');
                     _this.popupContentElement.setAttribute('id', 'no-record');
@@ -3075,9 +3075,7 @@ var DropDownList = /** @class */ (function (_super) {
                 ulElement = null;
             },
             targetExitViewport: function () {
-                if (!Browser.isDevice) {
-                    _this.hidePopup();
-                }
+                _this.hidePopup();
             }
         });
     };
@@ -3695,8 +3693,8 @@ var DropDownList = /** @class */ (function (_super) {
             if (!this.targetElement().hasAttribute('aria-label')) {
                 attributes(this.targetElement(), { 'aria-label': this.getModuleName() });
             }
-            if (!this.inputElement.hasAttribute('aria-label')) {
-                this.inputElement.setAttribute('aria-label', this.getModuleName());
+            if (!this.inputElement.hasAttribute('aria-labelledby')) {
+                this.inputElement.setAttribute('aria-labelledby', this.hiddenElement.id);
             }
             this.inputElement.setAttribute('aria-expanded', 'false');
         }
@@ -4053,6 +4051,9 @@ var DropDownList = /** @class */ (function (_super) {
                     }
                     break;
                 case 'value':
+                    if (this_1.isAngular && closest(this_1.inputElement, 'form') && oldProp.value === newProp.value) {
+                        this_1.preventChange = true;
+                    }
                     if (this_1.fields.disabled) {
                         newProp.value = newProp.value != null && !this_1.isDisableItemValue(newProp.value) ? newProp.value : null;
                     }

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

@@ -487,8 +487,10 @@ var CheckBoxSelection = /** @class */ (function () {
         }
     };
     CheckBoxSelection.prototype.setLocale = function (unSelect) {
-        if (this.parent.selectAllText !== 'Select All' || this.parent.unSelectAllText !== 'Unselect All') {
-            var template = unSelect ? this.parent.unSelectAllText : this.parent.selectAllText;
+        var template = unSelect ? this.parent.unSelectAllText : this.parent.selectAllText;
+        var isListBox = this.parent.element.classList.contains('e-listbox');
+        if ((this.parent.selectAllText !== 'Select All' || this.parent.unSelectAllText !== 'Unselect All') &&
+            (!isListBox || typeof template === 'function' || (typeof template === 'string' && /<[a-z][\s\S]*>/i.test(template)))) {
             this.selectAllSpan.textContent = '';
             var compiledString = compile(template);
             var templateName = unSelect ? 'unSelectAllText' : 'selectAllText';

package/src/multi-select/multi-select.d.ts

@@ -675,6 +675,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private isSelectAllLoop;
     private initialPopupHeight;
     private chipAnnouncerLiveRegion;
+    private isInitialFocusAnnouncementDone;
     private enableRTL;
     requiredModules(): ModuleDeclaration[];
     private updateHTMLAttribute;
@@ -774,6 +775,8 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private selectListByKey;
     private refreshListItems;
     private removeSelectedChip;
+    private announceSelection;
+    private announceInitialFocusInstruction;
     private moveByTop;
     private clickHandler;
     private moveByList;

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

@@ -111,6 +111,7 @@ var MultiSelect = /** @class */ (function (_super) {
         _this.selectAllEventEle = [];
         _this.preventSetCurrentData = false;
         _this.isSelectAllLoop = false;
+        _this.isInitialFocusAnnouncementDone = false;
         _this.scrollFocusStatus = false;
         _this.keyDownStatus = false;
         return _this;
@@ -1353,6 +1354,7 @@ var MultiSelect = /** @class */ (function (_super) {
             return;
         }
         this.inputFocus = false;
+        this.isInitialFocusAnnouncementDone = false;
         this.overAllWrapper.classList.remove(FOCUS);
         if (this.addTagOnBlur) {
             var dataChecks = this.getValueByText(this.inputElement.value, this.ignoreCase, this.ignoreAccent);
@@ -1620,6 +1622,10 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.trigger('focus', args);
                 this.focused = false;
             }
+            if (!this.isInitialFocusAnnouncementDone) {
+                this.announceInitialFocusInstruction();
+                this.isInitialFocusAnnouncementDone = true;
+            }
             if (!this.overAllWrapper.classList.contains(FOCUS)) {
                 this.overAllWrapper.classList.add(FOCUS);
             }
@@ -2347,6 +2353,25 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.checkPlaceholderSize();
     };
+    MultiSelect.prototype.announceSelection = function (text) {
+        if (text && this.chipAnnouncerLiveRegion) {
+            var count = this.value ? this.value.length : 0;
+            var announcement = text + " added to selection " + count + " items selected";
+            this.chipAnnouncerLiveRegion.textContent = announcement;
+        }
+    };
+    MultiSelect.prototype.announceInitialFocusInstruction = function () {
+        var _this = this;
+        if (this.chipAnnouncerLiveRegion) {
+            var instruction_1 = 'Use arrow keys to open popup and navigate items, Enter to select, and Backspace to delete selections';
+            this.chipAnnouncerLiveRegion.textContent = '';
+            setTimeout(function () {
+                if (_this.chipAnnouncerLiveRegion) {
+                    _this.chipAnnouncerLiveRegion.textContent = instruction_1;
+                }
+            }, 200);
+        }
+    };
     MultiSelect.prototype.moveByTop = function (state) {
         var elements = this.list.querySelectorAll('li.' + dropDownBaseClasses.li);
         var index;
@@ -2551,7 +2576,9 @@ var MultiSelect = /** @class */ (function (_super) {
             element.setAttribute('aria-hidden', 'true');
             var chipTitle = element.getAttribute('title');
             if (chipTitle && this.chipAnnouncerLiveRegion) {
-                var announcement = chipTitle + " focused. Press Backspace to remove";
+                var announcement = chipTitle.length > 500
+                    ? 'Chip focused. Press Backspace to remove'
+                    : chipTitle + " focused. Press Backspace to remove";
                 this.chipAnnouncerLiveRegion.textContent = announcement;
             }
             if (!isNullOrUndefined(this.inputElement) && element.id) {
@@ -2928,6 +2955,9 @@ var MultiSelect = /** @class */ (function (_super) {
         if (this.mode !== 'Delimiter' && this.mode !== 'CheckBox') {
             this.addChip(text, value, eve);
         }
+        else {
+            this.announceSelection(text);
+        }
         if (this.hideSelectedItem && this.fields.groupBy) {
             this.hideGroupItem(value);
         }
@@ -3140,6 +3170,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
                 EventHandler.add(chipClose, 'mousedown', _this.onChipRemove, _this);
                 _this.chipCollectionWrapper.appendChild(chip);
+                _this.announceSelection(data);
                 if (!_this.changeOnBlur && e) {
                     _this.updateValueState(e, _this.value, _this.tempValues);
                 }