@syncfusion/ej2-navigations 25.1.39 → 25.1.40

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

@@ -3917,7 +3917,7 @@ let Toolbar = class Toolbar extends Component {
             itemObj = tempItem;
         }
         const eventArgs = { originalEvent: e, item: itemObj };
-        let isClickBinded = (this.isAngular) ? itemObj && !isNullOrUndefined(itemObj.click) && itemObj.click.observers.length > 0 : itemObj && !isNullOrUndefined(itemObj.click);
+        let isClickBinded = itemObj && !isNullOrUndefined(itemObj.click) && typeof itemObj.click == 'object' ? !isNullOrUndefined(itemObj.click.observers) && itemObj.click.observers.length > 0 : !isNullOrUndefined(itemObj) && !isNullOrUndefined(itemObj.click);
         if (isClickBinded) {
             this.trigger('items[' + this.tbarEle.indexOf(clst) + '].click', eventArgs);
         }
@@ -6187,13 +6187,14 @@ let Accordion = class Accordion extends Component {
             return innerEle;
         }
         if (item.header && this.angularnativeCondiCheck(item, 'header')) {
+            let header = item.header;
             if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
-                item.header = SanitizeHtmlHelper.sanitize(item.header);
+                header = SanitizeHtmlHelper.sanitize(item.header);
             }
             const ctnEle = this.headerEleGenerate();
             const hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
             ctnEle.appendChild(hdrEle);
-            ctnEle.appendChild(this.fetchElement(hdrEle, item.header, index));
+            ctnEle.appendChild(this.fetchElement(hdrEle, header, index));
             innerEle.appendChild(ctnEle);
         }
         let hdr = select('.' + CLS_HEADER, innerEle);
@@ -10502,14 +10503,23 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
                 e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
+                if (Browser.userAgent.indexOf("Edg") > -1) {
+                    checkboxEle.setAttribute('aria-label', "checked");
+                }
             }
             else if (!isNullOrUndefined(checkValue) && checkValue.toString() === 'true') {
                 select('.' + CHECKBOXFRAME, checkboxEle).classList.add(CHECK);
                 e.item.setAttribute('aria-checked', 'true');
                 this.addCheck(e.item);
+                if (Browser.userAgent.indexOf("Edg") > -1) {
+                    checkboxEle.setAttribute('aria-label', "checked");
+                }
             }
             else {
                 e.item.setAttribute('aria-checked', 'false');
+                if (Browser.userAgent.indexOf("Edg") > -1) {
+                    checkboxEle.setAttribute('aria-label', "unchecked");
+                }
             }
             let frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11042,6 +11052,17 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         ariaState = state === 'check' ? 'true' : state === 'uncheck' ? 'false' : ariaState;
         if (!isNullOrUndefined(ariaState)) {
             currLi.setAttribute('aria-checked', ariaState);
+            if (Browser.userAgent.indexOf("Edg") > -1) {
+                if (ariaState === 'true') {
+                    wrapper.setAttribute('aria-label', "checked");
+                }
+                else if (ariaState === 'false') {
+                    wrapper.setAttribute('aria-label', "unchecked");
+                }
+                else if (ariaState === 'mixed') {
+                    wrapper.setAttribute('aria-label', "indeterminate");
+                }
+            }
         }
         if (isAdd) {
             let data = [].concat([], this.checkActionNodes);
@@ -19062,7 +19083,7 @@ let Stepper = class Stepper extends StepperBase {
             case 'rightarrow':
             case 'tab':
             case 'shiftTab':
-                this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === 'shiftTab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
+                this.handleNavigation(this.enableRtl && this.element.classList.contains(HORIZSTEP) ? (e.action === 'leftarrow' || e.action === 'tab' || e.action === 'uparrow') : (e.action === 'rightarrow' || e.action === 'tab' || e.action === 'downarrow'), e);
                 break;
             case 'space':
             case 'enter':