@syncfusion/ej2-dropdowns 20.3.47 → 20.3.49

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');
@@ -1608,6 +1609,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
     }
     clearAll(e, properties) {
+        this.previousItemData = (!isNullOrUndefined(this.itemData)) ? this.itemData : null;
         if (isNullOrUndefined(properties) || (!isNullOrUndefined(properties) &&
             (isNullOrUndefined(properties.dataSource) ||
                 (!(properties.dataSource instanceof DataManager) && properties.dataSource.length === 0)))) {
@@ -2909,7 +2911,8 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.initRemoteRender = false;
                 if (this.value && this.dataSource instanceof DataManager) {
                     const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
-                    const checkVal = list.some((x) => x[checkField] === this.value);
+                    const fieldValue = this.fields.value.split('.');
+                    const checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ? this.checkFieldValue(x, fieldValue) === this.value : x[checkField] === this.value);
                     if (!checkVal) {
                         this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', this.value)))
                             .then((e) => {
@@ -2959,6 +2962,13 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
         }
     }
+    checkFieldValue(list, fieldValue) {
+        let checkField = list;
+        fieldValue.forEach((value) => {
+            checkField = checkField[value];
+        });
+        return checkField;
+    }
     updateActionCompleteDataValues(ulElement, list) {
         this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
         if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
@@ -9435,7 +9445,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') ?
@@ -14169,7 +14180,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (this.listData.length === 0) {
             this.l10nUpdate();
         }
-        this.value = null;
+        this.value = [];
         this.updateToolBarState();
     }
     /**
@@ -16040,6 +16051,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 +16187,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 +16207,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 +16270,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;