@syncfusion/ej2-multicolumn-combobox 32.1.25 → 33.1.44

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

@@ -294,6 +294,27 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         };
         this.matchedRowEle = this.matchedContent = this.exactMatchedContent = null;
         this.persistData();
+        this.createLiveRegion();
+    };
+    MultiColumnComboBox.prototype.createLiveRegion = function () {
+        this.liveRegion = this.createElement('div', {
+            attrs: {
+                id: this.element.id + '_live',
+                'aria-live': 'polite',
+                'aria-atomic': 'true',
+                role: 'status'
+            },
+            styles: "\n                width: 0;\n                height: 0;\n                overflow: hidden;\n            "
+        });
+        document.body.appendChild(this.liveRegion);
+        this.liveRegion.textContent = '';
+    };
+    MultiColumnComboBox.prototype.announcePosition = function (index, total) {
+        if (!this.isPopupOpen) {
+            return;
+        }
+        var message = "Item " + (index + 1) + " of " + total;
+        this.liveRegion.textContent = message;
     };
     MultiColumnComboBox.prototype.getDirective = function () {
         return 'EJS-MULTICOLUMNCOMBOBOX';
@@ -1143,6 +1164,9 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
                     _this.hidePopup(e);
                 }
             }
+            if (_this.gridObj) {
+                _this.announcePosition(_this.gridObj.selectedRowIndex, _this.gridObj.getRows().length);
+            }
         });
     };
     MultiColumnComboBox.prototype.updateValues = function (value, text, index, eventArgs, isInitial) {
@@ -1627,6 +1651,12 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 _this.popupObj.show(new Animation(eventArgs.animation), _this.popupEle.firstElementChild);
+                _this.liveRegion.textContent = '';
+                setTimeout(function () {
+                    if (_this.gridObj) {
+                        _this.announcePosition(_this.gridObj.selectedRowIndex, _this.gridObj.getRows().length);
+                    }
+                }, 300);
             }
         });
     };
@@ -1760,6 +1790,10 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         });
         detach(this.inputWrapper);
         detach(this.popupDiv);
+        if (this.liveRegion) {
+            detach(this.liveRegion);
+            this.liveRegion = null;
+        }
         this.inputEle = null;
         this.previousItemElement = null;
         this.inputWrapper.innerHTML = '';