@syncfusion/ej2-dropdowns 20.3.47 → 20.3.48

package/dist/es6/ej2-dropdowns.es5.js

@@ -431,7 +431,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                 this.l10n = componentLocale;
             }
             else {
-                this.l10n = new L10n(this.getModuleName() === 'listbox' ? 'listbox' : 'dropdowns', l10nLocale, this.locale);
+                this.l10n = new L10n(this.getModuleName() === 'listbox' ? 'listbox' :
+                    this.getModuleName() === 'mention' ? 'mention' : 'dropdowns', l10nLocale, this.locale);
             }
             var content = actionFailure ?
                 this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
@@ -9592,7 +9593,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.resetList(tempData, field, query);
             }
             else {
-                var tempData = [this.inputElement.value];
+                var tempData = JSON.parse(JSON.stringify(this.listData));
+                tempData.splice(0, 0, this.inputElement.value);
                 tempData[0] = (typeof customData === 'number' && !isNaN(parseFloat(tempData[0]))) ?
                     parseFloat(tempData[0]) : tempData[0];
                 tempData[0] = (typeof customData === 'boolean') ?
@@ -16294,6 +16296,9 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
     Mention.prototype.onActionComplete = function (ulElement, list, e, isUpdated) {
         _super.prototype.onActionComplete.call(this, ulElement, list, e);
         if (this.isActive) {
+            if (!isNullOrUndefined(ulElement)) {
+                attributes(ulElement, { 'id': this.inputElement.id + '_options', 'role': 'listbox', 'aria-hidden': 'false' });
+            }
             var focusItem = ulElement.querySelector('.' + dropDownBaseClasses.li);
             if (focusItem) {
                 focusItem.classList.add(dropDownBaseClasses.selected);
@@ -16428,6 +16433,10 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
      */
     Mention.prototype.showPopup = function () {
         this.renderPopup();
+        attributes(this.inputElement, { 'aria-activedescendant': this.selectedElementID });
+        if (this.selectedElementID == null) {
+            this.inputElement.removeAttribute('aria-activedescendant');
+        }
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -16445,6 +16454,8 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         EventHandler.remove(document, 'mousedown', this.onDocumentClick);
+        this.inputElement.removeAttribute('aria-owns');
+        this.inputElement.removeAttribute('aria-activedescendant');
         this.beforePopupOpen = false;
         var animModel = {
             name: 'FadeOut',
@@ -16507,6 +16518,11 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                     _this.unWireListEvents();
                     _this.wireListEvents();
                 }
+                _this.selectedElementID = _this.selectedLI ? _this.selectedLI.id : null;
+                attributes(_this.inputElement, { 'aria-owns': _this.inputElement.id + '_options', 'aria-activedescendant': _this.selectedElementID });
+                if (_this.selectedElementID == null) {
+                    _this.inputElement.removeAttribute('aria-activedescendant');
+                }
                 var animModel = { name: 'FadeIn', duration: 100 };
                 _this.beforePopupOpen = true;
                 var popupInstance = _this.popupObj;