ing

@overflow/commons/ui/component/index.ts

@@ -1,9 +1,14 @@
+import {
+  AppMenuBarComponent,
+} from './menu';
+
 import {
   TitleBarComponent,
   WindowControlsComponent,
 } from './window';
 
 export const COMPONENTS = [
+  AppMenuBarComponent,
   TitleBarComponent,
   WindowControlsComponent,
 ];

@overflow/commons/ui/component/menu/app-menu-bar.component.html

@@ -0,0 +1,3 @@
+<div id="app-menu-bar" role="menubar" aria-label="Application menu">
+
+</div>

@overflow/commons/ui/component/menu/app-menu-bar.component.ts

@@ -0,0 +1,22 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'of-app-menu-bar',
+  templateUrl: './app-menu-bar.component.html',
+})
+export class AppMenuBarComponent implements OnInit {
+
+  private style: string;
+  private titleBarClass: string;
+  private showTopResize: boolean;
+  private showLeftResize: boolean;
+
+  constructor(
+  ) { }
+
+  ngOnInit() {
+  }
+
+  onTitlebarDoubleClick() {
+  }
+}

@overflow/commons/ui/component/menu/index.ts

@@ -0,0 +1 @@
+export { AppMenuBarComponent } from './app-menu-bar.component';

@overflow/commons/ui/component/window/title-bar.component.html

@@ -8,5 +8,6 @@
     2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
     />
   </svg>
+  <of-app-menu-bar></of-app-menu-bar>
   <of-window-controls></of-window-controls>
 </div>

@overflow/commons/ui/component/window/window-controls.component.html

@@ -1,4 +1,4 @@
-<span class="window-controls">
+<div class="window-controls">
   <button aria-label="minimize" tabindex="-1" class="window-control minimize" (click)="onMinimize($event)">
     <svg aria-hidden="true" version="1.1" width="10" height="10">
       <path d="M 0,5 10,5 10,6 0,6 Z" />
@@ -21,4 +21,4 @@
       <path d="M 0,0 0,0.7 4.3,5 0,9.3 0,10 0.7,10 5,5.7 9.3,10 10,10 10,9.3 5.7,5 10,0.7 10,0 9.3,0 5,4.3 0.7,0 Z" />
     </svg>
   </button>
-</span>
+</div>