@syncfusion/ej2-navigations 27.1.48 → 27.1.51

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

@@ -1617,6 +1617,7 @@ let MenuBase = class MenuBase extends Component {
                             detach(popupEle);
                         }
                         else {
+                            this.isContextMenuClosed = false;
                             this.toggleAnimation(ul, false);
                         }
                         closeArgs = { element: ul, parentItem: item, items: items };
@@ -2013,6 +2014,7 @@ let MenuBase = class MenuBase extends Component {
                 case 'none':
                     this.top = observedOpenArgs.top;
                     this.left = observedOpenArgs.left;
+                    this.isContextMenuClosed = true;
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -2932,7 +2934,7 @@ let MenuBase = class MenuBase extends Component {
         }
     }
     end(ul, isMenuOpen) {
-        if (isMenuOpen) {
+        if (isMenuOpen && (this.isMenu || (!this.isMenu && this.isContextMenuClosed))) {
             if (this.isMenu || !Browser.isDevice) {
                 ul.style.display = 'block';
             }
@@ -12371,7 +12373,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 currentItem = isNullOrUndefined(currentItem) ? currentItem : this.getNodeObject(resultId);
                 if (!isNullOrUndefined(currentItem)) {
                     const htmlAttributes = currentItem[this.fields.htmlAttributes];
-                    if (htmlAttributes && htmlAttributes.class.indexOf(DISABLE) !== -1) {
+                    if (htmlAttributes && !isNullOrUndefined(htmlAttributes.class) && htmlAttributes.class.indexOf(DISABLE) !== -1) {
                         shouldPreventUpdate = false;
                     }
                 }
@@ -13100,6 +13102,24 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         removeClass([this.element], DRAGGING);
         this.dragStartAction = false;
     }
+    getOffsetX(event, target) {
+        const touchList = event.changedTouches;
+        if (touchList && touchList.length > 0) {
+            return touchList[0].clientX - target.getBoundingClientRect().left;
+        }
+        else {
+            return event.offsetX;
+        }
+    }
+    getOffsetY(event, target) {
+        const touchList = event.changedTouches;
+        if (touchList && touchList.length > 0) {
+            return touchList[0].clientY - target.getBoundingClientRect().top;
+        }
+        else {
+            return event.offsetY;
+        }
+    }
     dragAction(e, virtualEle) {
         const dropRoot = closest(e.target, '.' + DROPPABLE);
         let dropWrap = closest(e.target, '.' + TEXTWRAP);
@@ -13109,6 +13129,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.removeVirtualEle();
         document.body.style.cursor = '';
         const classList = e.target.classList;
+        const event = e.event;
+        const offsetY = this.getOffsetY(event, e.target);
+        const offsetX = this.getOffsetX(event, e.target);
         if (this.fullRowSelect && !dropWrap && !isNullOrUndefined(classList) && classList.contains(FULLROW)) {
             dropWrap = e.target.nextElementSibling;
         }
@@ -13121,14 +13144,14 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 (!dropLi.isSameNode(this.dragLi) && !this.isDescendant(this.dragLi, dropLi)))) {
                 if (this.hasTemplate && dropLi) {
                     const 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)))) {
                         const 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))) {
                         const index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
@@ -13138,14 +13161,14 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     }
                 }
                 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)))) {
                         const 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)))) {
                         const index = this.fullRowSelect ? (2) : (1);
                         this.appendIndicator(dropLi, icon, index);
                     }
@@ -13190,7 +13213,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         dropLi.insertBefore(virEle, dropLi.children[parseInt(index.toString(), 10)]);
     }
     dropAction(e) {
-        const offsetY = e.event.offsetY;
+        const event = e.event;
+        const offsetY = this.getOffsetY(event, e.target);
         const dropTarget = e.target;
         let dragObj;
         let level;
@@ -13481,10 +13505,12 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     }
     renderVirtualEle(e) {
         let pre;
-        if (e.event.offsetY > e.target.offsetHeight - 2) {
+        const event = e.event;
+        const 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;
         }
         const virEle = this.createElement('div', { className: SIBLING });
@@ -15347,6 +15373,7 @@ const SIDEBARABSOLUTE = 'e-sidebar-absolute';
 let Sidebar = class Sidebar extends Component {
     constructor(options, element) {
         super(options, element);
+        this.documentClickContext = this.documentclickHandler.bind(this);
     }
     preRender() {
         this.setWidth();
@@ -15406,10 +15433,12 @@ let Sidebar = class Sidebar extends Component {
     }
     setCloseOnDocumentClick() {
         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);
         }
     }
     setWidth() {
@@ -15709,10 +15738,10 @@ let Sidebar = class Sidebar extends Component {
             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)) {
@@ -18734,7 +18763,7 @@ let Stepper = class Stepper extends StepperBase {
         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);
     }
     updateStepFocus() {
         if (this.isKeyNavFocus) {
@@ -19438,7 +19467,7 @@ let Stepper = class Stepper extends StepperBase {
         if (this.stepperItemList && this.progressbar) {
             this.setProgressPosition(this.element);
         }
-        this.navigateToStep(this.activeStep, null, null, false);
+        this.navigateToStep(this.activeStep, null, null, false, false);
     }
     updateElementClassArray() {
         const classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',