@syncfusion/ej2-navigations 20.4.40 → 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);
@@ -1761,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();
                 }
@@ -2167,7 +2167,12 @@ let MenuBase = class MenuBase extends Component {
         }
         const ul = ListBase.createList(this.createElement, items, listBaseOptions, !this.template, this);
         ul.setAttribute('tabindex', '0');
-        this.isMenu ? ul.setAttribute('role', 'menu') : ul.setAttribute('role', 'menubar');
+        if (this.isMenu) {
+            ul.setAttribute('role', 'menu');
+        }
+        else {
+            ul.setAttribute('role', 'menubar');
+        }
         return ul;
     }
     moverHandler(e) {
@@ -2554,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':
@@ -9669,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;
     }
     /**
@@ -11060,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);
         }
     }
@@ -11081,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);
@@ -11140,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);
         }
     }
@@ -11546,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);
@@ -15314,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');
@@ -15824,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) &&