@syncfusion/ej2-navigations 30.1.39 → 30.1.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.39
+*  version : 30.1.42
 *  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.1.39",
+  "version": "30.1.42",
   "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": "~30.1.38",
+    "@syncfusion/ej2-base": "~30.1.42",
     "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-data": "~30.1.38",
-    "@syncfusion/ej2-inputs": "~30.1.38",
-    "@syncfusion/ej2-lists": "~30.1.37",
-    "@syncfusion/ej2-popups": "~30.1.37"
+    "@syncfusion/ej2-data": "~30.1.40",
+    "@syncfusion/ej2-inputs": "~30.1.40",
+    "@syncfusion/ej2-lists": "~30.1.42",
+    "@syncfusion/ej2-popups": "~30.1.42"
   },
   "devDependencies": {},
   "keywords": [

package/src/breadcrumb/breadcrumb.js

@@ -652,10 +652,10 @@ var Breadcrumb = /** @class */ (function (_super) {
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
             switch (prop) {
-                case 'items':
                 case 'enableActiveItemNavigation':
                     this.reRenderItems();
                     break;
+                case 'items':
                 case 'activeItem':
                     this._maxItems = this.maxItems;
                     this.initPvtProps();

package/src/common/menu-base.js

@@ -2068,6 +2068,13 @@ var MenuBase = /** @class */ (function (_super) {
     MenuBase.prototype.toggleAnimation = function (ul, isMenuOpen) {
         var _this = this;
         if (isMenuOpen === void 0) { isMenuOpen = true; }
+        var menuWrapper = this.getWrapper();
+        if (menuWrapper) {
+            var activeMenuElements = menuWrapper.querySelectorAll('.e-menu-parent');
+            activeMenuElements.forEach(function (menuElement) {
+                Animation.stop(menuElement);
+            });
+        }
         var pUlHeight;
         var pElement;
         var animateElement = (this.enableScrolling && !this.isMenu && closest(ul, '.e-menu-vscroll'))

package/src/stepper-base/stepper-base-model.d.ts

@@ -30,11 +30,14 @@ export interface StepModel {
 
     /**
      * Defines the state whether it is valid completion or not.
+     * If set to true, the completion is valid.
+     * If false, the completion is invalid.
+     * If null, the completion state is not determined.
      *
      * @aspType bool?
      * @default null
      */
-    isValid?: boolean;
+    isValid?: boolean | null;
 
     /**
      * Defines the label content of the step.

package/src/stepper-base/stepper-base.d.ts

@@ -41,11 +41,14 @@ export declare class Step extends ChildProperty<Step> {
     iconCss: string;
     /**
      * Defines the state whether it is valid completion or not.
+     * If set to true, the completion is valid.
+     * If false, the completion is invalid.
+     * If null, the completion state is not determined.
      *
      * @aspType bool?
      * @default null
      */
-    isValid: boolean;
+    isValid: boolean | null;
     /**
      * Defines the label content of the step.
      *

package/src/tab/tab.js

@@ -643,7 +643,10 @@ var Tab = /** @class */ (function (_super) {
             this.actEleId = target.id;
             if (this.checkPopupOverflow(lastChild)) {
                 var prevEle = this.tbItems.lastChild.previousElementSibling;
-                this.checkPopupOverflow(prevEle);
+                prevEle = (prevEle && prevEle.classList.contains(CLS_INDICATOR) ? prevEle.previousElementSibling : prevEle);
+                if (prevEle) {
+                    this.checkPopupOverflow(prevEle);
+                }
             }
             this.isPopup = true;
         }

package/src/toolbar/toolbar.js

@@ -325,11 +325,15 @@ var Toolbar = /** @class */ (function (_super) {
         }
         if (this.tbarAlign) {
             var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
-            [].slice.call(tbarItems.children).forEach(function (el) {
-                detach(el);
-            });
+            if (tbarItems) {
+                if (tbarItems.children) {
+                    [].slice.call(tbarItems.children).forEach(function (el) {
+                        detach(el);
+                    });
+                }
+                this.remove(tbarItems, CLS_TBARPOS);
+            }
             this.tbarAlign = false;
-            this.remove(tbarItems, CLS_TBARPOS);
         }
         this.clearProperty();
     };
@@ -752,10 +756,10 @@ var Toolbar = /** @class */ (function (_super) {
     Toolbar.prototype.render = function () {
         var _this = this;
         this.initialize();
-        this.renderControl();
-        this.wireEvents();
         this.clickEvent = this.docEvent.bind(this);
         this.scrollEvent = this.docEvent.bind(this);
+        this.renderControl();
+        this.wireEvents();
         this.renderComplete();
         if (this.isReact && this.portals && this.portals.length > 0) {
             this.renderReactTemplates(function () {