@syncfusion/ej2-splitbuttons 23.1.43 → 24.1.41

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

@@ -346,6 +346,8 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             content: this.target ? this.getTargetElement() : '',
             enableRtl: this.enableRtl
         });
+        this.dropDown.element.setAttribute('role', 'dialog');
+        this.dropDown.element.setAttribute('aria-label', 'dropdown menu');
         if (!isNullOrUndefined(this.popupContent)) {
             this.popupContent.style.display = '';
         }
@@ -387,7 +389,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
+                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1', 'aria-label': 'separator', 'aria-hidden': 'true' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
             if (this.enableHtmlSanitizer) {
@@ -579,6 +581,12 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         }
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
+    };
+    DropDownButton.prototype.windowResize = function () {
+        if (!this.canOpen() && this.dropDown) {
+            this.dropDown.refreshPosition(this.element);
+        }
     };
     DropDownButton.prototype.popupWireEvents = function () {
         if (!this.delegateMousedownHandler) {
@@ -848,6 +856,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(this.getPopUpElement(), 'click', this.clickHandler);
             EventHandler.remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
         }
+        EventHandler.remove(window, 'resize', this.windowResize);
     };
     /**
      * Called internally if any of the property value changed.
@@ -1252,13 +1261,20 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                 this.unWireEvents();
             }
         }
-        this.wrapper = null;
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();
         _super.prototype.destroy.call(this);
-        if (!this.element.getAttribute('class')) {
+        if (this.element && !this.element.getAttribute('class')) {
             this.element.removeAttribute('class');
         }
+        if (this.refreshing && this.isAngular) {
+            this.element = this.wrapper;
+            ['e-control', 'e-split-btn', 'e-lib'].forEach(function (key) {
+                _this.element.classList.add(key);
+            });
+            setValue('ej2_instances', [this], this.element);
+        }
+        this.wrapper = null;
     };
     SplitButton.prototype.wireEvents = function () {
         EventHandler.add(this.element, 'click', this.primaryBtnClickHandler, this);
@@ -1913,7 +1929,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
     };
     ProgressButton.prototype.setAria = function () {
         attributes(this.element, {
-            'aria-label': this.element.textContent + ' progress', 'aria-valuemin': '0', 'aria-valuemax': '100', 'aria-valuenow': '0'
+            'aria-label': this.element.textContent + ' progress'
         });
     };
     ProgressButton.prototype.wireEvents = function () {