@syncfusion/ej2-navigations 27.1.48 → 27.1.51

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.48
+*  version : 27.1.51
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@22.42.3",
+  "_id": "@syncfusion/ej2-navigations@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-7fIDmwOChdR7LY3qhB5kbsOc3Hak5TWmTAgdanWSrUxBbsPdfHryhb+Czk3ZJX7iCK2fXDrpKu7nyRf941QH2Q==",
+  "_integrity": "sha512-RU939KWXIlWV+VrU/vROorLnguKamVY3SSjBP/lOqa/oGBFhIQebcGmSo2JSkQ870R+jyK1Ec67MVaI/crYoRw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -40,8 +40,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-22.42.3.tgz",
-  "_shasum": "9eb4ca9556e9c18ca117e157d2dc48ede696d677",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-27.1.50.tgz",
+  "_shasum": "190f937bf1b2d76dc94cc68e77a90b124625589e",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -52,13 +52,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.48",
-    "@syncfusion/ej2-buttons": "~27.1.48",
-    "@syncfusion/ej2-data": "~27.1.48",
-    "@syncfusion/ej2-inputs": "~27.1.48",
-    "@syncfusion/ej2-lists": "~27.1.48",
-    "@syncfusion/ej2-popups": "~27.1.48",
-    "markdown-spellcheck": "^1.3.1"
+    "@syncfusion/ej2-base": "~27.1.50",
+    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-data": "~27.1.51",
+    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-lists": "~27.1.50",
+    "@syncfusion/ej2-popups": "~27.1.50"
   },
   "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",
@@ -163,6 +162,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.48",
+  "version": "27.1.51",
   "sideEffects": false
 }

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

@@ -173,6 +173,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
     private isClosed;
     private liTrgt;
     private isMenusClosed;
+    private isContextMenuClosed;
     private isCMenu;
     private pageX;
     private pageY;

package/src/common/menu-base.js

@@ -641,6 +641,7 @@ var MenuBase = /** @class */ (function (_super) {
                             detach(popupEle);
                         }
                         else {
+                            _this.isContextMenuClosed = false;
                             _this.toggleAnimation(ul_1, false);
                         }
                         closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
@@ -1046,6 +1047,7 @@ var MenuBase = /** @class */ (function (_super) {
                 case 'none':
                     _this.top = observedOpenArgs.top;
                     _this.left = observedOpenArgs.left;
+                    _this.isContextMenuClosed = true;
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -1983,7 +1985,7 @@ var MenuBase = /** @class */ (function (_super) {
         }
     };
     MenuBase.prototype.end = function (ul, isMenuOpen) {
-        if (isMenuOpen) {
+        if (isMenuOpen && (this.isMenu || (!this.isMenu && this.isContextMenuClosed))) {
             if (this.isMenu || !Browser.isDevice) {
                 ul.style.display = 'block';
             }

package/src/sidebar/sidebar.d.ts

@@ -42,6 +42,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
     private windowWidth;
     private targetEle;
     private firstRender;
+    private documentClickContext;
     /**
      * Specifies the size of the Sidebar in dock state.
      * > For more details about dockSize refer to

package/src/sidebar/sidebar.js

@@ -56,7 +56,9 @@ var SIDEBARABSOLUTE = 'e-sidebar-absolute';
 var Sidebar = /** @class */ (function (_super) {
     __extends(Sidebar, _super);
     function Sidebar(options, element) {
-        return _super.call(this, options, element) || this;
+        var _this = _super.call(this, options, element) || this;
+        _this.documentClickContext = _this.documentclickHandler.bind(_this);
+        return _this;
     }
     Sidebar.prototype.preRender = function () {
         this.setWidth();
@@ -116,10 +118,12 @@ var Sidebar = /** @class */ (function (_super) {
     };
     Sidebar.prototype.setCloseOnDocumentClick = function () {
         if (this.closeOnDocumentClick) {
-            EventHandler.add(document, 'mousedown touchstart', this.documentclickHandler, this);
+            document.addEventListener('mousedown', this.documentClickContext);
+            document.addEventListener('touchstart', this.documentClickContext);
         }
         else {
-            EventHandler.remove(document, 'mousedown touchstart', this.documentclickHandler);
+            document.removeEventListener('mousedown', this.documentClickContext);
+            document.removeEventListener('touchstart', this.documentClickContext);
         }
     };
     Sidebar.prototype.setWidth = function () {
@@ -421,10 +425,10 @@ var Sidebar = /** @class */ (function (_super) {
             this.show();
         }
         else if (this.isOpen && this.position === 'Left' && args.swipeDirection === 'Left') {
-            this.hide();
+            this.hide(args.originalEvent);
         }
         else if (this.isOpen && this.position === 'Right' && args.swipeDirection === 'Right') {
-            this.hide();
+            this.hide(args.originalEvent);
         }
         else if (!this.isOpen && this.position === 'Right' && args.swipeDirection === 'Left'
             && (window.innerWidth - args.startX <= 20 && args.distanceX >= 50 && args.velocity >= 0.5)) {

package/src/stepper/stepper.js

@@ -264,7 +264,7 @@ var Stepper = /** @class */ (function (_super) {
         if (this.stepperItemList && this.progressbar && this.element.classList.contains(HORIZSTEP)) {
             this.setProgressPosition(this.element, true);
         }
-        this.navigateToStep(this.activeStep, null, null, false);
+        this.navigateToStep(this.activeStep, null, null, false, false);
     };
     Stepper.prototype.updateStepFocus = function () {
         if (this.isKeyNavFocus) {
@@ -972,7 +972,7 @@ var Stepper = /** @class */ (function (_super) {
         if (this.stepperItemList && this.progressbar) {
             this.setProgressPosition(this.element);
         }
-        this.navigateToStep(this.activeStep, null, null, false);
+        this.navigateToStep(this.activeStep, null, null, false, false);
     };
     Stepper.prototype.updateElementClassArray = function () {
         var classArray = [RTL, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',

package/src/treeview/treeview.d.ts

@@ -1229,6 +1229,8 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private setDragAndDrop;
     private initializeDrag;
     private dragCancelAction;
+    private getOffsetX;
+    private getOffsetY;
     private dragAction;
     private appendIndicator;
     private dropAction;

package/src/treeview/treeview.js

@@ -2636,7 +2636,7 @@ var TreeView = /** @class */ (function (_super) {
                 currentItem = isNOU(currentItem) ? currentItem : this.getNodeObject(resultId);
                 if (!isNOU(currentItem)) {
                     var htmlAttributes = currentItem[this.fields.htmlAttributes];
-                    if (htmlAttributes && htmlAttributes.class.indexOf(DISABLE) !== -1) {
+                    if (htmlAttributes && !isNOU(htmlAttributes.class) && htmlAttributes.class.indexOf(DISABLE) !== -1) {
                         shouldPreventUpdate = false;
                     }
                 }
@@ -3371,6 +3371,24 @@ var TreeView = /** @class */ (function (_super) {
         removeClass([this.element], DRAGGING);
         this.dragStartAction = false;
     };
+    TreeView.prototype.getOffsetX = function (event, target) {
+        var touchList = event.changedTouches;
+        if (touchList && touchList.length > 0) {
+            return touchList[0].clientX - target.getBoundingClientRect().left;
+        }
+        else {
+            return event.offsetX;
+        }
+    };
+    TreeView.prototype.getOffsetY = function (event, target) {
+        var touchList = event.changedTouches;
+        if (touchList && touchList.length > 0) {
+            return touchList[0].clientY - target.getBoundingClientRect().top;
+        }
+        else {
+            return event.offsetY;
+        }
+    };
     TreeView.prototype.dragAction = function (e, virtualEle) {
         var dropRoot = closest(e.target, '.' + DROPPABLE);
         var dropWrap = closest(e.target, '.' + TEXTWRAP);
@@ -3380,6 +3398,9 @@ var TreeView = /** @class */ (function (_super) {
         this.removeVirtualEle();
         document.body.style.cursor = '';
         var classList = e.target.classList;
+        var event = e.event;
+        var offsetY = this.getOffsetY(event, e.target);
+        var offsetX = this.getOffsetX(event, e.target);
         if (this.fullRowSelect && !dropWrap && !isNOU(classList) && classList.contains(FULLROW)) {
             dropWrap = e.target.nextElementSibling;
         }
@@ -3392,14 +3413,14 @@ var TreeView = /** @class */ (function (_super) {
                 (!dropLi.isSameNode(this.dragLi) && !this.isDescendant(this.dragLi, dropLi)))) {
                 if (this.hasTemplate && dropLi) {
                     var templateTarget = select(this.fullRowSelect ? '.' + FULLROW : '.' + TEXTWRAP, dropLi);
-                    if ((e && (!expand && !collapse) && e.event.offsetY < 7 && !checkWrapper) ||
-                        (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
+                    if ((e && (!expand && !collapse) && offsetY < 7 && !checkWrapper) ||
+                        (((expand && offsetY < 5) || (collapse && offsetX < 3)))) {
                         var index = this.fullRowSelect ? (1) : (0);
                         this.appendIndicator(dropLi, icon, index);
                     }
                     else if ((e && (!expand && !collapse) &&
-                        !checkWrapper && templateTarget && e.event.offsetY > templateTarget.offsetHeight - 10) ||
-                        ((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19))) {
+                        !checkWrapper && templateTarget && offsetY > templateTarget.offsetHeight - 10) ||
+                        ((expand && offsetY > 19) || (collapse && offsetX > 19))) {
                         var index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
@@ -3409,14 +3430,14 @@ var TreeView = /** @class */ (function (_super) {
                     }
                 }
                 else {
-                    if ((dropLi && e && (!expand && !collapse) && (e.event.offsetY < 7) && !checkWrapper) ||
-                        (((expand && e.event.offsetY < 5) || (collapse && e.event.offsetX < 3)))) {
+                    if ((dropLi && e && (!expand && !collapse) && (offsetY < 7) && !checkWrapper) ||
+                        (((expand && offsetY < 5) || (collapse && offsetX < 3)))) {
                         var index = this.fullRowSelect ? (1) : (0);
                         this.appendIndicator(dropLi, icon, index);
                     }
                     else if ((dropLi && e && (!expand && !collapse) &&
-                        (e.target.offsetHeight > 0 && e.event.offsetY > (e.target.offsetHeight - 10)) && !checkWrapper) ||
-                        (((expand && e.event.offsetY > 19) || (collapse && e.event.offsetX > 19)))) {
+                        (e.target.offsetHeight > 0 && offsetY > (e.target.offsetHeight - 10)) && !checkWrapper) ||
+                        (((expand && offsetY > 19) || (collapse && offsetX > 19)))) {
                         var index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
@@ -3461,7 +3482,8 @@ var TreeView = /** @class */ (function (_super) {
         dropLi.insertBefore(virEle, dropLi.children[parseInt(index.toString(), 10)]);
     };
     TreeView.prototype.dropAction = function (e) {
-        var offsetY = e.event.offsetY;
+        var event = e.event;
+        var offsetY = this.getOffsetY(event, e.target);
         var dropTarget = e.target;
         var dragObj;
         var level;
@@ -3752,10 +3774,12 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.renderVirtualEle = function (e) {
         var pre;
-        if (e.event.offsetY > e.target.offsetHeight - 2) {
+        var event = e.event;
+        var offsetY = this.getOffsetY(event, e.target);
+        if (offsetY > e.target.offsetHeight - 2) {
             pre = false;
         }
-        else if (e.event.offsetY < 2) {
+        else if (offsetY < 2) {
             pre = true;
         }
         var virEle = this.createElement('div', { className: SIBLING });