@syncfusion/ej2-splitbuttons 20.4.50 → 21.1.35

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

@@ -348,7 +348,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         this.dropDown.hide();
         attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['type'] = 'button', _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton', _a));
         if (this.cssClass) {
-            addClass([div], this.cssClass.split(' '));
+            addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         this.isPopupCreated = true;
     };
@@ -628,6 +628,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         if (this.target && (e.keyCode === 13 || e.keyCode === 9)) {
             return;
         }
+        if (e.keyCode === 13 && this.activeElem[0].classList.contains('e-split-btn')) {
+            this.activeElem[0].focus();
+            return;
+        }
         if (e.target && e.target.className.indexOf('e-edit-template') > -1 && e.keyCode === 32) {
             return;
         }
@@ -857,7 +861,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                             removeClass([popupElement], oldProp.cssClass.split(' '));
                         }
                         if (newProp.cssClass) {
-                            addClass([popupElement], newProp.cssClass.split(' '));
+                            addClass([popupElement], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                         }
                     }
                     break;
@@ -1079,7 +1083,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
             this.wrapper.classList.add(RTL);
         }
         if (this.cssClass) {
-            addClass([this.wrapper], this.cssClass.split(' '));
+            addClass([this.wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
     };
     SplitButton.prototype.createPrimaryButton = function () {
@@ -1218,7 +1222,8 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
         new KeyboardEvents(this.element, {
             keyAction: this.btnKeyBoardHandler.bind(this),
             keyConfigs: {
-                altdownarrow: 'alt+downarrow'
+                altdownarrow: 'alt+downarrow',
+                enter: 'enter'
             }
         });
     };
@@ -1234,6 +1239,16 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
             case 'altdownarrow':
                 this.clickHandler(e);
                 break;
+            case 'enter':
+                this.clickHandler(e);
+                if (!this.getPopUpElement().classList.contains('e-popup-close')) {
+                    this.element.classList.remove('e-active');
+                    this.secondaryBtnObj.element.classList.add('e-active');
+                }
+                else {
+                    this.secondaryBtnObj.element.classList.remove('e-active');
+                }
+                break;
         }
     };
     /**
@@ -1260,7 +1275,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                     if (oldProp.cssClass) {
                         removeClass([this.wrapper], oldProp.cssClass.split(' '));
                     }
-                    addClass([this.wrapper], newProp.cssClass.split(' '));
+                    addClass([this.wrapper], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     break;
                 case 'enableRtl':
                     if (newProp.enableRtl) {