@syncfusion/ej2-navigations 25.1.38 → 25.1.40

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

@@ -1526,12 +1526,15 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             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;
@@ -4054,7 +4057,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
             itemObj = tempItem;
         }
         var eventArgs = { originalEvent: e, item: itemObj };
-        if (itemObj && !isNullOrUndefined(itemObj.click)) {
+        var 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) {
@@ -6374,13 +6378,14 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
             return innerEle;
         }
         if (item.header && this.angularnativeCondiCheck(item, 'header')) {
+            var header = item.header;
             if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
-                item.header = SanitizeHtmlHelper.sanitize(item.header);
+                header = SanitizeHtmlHelper.sanitize(item.header);
             }
             var ctnEle = this.headerEleGenerate();
             var 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);
         }
         var hdr = select('.' + CLS_HEADER, innerEle);
@@ -10823,14 +10828,23 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 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");
+                }
             }
             var frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
@@ -11365,6 +11379,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         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) {
             var data = [].concat([], this.checkActionNodes);
@@ -12670,7 +12695,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var 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')) {
             var lastChild = nextNode.lastChild;
             if (nextNode.previousSibling == null && nextNode.classList.contains('e-level-1')) {
                 this.focusNextNode(nextNode, true);
@@ -12750,7 +12775,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.focusIn = function () {
         if (!this.mouseDownStatus) {
             var 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);
             }
@@ -19375,7 +19400,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         }
         var prevOnChange = this.isProtectedOnChange;
         this.isProtectedOnChange = true;
-        this.activeStep = index;
+        this.activeStep = parseInt(index.toString(), 10);
         this.isProtectedOnChange = prevOnChange;
         for (var i = 0; i < this.steps.length; i++) {
             var itemElement = this.stepperItemElements[parseInt(i.toString(), 10)];
@@ -19556,7 +19581,7 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             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':