@syncfusion/ej2-navigations 27.1.48 → 27.1.51

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

@@ -1698,6 +1698,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                             detach(popupEle);
                         }
                         else {
+                            _this.isContextMenuClosed = false;
                             _this.toggleAnimation(ul_1, false);
                         }
                         closeArgs = { element: ul_1, parentItem: item_1, items: items_1 };
@@ -2103,6 +2104,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 case 'none':
                     _this.top = observedOpenArgs.top;
                     _this.left = observedOpenArgs.left;
+                    _this.isContextMenuClosed = true;
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -3040,7 +3042,7 @@ var MenuBase = /** @__PURE__ @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';
             }
@@ -12722,7 +12724,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 currentItem = isNullOrUndefined(currentItem) ? currentItem : this.getNodeObject(resultId);
                 if (!isNullOrUndefined(currentItem)) {
                     var htmlAttributes = currentItem[this.fields.htmlAttributes];
-                    if (htmlAttributes && htmlAttributes.class.indexOf(DISABLE) !== -1) {
+                    if (htmlAttributes && !isNullOrUndefined(htmlAttributes.class) && htmlAttributes.class.indexOf(DISABLE) !== -1) {
                         shouldPreventUpdate = false;
                     }
                 }
@@ -13454,6 +13456,24 @@ var TreeView = /** @__PURE__ @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);
@@ -13463,6 +13483,9 @@ var TreeView = /** @__PURE__ @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 && !isNullOrUndefined(classList) && classList.contains(FULLROW)) {
             dropWrap = e.target.nextElementSibling;
         }
@@ -13475,14 +13498,14 @@ var TreeView = /** @__PURE__ @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);
                     }
@@ -13492,14 +13515,14 @@ var TreeView = /** @__PURE__ @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);
                     }
@@ -13544,7 +13567,8 @@ var TreeView = /** @__PURE__ @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;
@@ -13835,10 +13859,12 @@ var TreeView = /** @__PURE__ @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 });
@@ -15732,7 +15758,9 @@ var SIDEBARABSOLUTE = 'e-sidebar-absolute';
 var Sidebar = /** @__PURE__ @class */ (function (_super) {
     __extends$9(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();
@@ -15792,10 +15820,12 @@ var Sidebar = /** @__PURE__ @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 () {
@@ -16097,10 +16127,10 @@ var Sidebar = /** @__PURE__ @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)) {
@@ -19245,7 +19275,7 @@ var Stepper = /** @__PURE__ @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) {
@@ -19953,7 +19983,7 @@ var Stepper = /** @__PURE__ @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$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',