@syncfusion/ej2-navigations 30.1.37 → 30.1.39

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

@@ -7321,6 +7321,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;
 };
+const CONTEXTMENUTEMPLATE = 'e-contextmenu-template';
 /**
  * The ContextMenu is a graphical user interface that appears on the user right click/touch hold operation.
  * ```html
@@ -7357,6 +7358,7 @@ let ContextMenu = class ContextMenu extends MenuBase {
     }
     initialize() {
         this.template = this.itemTemplate ? this.itemTemplate : null;
+        this.addTemplateClass();
         super.initialize();
         attributes(this.element, { 'role': 'menubar', 'tabindex': '0' });
         this.element.style.zIndex = getZindexPartial(this.element).toString();
@@ -7382,6 +7384,12 @@ let ContextMenu = class ContextMenu extends MenuBase {
     close() {
         super.closeMenu();
     }
+    addTemplateClass() {
+        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.
      *
@@ -7404,6 +7412,8 @@ let ContextMenu = class ContextMenu extends MenuBase {
                     break;
                 case 'itemTemplate':
                     this.itemTemplate = newProp.itemTemplate;
+                    removeClass([this.element], CONTEXTMENUTEMPLATE);
+                    this.addTemplateClass();
                     this.refresh();
             }
         }