@syncfusion/ej2-navigations 31.2.5 → 31.2.16

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

@@ -1212,6 +1212,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         _this.isTapHold = false;
         _this.tempItem = [];
         _this.showSubMenuOn = 'Auto';
+        _this.isOpenCalled = false;
         _this.isAnimationNone = false;
         _this.isKBDAction = false;
         return _this;
@@ -2349,7 +2350,7 @@ var MenuBase = /** @__PURE__ @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 = '';
@@ -3954,6 +3955,10 @@ var Toolbar = /** @__PURE__ @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 });
         }
@@ -4330,6 +4335,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         var isPopupElement = !isNullOrUndefined(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;
         }
@@ -7604,7 +7613,9 @@ var ContextMenu = /** @__PURE__ @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.
@@ -11612,25 +11623,23 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(childKey) && childKey in childNode && Array.isArray(childNode[childKey])) {
                 var matchNode = childNode[dataId];
-                if (!isNullOrUndefined(matchNode)) {
-                    return matchNode.toString() === dataUid;
-                }
+                return !isNullOrUndefined(matchNode) &&
+                    matchNode.toString() === dataUid;
             }
             else {
                 var childNodePid = childNode[parentKey];
-                if (!isNullOrUndefined(childNodePid)) {
-                    return childNodePid.toString() === dataUid;
-                }
+                return !isNullOrUndefined(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);
@@ -11641,6 +11650,25 @@ var TreeView = /** @__PURE__ @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 (isNullOrUndefined(data) || isNullOrUndefined(parentId)) {
             return [];