Menubar close in second click

Author: Merve7

.editorconfig

@@ -4,7 +4,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 insert_final_newline = true
 trim_trailing_whitespace = true
 

src/app/components/menubar/menubar.ts

@@ -56,6 +56,8 @@ export class MenubarSub implements OnDestroy {
     activeItem: any;
 
     hideTimeout: any;
+    
+    activeMenu: any;
 
     constructor(public domHandler: DomHandler, public renderer: Renderer2) { }
 
@@ -65,8 +67,8 @@ export class MenubarSub implements OnDestroy {
             if (menuitem.disabled) {
                 return;
             }
-
-            this.activeItem = item;
+            
+            this.activeItem = this.activeMenu ? (this.activeMenu.isEqualNode(item)? null: item) : item;
             let nextElement = <HTMLLIElement>item.children[0].nextElementSibling;
             if (nextElement) {
                 let sublist = <HTMLUListElement>nextElement.children[0];
@@ -85,7 +87,8 @@ export class MenubarSub implements OnDestroy {
             }
 
             this.menuClick = true;
-            this.menuHoverActive = true;
+            this.menuHoverActive = this.activeMenu ? (!this.activeMenu.isEqualNode(item)) : true;
+            this.activeMenu = this.activeMenu ? (this.activeMenu.isEqualNode(item)? null: item) : item;
             this.bindEventListener();
         }
     }
@@ -128,6 +131,8 @@ export class MenubarSub implements OnDestroy {
                     sublist.style.left = this.domHandler.getOuterWidth(item.children[0]) + 'px';
                 }
             }
+  
+            this.activeMenu = this.activeMenu ? (this.activeMenu.isEqualNode(item)? null: item) : item;
         }
     }