@syncfusion/ej2-multicolumn-combobox 32.1.25 → 33.1.44

package/dist/es6/ej2-multicolumn-combobox.es2015.js

@@ -234,6 +234,31 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         };
         this.matchedRowEle = this.matchedContent = this.exactMatchedContent = null;
         this.persistData();
+        this.createLiveRegion();
+    }
+    createLiveRegion() {
+        this.liveRegion = this.createElement('div', {
+            attrs: {
+                id: this.element.id + '_live',
+                'aria-live': 'polite',
+                'aria-atomic': 'true',
+                role: 'status'
+            },
+            styles: `
+                width: 0;
+                height: 0;
+                overflow: hidden;
+            `
+        });
+        document.body.appendChild(this.liveRegion);
+        this.liveRegion.textContent = '';
+    }
+    announcePosition(index, total) {
+        if (!this.isPopupOpen) {
+            return;
+        }
+        const message = `Item ${index + 1} of ${total}`;
+        this.liveRegion.textContent = message;
     }
     getDirective() {
         return 'EJS-MULTICOLUMNCOMBOBOX';
@@ -1069,6 +1094,9 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                     this.hidePopup(e);
                 }
             }
+            if (this.gridObj) {
+                this.announcePosition(this.gridObj.selectedRowIndex, this.gridObj.getRows().length);
+            }
         });
     }
     updateValues(value, text, index, eventArgs, isInitial) {
@@ -1544,6 +1572,12 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                     }
                 }
                 this.popupObj.show(new Animation(eventArgs.animation), this.popupEle.firstElementChild);
+                this.liveRegion.textContent = '';
+                setTimeout(() => {
+                    if (this.gridObj) {
+                        this.announcePosition(this.gridObj.selectedRowIndex, this.gridObj.getRows().length);
+                    }
+                }, 300);
             }
         });
     }
@@ -1675,6 +1709,10 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         });
         detach(this.inputWrapper);
         detach(this.popupDiv);
+        if (this.liveRegion) {
+            detach(this.liveRegion);
+            this.liveRegion = null;
+        }
         this.inputEle = null;
         this.previousItemElement = null;
         this.inputWrapper.innerHTML = '';