@syncfusion/ej2-navigations 25.1.38 → 25.1.40

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

@@ -1450,12 +1450,15 @@ let MenuBase = class MenuBase extends Component {
             else if ((action === DOWNARROW) || (action === RIGHTARROW)) {
                 index++;
             }
+            else if (action === 'tab' && cli.classList.contains(SEPARATOR)) {
+                index++;
+            }
             else {
                 index--;
             }
         }
         cli = cul.children[index];
-        if (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE)) {
+        if (cli && (cli.classList.contains(SEPARATOR) || cli.classList.contains(DISABLED) || cli.classList.contains(HIDE))) {
             index = this.isValidLI(cli, index, action);
         }
         return index;
@@ -3914,7 +3917,8 @@ let Toolbar = class Toolbar extends Component {
             itemObj = tempItem;
         }
         const eventArgs = { originalEvent: e, item: itemObj };
-        if (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);
         }
         if (!eventArgs.cancel) {
@@ -6183,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);
@@ -10498,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);
@@ -11038,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);
@@ -12330,7 +12355,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         let nextNode = isTowards ? this.getNextNode(li) : this.getPrevNode(li);
         this.setFocus(li, nextNode);
         this.navigateToFocus(!isTowards);
-        if (nextNode.classList.contains('e-disable')) {
+        if (nextNode.classList.contains('e-disable') || nextNode.classList.contains('e-prevent')) {
             let lastChild = nextNode.lastChild;
             if (nextNode.previousSibling == null && nextNode.classList.contains('e-level-1')) {
                 this.focusNextNode(nextNode, true);
@@ -12410,7 +12435,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     focusIn() {
         if (!this.mouseDownStatus) {
             let focusedElement = this.getFocusedNode();
-            if (focusedElement.classList.contains('e-disable')) {
+            if (focusedElement.classList.contains('e-disable') || focusedElement.classList.contains('e-prevent')) {
                 focusedElement.setAttribute("tabindex", "-1");
                 this.navigateNode(true);
             }
@@ -18878,7 +18903,7 @@ let Stepper = class Stepper extends StepperBase {
         }
         const prevOnChange = this.isProtectedOnChange;
         this.isProtectedOnChange = true;
-        this.activeStep = index;
+        this.activeStep = parseInt(index.toString(), 10);
         this.isProtectedOnChange = prevOnChange;
         for (let i = 0; i < this.steps.length; i++) {
             const itemElement = this.stepperItemElements[parseInt(i.toString(), 10)];
@@ -19058,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':