@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.43

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

@@ -305,7 +305,7 @@ let DropDownButton = class DropDownButton extends Component {
         attributes(this.element, {
             ['aria-haspopup']: this.items.length || this.target ? 'true' : 'false', ['aria-expanded']: 'false',
             ['aria-owns']: this.getPopUpElement().id, ['type']: 'button',
-            ['aria-label']: this.element.textContent + ' dropdownbutton'
+            ['aria-label']: this.element.textContent ? this.element.textContent : 'dropdownbutton'
         });
         if (this.cssClass) {
             addClass([div], this.cssClass.split(' '));
@@ -335,8 +335,9 @@ let DropDownButton = class DropDownButton extends Component {
             item = items[i];
             const tempItem = item.text;
             li = this.createElement('li', {
+                innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: { 'role': 'menuItem', 'tabindex': '-1' },
+                attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
             if (this.enableHtmlSanitizer) {
@@ -524,6 +525,9 @@ let DropDownButton = class DropDownButton extends Component {
         if (popupElement) {
             EventHandler.add(popupElement, 'click', this.clickHandler, this);
             EventHandler.add(popupElement, 'keydown', this.keyBoardHandler, this);
+            if (this.closeActionEvents) {
+                EventHandler.add(popupElement, this.closeActionEvents, this.focusoutHandler, this);
+            }
         }
         this.rippleFn = rippleEffect(popupElement, { selector: '.' + classNames.ITEM });
     }
@@ -535,6 +539,9 @@ let DropDownButton = class DropDownButton extends Component {
         if (popupElement && popupElement.parentElement) {
             EventHandler.remove(popupElement, 'click', this.clickHandler);
             EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
+            if (this.closeActionEvents) {
+                EventHandler.remove(popupElement, this.closeActionEvents, this.focusoutHandler);
+            }
         }
     }
     /**
@@ -602,6 +609,11 @@ let DropDownButton = class DropDownButton extends Component {
             this.closePopup(e);
         }
     }
+    focusoutHandler(e) {
+        if (this.isPopupCreated && !this.canOpen()) {
+            this.closePopup(e);
+        }
+    }
     clickHandler(e) {
         const trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
@@ -670,7 +682,9 @@ let DropDownButton = class DropDownButton extends Component {
                 this.dropDown.show(null, this.element);
                 addClass([this.element], 'e-active');
                 this.element.setAttribute('aria-expanded', 'true');
-                ul.focus();
+                if (ul) {
+                    ul.focus();
+                }
                 const openArgs = { element: ul, items: this.items };
                 this.trigger('open', openArgs);
             }
@@ -687,7 +701,10 @@ let DropDownButton = class DropDownButton extends Component {
             if (!observedArgs.cancel) {
                 this.popupUnWireEvents();
                 const ul = this.getULElement();
-                const selectedLi = ul.querySelector('.e-selected');
+                let selectedLi;
+                if (ul) {
+                    selectedLi = ul.querySelector('.e-selected');
+                }
                 if (selectedLi) {
                     selectedLi.classList.remove('e-selected');
                 }
@@ -830,6 +847,9 @@ __decorate$1([
 __decorate$1([
     Property('')
 ], DropDownButton.prototype, "target", void 0);
+__decorate$1([
+    Property('')
+], DropDownButton.prototype, "closeActionEvents", void 0);
 __decorate$1([
     Event()
 ], DropDownButton.prototype, "beforeItemRender", void 0);