@syncfusion/ej2-navigations 31.2.5 → 31.2.16

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.5
+*  version : 31.2.16
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "31.2.5",
+  "version": "31.2.16",
   "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",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.5",
-    "@syncfusion/ej2-buttons": "~31.2.3",
-    "@syncfusion/ej2-data": "~31.2.5",
-    "@syncfusion/ej2-inputs": "~31.2.5",
-    "@syncfusion/ej2-lists": "~31.2.2",
-    "@syncfusion/ej2-popups": "~31.2.5"
+    "@syncfusion/ej2-base": "~31.2.12",
+    "@syncfusion/ej2-buttons": "~31.2.16",
+    "@syncfusion/ej2-data": "~31.2.16",
+    "@syncfusion/ej2-inputs": "~31.2.15",
+    "@syncfusion/ej2-lists": "~31.2.12",
+    "@syncfusion/ej2-popups": "~31.2.12"
   },
   "devDependencies": {},
   "keywords": [

package/src/common/menu-base.d.ts

@@ -189,6 +189,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
     private timer;
     private currentTarget;
     private isCmenuHover;
+    protected isOpenCalled: boolean;
     private isAnimationNone;
     private isKBDAction;
     private touchStartFn;

package/src/common/menu-base.js

@@ -155,6 +155,7 @@ var MenuBase = /** @class */ (function (_super) {
         _this.isTapHold = false;
         _this.tempItem = [];
         _this.showSubMenuOn = 'Auto';
+        _this.isOpenCalled = false;
         _this.isAnimationNone = false;
         _this.isKBDAction = false;
         return _this;
@@ -1292,7 +1293,7 @@ var MenuBase = /** @class */ (function (_super) {
             }
         }
         this.toggleVisiblity(ul, false);
-        if (this.isCMenu && this.enableScrolling && ul) {
+        if ((this.isCMenu || this.isOpenCalled) && this.enableScrolling && ul) {
             ul.style.height = '';
             ul.style.top = '';
             ul.style.left = '';

package/src/context-menu/context-menu.js

@@ -75,7 +75,9 @@ var ContextMenu = /** @class */ (function (_super) {
      * @returns {void}
      */
     ContextMenu.prototype.open = function (top, left, target) {
+        this.isOpenCalled = true;
         _super.prototype.openMenu.call(this, null, null, top, left, null, target);
+        this.isOpenCalled = false;
     };
     /**
      * Closes the ContextMenu if it is opened.

package/src/toolbar/toolbar.d.ts

@@ -265,6 +265,7 @@ export declare class Toolbar extends Component<HTMLElement> implements INotifyPr
     private isVertical;
     private tempId;
     private isExtendedOpen;
+    private popupTriggeredByToolbar;
     private clickEvent;
     private scrollEvent;
     private resizeContext;

package/src/toolbar/toolbar.js

@@ -306,6 +306,10 @@ var Toolbar = /** @class */ (function (_super) {
     };
     Toolbar.prototype.docEvent = function (e) {
         var popEle = closest(e.target, '.e-popup');
+        if (this.popupTriggeredByToolbar) {
+            this.popupTriggeredByToolbar = false;
+            return;
+        }
         if (this.popObj && isVisible(this.popObj.element) && !popEle && this.overflowMode === 'Popup') {
             this.popObj.hide({ name: 'FadeOut', duration: 100 });
         }
@@ -682,6 +686,10 @@ var Toolbar = /** @class */ (function (_super) {
         var isPopupElement = !isNOU(closest(trgt, '.' + CLS_POPUPCLASS));
         var clsList = trgt.classList;
         var popupNav = closest(trgt, ('.' + CLS_TBARNAV));
+        var popupDownIcon = closest(trgt, ('.' + CLS_POPUPDOWN));
+        if (popupDownIcon || popupNav) {
+            this.popupTriggeredByToolbar = true;
+        }
         if (!popupNav) {
             popupNav = trgt;
         }

package/src/treeview/treeview.d.ts

@@ -551,6 +551,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private DDTTreeData;
     private OldCheckedData;
     private isHiddenItem;
+    private nodeIndex;
     /**
      * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
      * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
@@ -1075,6 +1076,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private ensureIndeterminate;
     private ensureParentCheckState;
     private getSelectedChildNodeDetails;
+    private buildNodeIndex;
     private getAllChildNodes;
     private ensureChildCheckState;
     private doCheckBoxAction;

package/src/treeview/treeview.js

@@ -1081,25 +1081,23 @@ var TreeView = /** @class */ (function (_super) {
         var childKey = typeof this.fields.child === 'string' ? this.fields.child : null;
         var dataId = this.fields.id;
         var parentKey = this.fields.parentID;
+        if (!this.nodeIndex) {
+            this.nodeIndex = new Map();
+            this.buildNodeIndex(this.treeData);
+        }
         var matchesDataUid = function (childNode) {
             if (!isNOU(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
                 var matchNode = childNode[dataId];
-                if (!isNOU(matchNode)) {
-                    return matchNode.toString() === dataUid;
-                }
+                return !isNOU(matchNode) &&
+                    matchNode.toString() === dataUid;
             }
             else {
                 var childNodePid = childNode[parentKey];
-                if (!isNOU(childNodePid)) {
-                    return childNodePid.toString() === dataUid;
-                }
+                return !isNOU(childNodePid) && childNodePid.toString() === dataUid;
             }
-            return false;
         };
         return this.checkedNodes
-            .map(function (checkedNodeId) {
-            return _this.getNodeObject(checkedNodeId);
-        })
+            .map(function (id) { return _this.nodeIndex.get(id); })
             .filter(function (childNode) {
             if (childNode && typeof childNode === 'object' && (childKey in childNode)) {
                 return matchesDataUid(childNode);
@@ -1110,6 +1108,25 @@ var TreeView = /** @class */ (function (_super) {
             return false;
         });
     };
+    TreeView.prototype.buildNodeIndex = function (nodes) {
+        var _this = this;
+        var childKey = typeof this.fields.child === 'string' ? this.fields.child : null;
+        nodes.forEach(function (node) {
+            var idVal = getValue(_this.fields.id, node);
+            if (idVal != null) {
+                if (!_this.nodeIndex) {
+                    _this.nodeIndex = new Map();
+                }
+                _this.nodeIndex.set(idVal.toString(), node);
+            }
+            if (childKey) {
+                var children = getValue(childKey, node);
+                if (Array.isArray(children)) {
+                    _this.buildNodeIndex(children);
+                }
+            }
+        });
+    };
     TreeView.prototype.getAllChildNodes = function (data, parentId) {
         if (isNOU(data) || isNOU(parentId)) {
             return [];