Properties dialog components polish and styling

src/demo/app/properties.dialog.component.html

@@ -5,7 +5,7 @@
   </button>
 </div>
 <div class="modal-body">
-  <properties-group *ngIf="propertiesGroupModel" [propertiesGroupModel]="propertiesGroupModel" (form)="propertiesFormGroup=$event"></properties-group>
+  <properties-group *ngIf="propertiesGroupModel" [propertiesGroupModel]="propertiesGroupModel" [form]="propertiesFormGroup"></properties-group>
 </div>
 <div class="modal-footer">
   <button type="button" class="btn btn-default" (click)="handleCancel()">Close</button>

src/demo/app/properties.dialog.component.ts

@@ -17,7 +17,9 @@ export class PropertiesDialogComponent {
 
   propertiesFormGroup : FormGroup;
 
-  constructor(private bsModalRef: BsModalRef) {}
+  constructor(private bsModalRef: BsModalRef) {
+    this.propertiesFormGroup = new FormGroup({});
+  }
 
   handleOk() {
     this.propertiesGroupModel.applyChanges();

src/lib/src/properties/properties.group.component.ts

@@ -12,13 +12,10 @@ export class PropertiesGroupComponent implements OnInit {
   @Input()
   propertiesGroupModel : Properties.PropertiesGroupModel;
 
+  @Input()
   form : FormGroup;
 
-  @Output('form')
-  private formEventEmitter = new EventEmitter<FormGroup>();
-
   ngOnInit() {
-    this.form = new FormGroup({});
     if (this.propertiesGroupModel.isLoading) {
       let subscription = this.propertiesGroupModel.loadedSubject.subscribe(loaded => {
         if (loaded) {
@@ -29,7 +26,6 @@ export class PropertiesGroupComponent implements OnInit {
     } else {
       this.createGroupControls();
     }
-    this.formEventEmitter.emit(this.form);
   }
 
   createGroupControls() {