Inital platform relayering (#6385)

* moving test files and inital refactoring

* relayer extension host code

* fix imports

* make insights work

* relayer dashboard

* relayer notebooks

* moveing more code around

* formatting

* accept angular as browser

* fix serializer

* add missing files

* remove declarations from extensions

* fix build errors

* more relayering

* change urls to relative to help code relayering

* remove layering to prep for merge

* fix hygiene errors

* fix hygiene errors

* fix tests

src/sql/base/browser/ui/panel/tab.component.ts

@@ -0,0 +1,94 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { Component, Input, ContentChild, OnDestroy, TemplateRef, ChangeDetectorRef, forwardRef, Inject } from '@angular/core';
+
+import { Action } from 'vs/base/common/actions';
+import { Disposable } from 'vs/base/common/lifecycle';
+
+export abstract class TabChild extends Disposable {
+	public abstract layout(): void;
+}
+
+@Component({
+	selector: 'tab',
+	template: `
+		<div role="tabpanel" [attr.aria-labelledby]="identifier" tabindex="0" class="visibility" [class.hidden]="shouldBeHidden()" *ngIf="shouldBeIfed()" class="fullsize">
+			<ng-container *ngTemplateOutlet="templateRef"></ng-container>
+		</div>
+	`
+})
+export class TabComponent implements OnDestroy {
+	private _child: TabChild;
+	@ContentChild(TemplateRef) templateRef: TemplateRef<any>;
+	@Input() public title: string;
+	@Input() public canClose: boolean;
+	@Input() public actions: Array<Action>;
+	@Input() public iconClass: string;
+	public _active = false;
+	@Input() public identifier: string;
+	@Input() private visibilityType: 'if' | 'visibility' = 'if';
+	private rendered = false;
+	private destroyed: boolean = false;
+
+	@ContentChild(TabChild) public set child(tab: TabChild) {
+		this._child = tab;
+		if (this.active && this._child) {
+			this._child.layout();
+		}
+	}
+
+	constructor(
+		@Inject(forwardRef(() => ChangeDetectorRef)) private _cd: ChangeDetectorRef
+	) { }
+
+	public set active(val: boolean) {
+		if (!this.destroyed) {
+			this._active = val;
+			if (this.active) {
+				this.rendered = true;
+			}
+			this._cd.detectChanges();
+			if (this.active && this._child) {
+				this._child.layout();
+			}
+		}
+	}
+
+	public get active(): boolean {
+		return this._active;
+	}
+
+	ngOnDestroy() {
+		this.destroyed = true;
+		if (this.actions && this.actions.length > 0) {
+			this.actions.forEach((action) => action.dispose());
+		}
+	}
+
+	shouldBeIfed(): boolean {
+		if (this.active) {
+			return true;
+		} else if (this.visibilityType === 'visibility' && this.rendered) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	shouldBeHidden(): boolean {
+		if (this.visibilityType === 'visibility' && !this.active) {
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+	public layout() {
+		if (this._child) {
+			this._child.layout();
+		}
+	}
+}