Feat/model backed ui (#1145)

This is an initial PR for a new model-driven UI where extensions can provide definitions of the components & how they're laid out using Containers.
#1140, #1141, #1142, #1143 and #1144 are all tracking additional work needed to improve the initial implementation and fix some issues with the implementation.

Features:
- Supports defining a FlexContainer that maps to a flexbox-based layout.
- Supports creating a card component, which is a key-value pair based control that will lay out simple information to a user. Eventually this will have an optional set of actions associated with it.
- Has a sample project which shows how to use the API and was used for verification

src/sql/parts/modelComponents/componentBase.ts

@@ -0,0 +1,95 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import 'vs/css!./flexContainer';
+
+import { Component, Input, Inject, ChangeDetectorRef, forwardRef, ComponentFactoryResolver,
+	ViewChild, ElementRef, Injector, OnDestroy, OnInit
+} from '@angular/core';
+
+import * as types from 'vs/base/common/types';
+
+import { IComponent, IComponentDescriptor, IModelStore } from 'sql/parts/modelComponents/interfaces';
+import { FlexLayout, FlexItemLayout } from 'sqlops';
+import { ComponentHostDirective } from 'sql/parts/dashboard/common/componentHost.directive';
+import { DashboardServiceInterface } from 'sql/parts/dashboard/services/dashboardServiceInterface.service';
+
+export class ItemDescriptor<T> {
+	constructor(public descriptor: IComponentDescriptor, public config: T) {}
+}
+
+export abstract class ComponentBase implements IComponent, OnDestroy, OnInit {
+	protected properties: { [key: string]: any; } = {};
+	constructor(
+		protected _changeRef: ChangeDetectorRef) {
+	}
+
+	/// IComponent implementation
+
+	abstract descriptor: IComponentDescriptor;
+	abstract modelStore: IModelStore;
+
+	public layout(): void {
+		this._changeRef.detectChanges();
+	}
+
+	protected baseInit(): void {
+		if (this.modelStore) {
+			this.modelStore.registerComponent(this);
+		}
+	}
+
+	abstract ngOnInit(): void;
+
+	protected baseDestroy(): void {
+		if (this.modelStore) {
+			this.modelStore.unregisterComponent(this);
+		}
+	}
+
+	abstract ngOnDestroy(): void;
+
+	abstract setLayout (layout: any): void;
+
+	public setProperties(properties: { [key: string]: any; }): void {
+		if (!properties) {
+			this.properties = {};
+		}
+		this.properties = properties;
+		this.layout();
+	}
+
+	protected getProperties<TPropertyBag>(): TPropertyBag {
+		return this.properties as TPropertyBag;
+	}
+
+	protected getPropertyOrDefault<TPropertyBag, TValue>(propertyGetter: (TPropertyBag) => TValue, defaultVal: TValue) {
+		let property = propertyGetter(this.getProperties<TPropertyBag>());
+		return types.isUndefinedOrNull(property) ? defaultVal : property;
+	}
+}
+
+export abstract class ContainerBase<T> extends ComponentBase {
+	protected items: ItemDescriptor<T>[];
+
+	constructor(
+		_changeRef: ChangeDetectorRef
+	) {
+		super(_changeRef);
+		this.items = [];
+	}
+
+	/// IComponent container-related implementation
+	public addToContainer(componentDescriptor: IComponentDescriptor, config: any): void {
+		this.items.push(new ItemDescriptor(componentDescriptor, config));
+		this._changeRef.detectChanges();
+	}
+
+	public clearContainer(): void {
+		this.items = [];
+		this._changeRef.detectChanges();
+	}
+
+	abstract setLayout (layout: any): void;
+}