@lowcodeunit/applications-flow-common 1.33.95-lets-get-social-ish → 1.33.100-lets-get-social-ish

package/bundles/lowcodeunit-applications-flow-common.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common/http'), require('@lcu/common'), require('@angular/forms'), require('@angular/flex-layout'), require('@lowcodeunit/app-host-common'), require('@angular/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/layout'), require('@angular/material/tooltip'), require('@angular/material/slide-toggle')) :
-    typeof define === 'function' && define.amd ? define('@lowcodeunit/applications-flow-common', ['exports', '@angular/core', 'rxjs', '@angular/common/http', '@lcu/common', '@angular/forms', '@angular/flex-layout', '@lowcodeunit/app-host-common', '@angular/cdk/keycodes', 'rxjs/operators', '@angular/cdk/layout', '@angular/material/tooltip', '@angular/material/slide-toggle'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lowcodeunit = global.lowcodeunit || {}, global.lowcodeunit['applications-flow-common'] = {}), global.ng.core, global.rxjs, global.ng.common.http, global.i2, global.ng.forms, global.ng.flexLayout, global.appHostCommon, global.ng.cdk.keycodes, global.rxjs.operators, global.ng.cdk.layout, global.ng.material.tooltip, global.ng.material.slideToggle));
-}(this, (function (exports, i0, rxjs, i1, i2, forms, flexLayout, appHostCommon, keycodes, operators, layout, tooltip, slideToggle) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common/http'), require('@lcu/common'), require('@angular/forms'), require('@angular/flex-layout'), require('@lowcodeunit/app-host-common'), require('@angular/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/layout'), require('@angular/material/tooltip'), require('@angular/material/slide-toggle'), require('@angular/material/dialog')) :
+    typeof define === 'function' && define.amd ? define('@lowcodeunit/applications-flow-common', ['exports', '@angular/core', 'rxjs', '@angular/common/http', '@lcu/common', '@angular/forms', '@angular/flex-layout', '@lowcodeunit/app-host-common', '@angular/cdk/keycodes', 'rxjs/operators', '@angular/cdk/layout', '@angular/material/tooltip', '@angular/material/slide-toggle', '@angular/material/dialog'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lowcodeunit = global.lowcodeunit || {}, global.lowcodeunit['applications-flow-common'] = {}), global.ng.core, global.rxjs, global.ng.common.http, global.i2, global.ng.forms, global.ng.flexLayout, global.appHostCommon, global.ng.cdk.keycodes, global.rxjs.operators, global.ng.cdk.layout, global.ng.material.tooltip, global.ng.material.slideToggle, global.ng.material.dialog));
+}(this, (function (exports, i0, rxjs, i1, i2, forms, flexLayout, appHostCommon, keycodes, operators, layout, tooltip, slideToggle, dialog) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1069,100 +1069,6 @@
         { type: i0.Injector }
     ]; };
 
-    var SaveApplicationAsCodeEventRequest = /** @class */ (function () {
-        function SaveApplicationAsCodeEventRequest() {
-        }
-        return SaveApplicationAsCodeEventRequest;
-    }());
-    var SaveDFSModifierEventRequest = /** @class */ (function () {
-        function SaveDFSModifierEventRequest() {
-        }
-        return SaveDFSModifierEventRequest;
-    }());
-    var SaveEnvironmentAsCodeEventRequest = /** @class */ (function () {
-        function SaveEnvironmentAsCodeEventRequest() {
-        }
-        return SaveEnvironmentAsCodeEventRequest;
-    }());
-    var SaveProjectAsCodeEventRequest = /** @class */ (function () {
-        function SaveProjectAsCodeEventRequest() {
-        }
-        return SaveProjectAsCodeEventRequest;
-    }());
-    var ApplicationsFlowEventsService = /** @class */ (function () {
-        // Constructors
-        function ApplicationsFlowEventsService() {
-            this.DeleteApplicationEvent = new i0.EventEmitter();
-            this.DeleteDevOpsActionEvent = new i0.EventEmitter();
-            this.DeleteProjectEvent = new i0.EventEmitter();
-            this.DeleteSourceControlEvent = new i0.EventEmitter();
-            this.EnsureUserEnterpriseEvent = new i0.EventEmitter();
-            this.LoadEnterpriseAsCodeEvent = new i0.EventEmitter();
-            this.SaveApplicationAsCodeEvent = new i0.EventEmitter();
-            this.SaveDFSModifierEvent = new i0.EventEmitter();
-            this.SaveEnterpriseAsCodeEvent = new i0.EventEmitter();
-            this.SaveEnvironmentAsCodeEvent = new i0.EventEmitter();
-            this.SaveProjectAsCodeEvent = new i0.EventEmitter();
-            this.SetCreatingProjectEvent = new i0.EventEmitter();
-            this.SetEditProjectSettingsEvent = new i0.EventEmitter();
-            this.UnpackLowCodeUnitEvent = new i0.EventEmitter();
-        }
-        // API Methods
-        ApplicationsFlowEventsService.prototype.DeleteApplication = function (appLookup) {
-            this.DeleteApplicationEvent.emit(appLookup);
-        };
-        ApplicationsFlowEventsService.prototype.DeleteDevOpsAction = function (doaLookup) {
-            this.DeleteDevOpsActionEvent.emit(doaLookup);
-        };
-        ApplicationsFlowEventsService.prototype.DeleteProject = function (projectLookup) {
-            this.DeleteProjectEvent.emit(projectLookup);
-        };
-        ApplicationsFlowEventsService.prototype.DeleteSourceControl = function (scLookup) {
-            this.DeleteSourceControlEvent.emit(scLookup);
-        };
-        ApplicationsFlowEventsService.prototype.EnsureUserEnterprise = function () {
-            this.EnsureUserEnterpriseEvent.emit();
-        };
-        // public ListProjects(withLoading: boolean): void {
-        //   this.ListProjectsEvent.emit(withLoading);
-        // }
-        ApplicationsFlowEventsService.prototype.LoadEnterpriseAsCode = function () {
-            this.LoadEnterpriseAsCodeEvent.emit();
-        };
-        ApplicationsFlowEventsService.prototype.SaveApplicationAsCode = function (req) {
-            this.SaveApplicationAsCodeEvent.emit(req);
-        };
-        ApplicationsFlowEventsService.prototype.SaveDFSModifier = function (req) {
-            this.SaveDFSModifierEvent.emit(req);
-        };
-        ApplicationsFlowEventsService.prototype.SaveEnterpriseAsCode = function (eac) {
-            this.SaveEnterpriseAsCodeEvent.emit(eac);
-        };
-        ApplicationsFlowEventsService.prototype.SaveEnvironmentAsCode = function (req) {
-            this.SaveEnvironmentAsCodeEvent.emit(req);
-        };
-        ApplicationsFlowEventsService.prototype.SaveProjectAsCode = function (req) {
-            this.SaveProjectAsCodeEvent.emit(req);
-        };
-        ApplicationsFlowEventsService.prototype.SetCreatingProject = function (creatingProject) {
-            this.SetCreatingProjectEvent.emit(creatingProject);
-        };
-        ApplicationsFlowEventsService.prototype.SetEditProjectSettings = function (projectLookup) {
-            this.SetEditProjectSettingsEvent.emit(projectLookup);
-        };
-        ApplicationsFlowEventsService.prototype.UnpackLowCodeUnit = function (req) {
-            this.UnpackLowCodeUnitEvent.emit(req);
-        };
-        return ApplicationsFlowEventsService;
-    }());
-    ApplicationsFlowEventsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ApplicationsFlowEventsService_Factory() { return new ApplicationsFlowEventsService(); }, token: ApplicationsFlowEventsService, providedIn: "root" });
-    ApplicationsFlowEventsService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ApplicationsFlowEventsService.ctorParameters = function () { return []; };
-
     var ApplicationsFlowState = /** @class */ (function () {
         function ApplicationsFlowState() {
             this.GitHub = {};
@@ -1263,15 +1169,40 @@
     //   public Repository?: string;
     // }
 
+    var SaveApplicationAsCodeEventRequest = /** @class */ (function () {
+        function SaveApplicationAsCodeEventRequest() {
+        }
+        return SaveApplicationAsCodeEventRequest;
+    }());
+    var SaveDFSModifierEventRequest = /** @class */ (function () {
+        function SaveDFSModifierEventRequest() {
+        }
+        return SaveDFSModifierEventRequest;
+    }());
+    var SaveEnvironmentAsCodeEventRequest = /** @class */ (function () {
+        function SaveEnvironmentAsCodeEventRequest() {
+        }
+        return SaveEnvironmentAsCodeEventRequest;
+    }());
+    var SaveProjectAsCodeEventRequest = /** @class */ (function () {
+        function SaveProjectAsCodeEventRequest() {
+        }
+        return SaveProjectAsCodeEventRequest;
+    }());
     var EaCService = /** @class */ (function () {
         //  Constructors
-        function EaCService(appsFlowEventsSvc, projectService) {
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+        function EaCService(projectService) {
             this.projectService = projectService;
             this.State = new ApplicationsFlowState();
-            this.setServices();
         }
-        //  API Methods
+        Object.defineProperty(EaCService.prototype, "CreatingProject", {
+            //  API Methods
+            get: function () {
+                return this.projectService.CreatingProject;
+            },
+            enumerable: false,
+            configurable: true
+        });
         EaCService.prototype.DeleteApplication = function (appLookup, appName) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -1335,7 +1266,7 @@
         // this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(async () => {
         //   await this.projectService.EnsureUserEnterprise(this.State);
         // });
-        EaCService.prototype.EnsureUserEnterprise = function (appLookup, appName) {
+        EaCService.prototype.EnsureUserEnterprise = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -1347,6 +1278,49 @@
                 });
             });
         };
+        EaCService.prototype.GetActiveEnterprise = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.projectService.GetActiveEnterprise(this.State)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Object.defineProperty(EaCService.prototype, "EditingProjectLookup", {
+            get: function () {
+                return this.projectService.EditingProjectLookup;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        EaCService.prototype.HasValidConnection = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.projectService.HasValidConnection(this.State)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        EaCService.prototype.ListEnterprises = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.projectService.ListEnterprises(this.State)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         EaCService.prototype.LoadEnterpriseAsCode = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -1371,7 +1345,7 @@
                 });
             });
         };
-        EaCService.prototype.SaveDFSModifierEvent = function (req) {
+        EaCService.prototype.SaveDFSModifier = function (req) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -1419,6 +1393,14 @@
                 });
             });
         };
+        EaCService.prototype.SetActiveEnterprise = function (eventValue) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    this.projectService.SetActiveEnterprise(this.State, eventValue);
+                    return [2 /*return*/];
+                });
+            });
+        };
         EaCService.prototype.SetCreatingProject = function (creatingProject) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -1454,11 +1436,6 @@
                 });
             });
         };
-        EaCService.prototype.setServices = function () {
-            // this.appsFlowEventsSvc.ListProjectsEvent.subscribe((withLoading) => {
-            //   this.projectService.ListProjects(this.State, withLoading);
-            // });
-        };
         //  Helpers
         EaCService.prototype.handleSaveApplication = function (req) {
             var _a;
@@ -1566,7 +1543,7 @@
                             return [4 /*yield*/, this.projectService.SaveEnterpriseAsCode(this.State, saveEaC)];
                         case 1:
                             _b.sent();
-                            this.appsFlowEventsSvc.SetEditProjectSettings(projectLookup);
+                            this.SetEditProjectSettings(projectLookup);
                             return [2 /*return*/];
                     }
                 });
@@ -1574,14 +1551,13 @@
         };
         return EaCService;
     }());
-    EaCService.ɵprov = i0.ɵɵdefineInjectable({ factory: function EaCService_Factory() { return new EaCService(i0.ɵɵinject(ApplicationsFlowEventsService), i0.ɵɵinject(ProjectService)); }, token: EaCService, providedIn: "root" });
+    EaCService.ɵprov = i0.ɵɵdefineInjectable({ factory: function EaCService_Factory() { return new EaCService(i0.ɵɵinject(ProjectService)); }, token: EaCService, providedIn: "root" });
     EaCService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     EaCService.ctorParameters = function () { return [
-        { type: ApplicationsFlowEventsService },
         { type: ProjectService }
     ]; };
 
@@ -1601,11 +1577,10 @@
     var ApplicationsFlowProjectsElementComponent = /** @class */ (function (_super) {
         __extends(ApplicationsFlowProjectsElementComponent, _super);
         //  Constructors
-        function ApplicationsFlowProjectsElementComponent(injector, appsFlowSvc, projectService, eacSvc) {
+        function ApplicationsFlowProjectsElementComponent(injector, appsFlowSvc, eacSvc) {
             var _this = _super.call(this, injector) || this;
             _this.injector = injector;
             _this.appsFlowSvc = appsFlowSvc;
-            _this.projectService = projectService;
             _this.eacSvc = eacSvc;
             return _this;
         }
@@ -1630,7 +1605,7 @@
         });
         Object.defineProperty(ApplicationsFlowProjectsElementComponent.prototype, "CreatingProject", {
             get: function () {
-                return this.projectService.CreatingProject;
+                return this.eacSvc.CreatingProject;
             },
             enumerable: false,
             configurable: true
@@ -1645,7 +1620,7 @@
         });
         Object.defineProperty(ApplicationsFlowProjectsElementComponent.prototype, "EditingProjectLookup", {
             get: function () {
-                return this.projectService.EditingProjectLookup;
+                return this.eacSvc.EditingProjectLookup;
             },
             enumerable: false,
             configurable: true
@@ -1677,7 +1652,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_e) {
                     switch (_e.label) {
-                        case 0: return [4 /*yield*/, this.projectService.SetActiveEnterprise(this.State, event.value)];
+                        case 0: return [4 /*yield*/, this.eacSvc.SetActiveEnterprise(event.value)];
                         case 1:
                             _e.sent();
                             return [2 /*return*/];
@@ -1692,7 +1667,7 @@
                 .ConfigureDevOpsAction(devOpsActionLookup)
                 .subscribe(function (response) {
                 if (response.Status.Code === 0) {
-                    _this.projectService.LoadEnterpriseAsCode(_this.State);
+                    _this.eacSvc.LoadEnterpriseAsCode();
                 }
                 else {
                     _this.State.Loading = false;
@@ -1707,17 +1682,17 @@
                     switch (_e.label) {
                         case 0:
                             this.State.Loading = true;
-                            return [4 /*yield*/, this.projectService.HasValidConnection(this.State)];
+                            return [4 /*yield*/, this.eacSvc.HasValidConnection()];
                         case 1:
                             _e.sent();
-                            return [4 /*yield*/, this.projectService.EnsureUserEnterprise(this.State)];
+                            return [4 /*yield*/, this.eacSvc.EnsureUserEnterprise()];
                         case 2:
                             _e.sent();
-                            return [4 /*yield*/, this.projectService.ListEnterprises(this.State)];
+                            return [4 /*yield*/, this.eacSvc.ListEnterprises()];
                         case 3:
                             _e.sent();
                             if (!(((_a = this.State.Enterprises) === null || _a === void 0 ? void 0 : _a.length) > 0)) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this.projectService.GetActiveEnterprise(this.State)];
+                            return [4 /*yield*/, this.eacSvc.GetActiveEnterprise()];
                         case 4:
                             _e.sent();
                             _e.label = 5;
@@ -1738,7 +1713,6 @@
     ApplicationsFlowProjectsElementComponent.ctorParameters = function () { return [
         { type: i0.Injector },
         { type: ApplicationsFlowService },
-        { type: ProjectService },
         { type: EaCService }
     ]; };
 
@@ -1801,6 +1775,7 @@
         HostingDetailsFormGroupComponent.prototype.ngOnChanges = function () { };
         HostingDetailsFormGroupComponent.prototype.ngOnInit = function () {
             var _a, _b, _c;
+            console.log("made it to hosting details");
             this.BuildPipeline =
                 this.BuildPipeline || ((_a = this.Details) === null || _a === void 0 ? void 0 : _a.HostingOptions)
                     ? (_c = (_b = this.Details) === null || _b === void 0 ? void 0 : _b.HostingOptions[0]) === null || _c === void 0 ? void 0 : _c.Lookup : '';
@@ -1872,10 +1847,9 @@
 
     var SourceControlFormControlsComponent = /** @class */ (function () {
         //  Constructors
-        function SourceControlFormControlsComponent(formBuilder, appsFlowSvc, appsFlowEventsSvc) {
+        function SourceControlFormControlsComponent(formBuilder, appsFlowSvc) {
             this.formBuilder = formBuilder;
             this.appsFlowSvc = appsFlowSvc;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
             this.SeparatorKeysCodes = [keycodes.ENTER, keycodes.COMMA];
             this.BranchesChanged = new i0.EventEmitter();
             this.SelectedBranches = [];
@@ -2139,8 +2113,7 @@
     ];
     SourceControlFormControlsComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
-        { type: ApplicationsFlowService },
-        { type: ApplicationsFlowEventsService }
+        { type: ApplicationsFlowService }
     ]; };
     SourceControlFormControlsComponent.propDecorators = {
         BranchesChanged: [{ type: i0.Output, args: ['branches-changed',] }],
@@ -2159,10 +2132,10 @@
 
     var CreateProjectWizardComponent = /** @class */ (function () {
         //  Constructors
-        function CreateProjectWizardComponent(formBuilder, appsFlowSvc, appsFlowEventsSvc) {
+        function CreateProjectWizardComponent(formBuilder, appsFlowSvc, eacSvc) {
             this.formBuilder = formBuilder;
             this.appsFlowSvc = appsFlowSvc;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
             this.HostingDetails = new ProjectHostingDetails();
         }
         Object.defineProperty(CreateProjectWizardComponent.prototype, "AreProjectDetailsValid", {
@@ -2225,7 +2198,7 @@
         };
         //  API Methods
         CreateProjectWizardComponent.prototype.Cancel = function () {
-            this.appsFlowEventsSvc.SetCreatingProject(false);
+            this.eacSvc.SetCreatingProject(false);
         };
         CreateProjectWizardComponent.prototype.ConfigureRepository = function () {
             this.loadProjectHostingDetails();
@@ -2316,7 +2289,7 @@
     CreateProjectWizardComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: ApplicationsFlowService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     CreateProjectWizardComponent.propDecorators = {
         SourceControl: [{ type: i0.ViewChild, args: [SourceControlFormControlsComponent,] }],
@@ -2395,10 +2368,10 @@
 
     var HeaderComponent = /** @class */ (function () {
         //  Constructors
-        function HeaderComponent(formBuilder, lcuSettings, appsFlowEventsSvc) {
+        function HeaderComponent(formBuilder, lcuSettings, eacSvc) {
             this.formBuilder = formBuilder;
             this.lcuSettings = lcuSettings;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
         }
         Object.defineProperty(HeaderComponent.prototype, "HasProjects", {
             get: function () {
@@ -2449,13 +2422,13 @@
                     TrustedProviderLookups: ['ADB2C'],
                 },
             };
-            this.appsFlowEventsSvc.SaveProjectAsCode({
+            this.eacSvc.SaveProjectAsCode({
                 ProjectLookup: i2.Guid.CreateRaw(),
                 Project: proj,
             });
         };
         HeaderComponent.prototype.EnableCreatingProject = function () {
-            this.appsFlowEventsSvc.SetCreatingProject(true);
+            this.eacSvc.SetCreatingProject(true);
         };
         return HeaderComponent;
     }());
@@ -2469,7 +2442,7 @@
     HeaderComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: i2.LCUServiceSettings },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     HeaderComponent.propDecorators = {
         CreatingProject: [{ type: i0.Input, args: ['creating-project',] }],
@@ -2485,9 +2458,9 @@
     }());
 
     var DomainsComponent = /** @class */ (function () {
-        function DomainsComponent(formsService, appsFlowEventsSvc) {
+        function DomainsComponent(formsService, eacSvc) {
             this.formsService = formsService;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
         }
         Object.defineProperty(DomainsComponent.prototype, "Domain", {
             /**
@@ -2615,7 +2588,7 @@
          * Save changes
          */
         DomainsComponent.prototype.save = function () {
-            this.appsFlowEventsSvc.SaveProjectAsCode({
+            this.eacSvc.SaveProjectAsCode({
                 ProjectLookup: this.ProjectLookup,
                 Project: Object.assign(Object.assign({}, this.Project), {
                     // Hosts: [...this.Project.Hosts, this.Domain.value],
@@ -2638,7 +2611,7 @@
     ];
     DomainsComponent.ctorParameters = function () { return [
         { type: FormsService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     DomainsComponent.propDecorators = {
         Data: [{ type: i0.Input, args: ['data',] }]
@@ -3453,10 +3426,10 @@
 
     var DevOpsComponent = /** @class */ (function () {
         //  Constructors
-        function DevOpsComponent(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+        function DevOpsComponent(formBldr, appsFlowSvc, eacSvc) {
             this.formBldr = formBldr;
             this.appsFlowSvc = appsFlowSvc;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
             this.EditingSourceControlLookup = null;
             this.HostingDetails = new ProjectHostingDetails();
         }
@@ -3574,7 +3547,7 @@
         };
         DevOpsComponent.prototype.DeleteSourceControl = function (scLookup) {
             if (confirm("Are you sure you want to delete source control '" + scLookup + "'?")) {
-                this.appsFlowEventsSvc.DeleteSourceControl(scLookup);
+                this.eacSvc.DeleteSourceControl(scLookup);
             }
         };
         DevOpsComponent.prototype.DevOpsActionLookupChanged = function (event) {
@@ -3628,7 +3601,7 @@
             source = Object.assign(Object.assign({}, source), { Type: 'GitHub', Name: this.EditingSourceControlLookup, DevOpsActionTriggerLookups: [devOpsActionLookup], Organization: this.SourceControlFormControls.OrganizationFormControl.value, Repository: this.SourceControlFormControls.RepositoryFormControl.value });
             var scLookup = "github://" + source.Organization + "/" + source.Repository;
             saveEnvReq.Environment.Sources[scLookup] = source;
-            this.appsFlowEventsSvc.SaveEnvironmentAsCode(saveEnvReq);
+            this.eacSvc.SaveEnvironmentAsCode(saveEnvReq);
         };
         DevOpsComponent.prototype.SetEditingSourceControl = function (scLookup) {
             this.EditingSourceControlLookup = scLookup;
@@ -3684,7 +3657,7 @@
     DevOpsComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: ApplicationsFlowService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     DevOpsComponent.propDecorators = {
         Data: [{ type: i0.Input, args: ['data',] }],
@@ -3694,10 +3667,10 @@
 
     var DFSModifiersComponent = /** @class */ (function () {
         //  Constructors
-        function DFSModifiersComponent(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+        function DFSModifiersComponent(formBldr, appsFlowSvc, eacSvc) {
             this.formBldr = formBldr;
             this.appsFlowSvc = appsFlowSvc;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
             this.EditingModifierLookup = null;
         }
         Object.defineProperty(DFSModifiersComponent.prototype, "DetailsFormControl", {
@@ -3827,7 +3800,7 @@
         };
         DFSModifiersComponent.prototype.DeleteModifier = function (modifierLookup, modifierName) {
             if (confirm("Are you sure you want to delete modifier '" + modifierName + "'?")) {
-                this.appsFlowEventsSvc.DeleteSourceControl(modifierLookup);
+                this.eacSvc.DeleteSourceControl(modifierLookup);
             }
         };
         DFSModifiersComponent.prototype.SaveModifier = function (projectLookup) {
@@ -3851,7 +3824,7 @@
                     break;
             }
             saveMdfrReq.Modifier.Details = JSON.stringify(details);
-            this.appsFlowEventsSvc.SaveDFSModifier(saveMdfrReq);
+            this.eacSvc.SaveDFSModifier(saveMdfrReq);
         };
         DFSModifiersComponent.prototype.SetEditingModifier = function (modifierLookup) {
             this.EditingModifierLookup = modifierLookup;
@@ -3917,7 +3890,7 @@
     DFSModifiersComponent.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: ApplicationsFlowService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     DFSModifiersComponent.propDecorators = {
         Data: [{ type: i0.Input, args: ['data',] }]
@@ -4019,8 +3992,8 @@
 
     var ProjectItemsComponent = /** @class */ (function () {
         //  Constructors
-        function ProjectItemsComponent(appsFlowEventsSvc) {
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+        function ProjectItemsComponent(eacSvc) {
+            this.eacSvc = eacSvc;
         }
         Object.defineProperty(ProjectItemsComponent.prototype, "ProjectLookups", {
             //  Fields
@@ -4037,7 +4010,7 @@
         //  API Methods
         ProjectItemsComponent.prototype.DeleteProject = function (projectLookup, projectName) {
             if (confirm("Are you sure you want to delete project '" + projectName + "'?")) {
-                this.appsFlowEventsSvc.DeleteProject(projectLookup);
+                this.eacSvc.DeleteProject(projectLookup);
             }
         };
         ProjectItemsComponent.prototype.GetPrimaryHost = function (project) {
@@ -4050,7 +4023,7 @@
          * Event to edit project settings
          */
         ProjectItemsComponent.prototype.ProjectSettings = function (projectLookup) {
-            this.appsFlowEventsSvc.SetEditProjectSettings(projectLookup);
+            this.eacSvc.SetEditProjectSettings(projectLookup);
         };
         return ProjectItemsComponent;
     }());
@@ -4062,7 +4035,7 @@
                 },] }
     ];
     ProjectItemsComponent.ctorParameters = function () { return [
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     ProjectItemsComponent.propDecorators = {
         Projects: [{ type: i0.Input, args: ['projects',] }],
@@ -4070,8 +4043,7 @@
     };
 
     var BuildsComponent = /** @class */ (function () {
-        function BuildsComponent(appsFlowEventsSvc) {
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+        function BuildsComponent() {
         }
         BuildsComponent.prototype.ngOnInit = function () { };
         BuildsComponent.prototype.ngOnDestroy = function () {
@@ -4092,9 +4064,7 @@
                     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 = function () { return [
-        { type: ApplicationsFlowEventsService }
-    ]; };
+    BuildsComponent.ctorParameters = function () { return []; };
     BuildsComponent.propDecorators = {
         Projects: [{ type: i0.Input, args: ['projects',] }]
     };
@@ -4138,9 +4108,9 @@
     };
 
     var ProjectNameComponent = /** @class */ (function () {
-        function ProjectNameComponent(formsService, appsFlowEventsSvc) {
+        function ProjectNameComponent(formsService, eacSvc) {
             this.formsService = formsService;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
         }
         Object.defineProperty(ProjectNameComponent.prototype, "Description", {
             /**
@@ -4219,7 +4189,7 @@
          * Save form
          */
         ProjectNameComponent.prototype.save = function () {
-            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 }) }),
             });
@@ -4265,7 +4235,7 @@
     ];
     ProjectNameComponent.ctorParameters = function () { return [
         { type: FormsService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     ProjectNameComponent.propDecorators = {
         Project: [{ type: i0.Input, args: ['project',] }],
@@ -4273,9 +4243,9 @@
     };
 
     var RootDirectoryComponent = /** @class */ (function () {
-        function RootDirectoryComponent(formsService, appsFlowEventsSvc) {
+        function RootDirectoryComponent(formsService, eacSvc) {
             this.formsService = formsService;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eacSvc = eacSvc;
         }
         Object.defineProperty(RootDirectoryComponent.prototype, "Root", {
             /**
@@ -4349,7 +4319,7 @@
          * Save form
          */
         RootDirectoryComponent.prototype.save = function () {
-            this.appsFlowEventsSvc.SaveProjectAsCode({
+            this.eacSvc.SaveProjectAsCode({
                 ProjectLookup: this.ProjectLookup,
                 Project: Object.assign({}, this.Project),
             });
@@ -4384,7 +4354,7 @@
     ];
     RootDirectoryComponent.ctorParameters = function () { return [
         { type: FormsService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
     RootDirectoryComponent.propDecorators = {
         Project: [{ type: i0.Input, args: ['project',] }],
@@ -4392,9 +4362,9 @@
     };
 
     var BaseFormComponent = /** @class */ (function () {
-        function BaseFormComponent(formsService, appsFlowEventsSvc) {
+        function BaseFormComponent(formsService, eac) {
             this.formsService = formsService;
-            this.appsFlowEventsSvc = appsFlowEventsSvc;
+            this.eac = eac;
         }
         BaseFormComponent.prototype.ngOnInit = function () {
             this.setupForm();
@@ -4448,7 +4418,7 @@
     ];
     BaseFormComponent.ctorParameters = function () { return [
         { type: FormsService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
 
     var BaseFormConfigModel = /** @class */ (function () {
@@ -4460,10 +4430,10 @@
 
     var BaseFormTestComponent = /** @class */ (function (_super) {
         __extends(BaseFormTestComponent, _super);
-        function BaseFormTestComponent(formsService, appsFlowEventsSvc) {
-            var _this = _super.call(this, formsService, appsFlowEventsSvc) || this;
+        function BaseFormTestComponent(formsService, eacSvc) {
+            var _this = _super.call(this, formsService, eacSvc) || this;
             _this.formsService = formsService;
-            _this.appsFlowEventsSvc = appsFlowEventsSvc;
+            _this.eacSvc = eacSvc;
             return _this;
         }
         Object.defineProperty(BaseFormTestComponent.prototype, "Description", {
@@ -4546,7 +4516,7 @@
     ];
     BaseFormTestComponent.ctorParameters = function () { return [
         { type: FormsService },
-        { type: ApplicationsFlowEventsService }
+        { type: EaCService }
     ]; };
 
     var GitAuthComponent = /** @class */ (function () {
@@ -4777,6 +4747,7 @@
 
     var SlottedCardComponent = /** @class */ (function () {
         function SlottedCardComponent() {
+            this.MainActionClicked = new i0.EventEmitter;
         }
         SlottedCardComponent.prototype.ngOnInit = function () {
         };
@@ -4788,7 +4759,7 @@
     SlottedCardComponent.decorators = [
         { type: i0.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      <a mat-button class=\"slotted-card-action-btn\" [href]=\"ActionPath\">{{ ActionText }}</a>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
+                    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 *ngIf=\"ActionPath\" class=\"slotted-card-action-btn\" [href]=\"ActionPath\">{{ ActionText }}</a>\n      <a mat-button *ngIf=\"!ActionPath\" class=\"slotted-card-action-btn\" (click)=\"MainActionClickEvent()\">{{ 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%}"]
                 },] }
     ];
@@ -5428,7 +5399,7 @@
     ProcessorDetailsFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-processor-details-form',
-                    template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SubmitProcessorDetails()\">\n<mat-card class=\"spread flow-card\">\n    <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header>\n\n    <mat-card-content>\n      <mat-form-field class=\"mat-full-width\">\n        <mat-select\n          placeholder=\"Type\"\n          formControlName=\"procType\"\n          (selectionChange)=\"ProcessorTypeChanged($event)\"\n          required\n        >\n          <mat-option value=\"DFS\">View Package</mat-option>\n\n          <mat-option value=\"Redirect\">Redirect</mat-option>\n\n          <mat-option value=\"Proxy\">Proxy</mat-option>\n\n          <mat-option value=\"OAuth\">OAuth</mat-option>\n        </mat-select>\n      </mat-form-field>\n\n      <div [ngSwitch]=\"ProcessorType\">\n        <div *ngSwitchCase=\"'DFS'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Default File\"\n              formControlName=\"defaultFile\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"NPM\">NPM</mat-option>\n\n              <mat-option value=\"GitHub\">GitHub</mat-option>\n\n              <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'GitHub'\">\n              <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControls?.RepositoryFormControl?.valid\n                \"\n              >\n                <input\n                  matInput\n                  placeholder=\"Build\"\n                  formControlName=\"build\"\n                  required\n                />\n\n                <mat-hint>\n                  Current Build:\n                  {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n                </mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'NPM'\">\n              <lcu-npm-package-select\n                [npm-package]=\"EditingApplication?.LowCodeUnit?.Package\"\n                [npm-package-version]=\"\n                  EditingApplication?.LowCodeUnit?.Version\n                \"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n              ></lcu-npm-package-select>\n\n              <mat-hint>\n                Current Version:\n                {{ EditingApplication?.LowCodeUnit?.CurrentVersion }}\n              </mat-hint>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'OAuth'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Scopes (space separated)\"\n              formControlName=\"scopes\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Token Lookup\"\n              formControlName=\"tokenLookup\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'GitHubOAuth'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Client ID\"\n                  formControlName=\"clientId\"\n                  required\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Client Secret\"\n                  formControlName=\"clientSecret\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'Proxy'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Inbound Path\"\n              formControlName=\"inboundPath\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"API\">API</mat-option>\n\n              <mat-option value=\"SPA\">Single Page Application</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'API'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"API Root\"\n                  formControlName=\"apiRoot\"\n                  required\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Allowed Methods (separate with spaces)\"\n                  formControlName=\"methods\"\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Security ({header}~{value})\"\n                  formControlName=\"security\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'SPA'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"SPA Root\"\n                  formControlName=\"spaRoot\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'Redirect'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Redirect URL\"\n              formControlName=\"redirect\"\n              required\n            />\n          </mat-form-field>\n\n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"permanent\">\n              Is Permanent?\n            </mat-slide-toggle>\n\n            <mat-slide-toggle\n              class=\"spread\"\n              formControlName=\"preserveMethod\"\n            >\n              Preserve Method?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              (mouseenter)=\"DetermineTooltipText()\"\n              matTooltip={{redirectTooltip}}\n            >\n              info_outline\n            </mat-icon>\n\n            <!-- <mat-icon\n            *ngIf=\"!IsPermanent && !IsPreserve\"\n\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"302 \u2013 Not Permanent and Not Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            <!-- <mat-icon\n            *ngIf=\"!IsPermanent && IsPreserve\"\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"307 \u2013 Not Permanent and Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            <!-- <mat-icon\n            *ngIf=\"IsPermanent && IsPreserve\"\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"308 \u2013 Permanent and Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            \n\n            <!-- <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Values used to control the redirect type.  Permanent and Not Preserve = 301; Not Permanent and Not Preserve = 302; Permanent and Preserve = 308; Not Permanent and Not Preserve = 307;\"\n            >\n              info_outline\n            </mat-icon> -->\n          </div>\n        </div>\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n        <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n        <button mat-raised-button type=\"submit\" >Save Security Settings</button>\n    </mat-card-actions>\n</mat-card>\n</form>\n  \n",
+                    template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SubmitProcessorDetails()\">\n<mat-card class=\"spread flow-card\">\n    <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header>\n\n    <mat-card-content>\n      <mat-form-field class=\"mat-full-width\">\n        <mat-select\n          placeholder=\"Type\"\n          formControlName=\"procType\"\n          (selectionChange)=\"ProcessorTypeChanged($event)\"\n          required\n        >\n          <mat-option value=\"DFS\">View Package</mat-option>\n\n          <mat-option value=\"Redirect\">Redirect</mat-option>\n\n          <mat-option value=\"Proxy\">Proxy</mat-option>\n\n          <mat-option value=\"OAuth\">OAuth</mat-option>\n        </mat-select>\n      </mat-form-field>\n\n      <div [ngSwitch]=\"ProcessorType\">\n        <div *ngSwitchCase=\"'DFS'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Default File\"\n              formControlName=\"defaultFile\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"NPM\">NPM</mat-option>\n\n              <mat-option value=\"GitHub\">GitHub</mat-option>\n\n              <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'GitHub'\">\n              <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControls?.RepositoryFormControl?.valid\n                \"\n              >\n                <input\n                  matInput\n                  placeholder=\"Build\"\n                  formControlName=\"build\"\n                  required\n                />\n\n                <mat-hint>\n                  Current Build:\n                  {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n                </mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'NPM'\">\n              <lcu-npm-package-select\n                [npm-package]=\"EditingApplication?.LowCodeUnit?.Package\"\n                [npm-package-version]=\"\n                  EditingApplication?.LowCodeUnit?.Version\n                \"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n              ></lcu-npm-package-select>\n\n              <mat-hint>\n                Current Version:\n                {{ EditingApplication?.LowCodeUnit?.CurrentVersion }}\n              </mat-hint>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'OAuth'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Scopes (space separated)\"\n              formControlName=\"scopes\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Token Lookup\"\n              formControlName=\"tokenLookup\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'GitHubOAuth'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Client ID\"\n                  formControlName=\"clientId\"\n                  required\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Client Secret\"\n                  formControlName=\"clientSecret\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'Proxy'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Inbound Path\"\n              formControlName=\"inboundPath\"\n              required\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              placeholder=\"Type\"\n              formControlName=\"lcuType\"\n              (selectionChange)=\"LCUTypeChanged($event)\"\n              required\n            >\n              <mat-option value=\"API\">API</mat-option>\n\n              <mat-option value=\"SPA\">Single Page Application</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          <div [ngSwitch]=\"LCUType\">\n            <div *ngSwitchCase=\"'API'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"API Root\"\n                  formControlName=\"apiRoot\"\n                  required\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Allowed Methods (separate with spaces)\"\n                  formControlName=\"methods\"\n                />\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Security ({header}~{value})\"\n                  formControlName=\"security\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'SPA'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"SPA Root\"\n                  formControlName=\"spaRoot\"\n                  required\n                />\n              </mat-form-field>\n            </div>\n          </div>\n        </div>\n\n        <div *ngSwitchCase=\"'Redirect'\">\n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              placeholder=\"Redirect URL\"\n              formControlName=\"redirect\"\n              required\n            />\n          </mat-form-field>\n\n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"permanent\">\n              Is Permanent?\n            </mat-slide-toggle>\n\n            <mat-slide-toggle\n              class=\"spread\"\n              formControlName=\"preserveMethod\"\n            >\n              Preserve Method?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              (mouseenter)=\"DetermineTooltipText()\"\n              matTooltip={{redirectTooltip}}\n            >\n              info_outline\n            </mat-icon>\n\n            <!-- <mat-icon\n            *ngIf=\"!IsPermanent && !IsPreserve\"\n\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"302 \u2013 Not Permanent and Not Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            <!-- <mat-icon\n            *ngIf=\"!IsPermanent && IsPreserve\"\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"307 \u2013 Not Permanent and Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            <!-- <mat-icon\n            *ngIf=\"IsPermanent && IsPreserve\"\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"308 \u2013 Permanent and Preserve\"\n            >\n              info_outline\n            </mat-icon> -->\n\n            \n\n            <!-- <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Values used to control the redirect type.  Permanent and Not Preserve = 301; Not Permanent and Not Preserve = 302; Permanent and Preserve = 308; Not Permanent and Not Preserve = 307;\"\n            >\n              info_outline\n            </mat-icon> -->\n          </div>\n        </div>\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n        <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n        <button mat-raised-button type=\"submit\" >Save</button>\n    </mat-card-actions>\n</mat-card>\n</form>\n  \n",
                     styles: [""]
                 },] }
     ];
@@ -5513,36 +5484,701 @@
     };
 
     var BuildPipelineFormComponent = /** @class */ (function () {
-        function BuildPipelineFormComponent() {
+        function BuildPipelineFormComponent(formBuilder, appsFlowSvc) {
+            this.formBuilder = formBuilder;
+            this.appsFlowSvc = appsFlowSvc;
+            this.HostingDetails = new ProjectHostingDetails();
         }
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "Artifact", {
+            // @Input('main-branch')
+            // public MainBranch: string;
+            // @Input('organization')
+            // public Organization: string;
+            // @Input('repository')
+            // public Repository: string;
+            get: function () {
+                var _a, _b, _c;
+                console.log("ARTIFACT: ", (_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Artifacts[this.ArtifactLookup]);
+                return ((_b = this.Environment) === null || _b === void 0 ? void 0 : _b.Artifacts) && this.ArtifactLookup
+                    ? ((_c = this.Environment) === null || _c === void 0 ? void 0 : _c.Artifacts[this.ArtifactLookup]) || {}
+                    : {};
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "ArtifactLookup", {
+            get: function () {
+                var _a, _b;
+                var 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;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "BuildPipelineFormControl", {
+            get: function () {
+                var _a;
+                return (_a = this.BuildPipelineFormGroup) === null || _a === void 0 ? void 0 : _a.controls.buildPipeline;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "DevOpsAction", {
+            get: function () {
+                return this.Environment.DevOpsActions && this.DevOpsActionLookup
+                    ? this.Environment.DevOpsActions[this.DevOpsActionLookup] || {}
+                    : {};
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "DevOpsActions", {
+            get: function () {
+                return this.Environment.DevOpsActions || {};
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "EditingSourceControl", {
+            get: function () {
+                var _a, _b;
+                var 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;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "SelectedHostingOption", {
+            // (ho) => ho.Lookup === this.BuildPipeline
+            get: function () {
+                var _this = this;
+                var _a, _b;
+                return (_b = (_a = this.HostingDetails) === null || _a === void 0 ? void 0 : _a.HostingOptions) === null || _b === void 0 ? void 0 : _b.find(function (ho) { return ho.Lookup === _this.BuildPipeline; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "SourceControlLookups", {
+            get: function () {
+                return Object.keys(this.SourceControls || {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "SourceControls", {
+            get: function () {
+                return this.Environment.Sources || {};
+            },
+            enumerable: false,
+            configurable: true
+        });
         BuildPipelineFormComponent.prototype.ngOnInit = function () {
+            var _a, _b, _c;
+            this.BuildPipelineFormGroup = this.formBuilder.group({});
+            this.loadProjectHostingDetails();
+            console.log("ARTIFACT: ", this.Artifact);
+            // this.BuildPipeline ||
+            // github-artifacts-release is  this.HostingDetails?.HostingOptions[0]?.Lookup
+            this.BuildPipeline =
+                ((_a = this.HostingDetails) === null || _a === void 0 ? void 0 : _a.HostingOptions) ? (_c = (_b = this.HostingDetails) === null || _b === void 0 ? void 0 : _b.HostingOptions[0]) === null || _c === void 0 ? void 0 : _c.Lookup : '';
+            console.log("Build Pipeline HERE= ", this.BuildPipeline);
+            if (this.BuildPipelineFormGroup != null) {
+                this.BuildPipelineFormGroup.removeControl('hostingDetails');
+            }
+            this.BuildPipelineFormGroup.addControl('hostingDetails', this.formBuilder.group({
+                buildPipeline: [this.BuildPipeline, [forms.Validators.required]],
+            }));
+            this.setupControlsForForm();
+        };
+        //API METHODS
+        BuildPipelineFormComponent.prototype.BuildPipelineChanged = function () {
+            var _a, _b;
+            console.log("build pipeline value: ", (_a = this.BuildPipelineFormControl) === null || _a === void 0 ? void 0 : _a.value);
+            this.BuildPipeline = (_b = this.BuildPipelineFormControl) === null || _b === void 0 ? void 0 : _b.value;
+            this.setupControlsForForm();
+        };
+        //  Helpers
+        BuildPipelineFormComponent.prototype.setupControlsForForm = function () {
+            var _this = this;
+            //for (const ctrlName in this.BuildPipelineFormGroup.controls) {
+            //devOpsAction doesn't exist
+            //removes hosting details
+            // if (ctrlName !== 'buildPipeline' && ctrlName !== 'devOpsAction') {
+            //   console.log("removing control: ", ctrlName)
+            //   this.BuildPipelineFormGroup.removeControl(ctrlName);
+            // }
+            //}
+            var _a, _b, _c, _d, _e, _f;
+            this.BuildPipelineFormGroup.addControl('devOpsActionName', this.formBuilder.control(((_a = this.DevOpsAction) === null || _a === void 0 ? void 0 : _a.Name) || ((_b = this.SelectedHostingOption) === null || _b === void 0 ? void 0 : _b.Name) || '', [forms.Validators.required]));
+            (_d = (_c = this.SelectedHostingOption) === null || _c === void 0 ? void 0 : _c.Inputs) === null || _d === void 0 ? void 0 : _d.forEach(function (input) {
+                var validators = input.Required ? [forms.Validators.required] : [];
+                _this.BuildPipelineFormGroup.addControl(input.Lookup, _this.formBuilder.control(_this.Artifact[input.Lookup] || input.DefaultValue || '', validators));
+                // if (this.Disabled) {
+                //   this.FormGroup.controls[input.Lookup].disable();
+                // }
+            });
+            debugger;
+            if (((_e = this.BuildPipelineFormControl) === null || _e === void 0 ? void 0 : _e.value) === 'npm-release') {
+                debugger;
+                if (!this.BuildPipelineFormGroup.controls.npmToken) {
+                    this.BuildPipelineFormGroup.addControl('npmToken', this.formBuilder.control('', this.Disabled ? [] : [forms.Validators.required]));
+                    if (this.Disabled) {
+                        this.BuildPipelineFormGroup.controls.npmToken.disable();
+                    }
+                }
+            }
+            else if (((_f = this.BuildPipelineFormControl) === null || _f === void 0 ? void 0 : _f.value) === 'github-artifacts-release') {
+                if (this.BuildPipelineFormGroup.controls.npmToken) {
+                    this.BuildPipelineFormGroup.removeControl('npmToken');
+                }
+            }
+        };
+        BuildPipelineFormComponent.prototype.loadProjectHostingDetails = function () {
+            var _this = this;
+            // this.HostingDetails.Loading = true;
+            // this.Organization,
+            // this.Repository,
+            // this.MainBranch
+            // 'powhound4',
+            //     "RedwoodCrystals",
+            //     "master"
+            this.appsFlowSvc
+                .LoadProjectHostingDetails('powhound4', "RedwoodCrystals", "master")
+                .subscribe(function (response) {
+                _this.HostingDetails = response.Model;
+                console.log("response: ", response);
+                _this.HostingDetails.Loading = false;
+            }, function (err) {
+                _this.HostingDetails.Loading = false;
+                console.log("hosting details LOADING EERR: ", _this.HostingDetails);
+                console.log("ERR: ", err);
+            });
+            console.log("HOSTING DETAILS: ", this.HostingDetails);
         };
         return BuildPipelineFormComponent;
     }());
     BuildPipelineFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-build-pipeline-form',
-                    template: "<p>build-pipeline-form works!</p>\n",
+                    template: "<form class=\"form-card\" [formGroup]=\"BuildPipelineFormGroup\">\n    <!-- *ngIf=\"EditingSourceControl?.Branches?.length > 0\" -->\n    <mat-card\n      class=\"spread\"  \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\n        <div  *ngIf=\"!HostingDetails?.Loading\">\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              formControlName=\"buildPipeline\"\n              placeholder=\"Build Pipeline\"\n              [disabled]=\"Disabled\"\n              (selectionChange)=\"BuildPipelineChanged()\"\n              required\n            >\n              <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions; let i = index\"\n              >\n                <mat-option [value]=\"hostOption?.Lookup\">\n                  {{ hostOption.Name }}\n                </mat-option>\n              </ng-container>\n            </mat-select>\n        \n            <mat-hint>\n              <ng-container *ngFor=\"let hostOption of HostingDetails?.HostingOptions\">\n                <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                  {{ hostOption.Description }}\n                </span>\n              </ng-container>\n            </mat-hint>\n          </mat-form-field>\n        \n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              formControlName=\"devOpsActionName\"\n              placeholder=\"Name of DevOps Action\"\n              required=\"true\"\n            />\n          </mat-form-field>\n        \n          <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n              <input\n                matInput\n                [formControlName]=\"input.Lookup\"\n                [placeholder]=\"input.Placeholder\"\n                [required]=\"input.Required\"\n              />\n        \n              <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n          </ng-container>\n        \n          <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n              <mat-icon matPrefix>security</mat-icon>\n        \n              <input\n                id=\"npm-token\"\n                matInput\n                type=\"text\"\n                formControlName=\"npmToken\"\n                placeholder=\"NPM token\"\n                [required]=\"!Disabled\"\n                style=\"-webkit-text-security: disc;\"\n              />\n              <mat-hint>\n                Securely publish to NPM, provide an NPM Personal Access Token (PAT) with publish access to the organization used for your NPM packages.              \n                Learn how to create and view access tokens \n                <a\n                  href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                  target=\"_blank\"\n                >\n                  here.\n                </a>\n              </mat-hint>\n            </mat-form-field>\n          </div>\n        </div>\n        \n        <div *ngIf=\"HostingDetails?.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\">Loading hosting details</h4>\n            </div>\n          </div>\n        </div>\n        </ng-container>\n      </mat-card-content>\n    </mat-card>\n</form>\n",
                     styles: [""]
                 },] }
     ];
-    BuildPipelineFormComponent.ctorParameters = function () { return []; };
+    BuildPipelineFormComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: ApplicationsFlowService }
+    ]; };
+    BuildPipelineFormComponent.propDecorators = {
+        BuildPipeline: [{ type: i0.Input, args: ['build-pipeline',] }],
+        DevOpsActionLookup: [{ type: i0.Input, args: ['devops-action-lookup',] }],
+        Disabled: [{ type: i0.Input, args: ['disabled',] }],
+        Environment: [{ type: i0.Input, args: ['environment',] }]
+    };
 
     var DevopsSourceControlFormComponent = /** @class */ (function () {
-        function DevopsSourceControlFormComponent() {
+        //  Constructors
+        function DevopsSourceControlFormComponent(formBuilder, appsFlowSvc, eacSvc) {
+            this.formBuilder = formBuilder;
+            this.appsFlowSvc = appsFlowSvc;
+            this.eacSvc = eacSvc;
+            this.SeparatorKeysCodes = [keycodes.ENTER, keycodes.COMMA];
+            this.BuildPath = null;
+            // this.EditingSourceControlLookup = null;
+            this.HostingDetails = new ProjectHostingDetails();
+            this.SelectedBranches = [];
+            this.SourceControlRoot = '';
+            this.UseBranches = true;
+            this.UseBuildPath = false;
         }
-        DevopsSourceControlFormComponent.prototype.ngOnInit = function () {
-        };
-        return DevopsSourceControlFormComponent;
-    }());
-    DevopsSourceControlFormComponent.decorators = [
-        { type: i0.Component, args: [{
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "BranchesFormControl", {
+            //  Fields
+            //  Properties
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'branches');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "BuildPathFormControl", {
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'buildPath');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "DevOpsActionLookups", {
+            get: function () {
+                return Object.keys(this.DevOpsActions || {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "DevOpsActionLookup", {
+            get: function () {
+                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;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "DevOpsActionLookupFormControl", {
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get('devOpsActionLookup');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "DevOpsActions", {
+            get: function () {
+                return this.Environment.DevOpsActions || {};
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "EditingSourceControl", {
+            get: function () {
+                var _a, _b;
+                var 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;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "MainBranchFormControl", {
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'mainBranch');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "OrganizationFormControl", {
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'organization');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DevopsSourceControlFormComponent.prototype, "RepositoryFormControl", {
+            get: function () {
+                return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'repository');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        //  Life Cycle
+        DevopsSourceControlFormComponent.prototype.ngAfterViewInit = function () { };
+        DevopsSourceControlFormComponent.prototype.ngOnDestroy = function () {
+            this.destroyFormControls();
+        };
+        DevopsSourceControlFormComponent.prototype.ngOnInit = function () {
+            console.log("org: ", this.EditingSourceControl);
+            console.log("lookup: ", this.EditingSourceControlLookup);
+            if (this.EditingSourceControlLookup === null) {
+                this.CreateNewSourceControl();
+            }
+            console.log("org: ", this.EditingSourceControl);
+            if (this.EditingSourceControl != null) {
+                this.DevOpsSourceControlFormGroup = this.formBuilder.group({});
+                this.setupFormControls();
+            }
+            this.RefreshOrganizations();
+        };
+        //  API Methods
+        DevopsSourceControlFormComponent.prototype.AddBranchOption = function (event) {
+            this.addBranchOption(event.value);
+            event.input.value = '';
+        };
+        DevopsSourceControlFormComponent.prototype.BranchOptionSelected = function (event) {
+            this.addBranchOption(event.option.value);
+        };
+        DevopsSourceControlFormComponent.prototype.BranchesChanged = function (branches) {
+            this.loadProjectHostingDetails();
+        };
+        DevopsSourceControlFormComponent.prototype.BuildPathChanged = function (event) {
+        };
+        DevopsSourceControlFormComponent.prototype.CreateNewSourceControl = function () {
+            this.SetEditingSourceControl(i2.Guid.CreateRaw());
+        };
+        DevopsSourceControlFormComponent.prototype.CreateRepository = function () {
+            this.CreatingRepository = true;
+            this.RepositoryFormControl.reset();
+        };
+        DevopsSourceControlFormComponent.prototype.CancelCreateRepository = function () {
+            this.CreatingRepository = false;
+        };
+        DevopsSourceControlFormComponent.prototype.DevOpsActionLookupChanged = function (event) {
+            this.configureDevOpsAction();
+        };
+        DevopsSourceControlFormComponent.prototype.MainBranchChanged = function (event) {
+            this.emitBranchesChanged();
+        };
+        DevopsSourceControlFormComponent.prototype.OrganizationChanged = function (event) {
+            var org = this.OrganizationFormControl;
+            this.RepositoryFormControl.reset();
+            if (this.UseBranches) {
+                this.BranchesFormControl.reset();
+                this.SelectedBranches = [];
+            }
+            this.listRepositories();
+        };
+        DevopsSourceControlFormComponent.prototype.RefreshOrganizations = function () {
+            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();
+            }
+        };
+        DevopsSourceControlFormComponent.prototype.RemoveBranchOption = function (option) {
+            var index = this.SelectedBranches.indexOf(option);
+            if (index >= 0) {
+                this.SelectedBranches.splice(index, 1);
+            }
+            this.emitBranchesChanged();
+        };
+        DevopsSourceControlFormComponent.prototype.RepositoryChanged = function (event) {
+            var repo = this.RepositoryFormControl;
+            if (this.UseBranches) {
+                this.BranchesFormControl.reset();
+                this.SelectedBranches = [];
+                this.listBranches();
+            }
+            if (!this.UseBranches) {
+                this.listBuildPaths();
+            }
+        };
+        DevopsSourceControlFormComponent.prototype.SaveRepository = function () {
+            var _this = this;
+            this.Loading = true;
+            var org = this.OrganizationFormControl.value;
+            var repoName = this.RepositoryFormControl.value;
+            this.appsFlowSvc
+                .CreateRepository(org, repoName)
+                .subscribe(function (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;
+                }
+            });
+        };
+        DevopsSourceControlFormComponent.prototype.SetEditingSourceControl = function (scLookup) {
+            this.EditingSourceControlLookup = scLookup;
+        };
+        DevopsSourceControlFormComponent.prototype.SubmitSourceControl = function () {
+            console.log("source control submitted");
+        };
+        // public SaveSourceControl(): void {
+        //   const saveEnvReq: SaveEnvironmentAsCodeEventRequest = {
+        //     Environment: {
+        //       ...this.Environment,
+        //       Artifacts: this.Environment.Artifacts || {},
+        //       DevOpsActions: this.Environment.DevOpsActions || {},
+        //       Secrets: this.Environment.Secrets || {},
+        //       Sources: this.Environment.Sources || {},
+        //     },
+        //     EnvironmentLookup: this.EnvironmentLookup,
+        //     EnterpriseDataTokens: {},
+        //   };
+        //   let artifactLookup: string;
+        //   // let artifact: EaCArtifact = {
+        //   //   ...this.Artifact,
+        //   //   ...this.HostingDetailsFormControls
+        //   //     .SelectedHostingOptionInputControlValues,
+        //   // };
+        //   if (!this.ArtifactLookup) {
+        //     artifactLookup = Guid.CreateRaw();
+        //     artifact = {
+        //       ...artifact,
+        //       Type: this.HostingDetailsFormControls.SelectedHostingOption
+        //         .ArtifactType,
+        //       Name: this.HostingDetailsFormControls.SelectedHostingOption.Name,
+        //       NPMRegistry: 'https://registry.npmjs.org/',
+        //     };
+        //   } else {
+        //     artifactLookup = this.ArtifactLookup;
+        //   }
+        //   saveEnvReq.Environment.Artifacts[artifactLookup] = artifact;
+        //   let devOpsActionLookup: string;
+        //   if (!this.DevOpsActionLookup) {
+        //     devOpsActionLookup = Guid.CreateRaw();
+        //     // const doa: EaCDevOpsAction = {
+        //     //   ...this.DevOpsAction,
+        //     //   ArtifactLookups: [artifactLookup],
+        //     //   Name: this.HostingDetailsFormControls.DevOpsActionNameFormControl.value,
+        //     //   Path: this.HostingDetailsFormControls.SelectedHostingOption.Path,
+        //     //   Templates:
+        //     //     this.HostingDetailsFormControls.SelectedHostingOption.Templates,
+        //     // };
+        //     if (this.HostingDetailsFormControls.NPMTokenFormControl?.value) {
+        //       const secretLookup = 'npm-access-token';
+        //       doa.SecretLookups = [secretLookup];
+        //       saveEnvReq.Environment.Secrets[secretLookup] = {
+        //         Name: 'NPM Access Token',
+        //         DataTokenLookup: secretLookup,
+        //         KnownAs: 'NPM_TOKEN',
+        //       };
+        //       saveEnvReq.EnterpriseDataTokens[secretLookup] = {
+        //         Name: saveEnvReq.Environment.Secrets[secretLookup].Name,
+        //         Description: saveEnvReq.Environment.Secrets[secretLookup].Name,
+        //         Value: this.NPMTokenFormControl.value,
+        //       };
+        //     }
+        //     saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
+        //   } else {
+        //     devOpsActionLookup = this.DevOpsActionLookupFormControl.value;
+        //     const doa: EaCDevOpsAction = {
+        //       ...this.DevOpsAction,
+        //       Name: this.HostingDetailsFormControls.DevOpsActionNameFormControl.value,
+        //     };
+        //     saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
+        //   }
+        //   let source: EaCSourceControl = {
+        //     ...this.EditingSourceControl,
+        //     Branches: this.SelectedBranches,
+        //     MainBranch: this.MainBranchFormControl.value,
+        //   };
+        //   source = {
+        //     ...source,
+        //     Type: 'GitHub',
+        //     Name: this.EditingSourceControlLookup,
+        //     DevOpsActionTriggerLookups: [devOpsActionLookup],
+        //     Organization:
+        //       this.OrganizationFormControl.value,
+        //     Repository: this.RepositoryFormControl.value,
+        //   };
+        //   const scLookup = `github://${source.Organization}/${source.Repository}`;
+        //   saveEnvReq.Environment.Sources[scLookup] = source;
+        //   this.eacSvc.SaveEnvironmentAsCode(saveEnvReq);
+        // }
+        //  Helpers
+        DevopsSourceControlFormComponent.prototype.addBranchOption = function (value) {
+            value = (value || '').trim();
+            if (value && this.SelectedBranches.indexOf(value) < 0) {
+                this.SelectedBranches.push(value);
+            }
+            this.BranchesInput.nativeElement.blur();
+            this.emitBranchesChanged();
+        };
+        DevopsSourceControlFormComponent.prototype.configureDevOpsAction = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.DevOpsActionLookupFormControl.setValue(_this.DevOpsActionLookup);
+            }, 0);
+        };
+        DevopsSourceControlFormComponent.prototype.destroyFormControls = function () {
+            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(''));
+        };
+        DevopsSourceControlFormComponent.prototype.emitBranchesChanged = function () {
+            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(function (branch) { return 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 || []);
+        };
+        DevopsSourceControlFormComponent.prototype.listBranches = function () {
+            var _this = this;
+            if (this.UseBranches) {
+                this.Loading = true;
+                this.appsFlowSvc
+                    .ListBranches(this.OrganizationFormControl.value, this.RepositoryFormControl.value)
+                    .subscribe(function (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();
+                });
+            }
+        };
+        DevopsSourceControlFormComponent.prototype.listBuildPaths = function () {
+            var _this = this;
+            if (this.UseBuildPath) {
+                this.Loading = true;
+                this.appsFlowSvc
+                    .ListBuildPaths(this.OrganizationFormControl.value, this.RepositoryFormControl.value)
+                    .subscribe(function (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]);
+                    }
+                });
+            }
+        };
+        DevopsSourceControlFormComponent.prototype.listOrganizations = function () {
+            var _this = this;
+            this.Loading = true;
+            this.appsFlowSvc
+                .ListOrganizations()
+                .subscribe(function (response) {
+                var _a;
+                _this.OrganizationOptions = response.Model;
+                _this.Loading = false;
+                if ((_a = _this.EditingSourceControl) === null || _a === void 0 ? void 0 : _a.Organization) {
+                    setTimeout(function () {
+                        var _a;
+                        _this.OrganizationFormControl.setValue(_this.EditingSourceControl.Organization);
+                        _this.listRepositories((_a = _this.EditingSourceControl) === null || _a === void 0 ? void 0 : _a.Repository);
+                    }, 0);
+                }
+            });
+        };
+        DevopsSourceControlFormComponent.prototype.listRepositories = function (activeRepo) {
+            var _this = this;
+            if (activeRepo === void 0) { activeRepo = null; }
+            this.Loading = true;
+            this.appsFlowSvc
+                .ListRepositories(this.OrganizationFormControl.value)
+                .subscribe(function (response) {
+                var _a;
+                _this.RepositoryOptions = response.Model;
+                _this.Loading = false;
+                if (activeRepo) {
+                    setTimeout(function () {
+                        _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;
+                }
+            });
+        };
+        DevopsSourceControlFormComponent.prototype.loadProjectHostingDetails = function () {
+            var _this = this;
+            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(function (response) {
+                    _this.HostingDetails = response.Model;
+                    _this.HostingDetails.Loading = false;
+                    _this.configureDevOpsAction();
+                }, function (err) {
+                    _this.HostingDetails.Loading = false;
+                });
+            }
+        };
+        DevopsSourceControlFormComponent.prototype.setupFormControls = function () {
+            // this.destroyFormControls();
+            var _a, _b, _c, _d, _e, _f, _g;
+            this.DevOpsSourceControlFormGroup.addControl('devOpsActionLookup', new forms.FormControl(this.DevOpsActionLookup || '', []));
+            this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'organization'].join(''), new forms.FormControl((_a = this.EditingSourceControl.Organization) !== null && _a !== void 0 ? _a : '', forms.Validators.required));
+            this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'repository'].join(''), new forms.FormControl((_b = this.EditingSourceControl.Repository) !== null && _b !== void 0 ? _b : '', forms.Validators.required));
+            if (this.UseBranches) {
+                this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'branches'].join(''), new forms.FormControl((_d = (_c = this.EditingSourceControl) === null || _c === void 0 ? void 0 : _c.Branches) !== null && _d !== void 0 ? _d : '', forms.Validators.required));
+                this.SelectedBranches = (_e = this.EditingSourceControl) === null || _e === void 0 ? void 0 : _e.Branches;
+                this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'mainBranch'].join(''), new forms.FormControl((_f = this.EditingSourceControl.MainBranch) !== null && _f !== void 0 ? _f : '', forms.Validators.required));
+            }
+            if (this.UseBuildPath) {
+                this.DevOpsSourceControlFormGroup.addControl([this.SourceControlRoot, 'buildPath'].join(''), new forms.FormControl((_g = this.BuildPath) !== null && _g !== void 0 ? _g : '', forms.Validators.required));
+            }
+        };
+        return DevopsSourceControlFormComponent;
+    }());
+    DevopsSourceControlFormComponent.decorators = [
+        { type: i0.Component, args: [{
                     selector: 'lcu-devops-source-control-form',
-                    template: "<p>devops-source-control-form works!</p>\n",
+                    template: "<form class=\"form-card\" [formGroup]=\"DevOpsSourceControlFormGroup\" (ngSubmit)=\"SubmitSourceControl()\">\n\n  <mat-card class=\"spread\" class=\"sc-card\">\n    <mat-card-header>\n      <mat-card-title> Source Control </mat-card-title>\n\n      <div fxFlex></div>\n\n      <mat-icon matSuffix matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\">\n        info_outline\n      </mat-icon>\n    </mat-card-header>\n\n    <mat-card-content>\n      <div class=\"card\">\n        <mat-form-field class=\"mat-full-width\">\n          <mat-select formControlName=\"devOpsActionLookup\" placeholder=\"DevOps Action\"\n            [disabled]=\"HostingDetails?.Loading\" (selectionChange)=\"DevOpsActionLookupChanged($event)\">\n            <ng-container *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\">\n              <mat-option [value]=\"devOpsActionLookup\" *ngIf=\"DevOpsActions[devOpsActionLookup]; let devOpsAction\">\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 class=\"mat-full-width with-hint\" *ngIf=\"OrganizationOptions?.length > 0\">\n          <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n          <mat-select [formControlName]=\"SourceControlRoot + 'organization'\" placeholder=\"Organization\"\n            (selectionChange)=\"OrganizationChanged($event)\" [disabled]=\"Loading || HostingDetails?.Loading\" required>\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 matSuffix href=\"/.oauth/github?oauth-force-edit=true\" target=\"_blank\" color=\"accent\">\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 href=\"https://github.com/account/organizations/new\" target=\"_blank\">\n              start here\n            </a>\n          </mat-hint>\n        </mat-form-field>\n      </div>\n\n      <div class=\"card\" *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n              \">\n        <mat-form-field class=\"mat-full-width\">\n          <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n          <mat-select [formControlName]=\"SourceControlRoot + 'repository'\" [placeholder]=\"\n                    OrganizationFormControl?.valid\n                      ? 'Repository'\n                      : 'Repository (select organization first)'\n                  \" [disabled]=\"\n                    !OrganizationFormControl?.valid || Loading || HostingDetails?.Loading\n                  \" (selectionChange)=\"RepositoryChanged($event)\" *ngIf=\"!CreatingRepository\" required>\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 matInput placeholder=\"Repository (creates new if does not exist)\"\n            [formControlName]=\"SourceControlRoot + 'repository'\" *ngIf=\"CreatingRepository\"\n            [fxHide]=\"Loading || HostingDetails?.Loading\" required />\n\n          <mat-icon matSuffix (click)=\"CreateRepository()\" [fxHide]=\"Loading || HostingDetails?.Loading\"\n            *ngIf=\"!CreatingRepository && OrganizationFormControl?.valid\">\n            add_circle\n          </mat-icon>\n\n          <button mat-button type=\"button\" (click)=\"SaveRepository()\"\n            *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\">\n\n            <mat-icon matSuffix color=\"primary\">\n              save\n            </mat-icon>\n          </button>\n\n          <button mat-button type=\"button\" (click)=\"CancelCreateRepository()\" *ngIf=\"CreatingRepository\">\n\n            <mat-icon matSuffix>\n              cancel\n            </mat-icon>\n          </button>\n        </mat-form-field>\n      </div>\n\n      <div class=\"card\" *ngIf=\"\n                (BranchesFormControl?.valid ||\n                  (OrganizationFormControl?.valid &&\n                    RepositoryFormControl?.valid &&\n                    !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\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 (optionSelected)=\"BranchOptionSelected($event)\" #branchOptions=\"matAutocomplete\">\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 [removable]=\"true\" (removed)=\"RemoveBranchOption(selBranch)\"\n              *ngFor=\"let selBranch of SelectedBranches\">\n              {{ selBranch }}\n              <mat-icon matChipRemove>cancel</mat-icon>\n            </mat-chip>\n\n            <input matInput placeholder=\"New Branch...\" [formControlName]=\"SourceControlRoot + 'branches'\" #branches\n              [matAutocomplete]=\"branchOptions\" [matChipInputFor]=\"selectedBranches\"\n              [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\" [matChipInputAddOnBlur]=\"true\"\n              (matChipInputTokenEnd)=\"AddBranchOption($event)\" [disabled]=\"Loading || HostingDetails?.Loading\"\n              required />\n          </mat-chip-list>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width with-hint\" [fxShow]=\"SelectedBranches?.length > 1\">\n          <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n          <mat-select [formControlName]=\"SourceControlRoot + 'mainBranch'\" placeholder=\"Main Branch\"\n            [disabled]=\"Loading || HostingDetails?.Loading\" (selectionChange)=\"MainBranchChanged($event)\" required>\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 matSuffix mat-icon-button href=\"/.oauth/github?oauth-force-edit=true\" target=\"_blank\" color=\"accent\">\n            <mat-icon matTooltip=\"Re-authorize Organizations\" 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 href=\"https://github.com/account/organizations/new\" target=\"_blank\">\n              start here\n            </a>\n          </mat-hint>\n        </mat-form-field>\n      </div>\n\n      <div class=\"card\" *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                  (OrganizationFormControl?.valid &&\n                    RepositoryFormControl?.valid &&\n                    !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\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 [formControlName]=\"SourceControlRoot + 'buildPath'\" placeholder=\"Build Path\"\n            [disabled]=\"Loading || BuildPathDisabled\" (selectionChange)=\"BuildPathChanged($event)\" required>\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 class=\"mat-title\" *ngIf=\"\n                      OrganizationFormControl?.valid && !RepositoryFormControl?.valid\n                    \">\n              Loading repositories\n            </h4>\n\n            <h4 class=\"mat-title\" *ngIf=\"RepositoryFormControl?.valid && !BranchesFormControl?.valid\">\n              Loading branches\n            </h4>\n\n            <h4 class=\"mat-title\" *ngIf=\"\n                      (RepositoryFormControl?.valid || BranchesFormControl?.valid) &&\n                      !BuildPathFormControl?.valid\n                    \">\n              Loading build paths\n            </h4>\n          </div>\n        </div>\n      </div>\n      <!-- </div> -->\n\n    </mat-card-content>\n    <mat-card-actions fxLayoutAlign=\"center center\">\n      <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n      <button mat-raised-button type=\"submit\">Save</button>\n    </mat-card-actions>\n  </mat-card>\n</form>",
+                    styles: [".form-card,.sc-card{width:100%}"]
+                },] }
+    ];
+    DevopsSourceControlFormComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: ApplicationsFlowService },
+        { type: EaCService }
+    ]; };
+    DevopsSourceControlFormComponent.propDecorators = {
+        BranchesInput: [{ type: i0.ViewChild, args: ['branches',] }],
+        EditingSourceControlLookup: [{ type: i0.Input, args: ['editing-source-control-lookup',] }],
+        Environment: [{ type: i0.Input, args: ['environment',] }]
+    };
+
+    var SourceControlDialogComponent = /** @class */ (function () {
+        function SourceControlDialogComponent(dialogRef, data) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+        }
+        SourceControlDialogComponent.prototype.ngOnInit = function () {
+        };
+        return SourceControlDialogComponent;
+    }());
+    SourceControlDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lcu-source-control-dialog',
+                    template: "\n<div fxLayoutAlign=\"center center\">\n<lcu-devops-source-control-form\n        [environment]=\"data.environment\"\n        [editing-source-control-lookup]=\"data.scLookup\">\n</lcu-devops-source-control-form>\n</div>",
+                    styles: [""]
+                },] }
+    ];
+    SourceControlDialogComponent.ctorParameters = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
+    ]; };
+
+    var BuildPipelineDialogComponent = /** @class */ (function () {
+        function BuildPipelineDialogComponent(dialogRef, data) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+        }
+        BuildPipelineDialogComponent.prototype.ngOnInit = function () {
+        };
+        return BuildPipelineDialogComponent;
+    }());
+    BuildPipelineDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lcu-build-pipeline-dialog',
+                    template: "<lcu-build-pipeline-form\n[build-pipeline]=\"data.buildPipeline\"\n[devops-action-lookup]=\"data.devopsActionLookup\"\n[environment]=\"data.environment\"\n>\n\n</lcu-build-pipeline-form>\n",
                     styles: [""]
                 },] }
     ];
-    DevopsSourceControlFormComponent.ctorParameters = function () { return []; };
+    BuildPipelineDialogComponent.ctorParameters = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
+    ]; };
 
     var ApplicationsFlowModule = /** @class */ (function () {
         function ApplicationsFlowModule() {
@@ -5556,7 +6192,6 @@
                     ProjectService,
                     NPMService,
                     FormsService,
-                    ApplicationsFlowEventsService,
                     EaCService
                 ],
             };
@@ -5602,7 +6237,9 @@
                         ProcessorDetailsFormComponent,
                         SourceControlFormComponent,
                         BuildPipelineFormComponent,
-                        DevopsSourceControlFormComponent
+                        DevopsSourceControlFormComponent,
+                        SourceControlDialogComponent,
+                        BuildPipelineDialogComponent
                     ],
                     imports: [
                         i2.FathymSharedModule,
@@ -5652,7 +6289,9 @@
                         ProcessorDetailsFormComponent,
                         SourceControlFormComponent,
                         BuildPipelineFormComponent,
-                        DevopsSourceControlFormComponent
+                        DevopsSourceControlFormComponent,
+                        SourceControlDialogComponent,
+                        BuildPipelineDialogComponent
                     ],
                     entryComponents: [
                         ApplicationsFlowProjectsElementComponent,
@@ -5689,7 +6328,9 @@
                         ProcessorDetailsFormComponent,
                         SourceControlFormComponent,
                         BuildPipelineFormComponent,
-                        DevopsSourceControlFormComponent
+                        DevopsSourceControlFormComponent,
+                        SourceControlDialogComponent,
+                        BuildPipelineDialogComponent
                     ],
                 },] }
     ];
@@ -5771,39 +6412,44 @@
     exports.ProjectService = ProjectService;
     exports.RootDirectoryComponent = RootDirectoryComponent;
     exports.SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT;
+    exports.SaveApplicationAsCodeEventRequest = SaveApplicationAsCodeEventRequest;
+    exports.SaveDFSModifierEventRequest = SaveDFSModifierEventRequest;
+    exports.SaveEnvironmentAsCodeEventRequest = SaveEnvironmentAsCodeEventRequest;
+    exports.SaveProjectAsCodeEventRequest = SaveProjectAsCodeEventRequest;
     exports.SourceControlFormControlsComponent = SourceControlFormControlsComponent;
     exports.ThreeColumnComponent = ThreeColumnComponent;
     exports.UnpackLowCodeUnitRequest = UnpackLowCodeUnitRequest;
-    exports.ɵa = ApplicationsFlowEventsService;
-    exports.ɵb = DynamicTabsComponent;
-    exports.ɵba = ProcessorDetailsFormComponent;
-    exports.ɵbb = SourceControlFormComponent;
-    exports.ɵbc = BuildPipelineFormComponent;
-    exports.ɵbd = DevopsSourceControlFormComponent;
-    exports.ɵc = HeaderComponent;
-    exports.ɵd = ProjectTabsComponent;
-    exports.ɵe = GeneralComponent;
-    exports.ɵf = DomainsComponent;
-    exports.ɵg = ProjectItemsComponent;
-    exports.ɵh = BuildsComponent;
-    exports.ɵi = RecentActivitiesComponent;
-    exports.ɵj = FormCardComponent;
-    exports.ɵk = BaseFormComponent;
-    exports.ɵl = BaseFormTestComponent;
-    exports.ɵm = AppsFlowComponent;
-    exports.ɵn = DevOpsComponent;
-    exports.ɵo = DFSModifiersComponent;
-    exports.ɵp = NpmPackageSelectComponent;
-    exports.ɵq = ColumnInfoCardComponent;
-    exports.ɵr = SlottedCardComponent;
-    exports.ɵs = ProjectInfoCardComponent;
-    exports.ɵt = AnalyticsCardComponent;
-    exports.ɵu = FeedCardSmComponent;
-    exports.ɵv = GhControlComponent;
-    exports.ɵw = MainFeedCardComponent;
-    exports.ɵx = TwoColumnHeaderComponent;
-    exports.ɵy = CardCarouselComponent;
-    exports.ɵz = SecurityToggleComponent;
+    exports.ɵa = DynamicTabsComponent;
+    exports.ɵb = HeaderComponent;
+    exports.ɵba = SourceControlFormComponent;
+    exports.ɵbb = BuildPipelineFormComponent;
+    exports.ɵbc = DevopsSourceControlFormComponent;
+    exports.ɵbd = SourceControlDialogComponent;
+    exports.ɵbe = BuildPipelineDialogComponent;
+    exports.ɵc = ProjectTabsComponent;
+    exports.ɵd = GeneralComponent;
+    exports.ɵe = DomainsComponent;
+    exports.ɵf = ProjectItemsComponent;
+    exports.ɵg = BuildsComponent;
+    exports.ɵh = RecentActivitiesComponent;
+    exports.ɵi = FormCardComponent;
+    exports.ɵj = BaseFormComponent;
+    exports.ɵk = BaseFormTestComponent;
+    exports.ɵl = AppsFlowComponent;
+    exports.ɵm = DevOpsComponent;
+    exports.ɵn = DFSModifiersComponent;
+    exports.ɵo = NpmPackageSelectComponent;
+    exports.ɵp = ColumnInfoCardComponent;
+    exports.ɵq = SlottedCardComponent;
+    exports.ɵr = ProjectInfoCardComponent;
+    exports.ɵs = AnalyticsCardComponent;
+    exports.ɵt = FeedCardSmComponent;
+    exports.ɵu = GhControlComponent;
+    exports.ɵv = MainFeedCardComponent;
+    exports.ɵw = TwoColumnHeaderComponent;
+    exports.ɵx = CardCarouselComponent;
+    exports.ɵy = SecurityToggleComponent;
+    exports.ɵz = ProcessorDetailsFormComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });