@syncfusion/ej2-splitbuttons 23.2.4 → 24.1.44

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

@@ -310,6 +310,8 @@ let DropDownButton = class DropDownButton extends Component {
             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 = '';
         }
@@ -354,7 +356,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: 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) {
@@ -386,6 +388,10 @@ let DropDownButton = class DropDownButton extends Component {
             }
             eventArgs = { item: item, element: li };
             this.trigger('beforeItemRender', eventArgs);
+            if (eventArgs.item.disabled && !li.classList.contains('e-disabled')) {
+                li.classList.add('e-disabled');
+            }
+            
             ul.appendChild(li);
         }
         if (appendItems) {
@@ -545,6 +551,12 @@ let DropDownButton = class DropDownButton extends Component {
         }
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
+    }
+    windowResize() {
+        if (!this.canOpen() && this.dropDown) {
+            this.dropDown.refreshPosition(this.element);
+        }
     }
     popupWireEvents() {
         if (!this.delegateMousedownHandler) {
@@ -810,6 +822,7 @@ let DropDownButton = class DropDownButton extends Component {
             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.
@@ -1196,13 +1209,20 @@ let SplitButton = class SplitButton extends DropDownButton {
                 this.unWireEvents();
             }
         }
-        this.wrapper = null;
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();
         super.destroy();
-        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((key) => {
+                this.element.classList.add(key);
+            });
+            setValue('ej2_instances', [this], this.element);
+        }
+        this.wrapper = null;
     }
     wireEvents() {
         EventHandler.add(this.element, 'click', this.primaryBtnClickHandler, this);
@@ -1823,7 +1843,7 @@ let ProgressButton = class ProgressButton extends Button {
     }
     setAria() {
         attributes(this.element, {
-            'aria-label': this.element.textContent + ' progress', 'aria-valuemin': '0', 'aria-valuemax': '100', 'aria-valuenow': '0'
+            'aria-label': this.element.textContent + ' progress'
         });
     }
     wireEvents() {