@syncfusion/ej2-navigations 29.1.37 → 29.1.40

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

@@ -2270,6 +2270,8 @@ let MenuBase = class MenuBase extends Component {
             }
             const cmenuWidth = Math.ceil(this.getMenuWidth(ul, ul.offsetWidth, this.enableRtl));
             const cmenu = addScrolling(this.createElement, wrapper, ul, 'vscroll', this.enableRtl, wrapper.offsetHeight);
+            const newOffset = this.callFit(cmenu, false, true, top, left);
+            top = newOffset.top;
             Object.assign(cmenu.style, {
                 top: `${top}px`,
                 left: `${left}px`,
@@ -3009,6 +3011,7 @@ let MenuBase = class MenuBase extends Component {
         let pElement;
         const animateElement = (this.enableScrolling && !this.isMenu && closest(ul, '.e-menu-vscroll'))
             ? closest(ul, '.e-menu-vscroll') : ul;
+        Animation.stop(animateElement);
         if (this.animationSettings.effect === 'None' || !isMenuOpen) {
             if (this.hamburgerMode && ul) {
                 ul.style.top = '0px';
@@ -3017,6 +3020,7 @@ let MenuBase = class MenuBase extends Component {
             this.end(ul, isMenuOpen);
         }
         else {
+            animateElement.style.maxHeight = '';
             this.animation.animate(animateElement, {
                 name: this.animationSettings.effect,
                 duration: this.animationSettings.duration,
@@ -3035,7 +3039,7 @@ let MenuBase = class MenuBase extends Component {
                     }
                     else {
                         options.element.style.display = 'block';
-                        options.element.style.maxHeight = this.isMenu ? options.element.getBoundingClientRect().height + 'px' : options.element.scrollHeight + 'px';
+                        options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px';
                     }
                 },
                 progress: (options) => {
@@ -9520,14 +9524,14 @@ let Tab = class Tab extends Component {
      * @returns {void}.
      */
     removeTab(index) {
-        const trg = selectAll('.' + CLS_TB_ITEM, this.element)[index];
+        const trg = selectAll('.' + CLS_TB_ITEM, this.hdrEle)[index];
         if (isNullOrUndefined(trg)) {
             return;
         }
         const removeArgs = { removedItem: trg, removedIndex: index, cancel: false };
         this.trigger('removing', removeArgs, (tabRemovingArgs) => {
             if (!tabRemovingArgs.cancel) {
-                const header = select('#' + CLS_ITEM$2 + this.tabId + '_' + this.extIndex(trg.id), select('.' + CLS_TB_ITEMS, this.element));
+                const header = select('#' + CLS_ITEM$2 + this.tabId + '_' + this.extIndex(trg.id), select('.' + CLS_TB_ITEMS, this.hdrEle));
                 if (!isNullOrUndefined(header)) {
                     this.clearTabTemplate(header, 'headerTemplate', CLS_TB_ITEM);
                 }
@@ -12280,7 +12284,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         return undefined;
     }
     getChildGroup(data, parentId, isRoot) {
-        let childNodes;
+        const childNodes = [];
         if (isNullOrUndefined(data)) {
             return childNodes;
         }
@@ -12294,9 +12298,6 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             else if (isRoot) {
                 return data[parseInt(i.toString(), 10)];
             }
-            else {
-                return [];
-            }
         }
         return childNodes;
     }
@@ -14206,17 +14207,15 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     removeChildNodes(parentId) {
         const cNodes = this.getChildGroup(this.groupedData, parentId, false);
         const childData = [];
-        if (cNodes) {
-            for (let i = 0, len = cNodes.length; i < len; i++) {
-                const dm = new DataManager(this.treeData);
-                const id = getValue(this.fields.id, cNodes[parseInt(i.toString(), 10)]).toString();
-                const data = {};
-                const currId = this.isNumberTypeId ? parseFloat(id) : id;
-                data[this.fields.id] = currId;
-                const nodeData = dm.remove(this.fields.id, data);
-                childData.push(nodeData[0]);
-                this.removeChildNodes(id);
-            }
+        for (let i = 0, len = cNodes.length; i < len; i++) {
+            const dm = new DataManager(this.treeData);
+            const id = getValue(this.fields.id, cNodes[parseInt(i.toString(), 10)]).toString();
+            const data = {};
+            const currId = this.isNumberTypeId ? parseFloat(id) : id;
+            data[this.fields.id] = currId;
+            const nodeData = dm.remove(this.fields.id, data);
+            childData.push(nodeData[0]);
+            this.removeChildNodes(id);
         }
         return childData;
     }
@@ -18257,6 +18256,14 @@ let Carousel = class Carousel extends Component {
         if (this.element.classList.contains(CLS_HOVER) || isNullOrUndefined(this.slideItems) || this.slideItems.length <= 1) {
             return;
         }
+        if (this.swipeMode === (~CarouselSwipeMode.Touch & ~CarouselSwipeMode.Mouse)) {
+            return;
+        }
+        const eventType = e.startEvents ? e.startEvents.toString() : null;
+        if (eventType && ((this.swipeMode === CarouselSwipeMode.Mouse && eventType.includes('Touch')) ||
+            (this.swipeMode === CarouselSwipeMode.Touch && eventType.includes('Mouse')))) {
+            return;
+        }
         const direction = (e.swipeDirection === 'Right') ? 'Previous' : 'Next';
         const slideIndex = this.getSlideIndex(direction);
         if (!this.isSuspendSlideTransition(slideIndex, direction)) {