@syncfusion/ej2-navigations 20.4.38 → 20.4.42

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

@@ -1217,7 +1217,7 @@ let MenuBase = class MenuBase extends Component {
             }
         }
         if (this.cssClass) {
-            addClass([wrapper], this.cssClass.split(' '));
+            addClass([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         if (this.enableRtl) {
             wrapper.classList.add(RTL);
@@ -1415,6 +1415,14 @@ let MenuBase = class MenuBase extends Component {
                 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;
+                    }
+                }
             }
         }
         const cli = cul.children[fliIdx];
@@ -1753,7 +1761,7 @@ let MenuBase = class MenuBase extends Component {
                 }
                 else {
                     if (this.cssClass) {
-                        addClass([this.popupWrapper], this.cssClass.split(' '));
+                        addClass([this.popupWrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     }
                     this.popupObj.hide();
                 }
@@ -2124,7 +2132,7 @@ let MenuBase = class MenuBase extends Component {
             itemCreated: (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)]) {
@@ -2136,9 +2144,6 @@ let MenuBase = class MenuBase extends Component {
                     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) {
@@ -2165,6 +2170,9 @@ let MenuBase = class MenuBase extends Component {
         if (this.isMenu) {
             ul.setAttribute('role', 'menu');
         }
+        else {
+            ul.setAttribute('role', 'menubar');
+        }
         return ul;
     }
     moverHandler(e) {
@@ -2551,7 +2559,7 @@ let MenuBase = class MenuBase extends Component {
                         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':
@@ -9666,6 +9674,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.isFirstRender = false;
         // Specifies whether the node is dropped or not
         this.isNodeDropped = false;
+        this.isInteracted = false;
         this.mouseDownStatus = false;
     }
     /**
@@ -11057,6 +11066,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         if (this.isLoaded && this.expandArgs && !this.isRefreshed) {
             this.expandArgs = this.getExpandEvent(currLi, null);
+            this.expandArgs.isInteracted = this.isInteracted;
             this.trigger('nodeExpanded', this.expandArgs);
         }
     }
@@ -11078,6 +11088,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         let colArgs;
         if (this.isLoaded) {
             colArgs = this.getExpandEvent(currLi, e);
+            this.isInteracted = colArgs.isInteracted;
             this.trigger('nodeCollapsing', colArgs, (observedArgs) => {
                 if (observedArgs.cancel) {
                     removeClass([icon], PROCESS);
@@ -11137,6 +11148,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.removeExpand(liEle);
         if (this.isLoaded) {
             colArgs = this.getExpandEvent(liEle, null);
+            colArgs.isInteracted = this.isInteracted;
             this.trigger('nodeCollapsed', colArgs);
         }
     }
@@ -11543,6 +11555,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         if (this.isLoaded && !this.isRefreshed) {
             this.expandArgs = this.getExpandEvent(currLi, e);
+            this.isInteracted = this.expandArgs.isInteracted;
             this.trigger('nodeExpanding', this.expandArgs, (observedArgs) => {
                 if (observedArgs.cancel) {
                     removeClass([icon], PROCESS);
@@ -15311,7 +15324,7 @@ let Breadcrumb = class Breadcrumb extends Component {
         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');
@@ -15821,7 +15834,7 @@ let Breadcrumb = class Breadcrumb extends Component {
                         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) &&