@syncfusion/ej2-splitbuttons 20.3.52 → 20.4.38

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

@@ -337,7 +337,7 @@ let DropDownButton = class DropDownButton extends Component {
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
+                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
             if (this.enableHtmlSanitizer) {
@@ -380,7 +380,7 @@ let DropDownButton = class DropDownButton extends Component {
     }
     hasIcon(items, field) {
         for (let i = 0, len = items.length; i < len; i++) {
-            if (items[i][field]) {
+            if (items[i][`${field}`]) {
                 return true;
             }
         }
@@ -611,6 +611,18 @@ let DropDownButton = class DropDownButton extends Component {
     }
     focusoutHandler(e) {
         if (this.isPopupCreated && !this.canOpen()) {
+            const liTarget = e.relatedTarget;
+            if (liTarget && liTarget.className.indexOf('e-item') > -1) {
+                const li = this.getLI(liTarget);
+                if (li) {
+                    const liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
+                    const item = this.items[liIdx];
+                    if (item) {
+                        const selectEventArgs = { element: li, item: item };
+                        this.trigger('select', selectEventArgs);
+                    }
+                }
+            }
             this.closePopup(e);
         }
     }
@@ -658,7 +670,7 @@ let DropDownButton = class DropDownButton extends Component {
         }
         else {
             if (this.activeElem.length > 1) {
-                let splitButton = getComponent(this.activeElem[0], 'split-btn');
+                const splitButton = getComponent(this.activeElem[0], 'split-btn');
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (splitButton.isReact && popupElem.childNodes.length < 1) {
                     splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
@@ -693,7 +705,7 @@ let DropDownButton = class DropDownButton extends Component {
     closePopup(e = null, focusEle) {
         const ul = this.getULElement();
         const beforeCloseArgs = { element: ul, items: this.items, event: e, cancel: false };
-        let popupElement = this.getPopUpElement();
+        const popupElement = this.getPopUpElement();
         if (popupElement) {
             EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
         }