@syncfusion/ej2-dropdowns 20.3.47 → 20.3.49

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');
@@ -1652,6 +1653,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownList.prototype.clearAll = function (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)))) {
@@ -2959,7 +2961,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 this.initRemoteRender = false;
                 if (this.value && this.dataSource instanceof DataManager) {
                     var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
-                    var checkVal = list.some(function (x) { return x[checkField_1] === _this.value; });
+                    var fieldValue_1 = this.fields.value.split('.');
+                    var checkVal = list.some(function (x) { return isNullOrUndefined(x[checkField_1]) && fieldValue_1.length > 1 ? _this.checkFieldValue(x, fieldValue_1) === _this.value : x[checkField_1] === _this.value; });
                     if (!checkVal) {
                         this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField_1, 'equal', this.value)))
                             .then(function (e) {
@@ -3009,6 +3012,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    DropDownList.prototype.checkFieldValue = function (list, fieldValue) {
+        var checkField = list;
+        fieldValue.forEach(function (value) {
+            checkField = checkField[value];
+        });
+        return checkField;
+    };
     DropDownList.prototype.updateActionCompleteDataValues = function (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) {
@@ -9592,7 +9602,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') ?
@@ -14380,7 +14391,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         if (this.listData.length === 0) {
             this.l10nUpdate();
         }
-        this.value = null;
+        this.value = [];
         this.updateToolBarState();
     };
     /**
@@ -16294,6 +16305,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 +16442,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 +16463,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 +16527,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;