@syncfusion/ej2-dropdowns 24.2.7 → 24.2.8

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

@@ -18573,21 +18573,6 @@ var Mention = /** @__PURE__ @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
@@ -18633,9 +18618,7 @@ var Mention = /** @__PURE__ @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);
         }
     };
     /**
@@ -18687,6 +18670,47 @@ var Mention = /** @__PURE__ @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');
@@ -18765,7 +18789,7 @@ var Mention = /** @__PURE__ @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) {
@@ -19445,7 +19469,7 @@ var Mention = /** @__PURE__ @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);
     };
@@ -19455,7 +19479,7 @@ var Mention = /** @__PURE__ @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);
     };
@@ -19470,6 +19494,7 @@ var Mention = /** @__PURE__ @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;