@syncfusion/ej2-navigations 30.2.4 → 30.2.7

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

@@ -8297,11 +8297,11 @@ let Tab = class Tab extends Component {
         else if (this.isVertical() && (popIcon.offsetTop < lastChild.offsetTop + lastChild.offsetHeight)) {
             isOverflow = true;
         }
-        if (isOverflow) {
+        if (isOverflow && !isNullOrUndefined(ele)) {
             ele.classList.add(CLS_TB_POPUP);
             this.tbPop.insertBefore(ele, selectAll('.' + CLS_TB_POPUP, this.tbPop)[0]);
         }
-        return true;
+        return isOverflow;
     }
     popupHandler(target) {
         const ripEle = target.querySelector('.e-ripple-element');
@@ -8311,21 +8311,24 @@ let Tab = class Tab extends Component {
         }
         this.tbItem = selectAll('.' + CLS_TB_ITEMS + ' .' + CLS_TB_ITEM, this.hdrEle);
         const lastChild = this.tbItem[this.tbItem.length - 1];
-        if (this.tbItem.length !== 0) {
+        if (this.tbItem.length >= 0) {
             target.classList.remove(CLS_TB_POPUP);
             target.removeAttribute('style');
             this.tbItems.appendChild(target);
             this.actEleId = target.id;
             if (this.checkPopupOverflow(lastChild)) {
-                let prevEle = this.tbItems.lastChild.previousElementSibling;
-                prevEle = (prevEle && prevEle.classList.contains(CLS_INDICATOR) ? prevEle.previousElementSibling : prevEle);
-                if (prevEle) {
-                    this.checkPopupOverflow(prevEle);
+                for (let i = 0; i < this.tbItems.children.length; i++) {
+                    let prevEle = this.tbItems.lastChild.previousElementSibling;
+                    prevEle = (prevEle && prevEle.classList.contains(CLS_INDICATOR) ? prevEle.previousElementSibling : prevEle);
+                    if (!this.checkPopupOverflow(prevEle ? prevEle : target)) {
+                        break;
+                    }
                 }
             }
             this.isPopup = true;
         }
-        return selectAll('.' + CLS_TB_ITEM, this.tbItems).length - 1;
+        const tabItemsLength = selectAll('.' + CLS_TB_ITEM, this.tbItems).length;
+        return tabItemsLength > 0 ? tabItemsLength - 1 : this.getEleIndex(target);
     }
     setCloseButton(val) {
         const trg = select('.' + CLS_HEADER$1, this.element);
@@ -9876,6 +9879,7 @@ let Tab = class Tab extends Component {
      */
     getItemIndex(tabItemId) {
         let tabIndex;
+        this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
         for (let i = 0; i < this.tbItem.length; i++) {
             const value = this.tbItem[i].getAttribute('data-id');
             if (tabItemId === value) {
@@ -10413,6 +10417,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.changeDataSource = false;
         this.hasTemplate = false;
         this.isFirstRender = false;
+        this.batchParentNode = new Set();
         // Specifies whether the node is dropped or not
         this.isNodeDropped = false;
         this.isInteracted = false;
@@ -11362,6 +11367,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     }
     doCheckBoxAction(nodes, doCheck) {
         if (!isNullOrUndefined(nodes)) {
+            if (nodes.length > 1 && this.autoCheck) {
+                this.isBatchMode = true;
+                this.batchParentNode = new Set();
+            }
             nodes.reverse();
             for (let len = nodes.length - 1; len >= 0; len--) {
                 const liEle = this.getElement(nodes[parseInt(len.toString(), 10)]);
@@ -11404,6 +11413,16 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 const checkBox = select('.' + PARENTITEM + ' .' + CHECKBOXWRAP, liEle);
                 this.validateCheckNode(checkBox, !doCheck, liEle, null);
             }
+            if (this.isBatchMode && this.autoCheck) {
+                this.isBatchMode = false;
+                Array.from(this.batchParentNode).forEach((parentId) => {
+                    const parentLi = this.getElement(parentId);
+                    if (parentLi) {
+                        this.ensureParentCheckState(parentLi);
+                    }
+                });
+                this.batchParentNode.clear();
+            }
         }
         else {
             const checkBoxes = selectAll('.' + CHECKBOXWRAP, this.element);
@@ -12819,7 +12838,16 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (this.autoCheck) {
             this.ensureChildCheckState(li);
             this.updateOldCheckedData([this.getNodeData(li)]);
-            this.ensureParentCheckState(closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM));
+            const parentLi = closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM);
+            if (this.isBatchMode) {
+                const parentId = !isNullOrUndefined(parentLi) ? parentLi.getAttribute('data-uid') : null;
+                if (parentId) {
+                    this.batchParentNode.add(parentId);
+                }
+            }
+            else {
+                this.ensureParentCheckState(parentLi);
+            }
             let doCheck;
             if (eventArgs.action === 'check') {
                 doCheck = true;