@syncfusion/ej2-navigations 25.2.3 → 25.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@25.1.42",
+  "_id": "@syncfusion/ej2-navigations@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-UcDoEk6aNyPF9FHLMAKTUGpTqn5sUhXu58JOYIIo2TBioSnwOrniFqJKO+Uot6wbzCbCob/Ll4HKh2qZTzPtQQ==",
+  "_integrity": "sha512-Gq15oppzRlEiaAFuScPih8+ocFjo9yupWt1XTsTnhontiknLzmxsJIEZhZId0LRfoypRHueMGOPwV1vNdwAXig==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.1.42.tgz",
-  "_shasum": "9119271036d9fe3ed8f356ac52a4ae7dda2c1bed",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.2.3.tgz",
+  "_shasum": "79d7b2bc6d5b8557e0c423a7a153023237b02739",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -52,11 +52,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.4",
     "@syncfusion/ej2-data": "~25.2.3",
     "@syncfusion/ej2-inputs": "~25.2.3",
     "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3"
+    "@syncfusion/ej2-popups": "~25.2.4"
   },
   "deprecated": false,
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.4",
   "sideEffects": false
 }

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

@@ -181,6 +181,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
     private defaultOption;
     private timer;
     private currentTarget;
+    private isCmenuHover;
     /**
      * Triggers while rendering each menu item.
      *

package/src/common/menu-base.js

@@ -699,7 +699,7 @@ var MenuBase = /** @class */ (function (_super) {
                     else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
                         _this.closeMenu(null, e);
                     }
-                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed) {
+                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed && !_this.isCmenuHover) {
                         _this.isMenusClosed = true;
                         _this.closeMenu(0, e);
                     }
@@ -1304,6 +1304,8 @@ var MenuBase = /** @class */ (function (_super) {
     MenuBase.prototype.moverHandler = function (e) {
         var trgt = e.target;
         this.liTrgt = trgt;
+        if (!this.isMenu)
+            this.isCmenuHover = true;
         var cli = this.getLI(trgt);
         var wrapper = cli ? closest(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
         var hdrWrapper = this.getWrapper();
@@ -1359,6 +1361,8 @@ var MenuBase = /** @class */ (function (_super) {
             }
             this.isClosed = false;
         }
+        if (!this.isMenu)
+            this.isCmenuHover = false;
     };
     MenuBase.prototype.removeStateWrapper = function () {
         if (this.liTrgt) {
@@ -1481,10 +1485,14 @@ var MenuBase = /** @class */ (function (_super) {
                             this.keyType = 'click';
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
+                                if (!this.isMenu)
+                                    this.isCmenuHover = true;
                             }
                             this.closeMenu(culIdx + 1, e);
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
+                                if (!this.isMenu)
+                                    this.isCmenuHover = false;
                             }
                         }
                     }
@@ -1951,7 +1959,8 @@ var MenuBase = /** @class */ (function (_super) {
     };
     MenuBase.prototype.end = function (ul, isMenuOpen) {
         if (isMenuOpen) {
-            ul.style.display = 'block';
+            if (this.isMenu || !Browser.isDevice)
+                ul.style.display = 'block';
             ul.style.maxHeight = '';
             this.triggerOpen(ul);
             if (ul.querySelector('.' + FOCUSED)) {

package/src/tab/tab.js

@@ -2148,8 +2148,15 @@ var Tab = /** @class */ (function (_super) {
      */
     Tab.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
+        var sortedKeys = Object.keys(newProp).sort(function (a, b) {
+            if (a === 'items')
+                return -1;
+            if (b === 'items')
+                return 1;
+            return 0;
+        });
+        for (var _i = 0, sortedKeys_1 = sortedKeys; _i < sortedKeys_1.length; _i++) {
+            var prop = sortedKeys_1[_i];
             switch (prop) {
                 case 'width':
                     setStyle(this.element, { width: formatUnit(newProp.width) });