@syncfusion/ej2-navigations 30.2.4 → 30.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.4
+*  version : 30.2.5
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "30.2.4",
+  "version": "30.2.5",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

package/src/tab/tab.js

@@ -622,11 +622,11 @@ var Tab = /** @class */ (function (_super) {
         else if (this.isVertical() && (popIcon.offsetTop < lastChild.offsetTop + lastChild.offsetHeight)) {
             isOverflow = true;
         }
-        if (isOverflow) {
+        if (isOverflow && !isNOU(ele)) {
             ele.classList.add(CLS_TB_POPUP);
             this.tbPop.insertBefore(ele, selectAll('.' + CLS_TB_POPUP, this.tbPop)[0]);
         }
-        return true;
+        return isOverflow;
     };
     Tab.prototype.popupHandler = function (target) {
         var ripEle = target.querySelector('.e-ripple-element');
@@ -636,21 +636,24 @@ var Tab = /** @class */ (function (_super) {
         }
         this.tbItem = selectAll('.' + CLS_TB_ITEMS + ' .' + CLS_TB_ITEM, this.hdrEle);
         var 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)) {
-                var prevEle = this.tbItems.lastChild.previousElementSibling;
-                prevEle = (prevEle && prevEle.classList.contains(CLS_INDICATOR) ? prevEle.previousElementSibling : prevEle);
-                if (prevEle) {
-                    this.checkPopupOverflow(prevEle);
+                for (var i = 0; i < this.tbItems.children.length; i++) {
+                    var 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;
+        var tabItemsLength = selectAll('.' + CLS_TB_ITEM, this.tbItems).length;
+        return tabItemsLength > 0 ? tabItemsLength - 1 : this.getEleIndex(target);
     };
     Tab.prototype.setCloseButton = function (val) {
         var trg = select('.' + CLS_HEADER, this.element);

package/src/treeview/treeview.d.ts

@@ -541,6 +541,8 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private firstTap;
     private hasTemplate;
     private isFirstRender;
+    private isBatchMode;
+    private batchParentNode;
     private isNodeDropped;
     private isInteracted;
     private isRightClick;

package/src/treeview/treeview.js

@@ -213,6 +213,7 @@ var TreeView = /** @class */ (function (_super) {
         _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;
@@ -1174,7 +1175,12 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.doCheckBoxAction = function (nodes, doCheck) {
+        var _this = this;
         if (!isNOU(nodes)) {
+            if (nodes.length > 1 && this.autoCheck) {
+                this.isBatchMode = true;
+                this.batchParentNode = new Set();
+            }
             nodes.reverse();
             for (var len = nodes.length - 1; len >= 0; len--) {
                 var liEle = this.getElement(nodes[parseInt(len.toString(), 10)]);
@@ -1217,6 +1223,16 @@ var TreeView = /** @class */ (function (_super) {
                 var checkBox = select('.' + PARENTITEM + ' .' + CHECKBOXWRAP, liEle);
                 this.validateCheckNode(checkBox, !doCheck, liEle, null);
             }
+            if (this.isBatchMode && this.autoCheck) {
+                this.isBatchMode = false;
+                Array.from(this.batchParentNode).forEach(function (parentId) {
+                    var parentLi = _this.getElement(parentId);
+                    if (parentLi) {
+                        _this.ensureParentCheckState(parentLi);
+                    }
+                });
+                this.batchParentNode.clear();
+            }
         }
         else {
             var checkBoxes = selectAll('.' + CHECKBOXWRAP, this.element);
@@ -2653,7 +2669,16 @@ var TreeView = /** @class */ (function (_super) {
         if (this.autoCheck) {
             this.ensureChildCheckState(li);
             this.updateOldCheckedData([this.getNodeData(li)]);
-            this.ensureParentCheckState(closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM));
+            var parentLi = closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM);
+            if (this.isBatchMode) {
+                var parentId = !isNOU(parentLi) ? parentLi.getAttribute('data-uid') : null;
+                if (parentId) {
+                    this.batchParentNode.add(parentId);
+                }
+            }
+            else {
+                this.ensureParentCheckState(parentLi);
+            }
             var doCheck = void 0;
             if (eventArgs.action === 'check') {
                 doCheck = true;