@syncfusion/ej2-navigations 20.4.40 → 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);
@@ -1847,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();
                 }
@@ -2258,7 +2258,12 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         }
         var 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;
     };
     MenuBase.prototype.moverHandler = function (e) {
@@ -2652,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':
@@ -9984,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;
     }
@@ -11383,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);
         }
     };
@@ -11405,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);
@@ -11465,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);
         }
     };
@@ -11878,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);
@@ -15698,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');
@@ -16212,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) &&