@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.43

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

@@ -338,7 +338,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             this.dropDown.refreshPosition(this.element);
         }
         this.dropDown.hide();
-        attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['aria-owns'] = this.getPopUpElement().id, _a['type'] = 'button', _a['aria-label'] = this.element.textContent + ' dropdownbutton', _a));
+        attributes(this.element, (_a = {}, _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false', _a['aria-expanded'] = 'false', _a['aria-owns'] = this.getPopUpElement().id, _a['type'] = 'button', _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton', _a));
         if (this.cssClass) {
             addClass([div], this.cssClass.split(' '));
         }
@@ -367,8 +367,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             item = items[i];
             var 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) {
@@ -557,6 +558,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         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 });
     };
@@ -568,6 +572,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         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);
+            }
         }
     };
     /**
@@ -635,6 +642,11 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             this.closePopup(e);
         }
     };
+    DropDownButton.prototype.focusoutHandler = function (e) {
+        if (this.isPopupCreated && !this.canOpen()) {
+            this.closePopup(e);
+        }
+    };
     DropDownButton.prototype.clickHandler = function (e) {
         var trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
@@ -705,7 +717,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 _this.dropDown.show(null, _this.element);
                 addClass([_this.element], 'e-active');
                 _this.element.setAttribute('aria-expanded', 'true');
-                ul_1.focus();
+                if (ul_1) {
+                    ul_1.focus();
+                }
                 var openArgs = { element: ul_1, items: _this.items };
                 _this.trigger('open', openArgs);
             }
@@ -724,7 +738,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             if (!observedArgs.cancel) {
                 _this.popupUnWireEvents();
                 var ul_2 = _this.getULElement();
-                var selectedLi = ul_2.querySelector('.e-selected');
+                var selectedLi = void 0;
+                if (ul_2) {
+                    selectedLi = ul_2.querySelector('.e-selected');
+                }
                 if (selectedLi) {
                     selectedLi.classList.remove('e-selected');
                 }
@@ -867,6 +884,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     __decorate$1([
         Property('')
     ], DropDownButton.prototype, "target", void 0);
+    __decorate$1([
+        Property('')
+    ], DropDownButton.prototype, "closeActionEvents", void 0);
     __decorate$1([
         Event()
     ], DropDownButton.prototype, "beforeItemRender", void 0);