@syncfusion/ej2-navigations 33.1.47 → 33.2.3

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

@@ -148,7 +148,6 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     HScroll.prototype.destroy = function () {
-        var _this = this;
         var ele = this.element;
         ele.style.display = '';
         ele.classList.remove(CLS_ROOT);
@@ -156,22 +155,8 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
         ele.classList.remove(CLS_RTL);
         var nav = selectAll('.e-' + ele.id + '_nav.' + CLS_HSCROLLNAV, ele);
         var overlay = selectAll('.' + CLS_OVERLAY, ele);
-        [].slice.call(overlay).forEach(function (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(function (ele) {
+            detach(ele);
         });
         for (var _i = 0, _a = [].slice.call(this.scrollItems.children); _i < _a.length; _i++) {
             var elem = _a[_i];
@@ -182,37 +167,14 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
         }
         detach(this.scrollEle);
         if (nav.length > 0) {
-            [].slice.call(nav).forEach(function (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(function (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.prototype.destroy.call(this);
     };
     /**
@@ -299,34 +261,17 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
     HScroll.prototype.eventBinding = function (ele) {
         var _this = this;
         [].slice.call(ele).forEach(function (el) {
-            var 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', function (e) {
+                e.preventDefault();
+            });
             EventHandler.add(el, 'click', _this.clickEventHandler, _this);
         });
     };
-    HScroll.prototype.contextMenuHandler = function (e) {
-        e.preventDefault();
-    };
     HScroll.prototype.repeatScroll = function () {
         clearInterval(this.timeout);
     };
@@ -1271,6 +1216,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         _this.isAnimationNone = false;
         _this.isKBDAction = false;
         _this.skipNextArrowDown = false;
+        _this.isCmenuOpened = false;
         return _this;
     }
     /**
@@ -1444,16 +1390,19 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         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 (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
+                this.scrollParents = getScrollableParent(this.targetElement).slice();
+                this.delegateParentScrollHandler = this.scrollHandler.bind(this);
+                for (var _i = 0, _a = this.scrollParents; _i < _a.length; _i++) {
                     var parent_1 = _a[_i];
-                    EventHandler.add(parent_1, 'scroll', this.scrollHandler, this);
+                    EventHandler.add(parent_1, 'scroll', this.delegateParentScrollHandler, this);
                 }
             }
         }
@@ -1783,6 +1732,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         if (this.isCMenu) {
             if (this.canOpen(e.target)) {
                 this.openMenu(null, null, this.pageY, this.pageX, e);
+                this.isCmenuOpened = true;
             }
             this.isCMenu = false;
         }
@@ -3187,15 +3137,23 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                     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 (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
-                    var parent_2 = _a[_i];
-                    EventHandler.remove(parent_2, 'scroll', this.scrollHandler);
+                if (this.scrollParents) {
+                    for (var _i = 0, _a = this.scrollParents; _i < _a.length; _i++) {
+                        var parent_2 = _a[_i];
+                        EventHandler.remove(parent_2, 'scroll', this.delegateParentScrollHandler);
+                    }
+                    this.delegateParentScrollHandler = null;
+                    this.scrollParents.length = 0;
+                    this.scrollParents = null;
                 }
             }
         }
@@ -3675,6 +3633,17 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         var 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') {
@@ -3718,7 +3687,31 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 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) {
+                var 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)) {
+                var ulInstance = getValue('ej2_instances', this.uList);
+                if (ulInstance && Array.isArray(ulInstance)) {
+                    ulInstance.length = 0;
+                    setValue('ej2_instances', ulInstance, this.uList);
+                }
+            }
             _super.prototype.destroy.call(this);
             if (this.template) {
                 this.clearTemplate(['template']);
@@ -4100,19 +4093,14 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Toolbar.prototype.destroyItems = function () {
-        var _this = this;
         if (this.element) {
-            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {
-                EventHandler.remove(el, 'click', _this.itemClick);
-                detach(el);
-            });
+            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) { detach(el); });
         }
         if (this.tbarAlign) {
             var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
             if (tbarItems) {
                 if (tbarItems.children) {
                     [].slice.call(tbarItems.children).forEach(function (el) {
-                        EventHandler.remove(el, 'click', _this.itemClick);
                         detach(el);
                     });
                 }
@@ -5857,7 +5845,7 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                     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);