@lowcodeunit/applications-flow-common 1.33.92-lets-get-social-ish → 1.33.98-lets-get-social-ish

package/fesm2015/lowcodeunit-applications-flow-common.js

@@ -1,4 +1,4 @@
-import { ɵɵdefineInjectable, Injectable, ɵɵinject, INJECTOR, Injector, EventEmitter, Component, Input, Output, ViewChild, ComponentFactoryResolver, ViewContainerRef, ChangeDetectorRef, NgModule } from '@angular/core';
+import { ɵɵdefineInjectable, Injectable, ɵɵinject, INJECTOR, Injector, Component, Input, EventEmitter, Output, ViewChild, ComponentFactoryResolver, ViewContainerRef, ChangeDetectorRef, NgModule } from '@angular/core';
 import { Subject, Observable } from 'rxjs';
 import { __awaiter } from 'tslib';
 import { HttpClient, HttpBackend } from '@angular/common/http';
@@ -707,159 +707,123 @@ class SaveEnvironmentAsCodeEventRequest {
 }
 class SaveProjectAsCodeEventRequest {
 }
-class ApplicationsFlowEventsService {
-    // Constructors
-    constructor() {
-        this.DeleteApplicationEvent = new EventEmitter();
-        this.DeleteDevOpsActionEvent = new EventEmitter();
-        this.DeleteProjectEvent = new EventEmitter();
-        this.DeleteSourceControlEvent = new EventEmitter();
-        this.EnsureUserEnterpriseEvent = new EventEmitter();
-        this.LoadEnterpriseAsCodeEvent = new EventEmitter();
-        this.SaveApplicationAsCodeEvent = new EventEmitter();
-        this.SaveDFSModifierEvent = new EventEmitter();
-        this.SaveEnterpriseAsCodeEvent = new EventEmitter();
-        this.SaveEnvironmentAsCodeEvent = new EventEmitter();
-        this.SaveProjectAsCodeEvent = new EventEmitter();
-        this.SetCreatingProjectEvent = new EventEmitter();
-        this.SetEditProjectSettingsEvent = new EventEmitter();
-        this.UnpackLowCodeUnitEvent = new EventEmitter();
+class EaCService {
+    //  Constructors
+    constructor(projectService) {
+        this.projectService = projectService;
+        this.State = new ApplicationsFlowState();
     }
-    // API Methods
-    DeleteApplication(appLookup) {
-        this.DeleteApplicationEvent.emit(appLookup);
+    //  API Methods
+    get CreatingProject() {
+        return this.projectService.CreatingProject;
+    }
+    DeleteApplication(appLookup, appName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
+                yield this.projectService.DeleteApplication(this.State, appLookup);
+            }
+        });
     }
     DeleteDevOpsAction(doaLookup) {
-        this.DeleteDevOpsActionEvent.emit(doaLookup);
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to delete DevOps action '${doaLookup}'?`)) {
+                yield this.projectService.DeleteDevOpsAction(this.State, doaLookup);
+            }
+        });
     }
     DeleteProject(projectLookup) {
-        this.DeleteProjectEvent.emit(projectLookup);
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to delete Project '${projectLookup}'?`)) {
+                yield this.projectService.DeleteProject(this.State, projectLookup);
+            }
+        });
     }
     DeleteSourceControl(scLookup) {
-        this.DeleteSourceControlEvent.emit(scLookup);
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to delete Source Control '${scLookup}'?`)) {
+                yield this.projectService.DeleteSourceControl(this.State, scLookup);
+            }
+        });
     }
+    // this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(async () => {
+    //   await this.projectService.EnsureUserEnterprise(this.State);
+    // });
     EnsureUserEnterprise() {
-        this.EnsureUserEnterpriseEvent.emit();
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.EnsureUserEnterprise(this.State);
+        });
+    }
+    GetActiveEnterprise() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.GetActiveEnterprise(this.State);
+        });
+    }
+    get EditingProjectLookup() {
+        return this.projectService.EditingProjectLookup;
+    }
+    HasValidConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.HasValidConnection(this.State);
+        });
+    }
+    ListEnterprises() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.ListEnterprises(this.State);
+        });
     }
-    // public ListProjects(withLoading: boolean): void {
-    //   this.ListProjectsEvent.emit(withLoading);
-    // }
     LoadEnterpriseAsCode() {
-        this.LoadEnterpriseAsCodeEvent.emit();
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.LoadEnterpriseAsCode(this.State);
+        });
     }
     SaveApplicationAsCode(req) {
-        this.SaveApplicationAsCodeEvent.emit(req);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveApplication(req);
+        });
     }
     SaveDFSModifier(req) {
-        this.SaveDFSModifierEvent.emit(req);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveDFSModifier(req);
+        });
     }
     SaveEnterpriseAsCode(eac) {
-        this.SaveEnterpriseAsCodeEvent.emit(eac);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.SaveEnterpriseAsCode(this.State, eac);
+        });
     }
     SaveEnvironmentAsCode(req) {
-        this.SaveEnvironmentAsCodeEvent.emit(req);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveEnvironment(req);
+        });
     }
     SaveProjectAsCode(req) {
-        this.SaveProjectAsCodeEvent.emit(req);
-    }
-    SetCreatingProject(creatingProject) {
-        this.SetCreatingProjectEvent.emit(creatingProject);
-    }
-    SetEditProjectSettings(projectLookup) {
-        this.SetEditProjectSettingsEvent.emit(projectLookup);
-    }
-    UnpackLowCodeUnit(req) {
-        this.UnpackLowCodeUnitEvent.emit(req);
-    }
-}
-ApplicationsFlowEventsService.ɵprov = ɵɵdefineInjectable({ factory: function ApplicationsFlowEventsService_Factory() { return new ApplicationsFlowEventsService(); }, token: ApplicationsFlowEventsService, providedIn: "root" });
-ApplicationsFlowEventsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ApplicationsFlowEventsService.ctorParameters = () => [];
-
-class ApplicationsFlowProjectsElementState {
-}
-class ApplicationsFlowProjectsContext extends LCUElementContext {
-}
-const SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = 'applications-flow-projects-element';
-class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
-    //  Constructors
-    constructor(injector, appsFlowSvc, projectService, appsFlowEventsSvc) {
-        super(injector);
-        this.injector = injector;
-        this.appsFlowSvc = appsFlowSvc;
-        this.projectService = projectService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
-        this.State = new ApplicationsFlowState();
-        this.setServices();
-    }
-    //  Properties
-    get ActiveEnvironment() {
-        var _a, _b;
-        return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments[this.ActiveEnvironmentLookup];
-    }
-    get ActiveEnvironmentLookup() {
-        var _a, _b;
-        //  TODO:  Eventually support multiple environments
-        const envLookups = Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments) || {});
-        return envLookups[0];
-    }
-    get CreatingProject() {
-        return this.projectService.CreatingProject;
-    }
-    get EditingProject() {
-        var _a, _b, _c, _d;
-        return ((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) ? (_d = (_c = this.State) === null || _c === void 0 ? void 0 : _c.EaC) === null || _d === void 0 ? void 0 : _d.Projects[this.EditingProjectLookup] : null;
-    }
-    get EditingProjectLookup() {
-        return this.projectService.EditingProjectLookup;
-    }
-    get ProjectLookups() {
-        var _a, _b;
-        return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) || {});
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveProject(req.ProjectLookup, req.Project);
+        });
     }
-    //  Life Cycle
-    ngOnDestroy() { }
-    ngOnInit() {
-        super.ngOnInit();
-        this.handleStateChange().then((eac) => { });
-        // this.setupProjectMonitor();
+    SetActiveEnterprise(eventValue) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.projectService.SetActiveEnterprise(this.State, eventValue);
+        });
     }
-    //  API Methods
-    ActiveEnterpriseChanged(event) {
+    SetCreatingProject(creatingProject) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SetActiveEnterprise(this.State, event.value);
+            this.projectService.SetCreatingProject(creatingProject);
         });
     }
-    ConfigureDevOpsAction(devOpsActionLookup) {
-        this.State.Loading = true;
-        this.appsFlowSvc
-            .ConfigureDevOpsAction(devOpsActionLookup)
-            .subscribe((response) => {
-            if (response.Status.Code === 0) {
-                this.projectService.LoadEnterpriseAsCode(this.State);
-            }
-            else {
-                this.State.Loading = false;
-            }
+    SetEditProjectSettings(projectLookup) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.SetEditProjectSettings(this.State, projectLookup);
         });
     }
-    //  Helpers
-    handleStateChange() {
-        var _a;
+    UnpackLowCodeUnit(req) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.State.Loading = true;
-            yield this.projectService.HasValidConnection(this.State);
-            yield this.projectService.EnsureUserEnterprise(this.State);
-            yield this.projectService.ListEnterprises(this.State);
-            if (((_a = this.State.Enterprises) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                yield this.projectService.GetActiveEnterprise(this.State);
+            if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
+                yield this.projectService.UnpackLowCodeUnit(this.State, req);
             }
         });
     }
+    //  Helpers
     handleSaveApplication(req) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -920,7 +884,7 @@ class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const projHosts = {};
-            (_a = project === null || project === void 0 ? void 0 : project.Hosts) === null || _a === void 0 ? void 0 : _a.forEach(host => {
+            (_a = project === null || project === void 0 ? void 0 : project.Hosts) === null || _a === void 0 ? void 0 : _a.forEach((host) => {
                 projHosts[host] = this.State.EaC.Hosts[host];
             });
             const saveEaC = {
@@ -932,57 +896,99 @@ class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
             };
             saveEaC.Projects[projectLookup] = project;
             yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
-            this.appsFlowEventsSvc.SetEditProjectSettings(projectLookup);
+            this.SetEditProjectSettings(projectLookup);
         });
     }
-    setServices() {
-        this.appsFlowEventsSvc.DeleteApplicationEvent.subscribe((appLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteApplication(this.State, appLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteDevOpsActionEvent.subscribe((doaLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteDevOpsAction(this.State, doaLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteProjectEvent.subscribe((projectLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteProject(this.State, projectLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteSourceControlEvent.subscribe((scLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteSourceControl(this.State, scLookup);
-        }));
-        this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.EnsureUserEnterprise(this.State);
-        }));
-        // this.appsFlowEventsSvc.ListProjectsEvent.subscribe((withLoading) => {
-        //   this.projectService.ListProjects(this.State, withLoading);
-        // });
-        this.appsFlowEventsSvc.LoadEnterpriseAsCodeEvent.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.LoadEnterpriseAsCode(this.State);
-        }));
-        this.appsFlowEventsSvc.SaveEnterpriseAsCodeEvent.subscribe((eac) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SaveEnterpriseAsCode(this.State, eac);
-        }));
-        this.appsFlowEventsSvc.SaveApplicationAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveApplication(req);
-        }));
-        this.appsFlowEventsSvc.SaveDFSModifierEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveDFSModifier(req);
-        }));
-        this.appsFlowEventsSvc.SaveEnvironmentAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveEnvironment(req);
-        }));
-        this.appsFlowEventsSvc.SaveProjectAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveProject(req.ProjectLookup, req.Project);
-        }));
-        this.appsFlowEventsSvc.SetCreatingProjectEvent.subscribe((creatingProject) => {
-            this.projectService.SetCreatingProject(creatingProject);
+}
+EaCService.ɵprov = ɵɵdefineInjectable({ factory: function EaCService_Factory() { return new EaCService(ɵɵinject(ProjectService)); }, token: EaCService, providedIn: "root" });
+EaCService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+EaCService.ctorParameters = () => [
+    { type: ProjectService }
+];
+
+class ApplicationsFlowProjectsElementState {
+}
+class ApplicationsFlowProjectsContext extends LCUElementContext {
+}
+const SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = 'applications-flow-projects-element';
+class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
+    //  Constructors
+    constructor(injector, appsFlowSvc, eacSvc) {
+        super(injector);
+        this.injector = injector;
+        this.appsFlowSvc = appsFlowSvc;
+        this.eacSvc = eacSvc;
+    }
+    //  Properties
+    get ActiveEnvironment() {
+        var _a, _b;
+        return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments[this.ActiveEnvironmentLookup];
+    }
+    get ActiveEnvironmentLookup() {
+        var _a, _b;
+        //  TODO:  Eventually support multiple environments
+        const envLookups = Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments) || {});
+        return envLookups[0];
+    }
+    get CreatingProject() {
+        return this.eacSvc.CreatingProject;
+    }
+    get EditingProject() {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) ? (_d = (_c = this.State) === null || _c === void 0 ? void 0 : _c.EaC) === null || _d === void 0 ? void 0 : _d.Projects[this.EditingProjectLookup] : null;
+    }
+    get EditingProjectLookup() {
+        return this.eacSvc.EditingProjectLookup;
+    }
+    get ProjectLookups() {
+        var _a, _b;
+        return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) || {});
+    }
+    get State() {
+        return this.eacSvc.State;
+    }
+    //  Life Cycle
+    ngOnDestroy() { }
+    ngOnInit() {
+        super.ngOnInit();
+        this.handleStateChange().then((eac) => { });
+        // this.setupProjectMonitor();
+    }
+    //  API Methods
+    ActiveEnterpriseChanged(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.eacSvc.SetActiveEnterprise(event.value);
         });
-        this.appsFlowEventsSvc.SetEditProjectSettingsEvent.subscribe((projectLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SetEditProjectSettings(this.State, projectLookup);
-        }));
-        this.appsFlowEventsSvc.UnpackLowCodeUnitEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
-                yield this.projectService.UnpackLowCodeUnit(this.State, req);
+    }
+    ConfigureDevOpsAction(devOpsActionLookup) {
+        this.State.Loading = true;
+        this.appsFlowSvc
+            .ConfigureDevOpsAction(devOpsActionLookup)
+            .subscribe((response) => {
+            if (response.Status.Code === 0) {
+                this.eacSvc.LoadEnterpriseAsCode();
             }
-        }));
+            else {
+                this.State.Loading = false;
+            }
+        });
+    }
+    //  Helpers
+    handleStateChange() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.State.Loading = true;
+            yield this.eacSvc.HasValidConnection();
+            yield this.eacSvc.EnsureUserEnterprise();
+            yield this.eacSvc.ListEnterprises();
+            if (((_a = this.State.Enterprises) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                yield this.eacSvc.GetActiveEnterprise();
+            }
+        });
     }
 }
 ApplicationsFlowProjectsElementComponent.decorators = [
@@ -995,8 +1001,7 @@ ApplicationsFlowProjectsElementComponent.decorators = [
 ApplicationsFlowProjectsElementComponent.ctorParameters = () => [
     { type: Injector },
     { type: ApplicationsFlowService },
-    { type: ProjectService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 
 class HostingDetailsFormGroupComponent {
@@ -1101,10 +1106,9 @@ HostingDetailsFormGroupComponent.propDecorators = {
 
 class SourceControlFormControlsComponent {
     //  Constructors
-    constructor(formBuilder, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBuilder, appsFlowSvc) {
         this.formBuilder = formBuilder;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
         this.SeparatorKeysCodes = [ENTER, COMMA];
         this.BranchesChanged = new EventEmitter();
         this.SelectedBranches = [];
@@ -1341,8 +1345,7 @@ SourceControlFormControlsComponent.decorators = [
 ];
 SourceControlFormControlsComponent.ctorParameters = () => [
     { type: FormBuilder },
-    { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: ApplicationsFlowService }
 ];
 SourceControlFormControlsComponent.propDecorators = {
     BranchesChanged: [{ type: Output, args: ['branches-changed',] }],
@@ -1361,10 +1364,10 @@ SourceControlFormControlsComponent.propDecorators = {
 
 class CreateProjectWizardComponent {
     //  Constructors
-    constructor(formBuilder, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBuilder, appsFlowSvc, eacSvc) {
         this.formBuilder = formBuilder;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
         this.HostingDetails = new ProjectHostingDetails();
     }
     //  Fields
@@ -1403,7 +1406,7 @@ class CreateProjectWizardComponent {
     }
     //  API Methods
     Cancel() {
-        this.appsFlowEventsSvc.SetCreatingProject(false);
+        this.eacSvc.SetCreatingProject(false);
     }
     ConfigureRepository() {
         this.loadProjectHostingDetails();
@@ -1491,7 +1494,7 @@ CreateProjectWizardComponent.decorators = [
 CreateProjectWizardComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 CreateProjectWizardComponent.propDecorators = {
     SourceControl: [{ type: ViewChild, args: [SourceControlFormControlsComponent,] }],
@@ -1567,10 +1570,10 @@ DynamicTabsComponent.propDecorators = {
 
 class HeaderComponent {
     //  Constructors
-    constructor(formBuilder, lcuSettings, appsFlowEventsSvc) {
+    constructor(formBuilder, lcuSettings, eacSvc) {
         this.formBuilder = formBuilder;
         this.lcuSettings = lcuSettings;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
     }
     get HasProjects() {
         return this.ProjectLookups && this.ProjectLookups.length > 0;
@@ -1609,13 +1612,13 @@ class HeaderComponent {
                 TrustedProviderLookups: ['ADB2C'],
             },
         };
-        this.appsFlowEventsSvc.SaveProjectAsCode({
+        this.eacSvc.SaveProjectAsCode({
             ProjectLookup: Guid.CreateRaw(),
             Project: proj,
         });
     }
     EnableCreatingProject() {
-        this.appsFlowEventsSvc.SetCreatingProject(true);
+        this.eacSvc.SetCreatingProject(true);
     }
 }
 HeaderComponent.decorators = [
@@ -1628,7 +1631,7 @@ HeaderComponent.decorators = [
 HeaderComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: LCUServiceSettings },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 HeaderComponent.propDecorators = {
     CreatingProject: [{ type: Input, args: ['creating-project',] }],
@@ -1643,9 +1646,9 @@ class CardFormConfigModel {
 }
 
 class DomainsComponent {
-    constructor(formsService, appsFlowEventsSvc) {
+    constructor(formsService, eacSvc) {
         this.formsService = formsService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
     }
     /**
      * Access form control for root directory
@@ -1743,7 +1746,7 @@ class DomainsComponent {
      * Save changes
      */
     save() {
-        this.appsFlowEventsSvc.SaveProjectAsCode({
+        this.eacSvc.SaveProjectAsCode({
             ProjectLookup: this.ProjectLookup,
             Project: Object.assign(Object.assign({}, this.Project), { 
                 // Hosts: [...this.Project.Hosts, this.Domain.value],
@@ -1764,7 +1767,7 @@ DomainsComponent.decorators = [
 ];
 DomainsComponent.ctorParameters = () => [
     { type: FormsService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 DomainsComponent.propDecorators = {
     Data: [{ type: Input, args: ['data',] }]
@@ -1820,10 +1823,10 @@ GeneralComponent.propDecorators = {
 
 class AppsFlowComponent {
     //  Constructors
-    constructor(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBldr, appsFlowSvc, eacSvc) {
         this.formBldr = formBldr;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
         this.EditingApplicationLookup = null;
         this.redirectTooltip = '';
         // this.IsPermanent = false;
@@ -2036,9 +2039,7 @@ class AppsFlowComponent {
         this.SetEditingApplication(Guid.CreateRaw());
     }
     DeleteApplication(appLookup, appName) {
-        if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
-            this.appsFlowEventsSvc.DeleteApplication(appLookup);
-        }
+        this.eacSvc.DeleteApplication(appLookup, appName);
     }
     LCUTypeChanged(event) {
         this.LCUType = event.value;
@@ -2177,7 +2178,7 @@ class AppsFlowComponent {
         else if (app) {
             app.SourceControlLookup = null;
         }
-        this.appsFlowEventsSvc.SaveApplicationAsCode(saveAppReq);
+        this.eacSvc.SaveApplicationAsCode(saveAppReq);
     }
     SetEditingApplication(appLookup) {
         this.EditingApplicationLookup = appLookup;
@@ -2197,7 +2198,7 @@ class AppsFlowComponent {
     }
     Unpack(appLookup, app) {
         var _a, _b, _c;
-        this.appsFlowEventsSvc.UnpackLowCodeUnit({
+        this.eacSvc.UnpackLowCodeUnit({
             ApplicationLookup: appLookup,
             ApplicationName: (_a = app.Application) === null || _a === void 0 ? void 0 : _a.Name,
             Version: ((_b = app.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.Version) || ((_c = app.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.Build),
@@ -2397,7 +2398,7 @@ AppsFlowComponent.decorators = [
 AppsFlowComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 AppsFlowComponent.propDecorators = {
     Data: [{ type: Input, args: ['data',] }],
@@ -2406,10 +2407,10 @@ AppsFlowComponent.propDecorators = {
 
 class DevOpsComponent {
     //  Constructors
-    constructor(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBldr, appsFlowSvc, eacSvc) {
         this.formBldr = formBldr;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
         this.EditingSourceControlLookup = null;
         this.HostingDetails = new ProjectHostingDetails();
     }
@@ -2483,7 +2484,7 @@ class DevOpsComponent {
     }
     DeleteSourceControl(scLookup) {
         if (confirm(`Are you sure you want to delete source control '${scLookup}'?`)) {
-            this.appsFlowEventsSvc.DeleteSourceControl(scLookup);
+            this.eacSvc.DeleteSourceControl(scLookup);
         }
     }
     DevOpsActionLookupChanged(event) {
@@ -2537,7 +2538,7 @@ class DevOpsComponent {
         source = Object.assign(Object.assign({}, source), { Type: 'GitHub', Name: this.EditingSourceControlLookup, DevOpsActionTriggerLookups: [devOpsActionLookup], Organization: this.SourceControlFormControls.OrganizationFormControl.value, Repository: this.SourceControlFormControls.RepositoryFormControl.value });
         const scLookup = `github://${source.Organization}/${source.Repository}`;
         saveEnvReq.Environment.Sources[scLookup] = source;
-        this.appsFlowEventsSvc.SaveEnvironmentAsCode(saveEnvReq);
+        this.eacSvc.SaveEnvironmentAsCode(saveEnvReq);
     }
     SetEditingSourceControl(scLookup) {
         this.EditingSourceControlLookup = scLookup;
@@ -2590,7 +2591,7 @@ DevOpsComponent.decorators = [
 DevOpsComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 DevOpsComponent.propDecorators = {
     Data: [{ type: Input, args: ['data',] }],
@@ -2600,10 +2601,10 @@ DevOpsComponent.propDecorators = {
 
 class DFSModifiersComponent {
     //  Constructors
-    constructor(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBldr, appsFlowSvc, eacSvc) {
         this.formBldr = formBldr;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
         this.EditingModifierLookup = null;
     }
     get DetailsFormControl() {
@@ -2677,7 +2678,7 @@ class DFSModifiersComponent {
     }
     DeleteModifier(modifierLookup, modifierName) {
         if (confirm(`Are you sure you want to delete modifier '${modifierName}'?`)) {
-            this.appsFlowEventsSvc.DeleteSourceControl(modifierLookup);
+            this.eacSvc.DeleteSourceControl(modifierLookup);
         }
     }
     SaveModifier(projectLookup = null) {
@@ -2700,7 +2701,7 @@ class DFSModifiersComponent {
                 break;
         }
         saveMdfrReq.Modifier.Details = JSON.stringify(details);
-        this.appsFlowEventsSvc.SaveDFSModifier(saveMdfrReq);
+        this.eacSvc.SaveDFSModifier(saveMdfrReq);
     }
     SetEditingModifier(modifierLookup) {
         this.EditingModifierLookup = modifierLookup;
@@ -2765,7 +2766,7 @@ DFSModifiersComponent.decorators = [
 DFSModifiersComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 DFSModifiersComponent.propDecorators = {
     Data: [{ type: Input, args: ['data',] }]
@@ -2857,8 +2858,8 @@ ProjectTabsComponent.propDecorators = {
 
 class ProjectItemsComponent {
     //  Constructors
-    constructor(appsFlowEventsSvc) {
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+    constructor(eacSvc) {
+        this.eacSvc = eacSvc;
     }
     //  Fields
     //  Properties
@@ -2871,7 +2872,7 @@ class ProjectItemsComponent {
     //  API Methods
     DeleteProject(projectLookup, projectName) {
         if (confirm(`Are you sure you want to delete project '${projectName}'?`)) {
-            this.appsFlowEventsSvc.DeleteProject(projectLookup);
+            this.eacSvc.DeleteProject(projectLookup);
         }
     }
     GetPrimaryHost(project) {
@@ -2884,7 +2885,7 @@ class ProjectItemsComponent {
      * Event to edit project settings
      */
     ProjectSettings(projectLookup) {
-        this.appsFlowEventsSvc.SetEditProjectSettings(projectLookup);
+        this.eacSvc.SetEditProjectSettings(projectLookup);
     }
 }
 ProjectItemsComponent.decorators = [
@@ -2895,7 +2896,7 @@ ProjectItemsComponent.decorators = [
             },] }
 ];
 ProjectItemsComponent.ctorParameters = () => [
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 ProjectItemsComponent.propDecorators = {
     Projects: [{ type: Input, args: ['projects',] }],
@@ -2903,9 +2904,7 @@ ProjectItemsComponent.propDecorators = {
 };
 
 class BuildsComponent {
-    constructor(appsFlowEventsSvc) {
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
-    }
+    constructor() { }
     ngOnInit() { }
     ngOnDestroy() {
     }
@@ -2924,9 +2923,7 @@ BuildsComponent.decorators = [
                 styles: ["@import url(\"https://fonts.googleapis.com/icon?family=Material+Icons\");@import url(\"https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,900&display=swap\");@import url(\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap\");.disable-autofill-background-default input:-webkit-autofill,.disable-autofill-background-default input:-webkit-autofill:focus,.disable-autofill-background-default input:-webkit-autofill:hover,.disable-autofill-background-default select:-webkit-autofill,.disable-autofill-background-default select:-webkit-autofill:focus,.disable-autofill-background-default select:-webkit-autofill:hover,.disable-autofill-background-default textarea:-webkit-autofill,.disable-autofill-background-default textarea:-webkit-autofill:focus,.disable-autofill-background-default textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s!important;transition:background-color 5000s!important}.list-item-disabled{cursor:not-allowed!important;filter:alpha(opacity=50);opacity:.5}.filler{display:inline-block!important;flex:1 1 auto}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:750}.inline{display:inline-block}.contents,.page-element{display:contents}.mat-spinner{margin:auto}.mat-full-width{width:100%}.spread{margin:2rem}.spread-thin{margin:1rem}.overlay{position:-webkit-sticky!important;position:sticky!important}.overlay.top{top:0}.overlay.bottom{bottom:0}.margin-0{margin:0!important}.margin-top-0,.margin-y-0{margin-top:0!important}.margin-right-0,.margin-x-0{margin-right:0!important}.margin-bottom-0,.margin-y-0{margin-bottom:0!important}.margin-left-0,.margin-x-0{margin-left:0!important}.margin-1{margin:.25rem!important}.margin-top-1,.margin-y-1{margin-top:.25rem!important}.margin-right-1,.margin-x-1{margin-right:.25rem!important}.margin-bottom-1,.margin-y-1{margin-bottom:.25rem!important}.margin-left-1,.margin-x-1{margin-left:.25rem!important}.margin-2{margin:.5rem!important}.margin-top-2,.margin-y-2{margin-top:.5rem!important}.margin-right-2,.margin-x-2{margin-right:.5rem!important}.margin-bottom-2,.margin-y-2{margin-bottom:.5rem!important}.margin-left-2,.margin-x-2{margin-left:.5rem!important}.margin-3{margin:1rem!important}.margin-top-3,.margin-y-3{margin-top:1rem!important}.margin-top-bottom-3{margin:1rem 0!important}.margin-right-3,.margin-x-3{margin-right:1rem!important}.margin-bottom-3,.margin-y-3{margin-bottom:1rem!important}.margin-left-3,.margin-x-3{margin-left:1rem!important}.margin-4{margin:2rem!important}.margin-top-4,.margin-y-4{margin-top:2rem!important}.margin-right-4,.margin-x-4{margin-right:2rem!important}.margin-bottom-4,.margin-y-4{margin-bottom:2rem!important}.margin-left-4,.margin-x-4{margin-left:2rem!important}.margin-right-5,.margin-x-5{margin-right:4rem!important}.margin-bottom-5,.margin-y-5{margin-bottom:4rem!important}.margin-left-5,.margin-x-5{margin-left:4rem!important}.margin-5{margin:4rem!important}.margin-top-5,.margin-y-5{margin-top:4rem!important}.margin-right-6,.margin-x-6{margin-right:4.5rem!important}.margin-bottom-6,.margin-y-6{margin-bottom:4.5rem!important}.margin-left-6,.margin-x-6{margin-left:4.5rem!important}.margin-7{margin:6rem!important}.margin-top-7,.margin-y-7{margin-top:6rem!important}.margin-right-7,.margin-x-7{margin-right:6rem!important}.margin-bottom-7,.margin-y-7{margin-bottom:6rem!important}.margin-left-7,.margin-x-7{margin-left:6rem!important}.margin-8{margin:7.5rem!important}.margin-top-8,.margin-y-8{margin-top:7.5rem!important}.margin-right-8,.margin-x-8{margin-right:7.5rem!important}.margin-bottom-8,.margin-y-8{margin-bottom:7.5rem!important}.margin-left-8,.margin-x-8{margin-left:7.5rem!important}.margin-9{margin:9rem!important}.margin-top-9,.margin-y-9{margin-top:9rem!important}.margin-right-9,.margin-x-9{margin-right:9rem!important}.margin-bottom-9,.margin-y-9{margin-bottom:9rem!important}.margin-left-9,.margin-x-9{margin-left:9rem!important}.padding-0{padding:0!important}.padding-top-0,.padding-y-0{padding-top:0!important}.padding-right-0,.padding-x-0{padding-right:0!important}.padding-bottom-0,.padding-y-0{padding-bottom:0!important}.padding-left-0,.padding-x-0{padding-left:0!important}.padding-1{padding:.25rem!important}.padding-top-1,.padding-y-1{padding-top:.25rem!important}.padding-right-1,.padding-x-1{padding-right:.25rem!important}.padding-bottom-1,.padding-y-1{padding-bottom:.25rem!important}.padding-left-1,.padding-x-1{padding-left:.25rem!important}.padding-2{padding:.5rem!important}.padding-top-2,.padding-y-2{padding-top:.5rem!important}.padding-right-2,.padding-x-2{padding-right:.5rem!important}.padding-bottom-2,.padding-y-2{padding-bottom:.5rem!important}.padding-left-2,.padding-x-2{padding-left:.5rem!important}.padding-3{padding:1rem!important}.padding-top-3,.padding-y-3{padding-top:1rem!important}.padding-right-3,.padding-x-3{padding-right:1rem!important}.padding-bottom-3,.padding-y-3{padding-bottom:1rem!important}.padding-left-3,.padding-x-3{padding-left:1rem!important}.padding-4{padding:2rem!important}.padding-top-4,.padding-y-4{padding-top:2rem!important}.padding-right-4,.padding-x-4{padding-right:2rem!important}.padding-bottom-4,.padding-y-4{padding-bottom:2rem!important}.padding-left-4,.padding-x-4{padding-left:2rem!important}.padding-5{padding:4rem!important}.padding-top-5,.padding-y-5{padding-top:4rem!important}.padding-right-5,.padding-x-5{padding-right:4rem!important}.padding-bottom-5,.padding-y-5{padding-bottom:4rem!important}.padding-left-5,.padding-x-5{padding-left:4rem!important}.margin-n1{margin:-.25rem!important}.margin-top-n1,.margin-y-n1{margin-top:-.25rem!important}.margin-right-n1,.margin-x-n1{margin-right:-.25rem!important}.margin-bottom-n1,.margin-y-n1{margin-bottom:-.25rem!important}.margin-left-n1,.margin-x-n1{margin-left:-.25rem!important}.margin-n2{margin:-.5rem!important}.margin-top-n2,.margin-y-n2{margin-top:-.5rem!important}.margin-right-n2,.margin-x-n2{margin-right:-.5rem!important}.margin-bottom-n2,.margin-y-n2{margin-bottom:-.5rem!important}.margin-left-n2,.margin-x-n2{margin-left:-.5rem!important}.margin-n3{margin:-1rem!important}.margin-top-n3,.margin-y-n3{margin-top:-1rem!important}.margin-right-n3,.margin-x-n3{margin-right:-1rem!important}.margin-bottom-n3,.margin-y-n3{margin-bottom:-1rem!important}.margin-left-n3,.margin-x-n3{margin-left:-1rem!important}.margin-n4{margin:-2rem!important}.margin-top-n4,.margin-y-n4{margin-top:-2rem!important}.margin-right-n4,.margin-x-n4{margin-right:-2rem!important}.margin-bottom-n4,.margin-y-n4{margin-bottom:-2rem!important}.margin-left-n4,.margin-x-n4{margin-left:-2rem!important}.margin-n5{margin:-4rem!important}.margin-top-n5,.margin-y-n5{margin-top:-4rem!important}.margin-right-n5,.margin-x-n5{margin-right:-4rem!important}.margin-bottom-n5,.margin-y-n5{margin-bottom:-4rem!important}.margin-left-n5,.margin-x-n5{margin-left:-4rem!important}.margin-auto{margin:auto!important}.margin-top-auto,.margin-y-auto{margin-top:auto!important}.margin-right-auto,.margin-x-auto{margin-right:auto!important}.margin-bottom-auto,.margin-y-auto{margin-bottom:auto!important}.margin-left-auto,.margin-x-auto{margin-left:auto!important}@media (min-width:576px){.margin-sm-0{margin:0!important}.margin-top-sm-0,.margin-y-sm-0{margin-top:0!important}.margin-right-sm-0,.margin-x-sm-0{margin-right:0!important}.margin-bottom-sm-0,.margin-y-sm-0{margin-bottom:0!important}.margin-left-sm-0,.margin-x-sm-0{margin-left:0!important}.margin-sm-1{margin:.25rem!important}.margin-top-sm-1,.margin-y-sm-1{margin-top:.25rem!important}.margin-right-sm-1,.margin-x-sm-1{margin-right:.25rem!important}.margin-bottom-sm-1,.margin-y-sm-1{margin-bottom:.25rem!important}.margin-left-sm-1,.margin-x-sm-1{margin-left:.25rem!important}.margin-sm-2{margin:.5rem!important}.margin-top-sm-2,.margin-y-sm-2{margin-top:.5rem!important}.margin-right-sm-2,.margin-x-sm-2{margin-right:.5rem!important}.margin-bottom-sm-2,.margin-y-sm-2{margin-bottom:.5rem!important}.margin-left-sm-2,.margin-x-sm-2{margin-left:.5rem!important}.margin-sm-3{margin:1rem!important}.margin-top-sm-3,.margin-y-sm-3{margin-top:1rem!important}.margin-right-sm-3,.margin-x-sm-3{margin-right:1rem!important}.margin-bottom-sm-3,.margin-y-sm-3{margin-bottom:1rem!important}.margin-left-sm-3,.margin-x-sm-3{margin-left:1rem!important}.margin-sm-4{margin:2rem!important}.margin-top-sm-4,.margin-y-sm-4{margin-top:2rem!important}.margin-right-sm-4,.margin-x-sm-4{margin-right:2rem!important}.margin-bottom-sm-4,.margin-y-sm-4{margin-bottom:2rem!important}.margin-left-sm-4,.margin-x-sm-4{margin-left:2rem!important}.margin-sm-5{margin:4rem!important}.margin-top-sm-5,.margin-y-sm-5{margin-top:4rem!important}.margin-right-sm-5,.margin-x-sm-5{margin-right:4rem!important}.margin-bottom-sm-5,.margin-y-sm-5{margin-bottom:4rem!important}.margin-left-sm-5,.margin-x-sm-5{margin-left:4rem!important}.padding-sm-0{padding:0!important}.padding-top-sm-0,.padding-y-sm-0{padding-top:0!important}.padding-right-sm-0,.padding-x-sm-0{padding-right:0!important}.padding-bottom-sm-0,.padding-y-sm-0{padding-bottom:0!important}.padding-left-sm-0,.padding-x-sm-0{padding-left:0!important}.padding-sm-1{padding:.25rem!important}.padding-top-sm-1,.padding-y-sm-1{padding-top:.25rem!important}.padding-right-sm-1,.padding-x-sm-1{padding-right:.25rem!important}.padding-bottom-sm-1,.padding-y-sm-1{padding-bottom:.25rem!important}.padding-left-sm-1,.padding-x-sm-1{padding-left:.25rem!important}.padding-sm-2{padding:.5rem!important}.padding-top-sm-2,.padding-y-sm-2{padding-top:.5rem!important}.padding-right-sm-2,.padding-x-sm-2{padding-right:.5rem!important}.padding-bottom-sm-2,.padding-y-sm-2{padding-bottom:.5rem!important}.padding-left-sm-2,.padding-x-sm-2{padding-left:.5rem!important}.padding-sm-3{padding:1rem!important}.padding-top-sm-3,.padding-y-sm-3{padding-top:1rem!important}.padding-right-sm-3,.padding-x-sm-3{padding-right:1rem!important}.padding-bottom-sm-3,.padding-y-sm-3{padding-bottom:1rem!important}.padding-left-sm-3,.padding-x-sm-3{padding-left:1rem!important}.padding-sm-4{padding:2rem!important}.padding-top-sm-4,.padding-y-sm-4{padding-top:2rem!important}.padding-right-sm-4,.padding-x-sm-4{padding-right:2rem!important}.padding-bottom-sm-4,.padding-y-sm-4{padding-bottom:2rem!important}.padding-left-sm-4,.padding-x-sm-4{padding-left:2rem!important}.padding-sm-5{padding:4rem!important}.padding-top-sm-5,.padding-y-sm-5{padding-top:4rem!important}.padding-right-sm-5,.padding-x-sm-5{padding-right:4rem!important}.padding-bottom-sm-5,.padding-y-sm-5{padding-bottom:4rem!important}.padding-left-sm-5,.padding-x-sm-5{padding-left:4rem!important}.margin-sm-n1{margin:-.25rem!important}.margin-top-sm-n1,.margin-y-sm-n1{margin-top:-.25rem!important}.margin-right-sm-n1,.margin-x-sm-n1{margin-right:-.25rem!important}.margin-bottom-sm-n1,.margin-y-sm-n1{margin-bottom:-.25rem!important}.margin-left-sm-n1,.margin-x-sm-n1{margin-left:-.25rem!important}.margin-sm-n2{margin:-.5rem!important}.margin-top-sm-n2,.margin-y-sm-n2{margin-top:-.5rem!important}.margin-right-sm-n2,.margin-x-sm-n2{margin-right:-.5rem!important}.margin-bottom-sm-n2,.margin-y-sm-n2{margin-bottom:-.5rem!important}.margin-left-sm-n2,.margin-x-sm-n2{margin-left:-.5rem!important}.margin-sm-n3{margin:-1rem!important}.margin-top-sm-n3,.margin-y-sm-n3{margin-top:-1rem!important}.margin-right-sm-n3,.margin-x-sm-n3{margin-right:-1rem!important}.margin-bottom-sm-n3,.margin-y-sm-n3{margin-bottom:-1rem!important}.margin-left-sm-n3,.margin-x-sm-n3{margin-left:-1rem!important}.margin-sm-n4{margin:-2rem!important}.margin-top-sm-n4,.margin-y-sm-n4{margin-top:-2rem!important}.margin-right-sm-n4,.margin-x-sm-n4{margin-right:-2rem!important}.margin-bottom-sm-n4,.margin-y-sm-n4{margin-bottom:-2rem!important}.margin-left-sm-n4,.margin-x-sm-n4{margin-left:-2rem!important}.margin-sm-n5{margin:-4rem!important}.margin-top-sm-n5,.margin-y-sm-n5{margin-top:-4rem!important}.margin-right-sm-n5,.margin-x-sm-n5{margin-right:-4rem!important}.margin-bottom-sm-n5,.margin-y-sm-n5{margin-bottom:-4rem!important}.margin-left-sm-n5,.margin-x-sm-n5{margin-left:-4rem!important}.margin-sm-auto{margin:auto!important}.margin-top-sm-auto,.margin-y-sm-auto{margin-top:auto!important}.margin-right-sm-auto,.margin-x-sm-auto{margin-right:auto!important}.margin-bottom-sm-auto,.margin-y-sm-auto{margin-bottom:auto!important}.margin-left-sm-auto,.margin-x-sm-auto{margin-left:auto!important}}@media (min-width:768px){.margin-md-0{margin:0!important}.margin-top-md-0,.margin-y-md-0{margin-top:0!important}.margin-right-md-0,.margin-x-md-0{margin-right:0!important}.margin-bottom-md-0,.margin-y-md-0{margin-bottom:0!important}.margin-left-md-0,.margin-x-md-0{margin-left:0!important}.margin-md-1{margin:.25rem!important}.margin-top-md-1,.margin-y-md-1{margin-top:.25rem!important}.margin-right-md-1,.margin-x-md-1{margin-right:.25rem!important}.margin-bottom-md-1,.margin-y-md-1{margin-bottom:.25rem!important}.margin-left-md-1,.margin-x-md-1{margin-left:.25rem!important}.margin-md-2{margin:.5rem!important}.margin-top-md-2,.margin-y-md-2{margin-top:.5rem!important}.margin-right-md-2,.margin-x-md-2{margin-right:.5rem!important}.margin-bottom-md-2,.margin-y-md-2{margin-bottom:.5rem!important}.margin-left-md-2,.margin-x-md-2{margin-left:.5rem!important}.margin-md-3{margin:1rem!important}.margin-top-md-3,.margin-y-md-3{margin-top:1rem!important}.margin-right-md-3,.margin-x-md-3{margin-right:1rem!important}.margin-bottom-md-3,.margin-y-md-3{margin-bottom:1rem!important}.margin-left-md-3,.margin-x-md-3{margin-left:1rem!important}.margin-md-4{margin:2rem!important}.margin-top-md-4,.margin-y-md-4{margin-top:2rem!important}.margin-right-md-4,.margin-x-md-4{margin-right:2rem!important}.margin-bottom-md-4,.margin-y-md-4{margin-bottom:2rem!important}.margin-left-md-4,.margin-x-md-4{margin-left:2rem!important}.margin-md-5{margin:4rem!important}.margin-top-md-5,.margin-y-md-5{margin-top:4rem!important}.margin-right-md-5,.margin-x-md-5{margin-right:4rem!important}.margin-bottom-md-5,.margin-y-md-5{margin-bottom:4rem!important}.margin-left-md-5,.margin-x-md-5{margin-left:4rem!important}.padding-md-0{padding:0!important}.padding-top-md-0,.padding-y-md-0{padding-top:0!important}.padding-right-md-0,.padding-x-md-0{padding-right:0!important}.padding-bottom-md-0,.padding-y-md-0{padding-bottom:0!important}.padding-left-md-0,.padding-x-md-0{padding-left:0!important}.padding-md-1{padding:.25rem!important}.padding-top-md-1,.padding-y-md-1{padding-top:.25rem!important}.padding-right-md-1,.padding-x-md-1{padding-right:.25rem!important}.padding-bottom-md-1,.padding-y-md-1{padding-bottom:.25rem!important}.padding-left-md-1,.padding-x-md-1{padding-left:.25rem!important}.padding-md-2{padding:.5rem!important}.padding-top-md-2,.padding-y-md-2{padding-top:.5rem!important}.padding-right-md-2,.padding-x-md-2{padding-right:.5rem!important}.padding-bottom-md-2,.padding-y-md-2{padding-bottom:.5rem!important}.padding-left-md-2,.padding-x-md-2{padding-left:.5rem!important}.padding-md-3{padding:1rem!important}.padding-top-md-3,.padding-y-md-3{padding-top:1rem!important}.padding-right-md-3,.padding-x-md-3{padding-right:1rem!important}.padding-bottom-md-3,.padding-y-md-3{padding-bottom:1rem!important}.padding-left-md-3,.padding-x-md-3{padding-left:1rem!important}.padding-md-4{padding:2rem!important}.padding-top-md-4,.padding-y-md-4{padding-top:2rem!important}.padding-right-md-4,.padding-x-md-4{padding-right:2rem!important}.padding-bottom-md-4,.padding-y-md-4{padding-bottom:2rem!important}.padding-left-md-4,.padding-x-md-4{padding-left:2rem!important}.padding-md-5{padding:4rem!important}.padding-top-md-5,.padding-y-md-5{padding-top:4rem!important}.padding-right-md-5,.padding-x-md-5{padding-right:4rem!important}.padding-bottom-md-5,.padding-y-md-5{padding-bottom:4rem!important}.padding-left-md-5,.padding-x-md-5{padding-left:4rem!important}.margin-md-n1{margin:-.25rem!important}.margin-top-md-n1,.margin-y-md-n1{margin-top:-.25rem!important}.margin-right-md-n1,.margin-x-md-n1{margin-right:-.25rem!important}.margin-bottom-md-n1,.margin-y-md-n1{margin-bottom:-.25rem!important}.margin-left-md-n1,.margin-x-md-n1{margin-left:-.25rem!important}.margin-md-n2{margin:-.5rem!important}.margin-top-md-n2,.margin-y-md-n2{margin-top:-.5rem!important}.margin-right-md-n2,.margin-x-md-n2{margin-right:-.5rem!important}.margin-bottom-md-n2,.margin-y-md-n2{margin-bottom:-.5rem!important}.margin-left-md-n2,.margin-x-md-n2{margin-left:-.5rem!important}.margin-md-n3{margin:-1rem!important}.margin-top-md-n3,.margin-y-md-n3{margin-top:-1rem!important}.margin-right-md-n3,.margin-x-md-n3{margin-right:-1rem!important}.margin-bottom-md-n3,.margin-y-md-n3{margin-bottom:-1rem!important}.margin-left-md-n3,.margin-x-md-n3{margin-left:-1rem!important}.margin-md-n4{margin:-2rem!important}.margin-top-md-n4,.margin-y-md-n4{margin-top:-2rem!important}.margin-right-md-n4,.margin-x-md-n4{margin-right:-2rem!important}.margin-bottom-md-n4,.margin-y-md-n4{margin-bottom:-2rem!important}.margin-left-md-n4,.margin-x-md-n4{margin-left:-2rem!important}.margin-md-n5{margin:-4rem!important}.margin-top-md-n5,.margin-y-md-n5{margin-top:-4rem!important}.margin-right-md-n5,.margin-x-md-n5{margin-right:-4rem!important}.margin-bottom-md-n5,.margin-y-md-n5{margin-bottom:-4rem!important}.margin-left-md-n5,.margin-x-md-n5{margin-left:-4rem!important}.margin-md-auto{margin:auto!important}.margin-top-md-auto,.margin-y-md-auto{margin-top:auto!important}.margin-right-md-auto,.margin-x-md-auto{margin-right:auto!important}.margin-bottom-md-auto,.margin-y-md-auto{margin-bottom:auto!important}.margin-left-md-auto,.margin-x-md-auto{margin-left:auto!important}}@media (min-width:992px){.margin-lg-0{margin:0!important}.margin-top-lg-0,.margin-y-lg-0{margin-top:0!important}.margin-right-lg-0,.margin-x-lg-0{margin-right:0!important}.margin-bottom-lg-0,.margin-y-lg-0{margin-bottom:0!important}.margin-left-lg-0,.margin-x-lg-0{margin-left:0!important}.margin-lg-1{margin:.25rem!important}.margin-top-lg-1,.margin-y-lg-1{margin-top:.25rem!important}.margin-right-lg-1,.margin-x-lg-1{margin-right:.25rem!important}.margin-bottom-lg-1,.margin-y-lg-1{margin-bottom:.25rem!important}.margin-left-lg-1,.margin-x-lg-1{margin-left:.25rem!important}.margin-lg-2{margin:.5rem!important}.margin-top-lg-2,.margin-y-lg-2{margin-top:.5rem!important}.margin-right-lg-2,.margin-x-lg-2{margin-right:.5rem!important}.margin-bottom-lg-2,.margin-y-lg-2{margin-bottom:.5rem!important}.margin-left-lg-2,.margin-x-lg-2{margin-left:.5rem!important}.margin-lg-3{margin:1rem!important}.margin-top-lg-3,.margin-y-lg-3{margin-top:1rem!important}.margin-right-lg-3,.margin-x-lg-3{margin-right:1rem!important}.margin-bottom-lg-3,.margin-y-lg-3{margin-bottom:1rem!important}.margin-left-lg-3,.margin-x-lg-3{margin-left:1rem!important}.margin-lg-4{margin:2rem!important}.margin-top-lg-4,.margin-y-lg-4{margin-top:2rem!important}.margin-right-lg-4,.margin-x-lg-4{margin-right:2rem!important}.margin-bottom-lg-4,.margin-y-lg-4{margin-bottom:2rem!important}.margin-left-lg-4,.margin-x-lg-4{margin-left:2rem!important}.margin-lg-5{margin:4rem!important}.margin-top-lg-5,.margin-y-lg-5{margin-top:4rem!important}.margin-right-lg-5,.margin-x-lg-5{margin-right:4rem!important}.margin-bottom-lg-5,.margin-y-lg-5{margin-bottom:4rem!important}.margin-left-lg-5,.margin-x-lg-5{margin-left:4rem!important}.padding-lg-0{padding:0!important}.padding-top-lg-0,.padding-y-lg-0{padding-top:0!important}.padding-right-lg-0,.padding-x-lg-0{padding-right:0!important}.padding-bottom-lg-0,.padding-y-lg-0{padding-bottom:0!important}.padding-left-lg-0,.padding-x-lg-0{padding-left:0!important}.padding-lg-1{padding:.25rem!important}.padding-top-lg-1,.padding-y-lg-1{padding-top:.25rem!important}.padding-right-lg-1,.padding-x-lg-1{padding-right:.25rem!important}.padding-bottom-lg-1,.padding-y-lg-1{padding-bottom:.25rem!important}.padding-left-lg-1,.padding-x-lg-1{padding-left:.25rem!important}.padding-lg-2{padding:.5rem!important}.padding-top-lg-2,.padding-y-lg-2{padding-top:.5rem!important}.padding-right-lg-2,.padding-x-lg-2{padding-right:.5rem!important}.padding-bottom-lg-2,.padding-y-lg-2{padding-bottom:.5rem!important}.padding-left-lg-2,.padding-x-lg-2{padding-left:.5rem!important}.padding-lg-3{padding:1rem!important}.padding-top-lg-3,.padding-y-lg-3{padding-top:1rem!important}.padding-right-lg-3,.padding-x-lg-3{padding-right:1rem!important}.padding-bottom-lg-3,.padding-y-lg-3{padding-bottom:1rem!important}.padding-left-lg-3,.padding-x-lg-3{padding-left:1rem!important}.padding-lg-4{padding:2rem!important}.padding-top-lg-4,.padding-y-lg-4{padding-top:2rem!important}.padding-right-lg-4,.padding-x-lg-4{padding-right:2rem!important}.padding-bottom-lg-4,.padding-y-lg-4{padding-bottom:2rem!important}.padding-left-lg-4,.padding-x-lg-4{padding-left:2rem!important}.padding-lg-5{padding:4rem!important}.padding-top-lg-5,.padding-y-lg-5{padding-top:4rem!important}.padding-right-lg-5,.padding-x-lg-5{padding-right:4rem!important}.padding-bottom-lg-5,.padding-y-lg-5{padding-bottom:4rem!important}.padding-left-lg-5,.padding-x-lg-5{padding-left:4rem!important}.margin-lg-n1{margin:-.25rem!important}.margin-top-lg-n1,.margin-y-lg-n1{margin-top:-.25rem!important}.margin-right-lg-n1,.margin-x-lg-n1{margin-right:-.25rem!important}.margin-bottom-lg-n1,.margin-y-lg-n1{margin-bottom:-.25rem!important}.margin-left-lg-n1,.margin-x-lg-n1{margin-left:-.25rem!important}.margin-lg-n2{margin:-.5rem!important}.margin-top-lg-n2,.margin-y-lg-n2{margin-top:-.5rem!important}.margin-right-lg-n2,.margin-x-lg-n2{margin-right:-.5rem!important}.margin-bottom-lg-n2,.margin-y-lg-n2{margin-bottom:-.5rem!important}.margin-left-lg-n2,.margin-x-lg-n2{margin-left:-.5rem!important}.margin-lg-n3{margin:-1rem!important}.margin-top-lg-n3,.margin-y-lg-n3{margin-top:-1rem!important}.margin-right-lg-n3,.margin-x-lg-n3{margin-right:-1rem!important}.margin-bottom-lg-n3,.margin-y-lg-n3{margin-bottom:-1rem!important}.margin-left-lg-n3,.margin-x-lg-n3{margin-left:-1rem!important}.margin-lg-n4{margin:-2rem!important}.margin-top-lg-n4,.margin-y-lg-n4{margin-top:-2rem!important}.margin-right-lg-n4,.margin-x-lg-n4{margin-right:-2rem!important}.margin-bottom-lg-n4,.margin-y-lg-n4{margin-bottom:-2rem!important}.margin-left-lg-n4,.margin-x-lg-n4{margin-left:-2rem!important}.margin-lg-n5{margin:-4rem!important}.margin-top-lg-n5,.margin-y-lg-n5{margin-top:-4rem!important}.margin-right-lg-n5,.margin-x-lg-n5{margin-right:-4rem!important}.margin-bottom-lg-n5,.margin-y-lg-n5{margin-bottom:-4rem!important}.margin-left-lg-n5,.margin-x-lg-n5{margin-left:-4rem!important}.margin-lg-auto{margin:auto!important}.margin-top-lg-auto,.margin-y-lg-auto{margin-top:auto!important}.margin-right-lg-auto,.margin-x-lg-auto{margin-right:auto!important}.margin-bottom-lg-auto,.margin-y-lg-auto{margin-bottom:auto!important}.margin-left-lg-auto,.margin-x-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.margin-xl-0{margin:0!important}.margin-top-xl-0,.margin-y-xl-0{margin-top:0!important}.margin-right-xl-0,.margin-x-xl-0{margin-right:0!important}.margin-bottom-xl-0,.margin-y-xl-0{margin-bottom:0!important}.margin-left-xl-0,.margin-x-xl-0{margin-left:0!important}.margin-xl-1{margin:.25rem!important}.margin-top-xl-1,.margin-y-xl-1{margin-top:.25rem!important}.margin-right-xl-1,.margin-x-xl-1{margin-right:.25rem!important}.margin-bottom-xl-1,.margin-y-xl-1{margin-bottom:.25rem!important}.margin-left-xl-1,.margin-x-xl-1{margin-left:.25rem!important}.margin-xl-2{margin:.5rem!important}.margin-top-xl-2,.margin-y-xl-2{margin-top:.5rem!important}.margin-right-xl-2,.margin-x-xl-2{margin-right:.5rem!important}.margin-bottom-xl-2,.margin-y-xl-2{margin-bottom:.5rem!important}.margin-left-xl-2,.margin-x-xl-2{margin-left:.5rem!important}.margin-xl-3{margin:1rem!important}.margin-top-xl-3,.margin-y-xl-3{margin-top:1rem!important}.margin-right-xl-3,.margin-x-xl-3{margin-right:1rem!important}.margin-bottom-xl-3,.margin-y-xl-3{margin-bottom:1rem!important}.margin-left-xl-3,.margin-x-xl-3{margin-left:1rem!important}.margin-xl-4{margin:2rem!important}.margin-top-xl-4,.margin-y-xl-4{margin-top:2rem!important}.margin-right-xl-4,.margin-x-xl-4{margin-right:2rem!important}.margin-bottom-xl-4,.margin-y-xl-4{margin-bottom:2rem!important}.margin-left-xl-4,.margin-x-xl-4{margin-left:2rem!important}.margin-xl-5{margin:4rem!important}.margin-top-xl-5,.margin-y-xl-5{margin-top:4rem!important}.margin-right-xl-5,.margin-x-xl-5{margin-right:4rem!important}.margin-bottom-xl-5,.margin-y-xl-5{margin-bottom:4rem!important}.margin-left-xl-5,.margin-x-xl-5{margin-left:4rem!important}.padding-xl-0{padding:0!important}.padding-top-xl-0,.padding-y-xl-0{padding-top:0!important}.padding-right-xl-0,.padding-x-xl-0{padding-right:0!important}.padding-bottom-xl-0,.padding-y-xl-0{padding-bottom:0!important}.padding-left-xl-0,.padding-x-xl-0{padding-left:0!important}.padding-xl-1{padding:.25rem!important}.padding-top-xl-1,.padding-y-xl-1{padding-top:.25rem!important}.padding-right-xl-1,.padding-x-xl-1{padding-right:.25rem!important}.padding-bottom-xl-1,.padding-y-xl-1{padding-bottom:.25rem!important}.padding-left-xl-1,.padding-x-xl-1{padding-left:.25rem!important}.padding-xl-2{padding:.5rem!important}.padding-top-xl-2,.padding-y-xl-2{padding-top:.5rem!important}.padding-right-xl-2,.padding-x-xl-2{padding-right:.5rem!important}.padding-bottom-xl-2,.padding-y-xl-2{padding-bottom:.5rem!important}.padding-left-xl-2,.padding-x-xl-2{padding-left:.5rem!important}.padding-xl-3{padding:1rem!important}.padding-top-xl-3,.padding-y-xl-3{padding-top:1rem!important}.padding-right-xl-3,.padding-x-xl-3{padding-right:1rem!important}.padding-bottom-xl-3,.padding-y-xl-3{padding-bottom:1rem!important}.padding-left-xl-3,.padding-x-xl-3{padding-left:1rem!important}.padding-xl-4{padding:2rem!important}.padding-top-xl-4,.padding-y-xl-4{padding-top:2rem!important}.padding-right-xl-4,.padding-x-xl-4{padding-right:2rem!important}.padding-bottom-xl-4,.padding-y-xl-4{padding-bottom:2rem!important}.padding-left-xl-4,.padding-x-xl-4{padding-left:2rem!important}.padding-xl-5{padding:4rem!important}.padding-top-xl-5,.padding-y-xl-5{padding-top:4rem!important}.padding-right-xl-5,.padding-x-xl-5{padding-right:4rem!important}.padding-bottom-xl-5,.padding-y-xl-5{padding-bottom:4rem!important}.padding-left-xl-5,.padding-x-xl-5{padding-left:4rem!important}.margin-xl-n1{margin:-.25rem!important}.margin-top-xl-n1,.margin-y-xl-n1{margin-top:-.25rem!important}.margin-right-xl-n1,.margin-x-xl-n1{margin-right:-.25rem!important}.margin-bottom-xl-n1,.margin-y-xl-n1{margin-bottom:-.25rem!important}.margin-left-xl-n1,.margin-x-xl-n1{margin-left:-.25rem!important}.margin-xl-n2{margin:-.5rem!important}.margin-top-xl-n2,.margin-y-xl-n2{margin-top:-.5rem!important}.margin-right-xl-n2,.margin-x-xl-n2{margin-right:-.5rem!important}.margin-bottom-xl-n2,.margin-y-xl-n2{margin-bottom:-.5rem!important}.margin-left-xl-n2,.margin-x-xl-n2{margin-left:-.5rem!important}.margin-xl-n3{margin:-1rem!important}.margin-top-xl-n3,.margin-y-xl-n3{margin-top:-1rem!important}.margin-right-xl-n3,.margin-x-xl-n3{margin-right:-1rem!important}.margin-bottom-xl-n3,.margin-y-xl-n3{margin-bottom:-1rem!important}.margin-left-xl-n3,.margin-x-xl-n3{margin-left:-1rem!important}.margin-xl-n4{margin:-2rem!important}.margin-top-xl-n4,.margin-y-xl-n4{margin-top:-2rem!important}.margin-right-xl-n4,.margin-x-xl-n4{margin-right:-2rem!important}.margin-bottom-xl-n4,.margin-y-xl-n4{margin-bottom:-2rem!important}.margin-left-xl-n4,.margin-x-xl-n4{margin-left:-2rem!important}.margin-xl-n5{margin:-4rem!important}.margin-top-xl-n5,.margin-y-xl-n5{margin-top:-4rem!important}.margin-right-xl-n5,.margin-x-xl-n5{margin-right:-4rem!important}.margin-bottom-xl-n5,.margin-y-xl-n5{margin-bottom:-4rem!important}.margin-left-xl-n5,.margin-x-xl-n5{margin-left:-4rem!important}.margin-xl-auto{margin:auto!important}.margin-top-xl-auto,.margin-y-xl-auto{margin-top:auto!important}.margin-right-xl-auto,.margin-x-xl-auto{margin-right:auto!important}.margin-bottom-xl-auto,.margin-y-xl-auto{margin-bottom:auto!important}.margin-left-xl-auto,.margin-x-xl-auto{margin-left:auto!important}}.h1{font-size:2em}.h2{font-size:1.5em}.h3{font-size:1.17em}.h4{font-size:1em}.h5{font-size:.83em}.h6{font-size:.67em}.cursor-alias{cursor:alias}.cursor-all-scroll{cursor:all-scroll}.cursor-auto{cursor:auto}.cursor-cell{cursor:cell}.cursor-context-menu{cursor:context-menu}.cursor-col-resize{cursor:col-resize}.cursor-copy{cursor:copy}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-e-resize{cursor:e-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:-webkit-grab;cursor:grab}.cursor-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-no-drop{cursor:no-drop}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-text{cursor:text}.cursor-w-resize{cursor:w-resize}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.mat-tooltip{font-size:15px!important}body,html{height:100%}body{font-family:opens sans regular,sans-serif;margin:0;padding:0}iframe{border:none}.mat-badge-content{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:600}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body-1 p,.mat-body p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-button-toggle,.mat-card{font-family:Roboto,Helvetica Neue,sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-content,.mat-card-subtitle{font-size:14px}.mat-checkbox{font-family:Roboto,Helvetica Neue,sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}.mat-table{font-family:Roboto,Helvetica Neue,sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,Helvetica Neue,sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto,Helvetica Neue,sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field{font-family:Roboto,Helvetica Neue,sans-serif;font-size:inherit;font-weight:400;letter-spacing:normal;line-height:1.125}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{border-top:.84375em solid transparent;padding:.5em 0}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.3333433333%}.mat-form-field-label-wrapper{padding-top:.84375em;top:-.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.79167em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28125em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28124em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28123em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.66667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{margin-top:-.5em;top:1.09375em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{margin-top:-.25em;top:1.84375em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.3333433333%}.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,Helvetica Neue,sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content,.mat-slider-thumb-label-text{font-family:Roboto,Helvetica Neue,sans-serif}.mat-slider-thumb-label-text{font-size:12px;font-weight:500}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,Helvetica Neue,sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group,.mat-tab-label,.mat-tab-link{font-family:Roboto,Helvetica Neue,sans-serif}.mat-tab-label,.mat-tab-link{font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto,Helvetica Neue,sans-serif;font-size:10px;padding-bottom:6px;padding-top:6px}.mat-tooltip-handset{font-size:14px;padding-bottom:8px;padding-top:8px}.mat-list-item,.mat-list-option{font-family:Roboto,Helvetica Neue,sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px}.mat-simple-snackbar-action{font-family:inherit;font-size:inherit;font-weight:500;line-height:1}.mat-tree{font-family:Roboto,Helvetica Neue,sans-serif}.mat-nested-tree-node,.mat-tree-node{font-size:14px;font-weight:400}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{border-radius:50%;pointer-events:none;position:absolute;transform:scale(0);transition:opacity,transform 0ms cubic-bezier(0,0,.2,1)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{-moz-appearance:none;-webkit-appearance:none;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cdk-global-overlay-wrapper,.cdk-overlay-container{height:100%;left:0;pointer-events:none;top:0;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{box-sizing:border-box;max-height:100%;max-width:100%;pointer-events:auto}.cdk-overlay-backdrop{-webkit-tap-highlight-color:transparent;bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);z-index:1000}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{display:flex;flex-direction:column;min-height:1px;min-width:1px;position:absolute;z-index:1000}.cdk-global-scrollblock{overflow-y:scroll;position:fixed;width:100%}@-webkit-keyframes cdk-text-field-autofill-start{\n  /*!*/}@keyframes cdk-text-field-autofill-start{\n  /*!*/}@-webkit-keyframes cdk-text-field-autofill-end{\n  /*!*/}@keyframes cdk-text-field-autofill-end{\n  /*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms;animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation:cdk-text-field-autofill-end 0s 1ms;animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{box-sizing:content-box!important;height:auto!important;overflow:hidden!important;padding:2px 0!important}textarea.cdk-textarea-autosize-measuring-firefox{box-sizing:content-box!important;height:0!important;padding:2px 0!important}.mat-focus-indicator,.mat-mdc-focus-indicator{position:relative}.header,.title{font-family:Encode Sans Condensed,sans-serif;font-weight:900}.paragraph-title,.tagline{font-family:Open Sans,sans-serif;font-weight:400}.paragraph-title-bold .tagLine-bold{font-family:Open Sans,sans-serif;font-weight:700}.plain-text,.remarks{font-family:Open Sans,sans-serif;font-weight:300}.plain-text-bold{font-family:Open Sans,sans-serif;font-weight:700}.flex-column{flex-direction:column}.flex-column,.flex-row{box-sizing:border-box;display:flex}.flex-row{flex-direction:row}.flex-row-center{align-items:center;justify-content:center}.mat-button-large{font-size:18px;font-weight:700;line-height:48px;padding:0 24px!important}.mat-round{border-radius:.5em}:root{--background:#050505;--cyan-accent:rgba(132,255,255,0.75);--green-accent:#00e676;--initial-accent:#9cd8d7;--initial-dark-background:#222;--initial-dark-text:hsla(0,0%,100%,0.87);--initial-light-background:#f2f2f2;--initial-light-background:#fff;--initial-light-text:rgba(0,0,0,0.87);--initial-primary:#4a918e;--initial-warn:#ef4351;--orange-accent:#ff9800;--pink-accent:#e91e63;--purple-accent:#9c27b0;--success:#00e676;--yellow-accent:#fdd835}body{background-color:var(--initial-dark-background)}::ng-deep .mat-tooltip{font-size:16px!important}:host .valid-control{color:var(--green-accent)}:host .invalid-control{color:var(--theme-warn-500)}:host .actions .item:not(:last-child){margin-right:0}:host .project-thumbnail img{height:50px;width:auto}:host .active{background-color:var(--theme-accent-400)}:host .active,:host .inactive{transition:background-color 1s linear}:host .inactive{background-color:rgba(242,245,169,0)}:host .expansion-panel{margin-bottom:10px;width:100%}:host .expansion-container{max-height:300px;overflow-y:auto}:host .divider-fill-vert{background-color:var(--theme-accent-500);bottom:10%;min-height:100%;min-width:5px;top:10%}:host .divider-fill-hor{background-color:var(--theme-accent-500);height:5px;width:100%}:host .form-disabled{background-color:#797979;border-radius:4px;opacity:.5}::ng-deep input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:hsla(0,0%,100%,.8705882352941177);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width:768px){.spread{margin:1em!important}}@media (max-width:480px){.spread{margin:.5em!important}}.spinner-logo{display:none!important}.success{color:var(--success)}.error{color:var(--theme-warn-500)}.icon-bg{border-radius:50%;padding:3px}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}"]
             },] }
 ];
-BuildsComponent.ctorParameters = () => [
-    { type: ApplicationsFlowEventsService }
-];
+BuildsComponent.ctorParameters = () => [];
 BuildsComponent.propDecorators = {
     Projects: [{ type: Input, args: ['projects',] }]
 };
@@ -2967,9 +2964,9 @@ FormCardComponent.propDecorators = {
 };
 
 class ProjectNameComponent {
-    constructor(formsService, appsFlowEventsSvc) {
+    constructor(formsService, eacSvc) {
         this.formsService = formsService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
     }
     /**
      * Access form control for description
@@ -3039,7 +3036,7 @@ class ProjectNameComponent {
      * Save form
      */
     save() {
-        this.appsFlowEventsSvc.SaveProjectAsCode({
+        this.eacSvc.SaveProjectAsCode({
             ProjectLookup: this.ProjectLookup,
             Project: Object.assign(Object.assign({}, this.Project), { Project: Object.assign(Object.assign({}, (this.Project || {})), { Description: this.Description.value, Name: this.Name.value }) }),
         });
@@ -3083,7 +3080,7 @@ ProjectNameComponent.decorators = [
 ];
 ProjectNameComponent.ctorParameters = () => [
     { type: FormsService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 ProjectNameComponent.propDecorators = {
     Project: [{ type: Input, args: ['project',] }],
@@ -3091,9 +3088,9 @@ ProjectNameComponent.propDecorators = {
 };
 
 class RootDirectoryComponent {
-    constructor(formsService, appsFlowEventsSvc) {
+    constructor(formsService, eacSvc) {
         this.formsService = formsService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
     }
     /**
      * Access form control for root directory
@@ -3158,7 +3155,7 @@ class RootDirectoryComponent {
      * Save form
      */
     save() {
-        this.appsFlowEventsSvc.SaveProjectAsCode({
+        this.eacSvc.SaveProjectAsCode({
             ProjectLookup: this.ProjectLookup,
             Project: Object.assign({}, this.Project),
         });
@@ -3191,7 +3188,7 @@ RootDirectoryComponent.decorators = [
 ];
 RootDirectoryComponent.ctorParameters = () => [
     { type: FormsService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 RootDirectoryComponent.propDecorators = {
     Project: [{ type: Input, args: ['project',] }],
@@ -3199,9 +3196,9 @@ RootDirectoryComponent.propDecorators = {
 };
 
 class BaseFormComponent {
-    constructor(formsService, appsFlowEventsSvc) {
+    constructor(formsService, eac) {
         this.formsService = formsService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eac = eac;
     }
     ngOnInit() {
         this.setupForm();
@@ -3253,7 +3250,7 @@ BaseFormComponent.decorators = [
 ];
 BaseFormComponent.ctorParameters = () => [
     { type: FormsService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 
 class BaseFormConfigModel {
@@ -3263,10 +3260,10 @@ class BaseFormConfigModel {
 }
 
 class BaseFormTestComponent extends BaseFormComponent {
-    constructor(formsService, appsFlowEventsSvc) {
-        super(formsService, appsFlowEventsSvc);
+    constructor(formsService, eacSvc) {
+        super(formsService, eacSvc);
         this.formsService = formsService;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
     }
     /**
      * Access form control for description
@@ -3338,7 +3335,7 @@ BaseFormTestComponent.decorators = [
 ];
 BaseFormTestComponent.ctorParameters = () => [
     { type: FormsService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 
 class GitAuthComponent {
@@ -3566,8 +3563,8 @@ class SlottedCardComponent {
 SlottedCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-slotted-card',
-                template: "<mat-card class=\"col-info-card\">\n    <mat-card-header fxLayoutAlign=\"space-between center\">\n      <mat-card-title class=\"card-title\">{{ Title }}</mat-card-title>\n      <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n      <button mat-button class=\"slotted-card-action-btn\" click=\"MainActionClickEvent()\">{{ ActionText }}</button>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
-                styles: [".col-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.header-icon{margin-right:10px}.card-title{font-size:30px;margin-bottom:0}.header-description{background-color:#d3d3d3;margin-left:-2px;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                template: "<mat-card class=\"col-info-card\">\n    <mat-card-header fxLayoutAlign=\"space-between center\">\n      <mat-card-title class=\"card-title\">{{ Title }}</mat-card-title>\n      <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n      <a mat-button class=\"slotted-card-action-btn\" [href]=\"ActionPath\">{{ ActionText }}</a>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
+                styles: [".col-info-card{border:2px solid #d3d3d3;margin:20px;padding:0}.header-icon{margin-right:10px}.card-title{font-size:30px;margin-bottom:0}.header-description{background-color:#d3d3d3;margin-left:-2px;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
             },] }
 ];
 SlottedCardComponent.ctorParameters = () => [];
@@ -3577,6 +3574,7 @@ SlottedCardComponent.propDecorators = {
     MainSlotDescription: [{ type: Input, args: ['main-slot-description',] }],
     SecondarySlotDescription: [{ type: Input, args: ['secondary-slot-description',] }],
     ActionText: [{ type: Input, args: ['action-text',] }],
+    ActionPath: [{ type: Input, args: ['action-path',] }],
     MainActionClicked: [{ type: Output, args: ['main-action-clicked',] }]
 };
 
@@ -3598,7 +3596,7 @@ ProjectInfoCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-project-info-card',
                 template: "<mat-card class=\"project-info-card\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n      <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <div class=\"promo-container\">\n        <ng-content  select=\"[promo]\"></ng-content>\n      </div>\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </mat-card>\n  \n",
-                styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                styles: [".project-info-card{border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
             },] }
 ];
 ProjectInfoCardComponent.ctorParameters = () => [];
@@ -3621,7 +3619,7 @@ AnalyticsCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-analytics-card',
                 template: "<mat-card class=\"analytics-card\">\n    <mat-card-header>\n      <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"Subtext\">{{Subtext}}</mat-card-subtitle>\n    </mat-card-header>\n    <mat-card-content>\n      <!-- <ng-container *ngFor=\"let atics of analytics \"> -->\n          \n        <div class=\"analytic-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <div fxLayout=\"column\">\n                <div class=\"analytic-number\">57</div>\n                <div class=\"analytic-name\">Unique Visitors</div>\n            </div>\n\n            <div class=\"percent-change increase\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_up</mat-icon>\n                <div>{{ .16 | percent}}</div>\n            </div>\n\n            <!-- <div class=\"percent-change decrease\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_down</mat-icon>\n                <div>16</div>\n            </div> -->\n        </div>\n\n      <!-- </ng-container> -->\n    </mat-card-content>\n    <!-- <mat-card-actions>\n      <button mat-button>LIKE</button>\n      <button mat-button>SHARE</button>\n    </mat-card-actions> -->\n  </mat-card>\n",
-                styles: [".analytics-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:10px}.increase{color:green}.decrease{color:red}"]
+                styles: [".analytics-card{border:2px solid #d3d3d3;margin:20px;padding:10px}.increase{color:green}.decrease{color:red}"]
             },] }
 ];
 AnalyticsCardComponent.ctorParameters = () => [];
@@ -3650,7 +3648,7 @@ FeedCardSmComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-feed-card-sm',
                 template: "<mat-card class=\"social-card\">\n    <div class=\"feed-card-container\" fxLayout=\"row\">\n        <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{Icon}}</mat-icon>\n        <div class=\"feed-card-main-content\">\n            <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n            <div *ngIf=\"Subtext\">{{Subtext}}</div>\n            <div *ngIf=\"Description\">{{Description}}</div>\n            <ng-content select=\"[more-details]\"></ng-content>\n        </div>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n      <ng-content select=\"[actions]\"></ng-content>\n    </mat-card-actions>\n  </mat-card>\n",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}"]
             },] }
 ];
 FeedCardSmComponent.ctorParameters = () => [];
@@ -3727,7 +3725,7 @@ GhControlComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-gh-control',
                 template: "<mat-card class=\"social-card\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n        <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n            <mat-form-field appearance=\"fill\" class=\"gh-input\">\n                <mat-label>{{InputLabel}}</mat-label>\n                <input matInput type=\"text\" [(ngModel)]=\"value\">\n                <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n                  <mat-icon>close</mat-icon>\n                </button> -->\n              </mat-form-field>\n        </div>\n        <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n        <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n        <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n        <button mat-icon-button (click)=\"OpenMoreInfo()\">\n            <mat-icon>more_horiz</mat-icon>\n        </button>\n    </mat-card-actions>\n  </mat-card>",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
             },] }
 ];
 GhControlComponent.ctorParameters = () => [];
@@ -3744,7 +3742,7 @@ MainFeedCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-main-feed-card',
                 template: "<mat-card class=\"social-card\">\n    <mat-card-header fxLayout=\"row\">\n        <div *ngIf=\"Avatar\" mat-card-avatar class=\"example-header-image\" [style.backgroundImage]=\"Avatar\" fxFlex=\"10%\"></div>\n        <div class=\"header-main-content-container\" fxFlex=\"80%\">\n            <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n            <div *ngIf=\"Subtext\">{{Subtext}}</div>\n            <div *ngIf=\"TimeAgo\">{{TimeAgo}}</div>\n        </div>\n        <div fxFlex=\"10%\">\n            <button mat-icon-button (click)=\"MoreClicked()\" >\n                <mat-icon>more_horiz</mat-icon>\n            </button>\n        </div>\n\n      </mat-card-header>\n    \n    <div class=\"feed-card-container\" fxLayout=\"row\">\n        <div class=\"feed-card-main-content\">\n            <ng-content select=\"[tabs]\"></ng-content>\n        </div>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <ng-content select=\"[actions]\"></ng-content>\n        \n\n    </mat-card-actions>\n  </mat-card>\n",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.example-header-image{background-size:cover}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.example-header-image{background-size:cover}"]
             },] }
 ];
 MainFeedCardComponent.ctorParameters = () => [];
@@ -3850,26 +3848,26 @@ class SecurityToggleComponent {
         console.log("submitting values");
     }
     setupSecurityFormGroup() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b;
         this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
         if (this.EditingApplication != null) {
-            this.SecurityFormGroup = this.formBldr.group({
-                name: [(_c = this.EditingApplication.Application) === null || _c === void 0 ? void 0 : _c.Name, Validators.required],
-                description: [
-                    (_d = this.EditingApplication.Application) === null || _d === void 0 ? void 0 : _d.Description,
-                    Validators.required,
-                ],
-                route: [
-                    ((_e = this.EditingApplication.LookupConfig) === null || _e === void 0 ? void 0 : _e.PathRegex.replace('.*', '')) ||
-                        '/',
-                    Validators.required,
-                ],
-                // priority: [
-                //   this.EditingApplication.Application?.Priority || 10000,
-                //   Validators.required,
-                // ],
-                procType: [this.ProcessorType, [Validators.required]],
-            });
+            // this.SecurityFormGroup = this.formBldr.group({
+            //   name: [this.EditingApplication.Application?.Name, Validators.required],
+            //   description: [
+            //     this.EditingApplication.Application?.Description,
+            //     Validators.required,
+            //   ],
+            //   route: [
+            //     this.EditingApplication.LookupConfig?.PathRegex.replace('.*', '') ||
+            //       '/',
+            //     Validators.required,
+            //   ],
+            //   // priority: [
+            //   //   this.EditingApplication.Application?.Priority || 10000,
+            //   //   Validators.required,
+            //   // ],
+            //   procType: [this.ProcessorType, [Validators.required]],
+            // });
         }
         this.setupSecurityForm();
     }
@@ -3901,49 +3899,50 @@ class ProcessorDetailsFormComponent {
     }
     get BuildFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.build;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.build;
     }
     get ClientIDFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.clientId;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.clientId;
     }
     get DefaultFileFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.defaultFile;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.defaultFile;
     }
     get InboundPathFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.inboundPath;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.inboundPath;
     }
     get TokenLookupFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.tokenLookup;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.tokenLookup;
     }
     get RedirectFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.redirect;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.redirect;
     }
     get ScopesFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.scopes;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.scopes;
     }
     get SecurityFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.security;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.security;
     }
     get SPARootFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.spaRoot;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.spaRoot;
     }
     get PermanentFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.permanent;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.permanent;
     }
     get PreserveMethodFormControl() {
         var _a;
-        return (_a = this.ProsessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.preserveMethod;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.preserveMethod;
     }
     ngOnInit() {
+        this.setupProcessorDetailsForm();
     }
     DetermineTooltipText() {
         let permanentValue = this.PermanentFormControl.value;
@@ -3961,6 +3960,8 @@ class ProcessorDetailsFormComponent {
             this.redirectTooltip = '308 – Permanent and Preserve';
         }
     }
+    SubmitProcessorDetails() {
+    }
     ProcessorTypeChanged(event) {
         this.ProcessorType = event.value;
         this.setupProcessorTypeSubForm();
@@ -3971,27 +3972,27 @@ class ProcessorDetailsFormComponent {
     }
     //HELPERS
     cleanupLcuTypeSubForm() {
-        this.ProsessorDetailsFormGroup.removeControl('methods');
-        this.ProsessorDetailsFormGroup.removeControl('apiRoot');
-        this.ProsessorDetailsFormGroup.removeControl('security');
-        this.ProsessorDetailsFormGroup.removeControl('spaRoot');
-        this.ProsessorDetailsFormGroup.removeControl('applicationId');
-        this.ProsessorDetailsFormGroup.removeControl('build');
-        this.ProsessorDetailsFormGroup.removeControl('clientId');
-        this.ProsessorDetailsFormGroup.removeControl('clientSecret');
-        this.ProsessorDetailsFormGroup.removeControl('zipFile');
+        this.ProcessorDetailsFormGroup.removeControl('methods');
+        this.ProcessorDetailsFormGroup.removeControl('apiRoot');
+        this.ProcessorDetailsFormGroup.removeControl('security');
+        this.ProcessorDetailsFormGroup.removeControl('spaRoot');
+        this.ProcessorDetailsFormGroup.removeControl('applicationId');
+        this.ProcessorDetailsFormGroup.removeControl('build');
+        this.ProcessorDetailsFormGroup.removeControl('clientId');
+        this.ProcessorDetailsFormGroup.removeControl('clientSecret');
+        this.ProcessorDetailsFormGroup.removeControl('zipFile');
     }
     cleanupProcessorTypeSubForm() {
-        this.ProsessorDetailsFormGroup.removeControl('defaultFile');
+        this.ProcessorDetailsFormGroup.removeControl('defaultFile');
         // this.ApplicationFormGroup.removeControl('dfsLcuType');
         // this.ApplicationFormGroup.removeControl('oauthLcuType');
-        this.ProsessorDetailsFormGroup.removeControl('scopes');
-        this.ProsessorDetailsFormGroup.removeControl('tokenLookup');
-        this.ProsessorDetailsFormGroup.removeControl('inboundPath');
-        this.ProsessorDetailsFormGroup.removeControl('proxyLcuType');
-        this.ProsessorDetailsFormGroup.removeControl('redirect');
-        this.ProsessorDetailsFormGroup.removeControl('permanent');
-        this.ProsessorDetailsFormGroup.removeControl('preserveMethod');
+        this.ProcessorDetailsFormGroup.removeControl('scopes');
+        this.ProcessorDetailsFormGroup.removeControl('tokenLookup');
+        this.ProcessorDetailsFormGroup.removeControl('inboundPath');
+        this.ProcessorDetailsFormGroup.removeControl('proxyLcuType');
+        this.ProcessorDetailsFormGroup.removeControl('redirect');
+        this.ProcessorDetailsFormGroup.removeControl('permanent');
+        this.ProcessorDetailsFormGroup.removeControl('preserveMethod');
         this.cleanupLcuTypeSubForm();
     }
     setupLcuTypeSubForm() {
@@ -4012,9 +4013,9 @@ class ProcessorDetailsFormComponent {
                 case 'GitHubOAuth':
                     this.setupLCUGitHubOAuthForm();
                     break;
-                case 'NPM':
-                    this.setupLCUNPMForm();
-                    break;
+                // case 'NPM':
+                //   this.setupLCUNPMForm();
+                //   break;
                 case 'SPA':
                     this.setupLCUSPAForm();
                     break;
@@ -4024,11 +4025,11 @@ class ProcessorDetailsFormComponent {
             }
         }
     }
-    setupApplicationForm() {
+    setupProcessorDetailsForm() {
         var _a, _b, _c, _d, _e;
         this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
         if (this.EditingApplication != null) {
-            this.ProsessorDetailsFormGroup = this.formBldr.group({
+            this.ProcessorDetailsFormGroup = this.formBldr.group({
                 name: [(_c = this.EditingApplication.Application) === null || _c === void 0 ? void 0 : _c.Name, Validators.required],
                 description: [
                     (_d = this.EditingApplication.Application) === null || _d === void 0 ? void 0 : _d.Description,
@@ -4049,11 +4050,11 @@ class ProcessorDetailsFormComponent {
     }
     setupLCUGitHubForm() {
         var _a;
-        this.ProsessorDetailsFormGroup.addControl('build', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Build) || 'latest', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('build', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Build) || 'latest', [Validators.required]));
     }
     setupLCUApplicationPointerForm() {
         var _a;
-        this.ProsessorDetailsFormGroup.addControl('applicationId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ApplicationID) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('applicationId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ApplicationID) || '', [Validators.required]));
     }
     setupLCUNPMForm() {
         // this.ApplicationFormGroup.addControl(
@@ -4073,50 +4074,50 @@ class ProcessorDetailsFormComponent {
     }
     setupLCUSPAForm() {
         var _a;
-        this.ProsessorDetailsFormGroup.addControl('spaRoot', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SPARoot) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('spaRoot', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SPARoot) || '', [Validators.required]));
     }
     setupLCUAPIForm() {
         var _a, _b, _c, _d;
-        this.ProsessorDetailsFormGroup.addControl('methods', this.formBldr.control(((_b = (_a = this.EditingApplication.LookupConfig) === null || _a === void 0 ? void 0 : _a.AllowedMethods) === null || _b === void 0 ? void 0 : _b.join(' ')) || '', []));
-        this.ProsessorDetailsFormGroup.addControl('apiRoot', this.formBldr.control(((_c = this.EditingApplication.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.APIRoot) || '', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('security', this.formBldr.control(((_d = this.EditingApplication.LowCodeUnit) === null || _d === void 0 ? void 0 : _d.Security) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('methods', this.formBldr.control(((_b = (_a = this.EditingApplication.LookupConfig) === null || _a === void 0 ? void 0 : _a.AllowedMethods) === null || _b === void 0 ? void 0 : _b.join(' ')) || '', []));
+        this.ProcessorDetailsFormGroup.addControl('apiRoot', this.formBldr.control(((_c = this.EditingApplication.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.APIRoot) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('security', this.formBldr.control(((_d = this.EditingApplication.LowCodeUnit) === null || _d === void 0 ? void 0 : _d.Security) || '', [Validators.required]));
     }
     setupLCUGitHubOAuthForm() {
         var _a, _b;
-        this.ProsessorDetailsFormGroup.addControl('clientId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ClientID) || '', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('clientSecret', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.ClientSecret) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('clientId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ClientID) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('clientSecret', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.ClientSecret) || '', [Validators.required]));
     }
     setupProxyForm() {
         var _a, _b;
         this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
-        this.ProsessorDetailsFormGroup.addControl('inboundPath', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.InboundPath) || '', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('inboundPath', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.InboundPath) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
     }
     setupRedirectForm() {
         var _a, _b, _c;
-        this.ProsessorDetailsFormGroup.addControl('redirect', this.formBldr.control(((_a = this.EditingApplication.Processor) === null || _a === void 0 ? void 0 : _a.Redirect) || '', [
+        this.ProcessorDetailsFormGroup.addControl('redirect', this.formBldr.control(((_a = this.EditingApplication.Processor) === null || _a === void 0 ? void 0 : _a.Redirect) || '', [
             Validators.required,
         ]));
-        this.ProsessorDetailsFormGroup.addControl('permanent', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Permanent) || false, []));
-        this.ProsessorDetailsFormGroup.addControl('preserveMethod', this.formBldr.control(((_c = this.EditingApplication.Processor) === null || _c === void 0 ? void 0 : _c.PreserveMethod) || false, []));
+        this.ProcessorDetailsFormGroup.addControl('permanent', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Permanent) || false, []));
+        this.ProcessorDetailsFormGroup.addControl('preserveMethod', this.formBldr.control(((_c = this.EditingApplication.Processor) === null || _c === void 0 ? void 0 : _c.PreserveMethod) || false, []));
         this.DetermineTooltipText();
     }
     setupOAuthForm() {
         var _a, _b, _c, _d;
         this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
-        this.ProsessorDetailsFormGroup.addControl('scopes', this.formBldr.control(((_c = (_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Scopes) === null || _c === void 0 ? void 0 : _c.Join(' ')) || '', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('tokenLookup', this.formBldr.control(((_d = this.EditingApplication.Processor) === null || _d === void 0 ? void 0 : _d.TokenLookup) || '', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('scopes', this.formBldr.control(((_c = (_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Scopes) === null || _c === void 0 ? void 0 : _c.Join(' ')) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('tokenLookup', this.formBldr.control(((_d = this.EditingApplication.Processor) === null || _d === void 0 ? void 0 : _d.TokenLookup) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
     }
     setupLCUZipForm() {
         var _a;
-        this.ProsessorDetailsFormGroup.addControl('zipFile', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ZipFile) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('zipFile', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ZipFile) || '', [Validators.required]));
     }
     setupDfsForm() {
         var _a, _b;
         this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
-        this.ProsessorDetailsFormGroup.addControl('defaultFile', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.DefaultFile) || 'index.html', [Validators.required]));
-        this.ProsessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('defaultFile', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.DefaultFile) || 'index.html', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
     }
     setupProcessorTypeSubForm() {
         this.cleanupProcessorTypeSubForm();
@@ -4153,6 +4154,443 @@ ProcessorDetailsFormComponent.propDecorators = {
     EditingApplication: [{ type: Input, args: ['editing-application',] }]
 };
 
+class SourceControlFormComponent {
+    constructor(formBldr) {
+        this.formBldr = formBldr;
+    }
+    get HasBuildFormControl() {
+        var _a;
+        return (_a = this.SourceControlFormGroup) === null || _a === void 0 ? void 0 : _a.controls.hasBuild;
+    }
+    get SourceControlLookupFormControl() {
+        var _a;
+        return (_a = this.SourceControlFormGroup) === null || _a === void 0 ? void 0 : _a.controls.sourceControlLookup;
+    }
+    get SourceControlLookups() {
+        return Object.keys(this.SourceControls || {});
+    }
+    get SourceControls() {
+        console.log("Environment: ", this.Environment);
+        return this.Environment.Sources || {};
+    }
+    ngOnInit() {
+        this.setupSourceControlForm();
+    }
+    SourceControlLookupChanged(event) {
+        //  TODO:  Anything to do here on change?
+        console.log("sourceControlLookupChanged: ", event);
+    }
+    SubmitSourceControl() {
+    }
+    //HELPER
+    setupSourceControlForm() {
+        var _a, _b;
+        this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
+        this.setupBuildForm();
+    }
+    setupBuildForm() {
+        var _a, _b;
+        this.SourceControlFormGroup.addControl('hasBuild', this.formBldr.control(!!((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SourceControlLookup) || false, [Validators.required]));
+        this.SourceControlFormGroup.addControl('sourceControlLookup', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.SourceControlLookup) || '', []));
+    }
+}
+SourceControlFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-source-control-form',
+                template: "<form class=\"source-control-form\" [formGroup]=\"SourceControlFormGroup\" (ngSubmit)=\"SubmitSourceControl()\">\n\n<mat-card class=\"spread flow-card\" *ngIf=\"ProcessorType != 'Redirect'\">\n    <mat-card-header>\n      <mat-card-title *ngIf=\"!HasBuildFormControl.value\">\n        Build & Source\n      </mat-card-title>\n\n      <mat-card-title *ngIf=\"HasBuildFormControl.value\">\n        Source Control\n      </mat-card-title>\n\n      <div fxFlex></div>\n\n      <mat-slide-toggle\n        formControlName=\"hasBuild\"\n        matTooltip=\"Has Build?\"\n      >\n      </mat-slide-toggle>\n\n      <mat-icon\n        matSuffix\n        matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\"\n      >\n        info_outline\n      </mat-icon>\n    </mat-card-header>\n\n    <mat-card-content>\n      <mat-form-field\n        class=\"mat-full-width\"\n        *ngIf=\"\n          HasBuildFormControl.value && SourceControlLookups?.length > 0\n        \"\n      >\n        <mat-select\n          formControlName=\"sourceControlLookup\"\n          placeholder=\"Source Control\"\n          (selectionChange)=\"SourceControlLookupChanged($event)\"\n          [disabled]=\"\n            SourceControlFormControls?.Loading || HostingDetails?.Loading\n          \"\n        >\n          <ng-container\n            *ngFor=\"let srcCtrlLookup of SourceControlLookups\"\n          >\n            <mat-option\n              [value]=\"srcCtrlLookup\"\n              *ngIf=\"SourceControls[srcCtrlLookup]; let srcCtrl\"\n            >\n              {{ srcCtrl.Name }}\n            </mat-option>\n          </ng-container>\n        </mat-select>\n\n        <div *ngIf=\"HasBuildFormControl?.value\">\n          <h3>\n            @{{\n              SourceControlFormControls?.OrganizationFormControl?.value ||\n                SourceControl?.Organization\n            }}/{{\n              SourceControlFormControls?.RepositoryFormControl?.value ||\n                SourceControl?.Repository\n            }}\n          </h3>\n\n          <p>Organization and Repository pulled from build settings</p>\n\n          <mat-hint>\n            CurrentBuild:\n            {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n          </mat-hint>\n        </div>\n      </mat-form-field>\n\n      <div *ngIf=\"SourceControlLookups?.length < 0\">\n        <h3>\n          Create source control locations under the DevOps tab above.\n        </h3>\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n        <!-- [disabled]=\"!SourceControlFormGroup.valid || !SourceControlFormGroup.dirty\" -->\n        <button mat-raised-button type=\"submit\" >Save</button>\n    </mat-card-actions>\n  </mat-card>\n</form>\n",
+                styles: [""]
+            },] }
+];
+SourceControlFormComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+SourceControlFormComponent.propDecorators = {
+    EditingApplication: [{ type: Input, args: ['editing-application',] }],
+    Environment: [{ type: Input, args: ['environment',] }],
+    SourceControlFormControls: [{ type: ViewChild, args: [SourceControlFormControlsComponent,] }]
+};
+
+class BuildPipelineFormComponent {
+    constructor(formBldr, appsFlowSvc) {
+        this.formBldr = formBldr;
+        this.appsFlowSvc = appsFlowSvc;
+        this.HostingDetails = new ProjectHostingDetails();
+    }
+    //PROPERTIES
+    get Artifact() {
+        var _a, _b;
+        return ((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Artifacts) && this.ArtifactLookup
+            ? ((_b = this.Environment) === null || _b === void 0 ? void 0 : _b.Artifacts[this.ArtifactLookup]) || {}
+            : {};
+    }
+    get ArtifactLookup() {
+        var _a, _b;
+        const artLookup = ((_a = this.DevOpsAction) === null || _a === void 0 ? void 0 : _a.ArtifactLookups) ? (_b = this.DevOpsAction) === null || _b === void 0 ? void 0 : _b.ArtifactLookups[0] : null;
+        return artLookup;
+    }
+    get DevOpsAction() {
+        return this.Environment.DevOpsActions && this.DevOpsActionLookup
+            ? this.Environment.DevOpsActions[this.DevOpsActionLookup] || {}
+            : {};
+    }
+    get DevOpsActions() {
+        return this.Environment.DevOpsActions || {};
+    }
+    get EditingSourceControl() {
+        var _a, _b;
+        let sc = ((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Sources) ? (_b = this.Environment) === null || _b === void 0 ? void 0 : _b.Sources[this.EditingSourceControlLookup] : null;
+        if (sc == null && this.EditingSourceControlLookup) {
+            sc = {};
+        }
+        return sc;
+    }
+    get SourceControlLookups() {
+        return Object.keys(this.SourceControls || {});
+    }
+    get SourceControls() {
+        return this.Environment.Sources || {};
+    }
+    ngOnInit() {
+    }
+    //API METHODS
+    //HELPERS
+    loadProjectHostingDetails() {
+        this.HostingDetails.Loading = true;
+        this.appsFlowSvc
+            .LoadProjectHostingDetails(this.Organization, this.Repository, this.MainBranch)
+            .subscribe((response) => {
+            this.HostingDetails = response.Model;
+            this.HostingDetails.Loading = false;
+        }, (err) => {
+            this.HostingDetails.Loading = false;
+        });
+    }
+}
+BuildPipelineFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-build-pipeline-form',
+                template: "<div class=\"form-card\" fxFlex=\"35%\" fxFlex.lt-md=\"100%\">\n    <mat-card\n      class=\"spread\"\n      *ngIf=\"EditingSourceControl?.Branches?.length > 0\"\n    >\n      <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header>\n\n      <mat-card-content>\n\n        <ng-container>\n          <lcu-hosting-details-form-group\n            [artifact]=\"Artifact\"\n            [devops-action]=\"DevOpsActions[DevOpsActionLookup]\"\n            [details]=\"HostingDetails\"\n            [formGroup]=\"DevOpsFormGroup\"\n            [organization]=\"Organization\"\n            [disabled]=\"HostingDetails?.Loading\"\n          ></lcu-hosting-details-form-group>\n        </ng-container>\n      </mat-card-content>\n    </mat-card>\n  </div>\n",
+                styles: [""]
+            },] }
+];
+BuildPipelineFormComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: ApplicationsFlowService }
+];
+BuildPipelineFormComponent.propDecorators = {
+    DevOpsActionLookup: [{ type: Input, args: ['devops-action-lookup',] }],
+    Environment: [{ type: Input, args: ['environment',] }],
+    MainBranch: [{ type: Input, args: ['main-branch',] }],
+    Organization: [{ type: Input, args: ['organization',] }],
+    Repository: [{ type: Input, args: ['repository',] }]
+};
+
+class DevopsSourceControlFormComponent {
+    //  Constructors
+    constructor(formBuilder, appsFlowSvc) {
+        this.formBuilder = formBuilder;
+        this.appsFlowSvc = appsFlowSvc;
+        this.SeparatorKeysCodes = [ENTER, COMMA];
+        this.BuildPath = null;
+        this.HostingDetails = new ProjectHostingDetails();
+        this.SelectedBranches = [];
+        this.SourceControlRoot = '';
+        this.UseBranches = true;
+        this.UseBuildPath = false;
+    }
+    //  Fields
+    //  Properties
+    get BranchesFormControl() {
+        return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'branches');
+    }
+    get BuildPathFormControl() {
+        return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'buildPath');
+    }
+    get DevOpsActionLookups() {
+        return Object.keys(this.DevOpsActions || {});
+    }
+    get DevOpsActionLookup() {
+        var _a, _b, _c;
+        if (!!((_a = this.DevOpsActionLookupFormControl) === null || _a === void 0 ? void 0 : _a.value)) {
+            return this.DevOpsActionLookupFormControl.value;
+        }
+        if (!!((_b = this.EditingSourceControl) === null || _b === void 0 ? void 0 : _b.DevOpsActionTriggerLookups)) {
+            return (_c = this.EditingSourceControl) === null || _c === void 0 ? void 0 : _c.DevOpsActionTriggerLookups[0];
+        }
+        else {
+            return null;
+        }
+    }
+    get DevOpsActionLookupFormControl() {
+        return this.DevOpsSourceControlFormGroup.get('devOpsActionLookup');
+    }
+    get DevOpsActions() {
+        return this.Environment.DevOpsActions || {};
+    }
+    get EditingSourceControl() {
+        var _a, _b;
+        let sc = ((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Sources) ? (_b = this.Environment) === null || _b === void 0 ? void 0 : _b.Sources[this.EditingSourceControlLookup] : null;
+        if (sc == null && this.EditingSourceControlLookup) {
+            sc = {};
+        }
+        return sc;
+    }
+    get MainBranchFormControl() {
+        return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'mainBranch');
+    }
+    get OrganizationFormControl() {
+        return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'organization');
+    }
+    get RepositoryFormControl() {
+        return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'repository');
+    }
+    //  Life Cycle
+    ngAfterViewInit() { }
+    ngOnDestroy() {
+        this.destroyFormControls();
+    }
+    ngOnInit() {
+        this.setupFormControls();
+        this.RefreshOrganizations();
+    }
+    //  API Methods
+    AddBranchOption(event) {
+        this.addBranchOption(event.value);
+        event.input.value = '';
+    }
+    BranchOptionSelected(event) {
+        this.addBranchOption(event.option.value);
+    }
+    BranchesChanged(branches) {
+        this.loadProjectHostingDetails();
+    }
+    BuildPathChanged(event) {
+    }
+    CreateRepository() {
+        this.CreatingRepository = true;
+        this.RepositoryFormControl.reset();
+    }
+    CancelCreateRepository() {
+        this.CreatingRepository = false;
+    }
+    DevOpsActionLookupChanged(event) {
+        this.configureDevOpsAction();
+    }
+    MainBranchChanged(event) {
+        this.emitBranchesChanged();
+    }
+    OrganizationChanged(event) {
+        const org = this.OrganizationFormControl;
+        this.RepositoryFormControl.reset();
+        if (this.UseBranches) {
+            this.BranchesFormControl.reset();
+            this.SelectedBranches = [];
+        }
+        this.listRepositories();
+    }
+    RefreshOrganizations() {
+        var _a, _b, _c;
+        // this.Loading = true;
+        this.listOrganizations();
+        (_a = this.OrganizationFormControl) === null || _a === void 0 ? void 0 : _a.reset();
+        (_b = this.RepositoryFormControl) === null || _b === void 0 ? void 0 : _b.reset();
+        if (this.UseBranches) {
+            (_c = this.BranchesFormControl) === null || _c === void 0 ? void 0 : _c.reset();
+        }
+    }
+    RemoveBranchOption(option) {
+        const index = this.SelectedBranches.indexOf(option);
+        if (index >= 0) {
+            this.SelectedBranches.splice(index, 1);
+        }
+        this.emitBranchesChanged();
+    }
+    RepositoryChanged(event) {
+        const repo = this.RepositoryFormControl;
+        if (this.UseBranches) {
+            this.BranchesFormControl.reset();
+            this.SelectedBranches = [];
+            this.listBranches();
+        }
+        if (!this.UseBranches) {
+            this.listBuildPaths();
+        }
+    }
+    SaveRepository() {
+        this.Loading = true;
+        const org = this.OrganizationFormControl.value;
+        const repoName = this.RepositoryFormControl.value;
+        this.appsFlowSvc
+            .CreateRepository(org, repoName)
+            .subscribe((response) => {
+            if (response.Status.Code === 0) {
+                this.listRepositories(repoName);
+                this.CreatingRepository = false;
+            }
+            else {
+                //  TODO:  Need to surface an error to the user...
+                this.Loading = false;
+            }
+        });
+    }
+    //  Helpers
+    addBranchOption(value) {
+        value = (value || '').trim();
+        if (value && this.SelectedBranches.indexOf(value) < 0) {
+            this.SelectedBranches.push(value);
+        }
+        this.BranchesInput.nativeElement.blur();
+        this.emitBranchesChanged();
+    }
+    configureDevOpsAction() {
+        setTimeout(() => {
+            this.DevOpsActionLookupFormControl.setValue(this.DevOpsActionLookup);
+        }, 0);
+    }
+    destroyFormControls() {
+        var _a, _b, _c, _d;
+        this.DevOpsSourceControlFormGroup.removeControl([this.SourceControlRoot, 'mainBranch'].join(''));
+        (_a = this.DevOpsSourceControlFormGroup) === null || _a === void 0 ? void 0 : _a.removeControl([this.SourceControlRoot, 'branches'].join(''));
+        (_b = this.DevOpsSourceControlFormGroup) === null || _b === void 0 ? void 0 : _b.removeControl([this.SourceControlRoot, 'buildPath'].join(''));
+        this.SelectedBranches = [];
+        (_c = this.DevOpsSourceControlFormGroup) === null || _c === void 0 ? void 0 : _c.removeControl([this.SourceControlRoot, 'organization'].join(''));
+        (_d = this.DevOpsSourceControlFormGroup) === null || _d === void 0 ? void 0 : _d.removeControl([this.SourceControlRoot, 'repository'].join(''));
+    }
+    emitBranchesChanged() {
+        var _a, _b;
+        if (((_a = this.SelectedBranches) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+            (!this.MainBranchFormControl.value ||
+                this.SelectedBranches.indexOf(this.MainBranchFormControl.value) < 0)) {
+            this.MainBranchFormControl.setValue(this.SelectedBranches.find((branch) => branch === 'main' || branch === 'master') || this.SelectedBranches[0]);
+        }
+        else if (((_b = this.SelectedBranches) === null || _b === void 0 ? void 0 : _b.length) <= 0) {
+            this.MainBranchFormControl.reset();
+        }
+        this.BranchesFormControl.setValue(this.SelectedBranches.join(','));
+        this.BranchesChanged(this.SelectedBranches || []);
+    }
+    listBranches() {
+        if (this.UseBranches) {
+            this.Loading = true;
+            this.appsFlowSvc
+                .ListBranches(this.OrganizationFormControl.value, this.RepositoryFormControl.value)
+                .subscribe((response) => {
+                var _a, _b, _c;
+                this.BranchOptions = response.Model;
+                this.Loading = false;
+                if (((_b = (_a = this.EditingSourceControl) === null || _a === void 0 ? void 0 : _a.Branches) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                    this.SelectedBranches = this.EditingSourceControl.Branches;
+                }
+                else if (((_c = this.BranchOptions) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+                    this.BranchesFormControl.setValue(this.BranchOptions[0].Name);
+                    this.SelectedBranches = [this.BranchOptions[0].Name];
+                }
+                this.emitBranchesChanged();
+                this.listBuildPaths();
+            });
+        }
+    }
+    listBuildPaths() {
+        if (this.UseBuildPath) {
+            this.Loading = true;
+            this.appsFlowSvc
+                .ListBuildPaths(this.OrganizationFormControl.value, this.RepositoryFormControl.value)
+                .subscribe((response) => {
+                var _a;
+                this.BuildPathOptions = response.Model;
+                this.Loading = false;
+                if (((_a = this.BuildPathOptions) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+                    this.BuildPathFormControl.setValue(this.BuildPathOptions[0]);
+                }
+            });
+        }
+    }
+    listOrganizations() {
+        this.Loading = true;
+        this.appsFlowSvc
+            .ListOrganizations()
+            .subscribe((response) => {
+            var _a;
+            this.OrganizationOptions = response.Model;
+            this.Loading = false;
+            if ((_a = this.EditingSourceControl) === null || _a === void 0 ? void 0 : _a.Organization) {
+                setTimeout(() => {
+                    var _a;
+                    this.OrganizationFormControl.setValue(this.EditingSourceControl.Organization);
+                    this.listRepositories((_a = this.EditingSourceControl) === null || _a === void 0 ? void 0 : _a.Repository);
+                }, 0);
+            }
+        });
+    }
+    listRepositories(activeRepo = null) {
+        this.Loading = true;
+        this.appsFlowSvc
+            .ListRepositories(this.OrganizationFormControl.value)
+            .subscribe((response) => {
+            var _a;
+            this.RepositoryOptions = response.Model;
+            this.Loading = false;
+            if (activeRepo) {
+                setTimeout(() => {
+                    this.RepositoryFormControl.setValue(activeRepo);
+                    this.listBranches();
+                    if (!this.UseBranches) {
+                        this.listBuildPaths();
+                    }
+                }, 0);
+            }
+            else if (((_a = this.RepositoryOptions) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
+                this.CreatingRepository = true;
+            }
+        });
+    }
+    loadProjectHostingDetails() {
+        var _a, _b, _c, _d;
+        if (((_a = this.SelectedBranches) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.HostingDetails.Loading = true;
+            this.appsFlowSvc
+                .LoadProjectHostingDetails((_b = this.OrganizationFormControl) === null || _b === void 0 ? void 0 : _b.value, (_c = this.RepositoryFormControl) === null || _c === void 0 ? void 0 : _c.value, (_d = this.MainBranchFormControl) === null || _d === void 0 ? void 0 : _d.value)
+                .subscribe((response) => {
+                this.HostingDetails = response.Model;
+                this.HostingDetails.Loading = false;
+                this.configureDevOpsAction();
+            }, (err) => {
+                this.HostingDetails.Loading = false;
+            });
+        }
+    }
+    setupFormControls() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.destroyFormControls();
+        this.DevOpsSourceControlFormGroup.addControl('devOpsActionLookup', new FormControl(this.DevOpsActionLookup || '', []));
+        this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'organization'].join(''), new FormControl((_a = this.EditingSourceControl.Organization) !== null && _a !== void 0 ? _a : '', Validators.required));
+        this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'repository'].join(''), new FormControl((_b = this.EditingSourceControl.Repository) !== null && _b !== void 0 ? _b : '', Validators.required));
+        if (this.UseBranches) {
+            this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'branches'].join(''), new FormControl((_d = (_c = this.EditingSourceControl) === null || _c === void 0 ? void 0 : _c.Branches) !== null && _d !== void 0 ? _d : '', Validators.required));
+            this.SelectedBranches = (_e = this.EditingSourceControl) === null || _e === void 0 ? void 0 : _e.Branches;
+            this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'mainBranch'].join(''), new FormControl((_f = this.EditingSourceControl.MainBranch) !== null && _f !== void 0 ? _f : '', Validators.required));
+        }
+        if (this.UseBuildPath) {
+            this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'buildPath'].join(''), new FormControl((_g = this.BuildPath) !== null && _g !== void 0 ? _g : '', Validators.required));
+        }
+    }
+}
+DevopsSourceControlFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-devops-source-control-form',
+                template: "<div class=\"form-card\" fxFlex=\"35%\" fxFlex.lt-md=\"100%\">\n    <mat-card class=\"spread\">\n      <mat-card-header>\n        <mat-card-title> Source Control </mat-card-title>\n\n        <div fxFlex></div>\n\n        <mat-icon\n          matSuffix\n          matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\"\n        >\n          info_outline\n        </mat-icon>\n      </mat-card-header>\n\n      <mat-card-content>\n        <div [formGroup]=\"DevOpsSourceControlFormGroup\">\n            <div class=\"card\">\n            <mat-form-field class=\"mat-full-width\">\n              <mat-select\n                formControlName=\"devOpsActionLookup\"\n                placeholder=\"DevOps Action\"\n                [disabled]=\"HostingDetails?.Loading\"\n                (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n              >\n                <ng-container\n                  *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n                >\n                  <mat-option\n                    [value]=\"devOpsActionLookup\"\n                    *ngIf=\"DevOpsActions[devOpsActionLookup]; let devOpsAction\"\n                  >\n                    {{ devOpsAction.Name }}\n                  </mat-option>\n                </ng-container>\n          \n                <mat-option value=\"\">-- Create New --</mat-option>\n              </mat-select>\n            </mat-form-field>\n            </div>\n            <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n              <mat-form-field\n                class=\"mat-full-width with-hint\"\n                *ngIf=\"OrganizationOptions?.length > 0\"\n              >\n                <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n          \n                <mat-select\n                  [formControlName]=\"SourceControlRoot + 'organization'\"\n                  placeholder=\"Organization\"\n                  (selectionChange)=\"OrganizationChanged($event)\"\n                  [disabled]=\"Loading || HostingDetails?.Loading\"\n                  required\n                >\n                  <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                    <mat-option [value]=\"orgOpt.Name\">\n                      {{ orgOpt.Name }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-icon matSuffix (click)=\"RefreshOrganizations()\" matTooltip=\"Refresh Organization\"> refresh </mat-icon>\n          \n                <a\n                  matSuffix\n                  href=\"/.oauth/github?oauth-force-edit=true\"\n                  target=\"_blank\"\n                  color=\"accent\"\n                >\n                  <mat-icon color=\"accent\" matTooltip=\"Re-authorize Organizations\"> launch </mat-icon>\n                </a>\n          \n                <mat-hint>\n                  If you don't have an organization or would like to create a new one,\n                  <a\n                    href=\"https://github.com/account/organizations/new\"\n                    target=\"_blank\"\n                  >\n                    start here\n                  </a>\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          \n            <div\n              class=\"card\"\n              *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n              \"\n            >\n              <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n          \n                <mat-select\n                  [formControlName]=\"SourceControlRoot + 'repository'\"\n                  [placeholder]=\"\n                    OrganizationFormControl?.valid\n                      ? 'Repository'\n                      : 'Repository (select organization first)'\n                  \"\n                  [disabled]=\"\n                    !OrganizationFormControl?.valid || Loading || HostingDetails?.Loading\n                  \"\n                  (selectionChange)=\"RepositoryChanged($event)\"\n                  *ngIf=\"!CreatingRepository\"\n                  required\n                >\n                  <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                      {{ repoOpt.Name }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <input\n                  matInput\n                  placeholder=\"Repository (creates new if does not exist)\"\n                  [formControlName]=\"SourceControlRoot + 'repository'\"\n                  *ngIf=\"CreatingRepository\"\n                  [fxHide]=\"Loading || HostingDetails?.Loading\"\n                  required\n                />\n          \n                <mat-icon\n                  matSuffix\n                  (click)=\"CreateRepository()\"\n                  [fxHide]=\"Loading || HostingDetails?.Loading\"\n                  *ngIf=\"!CreatingRepository && OrganizationFormControl?.valid\"\n                >\n                  add_circle\n                </mat-icon>\n          \n                <button mat-button type=\"button\" \n                  (click)=\"SaveRepository()\" \n                  *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\">\n          \n                  <mat-icon\n                    matSuffix\n                    color=\"primary\"\n                  >\n                    save\n                  </mat-icon>\n                </button>\n          \n                <button mat-button type=\"button\" \n                  (click)=\"CancelCreateRepository()\"\n                  *ngIf=\"CreatingRepository\">\n          \n                  <mat-icon\n                    matSuffix\n                    \n                  >\n                    cancel\n                  </mat-icon>\n                </button>\n              </mat-form-field>\n            </div>\n          \n            <div\n              class=\"card\"\n              *ngIf=\"\n                (BranchesFormControl?.valid ||\n                  (OrganizationFormControl?.valid &&\n                    RepositoryFormControl?.valid &&\n                    !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\n              \"\n            >\n              <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n          \n                <mat-label>Selected Branches</mat-label>\n          \n                <mat-autocomplete\n                  (optionSelected)=\"BranchOptionSelected($event)\"\n                  #branchOptions=\"matAutocomplete\"\n                >\n                  <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n                    <mat-option [value]=\"branchOpt.Name\">\n                      {{ branchOpt.Name }}\n                    </mat-option>\n                  </ng-container>\n                </mat-autocomplete>\n          \n                <mat-chip-list #selectedBranches>\n                  <mat-chip\n                    [removable]=\"true\"\n                    (removed)=\"RemoveBranchOption(selBranch)\"\n                    *ngFor=\"let selBranch of SelectedBranches\"\n                  >\n                    {{ selBranch }}\n                    <mat-icon matChipRemove>cancel</mat-icon>\n                  </mat-chip>\n          \n                  <input\n                    matInput\n                    placeholder=\"New Branch...\"\n                    [formControlName]=\"SourceControlRoot + 'branches'\"\n                    #branches\n                    [matAutocomplete]=\"branchOptions\"\n                    [matChipInputFor]=\"selectedBranches\"\n                    [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    required\n                  />\n                </mat-chip-list>\n              </mat-form-field>\n          \n              <mat-form-field\n                class=\"mat-full-width with-hint\"\n                [fxShow]=\"SelectedBranches?.length > 1\"\n              >\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n          \n                <mat-select\n                  [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n                  placeholder=\"Main Branch\"\n                  [disabled]=\"Loading || HostingDetails?.Loading\"\n                  (selectionChange)=\"MainBranchChanged($event)\"\n                  required\n                >\n                  <ng-container *ngFor=\"let branch of SelectedBranches\">\n                    <mat-option [value]=\"branch\">\n                      {{ branch }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-icon matSuffix (click)=\"RefreshOrganizations()\"> refresh </mat-icon>\n          \n                <a\n                  matSuffix\n                  mat-icon-button\n                  href=\"/.oauth/github?oauth-force-edit=true\"\n                  \n                  target=\"_blank\"\n                  color=\"accent\"\n                >\n                  <mat-icon\n                  matTooltip=\"Re-authorize Organizations\"\n                  color=\"accent\"> launch </mat-icon>\n                </a>\n          \n                <mat-hint>\n                  If you don't have an organization or would like to create a new one,\n                  <a\n                    href=\"https://github.com/account/organizations/new\"\n                    target=\"_blank\"\n                  >\n                    start here\n                  </a>\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          \n            <div\n              class=\"card\"\n              *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                  (OrganizationFormControl?.valid &&\n                    RepositoryFormControl?.valid &&\n                    !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\n              \"\n            >\n              <mat-form-field class=\"mat-full-width with-hint\">\n                <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n          \n                <mat-select\n                  [formControlName]=\"SourceControlRoot + 'buildPath'\"\n                  placeholder=\"Build Path\"\n                  [disabled]=\"Loading || BuildPathDisabled\"\n                  (selectionChange)=\"BuildPathChanged($event)\"\n                  required\n                >\n                  <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                    <mat-option [value]=\"buildPath\">\n                      {{ buildPath }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-hint>\n                  The build path identifies which build action to use for your\n                  configuration.\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          \n            <div *ngIf=\"Loading\">\n              <div class=\"spread\">\n                <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n          \n                <div class=\"margin-3\">\n                  <h4 class=\"mat-title\" *ngIf=\"!OrganizationFormControl?.valid\">\n                    Loading organizations\n                  </h4>\n          \n                  <h4\n                    class=\"mat-title\"\n                    *ngIf=\"\n                      OrganizationFormControl?.valid && !RepositoryFormControl?.valid\n                    \"\n                  >\n                    Loading repositories\n                  </h4>\n          \n                  <h4\n                    class=\"mat-title\"\n                    *ngIf=\"RepositoryFormControl?.valid && !BranchesFormControl?.valid\"\n                  >\n                    Loading branches\n                  </h4>\n          \n                  <h4\n                    class=\"mat-title\"\n                    *ngIf=\"\n                      (RepositoryFormControl?.valid || BranchesFormControl?.valid) &&\n                      !BuildPathFormControl?.valid\n                    \"\n                  >\n                    Loading build paths\n                  </h4>\n                </div>\n              </div>\n            </div>\n          </div>\n          \n      </mat-card-content>\n    </mat-card>\n  </div>\n",
+                styles: [""]
+            },] }
+];
+DevopsSourceControlFormComponent.ctorParameters = () => [
+    { type: FormBuilder },
+    { type: ApplicationsFlowService }
+];
+DevopsSourceControlFormComponent.propDecorators = {
+    BranchesInput: [{ type: ViewChild, args: ['branches',] }],
+    Environment: [{ type: Input, args: ['environment',] }]
+};
+
 class ApplicationsFlowModule {
     static forRoot() {
         return {
@@ -4163,7 +4601,7 @@ class ApplicationsFlowModule {
                 ProjectService,
                 NPMService,
                 FormsService,
-                ApplicationsFlowEventsService,
+                EaCService
             ],
         };
     }
@@ -4204,7 +4642,10 @@ ApplicationsFlowModule.decorators = [
                     TwoColumnHeaderComponent,
                     CardCarouselComponent,
                     SecurityToggleComponent,
-                    ProcessorDetailsFormComponent
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
                 imports: [
                     FathymSharedModule,
@@ -4251,7 +4692,10 @@ ApplicationsFlowModule.decorators = [
                     TwoColumnHeaderComponent,
                     CardCarouselComponent,
                     SecurityToggleComponent,
-                    ProcessorDetailsFormComponent
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
                 entryComponents: [
                     ApplicationsFlowProjectsElementComponent,
@@ -4285,7 +4729,10 @@ ApplicationsFlowModule.decorators = [
                     TwoColumnHeaderComponent,
                     CardCarouselComponent,
                     SecurityToggleComponent,
-                    ProcessorDetailsFormComponent
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
             },] }
 ];
@@ -4318,5 +4765,5 @@ class FormModel {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsModel, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, BaseFormConfigModel, CardFormConfigModel, CreateProjectWizardComponent, DevSettingsPresetModel, DomainModel, DynamicTabsModel, FormActionsModel, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HostingDetailsFormGroupComponent, NPMService, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectNameComponent, ProjectService, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SourceControlFormControlsComponent, ThreeColumnComponent, UnpackLowCodeUnitRequest, ApplicationsFlowEventsService as ɵa, DynamicTabsComponent as ɵb, ProcessorDetailsFormComponent as ɵba, HeaderComponent as ɵc, ProjectTabsComponent as ɵd, GeneralComponent as ɵe, DomainsComponent as ɵf, ProjectItemsComponent as ɵg, BuildsComponent as ɵh, RecentActivitiesComponent as ɵi, FormCardComponent as ɵj, BaseFormComponent as ɵk, BaseFormTestComponent as ɵl, AppsFlowComponent as ɵm, DevOpsComponent as ɵn, DFSModifiersComponent as ɵo, NpmPackageSelectComponent as ɵp, ColumnInfoCardComponent as ɵq, SlottedCardComponent as ɵr, ProjectInfoCardComponent as ɵs, AnalyticsCardComponent as ɵt, FeedCardSmComponent as ɵu, GhControlComponent as ɵv, MainFeedCardComponent as ɵw, TwoColumnHeaderComponent as ɵx, CardCarouselComponent as ɵy, SecurityToggleComponent as ɵz };
+export { ActionsModel, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, BaseFormConfigModel, CardFormConfigModel, CreateProjectWizardComponent, DevSettingsPresetModel, DomainModel, DynamicTabsModel, EaCService, FormActionsModel, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HostingDetailsFormGroupComponent, NPMService, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectNameComponent, ProjectService, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SaveApplicationAsCodeEventRequest, SaveDFSModifierEventRequest, SaveEnvironmentAsCodeEventRequest, SaveProjectAsCodeEventRequest, SourceControlFormControlsComponent, ThreeColumnComponent, UnpackLowCodeUnitRequest, DynamicTabsComponent as ɵa, HeaderComponent as ɵb, SourceControlFormComponent as ɵba, BuildPipelineFormComponent as ɵbb, DevopsSourceControlFormComponent as ɵbc, ProjectTabsComponent as ɵc, GeneralComponent as ɵd, DomainsComponent as ɵe, ProjectItemsComponent as ɵf, BuildsComponent as ɵg, RecentActivitiesComponent as ɵh, FormCardComponent as ɵi, BaseFormComponent as ɵj, BaseFormTestComponent as ɵk, AppsFlowComponent as ɵl, DevOpsComponent as ɵm, DFSModifiersComponent as ɵn, NpmPackageSelectComponent as ɵo, ColumnInfoCardComponent as ɵp, SlottedCardComponent as ɵq, ProjectInfoCardComponent as ɵr, AnalyticsCardComponent as ɵs, FeedCardSmComponent as ɵt, GhControlComponent as ɵu, MainFeedCardComponent as ɵv, TwoColumnHeaderComponent as ɵw, CardCarouselComponent as ɵx, SecurityToggleComponent as ɵy, ProcessorDetailsFormComponent as ɵz };
 //# sourceMappingURL=lowcodeunit-applications-flow-common.js.map