@syncfusion/ej2-dropdowns 20.3.47 → 20.3.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.47
+*  version : 20.3.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@18.51.0",
+  "_id": "@syncfusion/ej2-dropdowns@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-kxXhjbBwf2fWZ+u/3/Il5zx4gzU1XMJIXxn+TN3UuA+qky6sacaCGrNwlqVch4OE5o2x7XXS+KIWqBj1gGN4GQ==",
+  "_integrity": "sha512-qPiUQ/MULcgK0jSrA3mVYmadOYYd6i3JDnynVCR0RoRkofhK02OhFRwkKbKLXzts2es0dk31hrFriW0BuguJkA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.51.0.tgz",
-  "_shasum": "29ee920ce71820aa1c38fcc934692dd51faa7c2d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.3.47.tgz",
+  "_shasum": "95e215e550eebf1af76eb923af3e537f9f61a800",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-base": "~20.3.48",
     "@syncfusion/ej2-data": "~20.3.47",
     "@syncfusion/ej2-inputs": "~20.3.47",
     "@syncfusion/ej2-lists": "~20.3.47",
-    "@syncfusion/ej2-navigations": "~20.3.47",
-    "@syncfusion/ej2-popups": "~20.3.47"
+    "@syncfusion/ej2-navigations": "~20.3.48",
+    "@syncfusion/ej2-popups": "~20.3.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.3.47",
+  "version": "20.3.48",
   "sideEffects": false
 }

package/src/drop-down-base/drop-down-base.js

@@ -260,7 +260,8 @@ var DropDownBase = /** @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');

package/src/mention/mention-model.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvents, compile, Property, EventHandler, Animation, AnimationModel, KeyboardEventArgs, formatUnit, append } from '@syncfusion/ej2-base';import { isNullOrUndefined, detach, Event, EmitType, Complex, addClass, removeClass, closest, isUndefined, getValue, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType } from '../drop-down-base/drop-down-base';import { DropDownBase, PopupEventArgs, SelectEventArgs, BeforeOpenEventArgs, dropDownBaseClasses } from '../drop-down-base/drop-down-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { Popup, isCollide, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
+import { KeyboardEvents, compile, Property, EventHandler, Animation, AnimationModel, KeyboardEventArgs, formatUnit, append, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined, detach, Event, EmitType, Complex, addClass, removeClass, closest, isUndefined, getValue, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType } from '../drop-down-base/drop-down-base';import { DropDownBase, PopupEventArgs, SelectEventArgs, BeforeOpenEventArgs, dropDownBaseClasses } from '../drop-down-base/drop-down-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists';import { Popup, isCollide, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
 import {MentionChangeEventArgs} from "./mention";
 
 /**

package/src/mention/mention.d.ts

@@ -51,6 +51,7 @@ export declare class Mention extends DropDownBase {
     private spinnerElement;
     private spinnerTemplateElement;
     private lineBreak;
+    private selectedElementID;
     /**
      * Defines class/multiple classes separated by a space for the mention component.
      *

package/src/mention/mention.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { KeyboardEvents, compile, Property, EventHandler, Animation, formatUnit, append } from '@syncfusion/ej2-base';
+import { KeyboardEvents, compile, Property, EventHandler, Animation, formatUnit, append, attributes } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, detach, Event, Complex, addClass, removeClass, closest, isUndefined, getValue, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';
 import { FieldSettings } from '../drop-down-base/drop-down-base';
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
@@ -414,6 +414,9 @@ var Mention = /** @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);
@@ -548,6 +551,10 @@ var Mention = /** @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 */
     /**
@@ -565,6 +572,8 @@ var Mention = /** @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',
@@ -627,6 +636,11 @@ var Mention = /** @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;

package/src/multi-select/multi-select.js

@@ -721,7 +721,8 @@ var MultiSelect = /** @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') ?