@syncfusion/ej2-navigations 30.1.39 → 30.1.42

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

@@ -3016,6 +3016,13 @@ let MenuBase = class MenuBase extends Component {
         }
     }
     toggleAnimation(ul, isMenuOpen = true) {
+        const menuWrapper = this.getWrapper();
+        if (menuWrapper) {
+            const activeMenuElements = menuWrapper.querySelectorAll('.e-menu-parent');
+            activeMenuElements.forEach((menuElement) => {
+                Animation.stop(menuElement);
+            });
+        }
         let pUlHeight;
         let pElement;
         const animateElement = (this.enableScrolling && !this.isMenu && closest(ul, '.e-menu-vscroll'))
@@ -3826,11 +3833,15 @@ let Toolbar = class Toolbar extends Component {
         }
         if (this.tbarAlign) {
             const tbarItems = this.element.querySelector('.' + CLS_ITEMS);
-            [].slice.call(tbarItems.children).forEach((el) => {
-                detach(el);
-            });
+            if (tbarItems) {
+                if (tbarItems.children) {
+                    [].slice.call(tbarItems.children).forEach((el) => {
+                        detach(el);
+                    });
+                }
+                this.remove(tbarItems, CLS_TBARPOS);
+            }
             this.tbarAlign = false;
-            this.remove(tbarItems, CLS_TBARPOS);
         }
         this.clearProperty();
     }
@@ -4250,10 +4261,10 @@ let Toolbar = class Toolbar extends Component {
      */
     render() {
         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(() => {
@@ -8306,8 +8317,11 @@ let Tab = class Tab extends Component {
             this.tbItems.appendChild(target);
             this.actEleId = target.id;
             if (this.checkPopupOverflow(lastChild)) {
-                const prevEle = this.tbItems.lastChild.previousElementSibling;
-                this.checkPopupOverflow(prevEle);
+                let prevEle = this.tbItems.lastChild.previousElementSibling;
+                prevEle = (prevEle && prevEle.classList.contains(CLS_INDICATOR) ? prevEle.previousElementSibling : prevEle);
+                if (prevEle) {
+                    this.checkPopupOverflow(prevEle);
+                }
             }
             this.isPopup = true;
         }
@@ -17308,10 +17322,10 @@ let Breadcrumb = class Breadcrumb extends Component {
     onPropertyChanged(newProp, oldProp) {
         for (const prop of Object.keys(newProp)) {
             switch (prop) {
-                case 'items':
                 case 'enableActiveItemNavigation':
                     this.reRenderItems();
                     break;
+                case 'items':
                 case 'activeItem':
                     this._maxItems = this.maxItems;
                     this.initPvtProps();