@syncfusion/ej2-dropdowns 24.2.7 → 24.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.7
+*  version : 24.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@24.2.6",
+  "_id": "@syncfusion/ej2-dropdowns@24.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-kpe97YspOpxho03cZHTvb9PMfHFW1AzulVU2WjKkcu9hWsnO2dDfr3WTTJvuqSAUXNLkk//71q81j3qFdKQ35g==",
+  "_integrity": "sha512-cuO9ubsNievpbwKBvHyByYZ65QLkYTPCd+sectppRBcHHO92eiRpKI83AnRbcgb1NvLgni2Um1f5gsf5a6uK+Q==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.6.tgz",
-  "_shasum": "890abdc1d9f968194287b33258c071719ac88f5f",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.7.tgz",
+  "_shasum": "06363d306cbb179c9c3cf51f38d08098267f2b0c",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -46,10 +46,10 @@
     "@syncfusion/ej2-base": "~24.2.7",
     "@syncfusion/ej2-data": "~24.2.3",
     "@syncfusion/ej2-inputs": "~24.2.7",
-    "@syncfusion/ej2-lists": "~24.2.4",
-    "@syncfusion/ej2-navigations": "~24.2.4",
+    "@syncfusion/ej2-lists": "~24.2.8",
+    "@syncfusion/ej2-navigations": "~24.2.8",
     "@syncfusion/ej2-notifications": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.5"
+    "@syncfusion/ej2-popups": "~24.2.8"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.2.7",
+  "version": "24.2.8",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1,4 +1,4 @@
-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, getZindexPartial } from '@syncfusion/ej2-popups';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
+import { 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, getZindexPartial } from '@syncfusion/ej2-popups';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';
 import {MentionChangeEventArgs} from "./mention";
 
 /**

package/src/mention/mention.d.ts

@@ -41,7 +41,6 @@ export declare class Mention extends DropDownBase {
     private previousSelectedLI;
     private previousItemData;
     private activeIndex;
-    private keyConfigure;
     private isFiltered;
     private beforePopupOpen;
     private listHeight;
@@ -357,6 +356,7 @@ export declare class Mention extends DropDownBase {
      * @returns {void}
      */
     private showWaitingSpinner;
+    private keyDownHandler;
     private keyActionHandler;
     private updateUpDownAction;
     private isSelectFocusItem;

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, attributes } from '@syncfusion/ej2-base';
+import { 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';
@@ -103,21 +103,6 @@ var Mention = /** @class */ (function (_super) {
         this.isPopupOpen = false;
         this.isCollided = false;
         this.lineBreak = false;
-        this.keyConfigure = {
-            tab: 'tab',
-            enter: '13',
-            escape: '27',
-            end: '35',
-            home: '36',
-            down: '40',
-            up: '38',
-            pageUp: '33',
-            pageDown: '34',
-            open: 'alt+40',
-            close: 'shift+tab',
-            hide: 'alt+38',
-            space: '32'
-        };
     };
     /**
      * Execute before render the list items
@@ -163,9 +148,7 @@ var Mention = /** @class */ (function (_super) {
     };
     Mention.prototype.bindCommonEvent = function () {
         if (!Browser.isDevice) {
-            this.keyboardModule = new KeyboardEvents(this.inputElement, {
-                keyAction: this.keyActionHandler.bind(this), keyConfigs: this.keyConfigure, eventName: 'keydown'
-            });
+            this.inputElement.addEventListener('keydown', this.keyDownHandler.bind(this), true);
         }
     };
     /**
@@ -217,6 +200,47 @@ var Mention = /** @class */ (function (_super) {
             }
         }
     };
+    Mention.prototype.keyDownHandler = function (e) {
+        var isKeyAction = true;
+        switch (e.keyCode) {
+            case 38:
+                e.action = e.altKey ? 'hide' : 'up';
+                break;
+            case 40:
+                e.action = e.altKey ? 'open' : 'down';
+                break;
+            case 33:
+                e.action = 'pageUp';
+                break;
+            case 34:
+                e.action = 'pageDown';
+                break;
+            case 36:
+                e.action = 'home';
+                break;
+            case 35:
+                e.action = 'end';
+                break;
+            case 9:
+                e.action = e.shiftKey ? 'close' : 'tab';
+                break;
+            case 27:
+                e.action = 'escape';
+                break;
+            case 32:
+                e.action = 'space';
+                break;
+            case 13:
+                e.action = 'enter';
+                break;
+            default:
+                isKeyAction = false;
+                break;
+        }
+        if (isKeyAction) {
+            this.keyActionHandler(e);
+        }
+    };
     Mention.prototype.keyActionHandler = function (e) {
         var isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
             || e.action === 'home' || e.action === 'end');
@@ -295,7 +319,7 @@ var Mention = /** @class */ (function (_super) {
     };
     Mention.prototype.unBindCommonEvent = function () {
         if (!Browser.isDevice) {
-            this.keyboardModule.destroy();
+            this.inputElement.removeEventListener('keydown', this.keyDownHandler.bind(this), true);
         }
     };
     Mention.prototype.onKeyUp = function (e) {
@@ -975,7 +999,7 @@ var Mention = /** @class */ (function (_super) {
      * @returns {void}
      */
     Mention.prototype.wireListEvents = function () {
-        EventHandler.add(this.list, 'click', this.onMouseClick, this);
+        EventHandler.add(this.list, 'mousedown', this.onMouseClick, this);
         EventHandler.add(this.list, 'mouseover', this.onMouseOver, this);
         EventHandler.add(this.list, 'mouseout', this.onMouseLeave, this);
     };
@@ -985,7 +1009,7 @@ var Mention = /** @class */ (function (_super) {
      * @returns {void}
      */
     Mention.prototype.unWireListEvents = function () {
-        EventHandler.remove(this.list, 'click', this.onMouseClick);
+        EventHandler.remove(this.list, 'mousedown', this.onMouseClick);
         EventHandler.remove(this.list, 'mouseover', this.onMouseOver);
         EventHandler.remove(this.list, 'mouseout', this.onMouseLeave);
     };
@@ -1000,6 +1024,7 @@ var Mention = /** @class */ (function (_super) {
         var delay = 100;
         this.closePopup(delay, e);
         this.inputElement.focus();
+        e.preventDefault();
     };
     Mention.prototype.updateSelectedItem = function (li, e, preventSelect, isSelection) {
         var _this = this;