@syncfusion/ej2-dropdowns 20.3.47 → 20.3.48

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

@@ -409,7 +409,8 @@ let DropDownBase = class DropDownBase extends Component {
                 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);
             }
             const content = actionFailure ?
                 this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
@@ -9435,7 +9436,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.resetList(tempData, field, query);
             }
             else {
-                const tempData = [this.inputElement.value];
+                const 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') ?
@@ -16040,6 +16042,9 @@ let Mention = class Mention extends DropDownBase {
     onActionComplete(ulElement, list, e, isUpdated) {
         super.onActionComplete(ulElement, list, e);
         if (this.isActive) {
+            if (!isNullOrUndefined(ulElement)) {
+                attributes(ulElement, { 'id': this.inputElement.id + '_options', 'role': 'listbox', 'aria-hidden': 'false' });
+            }
             let focusItem = ulElement.querySelector('.' + dropDownBaseClasses.li);
             if (focusItem) {
                 focusItem.classList.add(dropDownBaseClasses.selected);
@@ -16173,6 +16178,10 @@ let Mention = class Mention extends DropDownBase {
      */
     showPopup() {
         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 */
     /**
@@ -16189,6 +16198,8 @@ let Mention = class Mention extends DropDownBase {
             return;
         }
         EventHandler.remove(document, 'mousedown', this.onDocumentClick);
+        this.inputElement.removeAttribute('aria-owns');
+        this.inputElement.removeAttribute('aria-activedescendant');
         this.beforePopupOpen = false;
         const animModel = {
             name: 'FadeOut',
@@ -16250,6 +16261,11 @@ let Mention = class Mention extends DropDownBase {
                     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');
+                }
                 const animModel = { name: 'FadeIn', duration: 100 };
                 this.beforePopupOpen = true;
                 const popupInstance = this.popupObj;