@syncfusion/ej2-navigations 33.1.47 → 33.1.49

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

@@ -140,22 +140,8 @@ let HScroll = class HScroll extends Component {
         ele.classList.remove(CLS_RTL);
         const nav = selectAll('.e-' + ele.id + '_nav.' + CLS_HSCROLLNAV, ele);
         const overlay = selectAll('.' + CLS_OVERLAY, ele);
-        [].slice.call(overlay).forEach((oElem) => {
-            if (this.onKeyPressBound) {
-                oElem.removeEventListener('keydown', this.onKeyPressBound);
-            }
-            if (this.onKeyUpBound) {
-                oElem.removeEventListener('keyup', this.onKeyUpBound);
-            }
-            if (this.repeatScrollBound) {
-                oElem.removeEventListener('mouseup', this.repeatScrollBound);
-                oElem.removeEventListener('touchend', this.repeatScrollBound);
-            }
-            if (this.contextMenuBound) {
-                oElem.removeEventListener('contextmenu', this.contextMenuBound);
-            }
-            EventHandler.remove(oElem, 'click', this.clickEventHandler);
-            detach(oElem);
+        [].slice.call(overlay).forEach((ele) => {
+            detach(ele);
         });
         for (const elem of [].slice.call(this.scrollItems.children)) {
             ele.appendChild(elem);
@@ -165,37 +151,14 @@ let HScroll = class HScroll extends Component {
         }
         detach(this.scrollEle);
         if (nav.length > 0) {
-            [].slice.call(nav).forEach((nElem) => {
-                if (this.onKeyPressBound) {
-                    nElem.removeEventListener('keydown', this.onKeyPressBound);
-                }
-                if (this.onKeyUpBound) {
-                    nElem.removeEventListener('keyup', this.onKeyUpBound);
-                }
-                if (this.repeatScrollBound) {
-                    nElem.removeEventListener('mouseup', this.repeatScrollBound);
-                    nElem.removeEventListener('touchend', this.repeatScrollBound);
-                }
-                if (this.contextMenuBound) {
-                    nElem.removeEventListener('contextmenu', this.contextMenuBound);
-                }
-                EventHandler.remove(nElem, 'click', this.clickEventHandler);
-                detach(nElem);
-            });
+            detach(nav[0]);
+            if (!isNullOrUndefined(nav[1])) {
+                detach(nav[1]);
+            }
         }
         EventHandler.remove(this.scrollEle, 'scroll', this.scrollHandler);
         this.touchModule.destroy();
         this.touchModule = null;
-        if (this.navTouchCollection) {
-            this.navTouchCollection.forEach((t) => { if (t && typeof t.destroy === 'function') {
-                t.destroy();
-            } });
-            this.navTouchCollection = null;
-        }
-        this.onKeyPressBound = null;
-        this.onKeyUpBound = null;
-        this.repeatScrollBound = null;
-        this.contextMenuBound = null;
         super.destroy();
     }
     /**
@@ -280,34 +243,17 @@ let HScroll = class HScroll extends Component {
     }
     eventBinding(ele) {
         [].slice.call(ele).forEach((el) => {
-            const navTouch = new Touch(el, { tapHold: this.tabHoldHandler.bind(this), tapHoldThreshold: 500 });
-            if (!this.navTouchCollection) {
-                this.navTouchCollection = [];
-            }
-            this.navTouchCollection.push(navTouch);
-            if (!this.onKeyPressBound) {
-                this.onKeyPressBound = this.onKeyPress.bind(this);
-            }
-            if (!this.onKeyUpBound) {
-                this.onKeyUpBound = this.onKeyUp.bind(this);
-            }
-            if (!this.repeatScrollBound) {
-                this.repeatScrollBound = this.repeatScroll.bind(this);
-            }
-            if (!this.contextMenuBound) {
-                this.contextMenuBound = this.contextMenuHandler.bind(this);
-            }
-            el.addEventListener('keydown', this.onKeyPressBound);
-            el.addEventListener('keyup', this.onKeyUpBound);
-            el.addEventListener('mouseup', this.repeatScrollBound);
-            el.addEventListener('touchend', this.repeatScrollBound);
-            el.addEventListener('contextmenu', this.contextMenuBound);
+            new Touch(el, { tapHold: this.tabHoldHandler.bind(this), tapHoldThreshold: 500 });
+            el.addEventListener('keydown', this.onKeyPress.bind(this));
+            el.addEventListener('keyup', this.onKeyUp.bind(this));
+            el.addEventListener('mouseup', this.repeatScroll.bind(this));
+            el.addEventListener('touchend', this.repeatScroll.bind(this));
+            el.addEventListener('contextmenu', (e) => {
+                e.preventDefault();
+            });
             EventHandler.add(el, 'click', this.clickEventHandler, this);
         });
     }
-    contextMenuHandler(e) {
-        e.preventDefault();
-    }
     repeatScroll() {
         clearInterval(this.timeout);
     }
@@ -1197,6 +1143,7 @@ let MenuBase = class MenuBase extends Component {
         this.isAnimationNone = false;
         this.isKBDAction = false;
         this.skipNextArrowDown = false;
+        this.isCmenuOpened = false;
     }
     /**
      * Initialized third party configuration settings.
@@ -1368,15 +1315,18 @@ let MenuBase = class MenuBase extends Component {
                         new Touch(target, { tapHold: this.touchHandler.bind(this) });
                     }
                     else {
-                        EventHandler.add(target, 'contextmenu', this.cmenuHandler, this);
+                        this.delegateContextMenuHandler = this.cmenuHandler.bind(this);
+                        EventHandler.add(target, 'contextmenu', this.delegateContextMenuHandler, this);
                     }
                 }
             }
             this.targetElement = target;
             if (!this.isMenu) {
                 EventHandler.add(this.targetElement, 'scroll', this.scrollHandler, this);
-                for (const parent of getScrollableParent(this.targetElement)) {
-                    EventHandler.add(parent, 'scroll', this.scrollHandler, this);
+                this.scrollParents = getScrollableParent(this.targetElement).slice();
+                this.delegateParentScrollHandler = this.scrollHandler.bind(this);
+                for (const parent of this.scrollParents) {
+                    EventHandler.add(parent, 'scroll', this.delegateParentScrollHandler, this);
                 }
             }
         }
@@ -1704,6 +1654,7 @@ let MenuBase = class MenuBase extends Component {
         if (this.isCMenu) {
             if (this.canOpen(e.target)) {
                 this.openMenu(null, null, this.pageY, this.pageX, e);
+                this.isCmenuOpened = true;
             }
             this.isCMenu = false;
         }
@@ -3080,14 +3031,22 @@ let MenuBase = class MenuBase extends Component {
                         }
                     }
                     else {
-                        EventHandler.remove(target, 'contextmenu', this.cmenuHandler);
+                        if (this.delegateContextMenuHandler) {
+                            EventHandler.remove(target, 'contextmenu', this.delegateContextMenuHandler);
+                            this.delegateContextMenuHandler = null;
+                        }
                     }
                 }
             }
             if (!this.isMenu) {
                 EventHandler.remove(this.targetElement, 'scroll', this.scrollHandler);
-                for (const parent of getScrollableParent(this.targetElement)) {
-                    EventHandler.remove(parent, 'scroll', this.scrollHandler);
+                if (this.scrollParents) {
+                    for (const parent of this.scrollParents) {
+                        EventHandler.remove(parent, 'scroll', this.delegateParentScrollHandler);
+                    }
+                    this.delegateParentScrollHandler = null;
+                    this.scrollParents.length = 0;
+                    this.scrollParents = null;
                 }
             }
         }
@@ -3558,6 +3517,17 @@ let MenuBase = class MenuBase extends Component {
         const wrapper = this.getWrapper();
         if (wrapper) {
             this.unWireEvents();
+            this.delegateClickHandler = null;
+            this.delegateMoverHandler = null;
+            this.delegateMouseDownHandler = null;
+            this.delegateDomKeyHandler = null;
+            this.delegateScrollHandler = null;
+            this.delegateTouchOutsideHandler = null;
+            this.delegateParentScrollHandler = null;
+            if (this.delegateContextMenuHandler) {
+                EventHandler.remove(this.targetElement, 'contextmenu', this.delegateContextMenuHandler);
+                this.delegateContextMenuHandler = null;
+            }
             if (!this.isMenu) {
                 this.clonedElement.style.display = '';
                 if (this.clonedElement.tagName === 'EJS-CONTEXTMENU') {
@@ -3601,7 +3571,31 @@ let MenuBase = class MenuBase extends Component {
                 wrapper.parentNode.insertBefore(this.element, wrapper);
                 this.clonedElement = null;
             }
+            if (this.popupObj) {
+                this.popupObj.destroy();
+                this.popupObj = null;
+            }
+            this.currentTarget = null;
+            this.targetElement = null;
+            if (this.animation) {
+                this.animation.destroy();
+                this.animation = null;
+            }
+            if (!this.isMenu && !this.isCmenuOpened && this.element) {
+                const elementInstance = getValue('ej2_instances', this.element);
+                if (elementInstance && Array.isArray(elementInstance)) {
+                    elementInstance.length = 0;
+                    setValue('ej2_instances', elementInstance, this.element);
+                }
+            }
             detach(wrapper);
+            if (this.uList && !document.body.contains(this.uList)) {
+                const ulInstance = getValue('ej2_instances', this.uList);
+                if (ulInstance && Array.isArray(ulInstance)) {
+                    ulInstance.length = 0;
+                    setValue('ej2_instances', ulInstance, this.uList);
+                }
+            }
             super.destroy();
             if (this.template) {
                 this.clearTemplate(['template']);
@@ -3960,17 +3954,13 @@ let Toolbar = class Toolbar extends Component {
     }
     destroyItems() {
         if (this.element) {
-            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach((el) => {
-                EventHandler.remove(el, 'click', this.itemClick);
-                detach(el);
-            });
+            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach((el) => { detach(el); });
         }
         if (this.tbarAlign) {
             const tbarItems = this.element.querySelector('.' + CLS_ITEMS);
             if (tbarItems) {
                 if (tbarItems.children) {
                     [].slice.call(tbarItems.children).forEach((el) => {
-                        EventHandler.remove(el, 'click', this.itemClick);
                         detach(el);
                     });
                 }
@@ -5698,7 +5688,7 @@ let Toolbar = class Toolbar extends Component {
                     dom.setAttribute('aria-label', (item.text || item.tooltipText));
                     dom.setAttribute('aria-disabled', 'false');
                     innerEle.appendChild(dom);
-                    EventHandler.add(innerEle, 'click', this.itemClick, this);
+                    innerEle.addEventListener('click', this.itemClick.bind(this));
                     break;
                 case 'Separator':
                     this.add(innerEle, CLS_SEPARATOR);