@syncfusion/ej2-navigations 30.1.37 → 30.1.41

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

@@ -3125,6 +3125,13 @@ var MenuBase = /** @__PURE__ @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'))
@@ -3966,11 +3973,15 @@ var Toolbar = /** @__PURE__ @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();
     };
@@ -7537,6 +7548,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var CONTEXTMENUTEMPLATE = 'e-contextmenu-template';
 /**
  * The ContextMenu is a graphical user interface that appears on the user right click/touch hold operation.
  * ```html
@@ -7574,6 +7586,7 @@ var ContextMenu = /** @__PURE__ @class */ (function (_super) {
     };
     ContextMenu.prototype.initialize = function () {
         this.template = this.itemTemplate ? this.itemTemplate : null;
+        this.addTemplateClass();
         _super.prototype.initialize.call(this);
         attributes(this.element, { 'role': 'menubar', 'tabindex': '0' });
         this.element.style.zIndex = getZindexPartial(this.element).toString();
@@ -7599,6 +7612,12 @@ var ContextMenu = /** @__PURE__ @class */ (function (_super) {
     ContextMenu.prototype.close = function () {
         _super.prototype.closeMenu.call(this);
     };
+    ContextMenu.prototype.addTemplateClass = function () {
+        if (!isNullOrUndefined(this.itemTemplate) && typeof this.itemTemplate === 'function' ||
+            (typeof this.itemTemplate === 'string' && this.itemTemplate !== '')) {
+            addClass([this.element], CONTEXTMENUTEMPLATE);
+        }
+    };
     /**
      * Called internally if any of the property value changed.
      *
@@ -7622,6 +7641,8 @@ var ContextMenu = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'itemTemplate':
                     this.itemTemplate = newProp.itemTemplate;
+                    removeClass([this.element], CONTEXTMENUTEMPLATE);
+                    this.addTemplateClass();
                     this.refresh();
             }
         }
@@ -8572,7 +8593,10 @@ var Tab = /** @__PURE__ @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;
         }
@@ -17723,10 +17747,10 @@ var Breadcrumb = /** @__PURE__ @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();