@syncfusion/ej2-navigations 28.1.33 → 28.1.36

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

@@ -1379,6 +1379,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             this.delegateMouseDownHandler = this.mouseDownHandler.bind(this);
             EventHandler.add(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler, this);
             EventHandler.add(document, 'mousedown', this.delegateMouseDownHandler, this);
+            EventHandler.add(document, 'keydown', this.domKeyHandler, this);
             if (!this.isMenu && !this.target) {
                 EventHandler.add(document, 'scroll', this.scrollHandler, this);
             }
@@ -1420,6 +1421,12 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    MenuBase.prototype.domKeyHandler = function (e) {
+        if (e.keyCode === 27) {
+            e.action = ESCAPE;
+            this.leftEscKeyHandler(e);
+        }
+    };
     MenuBase.prototype.keyBoardHandler = function (e) {
         var actionName = '';
         var trgt = e.target;
@@ -1485,9 +1492,6 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     this.rightEnterKeyHandler(e);
                 }
                 break;
-            case ESCAPE:
-                this.leftEscKeyHandler(e);
-                break;
         }
         if (actionNeeded) {
             e.action = actionName;
@@ -2065,6 +2069,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             element: ul, items: items, parentItem: item, event: e, cancel: false, top: top, left: left, showSubMenuOn: 'Auto'
         };
         var menuType = type;
+        var observedElement;
         this.trigger('beforeOpen', eventArgs, function (observedOpenArgs) {
             switch (menuType) {
                 case 'menu':
@@ -2114,6 +2119,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     _this.top = observedOpenArgs.top;
                     _this.left = observedOpenArgs.left;
                     _this.isContextMenuClosed = true;
+                    observedElement = observedOpenArgs.element;
+                    if (_this.enableScrolling && _this.isCMenu && observedElement && observedElement.parentElement) {
+                        observedElement.style.height = observedElement.parentElement.style.height;
+                    }
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -2294,6 +2303,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.toggleVisiblity(ul, false);
+        if (this.isCMenu && this.enableScrolling && ul) {
+            ul.style.height = '';
+        }
         var wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
         if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
             var menuVScroll = closest(ul, '.e-menu-vscroll');
@@ -3015,6 +3027,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         if (!Browser.isDevice) {
             EventHandler.remove(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler);
             EventHandler.remove(document, 'mousedown', this.delegateMouseDownHandler);
+            EventHandler.remove(document, 'keydown', this.domKeyHandler);
             if (!this.isMenu && !this.target) {
                 EventHandler.remove(document, 'scroll', this.scrollHandler);
             }
@@ -3182,7 +3195,9 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         level = isCallBack ? level + 1 : 0;
         for (var i = 0, len = items.length; i < len; i++) {
             item = items[i];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var currentField = isUniqueId ? item[this.getField('itemId', level)] : item[this.getField('text', level)];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var itemId = (item.htmlAttributes && 'id' in item.htmlAttributes) ? item.htmlAttributes.id : currentField;
             if (itemId === data) {
                 nIndex.push(i);
@@ -6353,56 +6368,60 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
     Accordion.prototype.afterContentRender = function (trgt, eventArgs, acrdnItem, acrdnHdr, acrdnCtn, acrdnCtnItem) {
         var _this = this;
         var acrdActive = [];
-        this.trigger('clicked', eventArgs);
-        var cntclkCheck = (acrdnCtn && !isNullOrUndefined(select('.e-target', acrdnCtn)));
-        var inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
-        var inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
-        var nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === this.element);
-        cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
-        trgt.classList.remove('e-target');
-        if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
-            return;
-        }
-        var acrdcontainer = this.element.querySelector('.' + CLS_CONTAINER);
-        var acrdnchild = (acrdcontainer) ? acrdcontainer.children : this.element.children;
-        [].slice.call(acrdnchild).forEach(function (el) {
-            if (el.classList.contains(CLS_ACTIVE)) {
-                acrdActive.push(el);
-            }
-        });
-        var acrdAniEle = [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
-        if (acrdAniEle.length > 0) {
-            for (var _i = 0, acrdAniEle_1 = acrdAniEle; _i < acrdAniEle_1.length; _i++) {
-                var el = acrdAniEle_1[_i];
-                acrdActive.push(el.parentElement);
-            }
-        }
-        var sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
-        var sameHeader = false;
-        if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
-            var acrdnCtn_1 = select('.' + CLS_CONTENT, acrdnItem);
-            var acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
-            var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
-            if (isNullOrUndefined(acrdnCtn_1)) {
+        this.trigger('clicked', eventArgs, function (eventArgs) {
+            if (eventArgs.cancel) {
                 return;
             }
-            sameHeader = (expandState === acrdnItem);
-            if (isVisible(acrdnCtn_1) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
-                this.collapse(acrdnCtn_1);
+            var cntclkCheck = (acrdnCtn && !isNullOrUndefined(select('.e-target', acrdnCtn)));
+            var inlineAcrdnSel = '.' + CLS_CONTENT + ' .' + CLS_ROOT$2;
+            var inlineEleAcrdn = acrdnCtn && !isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) && isNullOrUndefined(closest(trgt, inlineAcrdnSel));
+            var nestContCheck = acrdnCtn && isNullOrUndefined(select('.' + CLS_ROOT$2, acrdnCtn)) || !(closest(trgt, '.' + CLS_ROOT$2) === _this.element);
+            cntclkCheck = cntclkCheck && (inlineEleAcrdn || nestContCheck);
+            trgt.classList.remove('e-target');
+            if (trgt.classList.contains(CLS_CONTENT) || trgt.classList.contains(CLS_CTENT) || cntclkCheck) {
+                return;
             }
-            else {
-                if ((acrdActive.length > 0) && this.expandMode === 'Single' && !sameContentCheck) {
-                    acrdActive.forEach(function (el) {
-                        _this.collapse(select('.' + CLS_CONTENT, el));
-                        el.classList.remove(CLS_EXPANDSTATE);
-                    });
+            var acrdcontainer = _this.element.querySelector('.' + CLS_CONTAINER);
+            var acrdnchild = (acrdcontainer) ? acrdcontainer.children : _this.element.children;
+            [].slice.call(acrdnchild).forEach(function (el) {
+                if (el.classList.contains(CLS_ACTIVE)) {
+                    acrdActive.push(el);
+                }
+            });
+            var acrdAniEle = [].slice.call(_this.element.querySelectorAll('.' + CLS_ITEM$1 + ' [' + CLS_ANIMATE + ']'));
+            if (acrdAniEle.length > 0) {
+                for (var _i = 0, acrdAniEle_1 = acrdAniEle; _i < acrdAniEle_1.length; _i++) {
+                    var el = acrdAniEle_1[_i];
+                    acrdActive.push(el.parentElement);
+                }
+            }
+            var sameContentCheck = acrdActive.indexOf(acrdnCtnItem) !== -1 && acrdnCtn.getAttribute('e-animate') === 'true';
+            var sameHeader = false;
+            if (!isNullOrUndefined(acrdnItem) && !isNullOrUndefined(acrdnHdr)) {
+                var acrdnCtn_1 = select('.' + CLS_CONTENT, acrdnItem);
+                var acrdnRoot = closest(acrdnItem, '.' + CLS_ACRDN_ROOT);
+                var expandState = acrdnRoot.querySelector('.' + CLS_EXPANDSTATE);
+                if (isNullOrUndefined(acrdnCtn_1)) {
+                    return;
+                }
+                sameHeader = (expandState === acrdnItem);
+                if (isVisible(acrdnCtn_1) && (!sameContentCheck || acrdnCtnItem.classList.contains(CLS_SLCTED))) {
+                    _this.collapse(acrdnCtn_1);
+                }
+                else {
+                    if ((acrdActive.length > 0) && _this.expandMode === 'Single' && !sameContentCheck) {
+                        acrdActive.forEach(function (el) {
+                            _this.collapse(select('.' + CLS_CONTENT, el));
+                            el.classList.remove(CLS_EXPANDSTATE);
+                        });
+                    }
+                    _this.expand(acrdnCtn_1);
+                }
+                if (!isNullOrUndefined(expandState) && !sameHeader) {
+                    expandState.classList.remove(CLS_EXPANDSTATE);
                 }
-                this.expand(acrdnCtn_1);
-            }
-            if (!isNullOrUndefined(expandState) && !sameHeader) {
-                expandState.classList.remove(CLS_EXPANDSTATE);
             }
-        }
+        });
     };
     Accordion.prototype.eleMoveFocus = function (action, root, trgt) {
         var clst;
@@ -6756,9 +6775,12 @@ var Accordion = /** @__PURE__ @class */ (function (_super) {
     };
     Accordion.prototype.collapse = function (trgt) {
         var _this = this;
+        if (isNullOrUndefined(trgt)) {
+            return;
+        }
         var items = this.getItems();
         var trgtItemEle = closest(trgt, '.' + CLS_ITEM$1);
-        if (isNullOrUndefined(trgt) || !isVisible(trgt) || trgtItemEle.classList.contains(CLS_DISABLE$3)) {
+        if (!isVisible(trgt) || trgtItemEle.classList.contains(CLS_DISABLE$3)) {
             return;
         }
         var animation = {
@@ -14069,7 +14091,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.renderChildNodes(dropLi);
         }
         dropUl = select('.' + PARENTITEM, dropLi);
-        if (!isNullOrUndefined(dropUl) && this.preventExpand === true) {
+        if (!isNullOrUndefined(dropUl) && (this.preventExpand && !(dropLi.getAttribute('aria-expanded') === 'true'))) {
             dropUl.style.display = 'none';
         }
         if (!isNullOrUndefined(dropUl) && this.preventExpand === false) {
@@ -14117,7 +14139,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.trigger('nodeExpanded', this.getExpandEvent(dropLi, null));
         }
         var collapseIcon = select('div.' + COLLAPSIBLE, dropLi);
-        if (!isNullOrUndefined(dropUl) && collapseIcon && this.preventExpand) {
+        if (!isNullOrUndefined(dropUl) && collapseIcon && (this.preventExpand && !(dropLi.getAttribute('aria-expanded') === 'true'))) {
             removeClass([collapseIcon], COLLAPSIBLE);
             dropLi.setAttribute('aria-expanded', 'false');
             addClass([collapseIcon], EXPANDABLE);
@@ -18583,6 +18605,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     addClass([].slice.call(navigator.childNodes), CLS_HOVER_ARROWS);
                 }
                 removeClass([this.element], CLS_HOVER);
+                if (this.isSwipe) {
+                    this.swipStop();
+                }
                 break;
         }
         this.autoSlide();
@@ -18706,7 +18731,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Carousel.prototype.wireEvents = function () {
-        if (!(this.animationEffect === 'Custom')) {
+        if (this.animationEffect !== 'Custom' && this.enableTouchSwipe) {
             this.swipeModehandlers();
         }
         EventHandler.add(this.element, 'focusin focusout', this.onFocusActions, this);