@syncfusion/ej2-navigations 20.4.40 → 20.4.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.42
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@20.4.38",
+  "_id": "@syncfusion/ej2-navigations@20.4.40",
   "_inBundle": false,
-  "_integrity": "sha512-hdhNtScx4b09fDOS/62jwi0AT09DS34cSCYSj37SYSv4BkwgRUS3SlAluqZn7FvEuCnW79+yomInD3ThxcKUhw==",
+  "_integrity": "sha512-aqL/RI3bBPueDC7mWSyWeklsuP5bQwak+fzLnB4ZqGi/uLtJ6A98lICKz6vGjLlyU45CfvCwIOC9Uf7aTz68EA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -38,8 +38,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.38.tgz",
-  "_shasum": "5b613ec9c84750d24aafe522ba9f815e5eceeadc",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.4.40.tgz",
+  "_shasum": "9b232a4a3f24893f4b6611b4a1927d2e72a9823b",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -50,12 +50,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.40",
-    "@syncfusion/ej2-buttons": "~20.4.40",
-    "@syncfusion/ej2-data": "~20.4.40",
-    "@syncfusion/ej2-inputs": "~20.4.40",
-    "@syncfusion/ej2-lists": "~20.4.40",
-    "@syncfusion/ej2-popups": "~20.4.40"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-buttons": "~20.4.42",
+    "@syncfusion/ej2-data": "~20.4.42",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-lists": "~20.4.42",
+    "@syncfusion/ej2-popups": "~20.4.42"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -160,6 +160,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.42",
   "sideEffects": false
 }

package/src/breadcrumb/breadcrumb.js

@@ -99,7 +99,7 @@ var Breadcrumb = /** @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');
@@ -613,7 +613,7 @@ var Breadcrumb = /** @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) &&

package/src/common/menu-base-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, ChildProperty, NotifyPropertyChanges, INotifyPropertyChanged, AnimationModel, isBlazor } from '@syncfusion/ej2-base';import { Event, EventHandler, EmitType, BaseEventArgs, KeyboardEvents, KeyboardEventArgs, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationOptions, TouchEventArgs, MouseEventArgs } from '@syncfusion/ej2-base';import { Browser, Collection, setValue, getValue, getUniqueID, getInstance, isNullOrUndefined } from '@syncfusion/ej2-base';import { select, selectAll, closest, detach, append, rippleEffect, isVisible, Complex, addClass, removeClass } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { getZindexPartial, calculatePosition, OffsetPosition, isCollide, fit, Popup } from '@syncfusion/ej2-popups';import { extend, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getScrollableParent } from '@syncfusion/ej2-popups';import { HScroll } from '../common/h-scroll';import { VScroll } from '../common/v-scroll';import { addScrolling, destroyScroll } from '../common/menu-scroll';
+import { Component, Property, ChildProperty, NotifyPropertyChanges, INotifyPropertyChanged, AnimationModel, isBlazor } from '@syncfusion/ej2-base';import { Event, EventHandler, EmitType, BaseEventArgs, KeyboardEvents, KeyboardEventArgs, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { Animation, AnimationOptions, TouchEventArgs, MouseEventArgs } from '@syncfusion/ej2-base';import { Browser, Collection, setValue, getValue, getUniqueID, getInstance, isNullOrUndefined } from '@syncfusion/ej2-base';import { select, selectAll, closest, detach, append, rippleEffect, isVisible, Complex, addClass, removeClass } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { getZindexPartial, calculatePosition, OffsetPosition, isCollide, fit, Popup } from '@syncfusion/ej2-popups';import { SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getScrollableParent } from '@syncfusion/ej2-popups';import { HScroll } from '../common/h-scroll';import { VScroll } from '../common/v-scroll';import { addScrolling, destroyScroll } from '../common/menu-scroll';
 import {MenuEffect,MenuEventArgs,BeforeOpenCloseMenuEventArgs,OpenCloseMenuEventArgs} from "./menu-base";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/common/menu-base.js

@@ -239,7 +239,7 @@ var MenuBase = /** @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);
@@ -794,7 +794,7 @@ var MenuBase = /** @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();
                 }
@@ -1205,7 +1205,12 @@ var MenuBase = /** @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) {
@@ -1599,7 +1604,7 @@ var MenuBase = /** @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':

package/src/treeview/treeview.d.ts

@@ -522,6 +522,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private hasTemplate;
     private isFirstRender;
     private isNodeDropped;
+    private isInteracted;
     /**
      * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
      * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing

package/src/treeview/treeview.js

@@ -216,6 +216,7 @@ var TreeView = /** @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;
     }
@@ -1616,6 +1617,7 @@ var TreeView = /** @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);
         }
     };
@@ -1638,6 +1640,7 @@ var TreeView = /** @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);
@@ -1698,6 +1701,7 @@ var TreeView = /** @class */ (function (_super) {
         this.removeExpand(liEle);
         if (this.isLoaded) {
             colArgs = this.getExpandEvent(liEle, null);
+            colArgs.isInteracted = this.isInteracted;
             this.trigger('nodeCollapsed', colArgs);
         }
     };
@@ -2112,6 +2116,7 @@ var TreeView = /** @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);