@syncfusion/ej2-navigations 20.4.38 → 20.4.42

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

@@ -1292,7 +1292,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
         }
         if (this.cssClass) {
-            addClass([wrapper], this.cssClass.split(' '));
+            addClass([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         if (this.enableRtl) {
             wrapper.classList.add(RTL);
@@ -1491,6 +1491,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 if (fliIdx === (e.action === DOWNARROW ? cul.childElementCount : -1)) {
                     fliIdx = defaultIdx;
                 }
+                if (cul.children[fliIdx].classList.contains(HIDE)) {
+                    if (e.action === DOWNARROW && fliIdx === cul.childElementCount - 1) {
+                        fliIdx = defaultIdx;
+                    }
+                    else if (e.action === UPARROW && fliIdx === 0) {
+                        fliIdx = defaultIdx;
+                    }
+                }
             }
         }
         var cli = cul.children[fliIdx];
@@ -1839,7 +1847,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 }
                 else {
                     if (this.cssClass) {
-                        addClass([this.popupWrapper], this.cssClass.split(' '));
+                        addClass([this.popupWrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     }
                     this.popupObj.hide();
                 }
@@ -2215,7 +2223,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             itemCreated: function (args) {
                 if (args.curData[_this.getField('separator', level)]) {
                     args.item.classList.add(SEPARATOR);
-                    args.item.removeAttribute('role');
+                    args.item.setAttribute('role', 'separator');
                 }
                 if (showIcon && !args.curData[args.fields.iconCss]
                     && !args.curData[_this.getField('separator', level)]) {
@@ -2227,9 +2235,6 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     args.item.appendChild(span);
                     args.item.setAttribute('aria-haspopup', 'true');
                     args.item.setAttribute('aria-expanded', 'false');
-                    if (!_this.isMenu) {
-                        args.item.removeAttribute('role');
-                    }
                     args.item.classList.add('e-menu-caret-icon');
                 }
                 if (_this.isMenu && _this.template) {
@@ -2256,6 +2261,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         if (this.isMenu) {
             ul.setAttribute('role', 'menu');
         }
+        else {
+            ul.setAttribute('role', 'menubar');
+        }
         return ul;
     };
     MenuBase.prototype.moverHandler = function (e) {
@@ -2649,7 +2657,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         removeClass([wrapper], oldProp.cssClass.split(' '));
                     }
                     if (newProp.cssClass) {
-                        addClass([wrapper], newProp.cssClass.split(' '));
+                        addClass([wrapper], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     }
                     break;
                 case 'enableRtl':
@@ -9981,6 +9989,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         _this.isFirstRender = false;
         // Specifies whether the node is dropped or not
         _this.isNodeDropped = false;
+        _this.isInteracted = false;
         _this.mouseDownStatus = false;
         return _this;
     }
@@ -11380,6 +11389,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.isLoaded && this.expandArgs && !this.isRefreshed) {
             this.expandArgs = this.getExpandEvent(currLi, null);
+            this.expandArgs.isInteracted = this.isInteracted;
             this.trigger('nodeExpanded', this.expandArgs);
         }
     };
@@ -11402,6 +11412,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         var colArgs;
         if (this.isLoaded) {
             colArgs = this.getExpandEvent(currLi, e);
+            this.isInteracted = colArgs.isInteracted;
             this.trigger('nodeCollapsing', colArgs, function (observedArgs) {
                 if (observedArgs.cancel) {
                     removeClass([icon], PROCESS);
@@ -11462,6 +11473,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.removeExpand(liEle);
         if (this.isLoaded) {
             colArgs = this.getExpandEvent(liEle, null);
+            colArgs.isInteracted = this.isInteracted;
             this.trigger('nodeCollapsed', colArgs);
         }
     };
@@ -11875,6 +11887,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.isLoaded && !this.isRefreshed) {
             this.expandArgs = this.getExpandEvent(currLi, e);
+            this.isInteracted = this.expandArgs.isInteracted;
             this.trigger('nodeExpanding', this.expandArgs, function (observedArgs) {
                 if (observedArgs.cancel) {
                     removeClass([icon], PROCESS);
@@ -15695,7 +15708,7 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
         this._maxItems = this.maxItems;
         this.element.setAttribute('aria-label', 'breadcrumb');
         if (this.cssClass) {
-            addClass([this.element], this.cssClass.split(' '));
+            addClass([this.element], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         if (this.enableRtl) {
             this.element.classList.add('e-rtl');
@@ -16209,7 +16222,7 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
                         removeClass([this.element], oldProp.cssClass.split(' '));
                     }
                     if (newProp.cssClass) {
-                        addClass([this.element], newProp.cssClass.split(' '));
+                        addClass([this.element], newProp.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     }
                     if ((oldProp.cssClass && oldProp.cssClass.indexOf(ICONRIGHT) > -1) && !(newProp.cssClass &&
                         newProp.cssClass.indexOf(ICONRIGHT) > -1) || !(oldProp.cssClass && oldProp.cssClass.indexOf(ICONRIGHT) > -1) &&