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

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

@@ -9,6 +9,8 @@ import { AppHostModule } from '@lowcodeunit/app-host-common';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { map, debounceTime, switchMap } from 'rxjs/operators';
 import { BreakpointObserver } from '@angular/cdk/layout';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
 /**
  * Model for form values
@@ -625,78 +627,6 @@ ApplicationsFlowStateContext.ctorParameters = () => [
     { type: Injector }
 ];
 
-class ApplicationsFlowState {
-    constructor() {
-        this.GitHub = {};
-        this.HostingDetails = {};
-        this.Loading = true;
-        // this.Projects = [];
-    }
-}
-// export class ProjectState {
-//   public ActionsSet?: { [id: string]: DevOpsAction };
-//   public Applications?: ApplicationState[];
-//   public Description?: string;
-//   public Host?: string;
-//   public ID?: string;
-//   public Image?: string;
-//   public LCUs?: GitHubLowCodeUnit[];
-//   public Name?: string;
-//   public PreventInheritedApplications?: boolean;
-//   public Runs?: GitHubWorkflowRun[];
-// }
-// export class ApplicationState {
-//   public IsPrivate?: boolean;
-//   public Name?: string;
-//   public Organization?: string;
-//   public PathRegex?: string;
-//   public Priority?: number;
-//   public Repository?: string;
-//   public Version?: string;
-// }
-class GitHubSetupState {
-}
-class GitHubBranch {
-}
-// export class GitHubLowCodeUnit {
-//   public Branch?: string;
-//   public ID?: string;
-//   public Lookup?: string;
-//   public Organization?: string;
-//   public Repository?: string;
-// }
-class GitHubOrganization {
-}
-class GitHubRepository {
-}
-class GitHubWorkflowRun {
-}
-class UnpackLowCodeUnitRequest {
-}
-// export class DevOpsAction {
-//   public Details?: string;
-//   public ID?: string;
-//   public Name?: string;
-//   public Overwrite?: boolean;
-//   public Path?: string;
-//   public Template?: string;
-// }
-class ProjectHostingDetails {
-}
-class ProjectHostingOption {
-}
-class ProjectHostingOptionInput {
-}
-// export class EstablishProjectRequest {
-//   public Branch?: string;
-//   public BuildScript?: string;
-//   public HostingOption?: string;
-//   public Organization?: string;
-//   public OutputFolder?: string;
-//   public ProjectName?: string;
-//   public Repository?: string;
-// }
-
 class SaveApplicationAsCodeEventRequest {
 }
 class SaveDFSModifierEventRequest {
@@ -778,147 +708,237 @@ ApplicationsFlowEventsService.decorators = [
 ];
 ApplicationsFlowEventsService.ctorParameters = () => [];
 
-class ApplicationsFlowProjectsElementState {
+class ApplicationsFlowState {
+    constructor() {
+        this.GitHub = {};
+        this.HostingDetails = {};
+        this.Loading = true;
+        // this.Projects = [];
+    }
 }
-class ApplicationsFlowProjectsContext extends LCUElementContext {
+// export class ProjectState {
+//   public ActionsSet?: { [id: string]: DevOpsAction };
+//   public Applications?: ApplicationState[];
+//   public Description?: string;
+//   public Host?: string;
+//   public ID?: string;
+//   public Image?: string;
+//   public LCUs?: GitHubLowCodeUnit[];
+//   public Name?: string;
+//   public PreventInheritedApplications?: boolean;
+//   public Runs?: GitHubWorkflowRun[];
+// }
+// export class ApplicationState {
+//   public IsPrivate?: boolean;
+//   public Name?: string;
+//   public Organization?: string;
+//   public PathRegex?: string;
+//   public Priority?: number;
+//   public Repository?: string;
+//   public Version?: string;
+// }
+class GitHubSetupState {
 }
-const SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = 'applications-flow-projects-element';
-class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
+class GitHubBranch {
+}
+// export class GitHubLowCodeUnit {
+//   public Branch?: string;
+//   public ID?: string;
+//   public Lookup?: string;
+//   public Organization?: string;
+//   public Repository?: string;
+// }
+class GitHubOrganization {
+}
+class GitHubRepository {
+}
+class GitHubWorkflowRun {
+}
+class UnpackLowCodeUnitRequest {
+}
+// export class DevOpsAction {
+//   public Details?: string;
+//   public ID?: string;
+//   public Name?: string;
+//   public Overwrite?: boolean;
+//   public Path?: string;
+//   public Template?: string;
+// }
+class ProjectHostingDetails {
+}
+class ProjectHostingOption {
+}
+class ProjectHostingOptionInput {
+}
+// export class EstablishProjectRequest {
+//   public Branch?: string;
+//   public BuildScript?: string;
+//   public HostingOption?: string;
+//   public Organization?: string;
+//   public OutputFolder?: string;
+//   public ProjectName?: string;
+//   public Repository?: string;
+// }
+
+class EaCService {
     //  Constructors
-    constructor(injector, appsFlowSvc, projectService, appsFlowEventsSvc) {
-        super(injector);
-        this.injector = injector;
-        this.appsFlowSvc = appsFlowSvc;
-        this.projectService = projectService;
+    constructor(appsFlowEventsSvc, projectService) {
         this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.projectService = projectService;
         this.State = new ApplicationsFlowState();
         this.setServices();
     }
-    //  Properties
-    get ActiveEnvironment() {
-        var _a, _b;
-        return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments[this.ActiveEnvironmentLookup];
-    }
-    get ActiveEnvironmentLookup() {
-        var _a, _b;
-        //  TODO:  Eventually support multiple environments
-        const envLookups = Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments) || {});
-        return envLookups[0];
-    }
-    get CreatingProject() {
-        return this.projectService.CreatingProject;
-    }
-    get EditingProject() {
-        var _a, _b, _c, _d;
-        return ((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) ? (_d = (_c = this.State) === null || _c === void 0 ? void 0 : _c.EaC) === null || _d === void 0 ? void 0 : _d.Projects[this.EditingProjectLookup] : null;
-    }
-    get EditingProjectLookup() {
-        return this.projectService.EditingProjectLookup;
-    }
-    get ProjectLookups() {
-        var _a, _b;
-        return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) || {});
-    }
-    //  Life Cycle
-    ngOnDestroy() { }
-    ngOnInit() {
-        super.ngOnInit();
-        this.handleStateChange().then((eac) => { });
-        // this.setupProjectMonitor();
-    }
     //  API Methods
-    ActiveEnterpriseChanged(event) {
+    DeleteApplication(appLookup, appName) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SetActiveEnterprise(this.State, event.value);
-        });
-    }
-    ConfigureDevOpsAction(devOpsActionLookup) {
-        this.State.Loading = true;
-        this.appsFlowSvc
-            .ConfigureDevOpsAction(devOpsActionLookup)
-            .subscribe((response) => {
-            if (response.Status.Code === 0) {
-                this.projectService.LoadEnterpriseAsCode(this.State);
-            }
-            else {
-                this.State.Loading = false;
+            if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
+                yield this.projectService.DeleteApplication(this.State, appLookup);
             }
         });
     }
-    //  Helpers
-    handleStateChange() {
-        var _a;
+    DeleteDevOpsAction(doaLookup) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.State.Loading = true;
-            yield this.projectService.HasValidConnection(this.State);
-            yield this.projectService.EnsureUserEnterprise(this.State);
-            yield this.projectService.ListEnterprises(this.State);
-            if (((_a = this.State.Enterprises) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                yield this.projectService.GetActiveEnterprise(this.State);
+            if (confirm(`Are you sure you want to delete DevOps action '${doaLookup}'?`)) {
+                yield this.projectService.DeleteDevOpsAction(this.State, doaLookup);
             }
         });
     }
-    handleSaveApplication(req) {
-        var _a;
+    DeleteProject(projectLookup) {
         return __awaiter(this, void 0, void 0, function* () {
-            const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
-                Applications: {},
-                Projects: {},
-            };
-            const existingProj = Object.assign({}, this.State.EaC.Projects[req.ProjectLookup]);
-            if (((_a = existingProj.ApplicationLookups) === null || _a === void 0 ? void 0 : _a.indexOf(req.ApplicationLookup)) < 0) {
-                if (!existingProj.ApplicationLookups) {
-                    existingProj.ApplicationLookups = [];
-                }
-                existingProj.ApplicationLookups.push(req.ApplicationLookup);
-                saveEaC.Projects[req.ProjectLookup] = existingProj;
-            }
-            if (req.Application) {
-                saveEaC.Applications[req.ApplicationLookup] = req.Application;
+            if (confirm(`Are you sure you want to delete Project '${projectLookup}'?`)) {
+                yield this.projectService.DeleteProject(this.State, projectLookup);
             }
-            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
         });
     }
-    handleSaveDFSModifier(req) {
+    DeleteSourceControl(scLookup) {
         return __awaiter(this, void 0, void 0, function* () {
-            const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
-                Modifiers: {},
-                Projects: {},
-            };
-            if (req.Modifier) {
-                saveEaC.Modifiers[req.ModifierLookup] = req.Modifier;
-            }
-            if (req.ProjectLookup) {
-                saveEaC.Projects[req.ProjectLookup] = {
-                    ModifierLookups: [req.ModifierLookup],
-                };
+            if (confirm(`Are you sure you want to delete Source Control '${scLookup}'?`)) {
+                yield this.projectService.DeleteSourceControl(this.State, scLookup);
             }
-            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
         });
     }
-    handleSaveEnvironment(req) {
+    // this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(async () => {
+    //   await this.projectService.EnsureUserEnterprise(this.State);
+    // });
+    EnsureUserEnterprise(appLookup, appName) {
         return __awaiter(this, void 0, void 0, function* () {
-            const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
-                DataTokens: {},
-                Environments: {},
-            };
-            if (req.Environment) {
-                saveEaC.Environments[req.EnvironmentLookup] = req.Environment;
-            }
-            if (req.EnterpriseDataTokens) {
-                saveEaC.DataTokens = req.EnterpriseDataTokens;
-            }
-            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+            yield this.projectService.EnsureUserEnterprise(this.State);
+        });
+    }
+    LoadEnterpriseAsCode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.LoadEnterpriseAsCode(this.State);
+        });
+    }
+    SaveApplicationAsCode(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveApplication(req);
+        });
+    }
+    SaveDFSModifierEvent(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveDFSModifier(req);
+        });
+    }
+    SaveEnterpriseAsCode(eac) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.SaveEnterpriseAsCode(this.State, eac);
+        });
+    }
+    SaveEnvironmentAsCode(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveEnvironment(req);
+        });
+    }
+    SaveProjectAsCode(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handleSaveProject(req.ProjectLookup, req.Project);
+        });
+    }
+    SetCreatingProject(creatingProject) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.projectService.SetCreatingProject(creatingProject);
+        });
+    }
+    SetEditProjectSettings(projectLookup) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.SetEditProjectSettings(this.State, projectLookup);
+        });
+    }
+    UnpackLowCodeUnit(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
+                yield this.projectService.UnpackLowCodeUnit(this.State, req);
+            }
+        });
+    }
+    setServices() {
+        // this.appsFlowEventsSvc.ListProjectsEvent.subscribe((withLoading) => {
+        //   this.projectService.ListProjects(this.State, withLoading);
+        // });
+    }
+    //  Helpers
+    handleSaveApplication(req) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const saveEaC = {
+                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                Applications: {},
+                Projects: {},
+            };
+            const existingProj = Object.assign({}, this.State.EaC.Projects[req.ProjectLookup]);
+            if (((_a = existingProj.ApplicationLookups) === null || _a === void 0 ? void 0 : _a.indexOf(req.ApplicationLookup)) < 0) {
+                if (!existingProj.ApplicationLookups) {
+                    existingProj.ApplicationLookups = [];
+                }
+                existingProj.ApplicationLookups.push(req.ApplicationLookup);
+                saveEaC.Projects[req.ProjectLookup] = existingProj;
+            }
+            if (req.Application) {
+                saveEaC.Applications[req.ApplicationLookup] = req.Application;
+            }
+            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        });
+    }
+    handleSaveDFSModifier(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const saveEaC = {
+                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                Modifiers: {},
+                Projects: {},
+            };
+            if (req.Modifier) {
+                saveEaC.Modifiers[req.ModifierLookup] = req.Modifier;
+            }
+            if (req.ProjectLookup) {
+                saveEaC.Projects[req.ProjectLookup] = {
+                    ModifierLookups: [req.ModifierLookup],
+                };
+            }
+            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        });
+    }
+    handleSaveEnvironment(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const saveEaC = {
+                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                DataTokens: {},
+                Environments: {},
+            };
+            if (req.Environment) {
+                saveEaC.Environments[req.EnvironmentLookup] = req.Environment;
+            }
+            if (req.EnterpriseDataTokens) {
+                saveEaC.DataTokens = req.EnterpriseDataTokens;
+            }
+            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
         });
     }
     handleSaveProject(projectLookup, project) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const projHosts = {};
-            (_a = project === null || project === void 0 ? void 0 : project.Hosts) === null || _a === void 0 ? void 0 : _a.forEach(host => {
+            (_a = project === null || project === void 0 ? void 0 : project.Hosts) === null || _a === void 0 ? void 0 : _a.forEach((host) => {
                 projHosts[host] = this.State.EaC.Hosts[host];
             });
             const saveEaC = {
@@ -933,54 +953,98 @@ class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
             this.appsFlowEventsSvc.SetEditProjectSettings(projectLookup);
         });
     }
-    setServices() {
-        this.appsFlowEventsSvc.DeleteApplicationEvent.subscribe((appLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteApplication(this.State, appLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteDevOpsActionEvent.subscribe((doaLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteDevOpsAction(this.State, doaLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteProjectEvent.subscribe((projectLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteProject(this.State, projectLookup);
-        }));
-        this.appsFlowEventsSvc.DeleteSourceControlEvent.subscribe((scLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.DeleteSourceControl(this.State, scLookup);
-        }));
-        this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.EnsureUserEnterprise(this.State);
-        }));
-        // this.appsFlowEventsSvc.ListProjectsEvent.subscribe((withLoading) => {
-        //   this.projectService.ListProjects(this.State, withLoading);
-        // });
-        this.appsFlowEventsSvc.LoadEnterpriseAsCodeEvent.subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.LoadEnterpriseAsCode(this.State);
-        }));
-        this.appsFlowEventsSvc.SaveEnterpriseAsCodeEvent.subscribe((eac) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SaveEnterpriseAsCode(this.State, eac);
-        }));
-        this.appsFlowEventsSvc.SaveApplicationAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveApplication(req);
-        }));
-        this.appsFlowEventsSvc.SaveDFSModifierEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveDFSModifier(req);
-        }));
-        this.appsFlowEventsSvc.SaveEnvironmentAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveEnvironment(req);
-        }));
-        this.appsFlowEventsSvc.SaveProjectAsCodeEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            yield this.handleSaveProject(req.ProjectLookup, req.Project);
-        }));
-        this.appsFlowEventsSvc.SetCreatingProjectEvent.subscribe((creatingProject) => {
-            this.projectService.SetCreatingProject(creatingProject);
+}
+EaCService.ɵprov = ɵɵdefineInjectable({ factory: function EaCService_Factory() { return new EaCService(ɵɵinject(ApplicationsFlowEventsService), ɵɵinject(ProjectService)); }, token: EaCService, providedIn: "root" });
+EaCService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+EaCService.ctorParameters = () => [
+    { type: ApplicationsFlowEventsService },
+    { type: ProjectService }
+];
+
+class ApplicationsFlowProjectsElementState {
+}
+class ApplicationsFlowProjectsContext extends LCUElementContext {
+}
+const SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = 'applications-flow-projects-element';
+class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
+    //  Constructors
+    constructor(injector, appsFlowSvc, projectService, eacSvc) {
+        super(injector);
+        this.injector = injector;
+        this.appsFlowSvc = appsFlowSvc;
+        this.projectService = projectService;
+        this.eacSvc = eacSvc;
+    }
+    //  Properties
+    get ActiveEnvironment() {
+        var _a, _b;
+        return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments[this.ActiveEnvironmentLookup];
+    }
+    get ActiveEnvironmentLookup() {
+        var _a, _b;
+        //  TODO:  Eventually support multiple environments
+        const envLookups = Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Environments) || {});
+        return envLookups[0];
+    }
+    get CreatingProject() {
+        return this.projectService.CreatingProject;
+    }
+    get EditingProject() {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) ? (_d = (_c = this.State) === null || _c === void 0 ? void 0 : _c.EaC) === null || _d === void 0 ? void 0 : _d.Projects[this.EditingProjectLookup] : null;
+    }
+    get EditingProjectLookup() {
+        return this.projectService.EditingProjectLookup;
+    }
+    get ProjectLookups() {
+        var _a, _b;
+        return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) || {});
+    }
+    get State() {
+        return this.eacSvc.State;
+    }
+    //  Life Cycle
+    ngOnDestroy() { }
+    ngOnInit() {
+        super.ngOnInit();
+        this.handleStateChange().then((eac) => { });
+        // this.setupProjectMonitor();
+    }
+    //  API Methods
+    ActiveEnterpriseChanged(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.projectService.SetActiveEnterprise(this.State, event.value);
         });
-        this.appsFlowEventsSvc.SetEditProjectSettingsEvent.subscribe((projectLookup) => __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SetEditProjectSettings(this.State, projectLookup);
-        }));
-        this.appsFlowEventsSvc.UnpackLowCodeUnitEvent.subscribe((req) => __awaiter(this, void 0, void 0, function* () {
-            if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
-                yield this.projectService.UnpackLowCodeUnit(this.State, req);
+    }
+    ConfigureDevOpsAction(devOpsActionLookup) {
+        this.State.Loading = true;
+        this.appsFlowSvc
+            .ConfigureDevOpsAction(devOpsActionLookup)
+            .subscribe((response) => {
+            if (response.Status.Code === 0) {
+                this.projectService.LoadEnterpriseAsCode(this.State);
             }
-        }));
+            else {
+                this.State.Loading = false;
+            }
+        });
+    }
+    //  Helpers
+    handleStateChange() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.State.Loading = true;
+            yield this.projectService.HasValidConnection(this.State);
+            yield this.projectService.EnsureUserEnterprise(this.State);
+            yield this.projectService.ListEnterprises(this.State);
+            if (((_a = this.State.Enterprises) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                yield this.projectService.GetActiveEnterprise(this.State);
+            }
+        });
     }
 }
 ApplicationsFlowProjectsElementComponent.decorators = [
@@ -994,7 +1058,7 @@ ApplicationsFlowProjectsElementComponent.ctorParameters = () => [
     { type: Injector },
     { type: ApplicationsFlowService },
     { type: ProjectService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 
 class HostingDetailsFormGroupComponent {
@@ -1818,10 +1882,10 @@ GeneralComponent.propDecorators = {
 
 class AppsFlowComponent {
     //  Constructors
-    constructor(formBldr, appsFlowSvc, appsFlowEventsSvc) {
+    constructor(formBldr, appsFlowSvc, eacSvc) {
         this.formBldr = formBldr;
         this.appsFlowSvc = appsFlowSvc;
-        this.appsFlowEventsSvc = appsFlowEventsSvc;
+        this.eacSvc = eacSvc;
         this.EditingApplicationLookup = null;
         this.redirectTooltip = '';
         // this.IsPermanent = false;
@@ -2034,9 +2098,7 @@ class AppsFlowComponent {
         this.SetEditingApplication(Guid.CreateRaw());
     }
     DeleteApplication(appLookup, appName) {
-        if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
-            this.appsFlowEventsSvc.DeleteApplication(appLookup);
-        }
+        this.eacSvc.DeleteApplication(appLookup, appName);
     }
     LCUTypeChanged(event) {
         this.LCUType = event.value;
@@ -2175,7 +2237,7 @@ class AppsFlowComponent {
         else if (app) {
             app.SourceControlLookup = null;
         }
-        this.appsFlowEventsSvc.SaveApplicationAsCode(saveAppReq);
+        this.eacSvc.SaveApplicationAsCode(saveAppReq);
     }
     SetEditingApplication(appLookup) {
         this.EditingApplicationLookup = appLookup;
@@ -2195,7 +2257,7 @@ class AppsFlowComponent {
     }
     Unpack(appLookup, app) {
         var _a, _b, _c;
-        this.appsFlowEventsSvc.UnpackLowCodeUnit({
+        this.eacSvc.UnpackLowCodeUnit({
             ApplicationLookup: appLookup,
             ApplicationName: (_a = app.Application) === null || _a === void 0 ? void 0 : _a.Name,
             Version: ((_b = app.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.Version) || ((_c = app.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.Build),
@@ -2395,7 +2457,7 @@ AppsFlowComponent.decorators = [
 AppsFlowComponent.ctorParameters = () => [
     { type: FormBuilder },
     { type: ApplicationsFlowService },
-    { type: ApplicationsFlowEventsService }
+    { type: EaCService }
 ];
 AppsFlowComponent.propDecorators = {
     Data: [{ type: Input, args: ['data',] }],
@@ -3564,8 +3626,8 @@ class SlottedCardComponent {
 SlottedCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-slotted-card',
-                template: "<mat-card class=\"col-info-card\">\n    <mat-card-header fxLayoutAlign=\"space-between center\">\n      <mat-card-title class=\"card-title\">{{ Title }}</mat-card-title>\n      <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n      <button mat-button class=\"slotted-card-action-btn\" click=\"MainActionClickEvent()\">{{ ActionText }}</button>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
-                styles: [".col-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.header-icon{margin-right:10px}.card-title{font-size:30px;margin-bottom:0}.header-description{background-color:#d3d3d3;margin-left:-2px;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                template: "<mat-card class=\"col-info-card\">\n    <mat-card-header fxLayoutAlign=\"space-between center\">\n      <mat-card-title class=\"card-title\">{{ Title }}</mat-card-title>\n      <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon>\n    </mat-card-header>\n    \n    <mat-card-content>\n\n        <div class=\"slot-main-container\">\n\n            <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n            <div class=\"slot-main\">\n                <ng-content></ng-content>\n            </div>\n        \n        </div>\n\n        <div *ngIf=\"SecondarySlotDescription\" class=\"slot-secondary-container\">\n\n            <div class=\"header-description\">{{ SecondarySlotDescription }}</div>\n\n            <div class=\"slot-secondary\">\n                <ng-content select=\"[secondary]\"></ng-content>\n            </div>\n        \n        </div>\n      \n    </mat-card-content>\n\n    <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n      <a mat-button class=\"slotted-card-action-btn\" [href]=\"ActionPath\">{{ ActionText }}</a>\n    </mat-card-actions>\n\n  </mat-card>\n\n\n",
+                styles: [".col-info-card{border:2px solid #d3d3d3;margin:20px;padding:0}.header-icon{margin-right:10px}.card-title{font-size:30px;margin-bottom:0}.header-description{background-color:#d3d3d3;margin-left:-2px;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
             },] }
 ];
 SlottedCardComponent.ctorParameters = () => [];
@@ -3575,6 +3637,7 @@ SlottedCardComponent.propDecorators = {
     MainSlotDescription: [{ type: Input, args: ['main-slot-description',] }],
     SecondarySlotDescription: [{ type: Input, args: ['secondary-slot-description',] }],
     ActionText: [{ type: Input, args: ['action-text',] }],
+    ActionPath: [{ type: Input, args: ['action-path',] }],
     MainActionClicked: [{ type: Output, args: ['main-action-clicked',] }]
 };
 
@@ -3596,7 +3659,7 @@ ProjectInfoCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-project-info-card',
                 template: "<mat-card class=\"project-info-card\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n      <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\" fxLayoutAlign=\"center center\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <div class=\"promo-container\">\n        <ng-content  select=\"[promo]\"></ng-content>\n      </div>\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </mat-card>\n  \n",
-                styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                styles: [".project-info-card{border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-.5px;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
             },] }
 ];
 ProjectInfoCardComponent.ctorParameters = () => [];
@@ -3619,7 +3682,7 @@ AnalyticsCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-analytics-card',
                 template: "<mat-card class=\"analytics-card\">\n    <mat-card-header>\n      <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"Subtext\">{{Subtext}}</mat-card-subtitle>\n    </mat-card-header>\n    <mat-card-content>\n      <!-- <ng-container *ngFor=\"let atics of analytics \"> -->\n          \n        <div class=\"analytic-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <div fxLayout=\"column\">\n                <div class=\"analytic-number\">57</div>\n                <div class=\"analytic-name\">Unique Visitors</div>\n            </div>\n\n            <div class=\"percent-change increase\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_up</mat-icon>\n                <div>{{ .16 | percent}}</div>\n            </div>\n\n            <!-- <div class=\"percent-change decrease\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-icon>arrow_drop_down</mat-icon>\n                <div>16</div>\n            </div> -->\n        </div>\n\n      <!-- </ng-container> -->\n    </mat-card-content>\n    <!-- <mat-card-actions>\n      <button mat-button>LIKE</button>\n      <button mat-button>SHARE</button>\n    </mat-card-actions> -->\n  </mat-card>\n",
-                styles: [".analytics-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:10px}.increase{color:green}.decrease{color:red}"]
+                styles: [".analytics-card{border:2px solid #d3d3d3;margin:20px;padding:10px}.increase{color:green}.decrease{color:red}"]
             },] }
 ];
 AnalyticsCardComponent.ctorParameters = () => [];
@@ -3648,7 +3711,7 @@ FeedCardSmComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-feed-card-sm',
                 template: "<mat-card class=\"social-card\">\n    <div class=\"feed-card-container\" fxLayout=\"row\">\n        <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{Icon}}</mat-icon>\n        <div class=\"feed-card-main-content\">\n            <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n            <div *ngIf=\"Subtext\">{{Subtext}}</div>\n            <div *ngIf=\"Description\">{{Description}}</div>\n            <ng-content select=\"[more-details]\"></ng-content>\n        </div>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n      <ng-content select=\"[actions]\"></ng-content>\n    </mat-card-actions>\n  </mat-card>\n",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}"]
             },] }
 ];
 FeedCardSmComponent.ctorParameters = () => [];
@@ -3725,7 +3788,7 @@ GhControlComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-gh-control',
                 template: "<mat-card class=\"social-card\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <mat-icon fxFlex=\"15%\" class=\"gh-icon\">error_outline</mat-icon>\n        <div fxFlex=\"70%\"class=\"gh-card-main-content\">\n            <mat-form-field appearance=\"fill\" class=\"gh-input\">\n                <mat-label>{{InputLabel}}</mat-label>\n                <input matInput type=\"text\" [(ngModel)]=\"value\">\n                <!-- <button *ngIf=\"value\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"value=''\">\n                  <mat-icon>close</mat-icon>\n                </button> -->\n              </mat-form-field>\n        </div>\n        <button fxFlex=\"15%\" mat-button (click)=\"Submit()\" id=\"submit-btn\">Submit</button>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button mat-button (click)=\"CreatePullRequest()\" id=\"pr-btn\">Pull Request</button>\n        <button mat-button (click)=\"OpenIssue()\" id=\"oi-btn\">Open Issue</button>\n        <button mat-button (click)=\"CreateFeatureBranch()\" id=\"fb-btn\">Feature Branch</button>\n        <button mat-icon-button (click)=\"OpenMoreInfo()\">\n            <mat-icon>more_horiz</mat-icon>\n        </button>\n    </mat-card-actions>\n  </mat-card>",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.gh-icon{font-size:60px;height:60px;text-align:center;width:60px}.gh-input{width:90%}.selected{border:1px solid green}::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}"]
             },] }
 ];
 GhControlComponent.ctorParameters = () => [];
@@ -3742,7 +3805,7 @@ MainFeedCardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lcu-main-feed-card',
                 template: "<mat-card class=\"social-card\">\n    <mat-card-header fxLayout=\"row\">\n        <div *ngIf=\"Avatar\" mat-card-avatar class=\"example-header-image\" [style.backgroundImage]=\"Avatar\" fxFlex=\"10%\"></div>\n        <div class=\"header-main-content-container\" fxFlex=\"80%\">\n            <mat-card-title *ngIf=\"Title\">{{Title}}</mat-card-title>\n            <div *ngIf=\"Subtext\">{{Subtext}}</div>\n            <div *ngIf=\"TimeAgo\">{{TimeAgo}}</div>\n        </div>\n        <div fxFlex=\"10%\">\n            <button mat-icon-button (click)=\"MoreClicked()\" >\n                <mat-icon>more_horiz</mat-icon>\n            </button>\n        </div>\n\n      </mat-card-header>\n    \n    <div class=\"feed-card-container\" fxLayout=\"row\">\n        <div class=\"feed-card-main-content\">\n            <ng-content select=\"[tabs]\"></ng-content>\n        </div>\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <ng-content select=\"[actions]\"></ng-content>\n        \n\n    </mat-card-actions>\n  </mat-card>\n",
-                styles: [".social-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.example-header-image{background-size:cover}"]
+                styles: [".social-card{border:2px solid #d3d3d3;margin:20px;padding:15px 5px}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.main-slot-container{padding:10px}.slot-header{align-items:center}.slot-content{width:100%}.slot-name{font-size:22px;font-weight:600;padding-left:5px}.slot-description{font-size:12px;margin-right:10px}.slot-action-anchor{color:#000;font-size:10px;text-decoration:none}.action-icon{font-size:25px;height:25px;width:25px}.gold-icon{color:#d4af37}.upgrade-text{cursor:pointer;font-weight:700;margin-left:10px}.example-header-image{background-size:cover}"]
             },] }
 ];
 MainFeedCardComponent.ctorParameters = () => [];
@@ -3833,6 +3896,411 @@ CardCarouselComponent.propDecorators = {
     Stats: [{ type: Input, args: ['stats',] }]
 };
 
+class SecurityToggleComponent {
+    constructor(formBldr) {
+        this.formBldr = formBldr;
+    }
+    get IsPrivateFormControl() {
+        var _a;
+        return (_a = this.SecurityFormGroup) === null || _a === void 0 ? void 0 : _a.controls.isPrivate;
+    }
+    ngOnInit() {
+        this.setupSecurityFormGroup();
+    }
+    SecuritySubmit() {
+        console.log("submitting values");
+    }
+    setupSecurityFormGroup() {
+        var _a, _b;
+        this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
+        if (this.EditingApplication != null) {
+            // this.SecurityFormGroup = this.formBldr.group({
+            //   name: [this.EditingApplication.Application?.Name, Validators.required],
+            //   description: [
+            //     this.EditingApplication.Application?.Description,
+            //     Validators.required,
+            //   ],
+            //   route: [
+            //     this.EditingApplication.LookupConfig?.PathRegex.replace('.*', '') ||
+            //       '/',
+            //     Validators.required,
+            //   ],
+            //   // priority: [
+            //   //   this.EditingApplication.Application?.Priority || 10000,
+            //   //   Validators.required,
+            //   // ],
+            //   procType: [this.ProcessorType, [Validators.required]],
+            // });
+        }
+        this.setupSecurityForm();
+    }
+    setupSecurityForm() {
+        var _a, _b;
+        this.SecurityFormGroup.addControl('isPrivate', this.formBldr.control(((_a = this.EditingApplication.LookupConfig) === null || _a === void 0 ? void 0 : _a.IsPrivate) || false, [Validators.required]));
+        this.SecurityFormGroup.addControl('isTriggerSignIn', this.formBldr.control(((_b = this.EditingApplication.LookupConfig) === null || _b === void 0 ? void 0 : _b.IsTriggerSignIn) || false, [Validators.required]));
+    }
+}
+SecurityToggleComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-security-toggle',
+                template: "<form class=\"security-form\" [formGroup]=\"SecurityFormGroup\" (ngSubmit)=\"SecuritySubmit()\">\n    <mat-card class=\"spread flow-card\">\n        <mat-card-header>\n          <mat-card-title> Security Settings </mat-card-title>\n\n        <div fxFlex></div>\n\n        <mat-slide-toggle\n              formControlName=\"isPrivate\"\n              matTooltip=\"Is Secure Application?\"\n            >\n        </mat-slide-toggle>\n\n            <mat-icon\n              matSuffix\n              matTooltip=\"A Secured Application is one that requires the user to be authenticated to use the application. The application is hosted behind an identity wall.\"\n            >\n              info_outline\n            </mat-icon>\n          </mat-card-header>\n\n          <mat-card-content>\n            <div>\n              <div *ngIf=\"IsPrivateFormControl.value\">\n                <div>\n                  <mat-slide-toggle formControlName=\"isTriggerSignIn\">\n                    Is Trigger Sign In Application?\n                  </mat-slide-toggle>\n\n                  <mat-icon\n                    matSuffix\n                    matTooltip=\"A Trigger Sign In Application will direct the user to sign in if they are not already.\"\n                  >\n                    info_outline\n                  </mat-icon>\n                </div>\n              </div>\n            </div>\n          </mat-card-content>\n        \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",
+                styles: ["::ng-deep .mat-tooltip{color:#000!important}"]
+            },] }
+];
+SecurityToggleComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+SecurityToggleComponent.propDecorators = {
+    EditingApplication: [{ type: Input, args: ['editing-application',] }]
+};
+
+class ProcessorDetailsFormComponent {
+    constructor(formBldr) {
+        this.formBldr = formBldr;
+        // this.EditingApplicationLookup = null;
+        this.redirectTooltip = '';
+    }
+    get BuildFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.build;
+    }
+    get ClientIDFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.clientId;
+    }
+    get DefaultFileFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.defaultFile;
+    }
+    get InboundPathFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.inboundPath;
+    }
+    get TokenLookupFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.tokenLookup;
+    }
+    get RedirectFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.redirect;
+    }
+    get ScopesFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.scopes;
+    }
+    get SecurityFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.security;
+    }
+    get SPARootFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.spaRoot;
+    }
+    get PermanentFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.permanent;
+    }
+    get PreserveMethodFormControl() {
+        var _a;
+        return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.preserveMethod;
+    }
+    ngOnInit() {
+        this.setupProcessorDetailsForm();
+    }
+    DetermineTooltipText() {
+        let permanentValue = this.PermanentFormControl.value;
+        let preserveValue = this.PreserveMethodFormControl.value;
+        if (permanentValue === true && preserveValue === false) {
+            this.redirectTooltip = '301 – Permanent and Not Preserve';
+        }
+        else if (permanentValue === false && preserveValue === false) {
+            this.redirectTooltip = '302 – Not Permanent and Not Preserve';
+        }
+        else if (permanentValue === false && preserveValue === true) {
+            this.redirectTooltip = '307 – Not Permanent and Preserve';
+        }
+        else if (permanentValue === true && preserveValue === true) {
+            this.redirectTooltip = '308 – Permanent and Preserve';
+        }
+    }
+    SubmitProcessorDetails() {
+    }
+    ProcessorTypeChanged(event) {
+        this.ProcessorType = event.value;
+        this.setupProcessorTypeSubForm();
+    }
+    LCUTypeChanged(event) {
+        this.LCUType = event.value;
+        this.setupLcuTypeSubForm();
+    }
+    //HELPERS
+    cleanupLcuTypeSubForm() {
+        this.ProcessorDetailsFormGroup.removeControl('methods');
+        this.ProcessorDetailsFormGroup.removeControl('apiRoot');
+        this.ProcessorDetailsFormGroup.removeControl('security');
+        this.ProcessorDetailsFormGroup.removeControl('spaRoot');
+        this.ProcessorDetailsFormGroup.removeControl('applicationId');
+        this.ProcessorDetailsFormGroup.removeControl('build');
+        this.ProcessorDetailsFormGroup.removeControl('clientId');
+        this.ProcessorDetailsFormGroup.removeControl('clientSecret');
+        this.ProcessorDetailsFormGroup.removeControl('zipFile');
+    }
+    cleanupProcessorTypeSubForm() {
+        this.ProcessorDetailsFormGroup.removeControl('defaultFile');
+        // this.ApplicationFormGroup.removeControl('dfsLcuType');
+        // this.ApplicationFormGroup.removeControl('oauthLcuType');
+        this.ProcessorDetailsFormGroup.removeControl('scopes');
+        this.ProcessorDetailsFormGroup.removeControl('tokenLookup');
+        this.ProcessorDetailsFormGroup.removeControl('inboundPath');
+        this.ProcessorDetailsFormGroup.removeControl('proxyLcuType');
+        this.ProcessorDetailsFormGroup.removeControl('redirect');
+        this.ProcessorDetailsFormGroup.removeControl('permanent');
+        this.ProcessorDetailsFormGroup.removeControl('preserveMethod');
+        this.cleanupLcuTypeSubForm();
+    }
+    setupLcuTypeSubForm() {
+        this.cleanupLcuTypeSubForm();
+        // this.ApplicationFormGroup.removeControl('package');
+        // this.ApplicationFormGroup.removeControl('version');
+        if (this.LCUType) {
+            switch (this.LCUType) {
+                case 'API':
+                    this.setupLCUAPIForm();
+                    break;
+                case 'ApplicationPointer':
+                    this.setupLCUApplicationPointerForm();
+                    break;
+                case 'GitHub':
+                    this.setupLCUGitHubForm();
+                    break;
+                case 'GitHubOAuth':
+                    this.setupLCUGitHubOAuthForm();
+                    break;
+                // case 'NPM':
+                //   this.setupLCUNPMForm();
+                //   break;
+                case 'SPA':
+                    this.setupLCUSPAForm();
+                    break;
+                case 'Zip':
+                    this.setupLCUZipForm();
+                    break;
+            }
+        }
+    }
+    setupProcessorDetailsForm() {
+        var _a, _b, _c, _d, _e;
+        this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
+        if (this.EditingApplication != null) {
+            this.ProcessorDetailsFormGroup = this.formBldr.group({
+                name: [(_c = this.EditingApplication.Application) === null || _c === void 0 ? void 0 : _c.Name, Validators.required],
+                description: [
+                    (_d = this.EditingApplication.Application) === null || _d === void 0 ? void 0 : _d.Description,
+                    Validators.required,
+                ],
+                route: [
+                    ((_e = this.EditingApplication.LookupConfig) === null || _e === void 0 ? void 0 : _e.PathRegex.replace('.*', '')) ||
+                        '/',
+                    Validators.required,
+                ],
+                // priority: [
+                //   this.EditingApplication.Application?.Priority || 10000,
+                //   Validators.required,
+                // ],
+                procType: [this.ProcessorType, [Validators.required]],
+            });
+        }
+    }
+    setupLCUGitHubForm() {
+        var _a;
+        this.ProcessorDetailsFormGroup.addControl('build', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Build) || 'latest', [Validators.required]));
+    }
+    setupLCUApplicationPointerForm() {
+        var _a;
+        this.ProcessorDetailsFormGroup.addControl('applicationId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ApplicationID) || '', [Validators.required]));
+    }
+    setupLCUNPMForm() {
+        // this.ApplicationFormGroup.addControl(
+        //   'package',
+        //   this.formBldr.control(
+        //     this.EditingApplication.LowCodeUnit?.Package || '',
+        //     [Validators.required]
+        //   )
+        // );
+        // this.ApplicationFormGroup.addControl(
+        //   'version',
+        //   this.formBldr.control(
+        //     this.EditingApplication.LowCodeUnit?.Version || '',
+        //     [Validators.required]
+        //   )
+        // );
+    }
+    setupLCUSPAForm() {
+        var _a;
+        this.ProcessorDetailsFormGroup.addControl('spaRoot', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SPARoot) || '', [Validators.required]));
+    }
+    setupLCUAPIForm() {
+        var _a, _b, _c, _d;
+        this.ProcessorDetailsFormGroup.addControl('methods', this.formBldr.control(((_b = (_a = this.EditingApplication.LookupConfig) === null || _a === void 0 ? void 0 : _a.AllowedMethods) === null || _b === void 0 ? void 0 : _b.join(' ')) || '', []));
+        this.ProcessorDetailsFormGroup.addControl('apiRoot', this.formBldr.control(((_c = this.EditingApplication.LowCodeUnit) === null || _c === void 0 ? void 0 : _c.APIRoot) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('security', this.formBldr.control(((_d = this.EditingApplication.LowCodeUnit) === null || _d === void 0 ? void 0 : _d.Security) || '', [Validators.required]));
+    }
+    setupLCUGitHubOAuthForm() {
+        var _a, _b;
+        this.ProcessorDetailsFormGroup.addControl('clientId', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ClientID) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('clientSecret', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.ClientSecret) || '', [Validators.required]));
+    }
+    setupProxyForm() {
+        var _a, _b;
+        this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
+        this.ProcessorDetailsFormGroup.addControl('inboundPath', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.InboundPath) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+    }
+    setupRedirectForm() {
+        var _a, _b, _c;
+        this.ProcessorDetailsFormGroup.addControl('redirect', this.formBldr.control(((_a = this.EditingApplication.Processor) === null || _a === void 0 ? void 0 : _a.Redirect) || '', [
+            Validators.required,
+        ]));
+        this.ProcessorDetailsFormGroup.addControl('permanent', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Permanent) || false, []));
+        this.ProcessorDetailsFormGroup.addControl('preserveMethod', this.formBldr.control(((_c = this.EditingApplication.Processor) === null || _c === void 0 ? void 0 : _c.PreserveMethod) || false, []));
+        this.DetermineTooltipText();
+    }
+    setupOAuthForm() {
+        var _a, _b, _c, _d;
+        this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
+        this.ProcessorDetailsFormGroup.addControl('scopes', this.formBldr.control(((_c = (_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Scopes) === null || _c === void 0 ? void 0 : _c.Join(' ')) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('tokenLookup', this.formBldr.control(((_d = this.EditingApplication.Processor) === null || _d === void 0 ? void 0 : _d.TokenLookup) || '', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+    }
+    setupLCUZipForm() {
+        var _a;
+        this.ProcessorDetailsFormGroup.addControl('zipFile', this.formBldr.control(((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.ZipFile) || '', [Validators.required]));
+    }
+    setupDfsForm() {
+        var _a, _b;
+        this.LCUType = ((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.Type) || '';
+        this.ProcessorDetailsFormGroup.addControl('defaultFile', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.DefaultFile) || 'index.html', [Validators.required]));
+        this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
+    }
+    setupProcessorTypeSubForm() {
+        this.cleanupProcessorTypeSubForm();
+        if (this.ProcessorType) {
+            switch (this.ProcessorType) {
+                case 'DFS':
+                    this.setupDfsForm();
+                    break;
+                case 'OAuth':
+                    this.setupOAuthForm();
+                    break;
+                case 'Proxy':
+                    this.setupProxyForm();
+                    break;
+                case 'Redirect':
+                    this.setupRedirectForm();
+                    break;
+            }
+        }
+        this.setupLcuTypeSubForm();
+    }
+}
+ProcessorDetailsFormComponent.decorators = [
+    { type: 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",
+                styles: [""]
+            },] }
+];
+ProcessorDetailsFormComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+ProcessorDetailsFormComponent.propDecorators = {
+    EditingApplication: [{ type: Input, args: ['editing-application',] }]
+};
+
+class SourceControlFormComponent {
+    constructor(formBldr) {
+        this.formBldr = formBldr;
+    }
+    get HasBuildFormControl() {
+        var _a;
+        return (_a = this.SourceControlFormGroup) === null || _a === void 0 ? void 0 : _a.controls.hasBuild;
+    }
+    get SourceControlLookupFormControl() {
+        var _a;
+        return (_a = this.SourceControlFormGroup) === null || _a === void 0 ? void 0 : _a.controls.sourceControlLookup;
+    }
+    get SourceControlLookups() {
+        return Object.keys(this.SourceControls || {});
+    }
+    get SourceControls() {
+        console.log("Environment: ", this.Environment);
+        return this.Environment.Sources || {};
+    }
+    ngOnInit() {
+        this.setupSourceControlForm();
+    }
+    SourceControlLookupChanged(event) {
+        //  TODO:  Anything to do here on change?
+        console.log("sourceControlLookupChanged: ", event);
+    }
+    SubmitSourceControl() {
+    }
+    //HELPER
+    setupSourceControlForm() {
+        var _a, _b;
+        this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
+        this.setupBuildForm();
+    }
+    setupBuildForm() {
+        var _a, _b;
+        this.SourceControlFormGroup.addControl('hasBuild', this.formBldr.control(!!((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SourceControlLookup) || false, [Validators.required]));
+        this.SourceControlFormGroup.addControl('sourceControlLookup', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.SourceControlLookup) || '', []));
+    }
+}
+SourceControlFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-source-control-form',
+                template: "<form class=\"source-control-form\" [formGroup]=\"SourceControlFormGroup\" (ngSubmit)=\"SubmitSourceControl()\">\n\n<mat-card class=\"spread flow-card\" *ngIf=\"ProcessorType != 'Redirect'\">\n    <mat-card-header>\n      <mat-card-title *ngIf=\"!HasBuildFormControl.value\">\n        Build & Source\n      </mat-card-title>\n\n      <mat-card-title *ngIf=\"HasBuildFormControl.value\">\n        Source Control\n      </mat-card-title>\n\n      <div fxFlex></div>\n\n      <mat-slide-toggle\n        formControlName=\"hasBuild\"\n        matTooltip=\"Has Build?\"\n      >\n      </mat-slide-toggle>\n\n      <mat-icon\n        matSuffix\n        matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\"\n      >\n        info_outline\n      </mat-icon>\n    </mat-card-header>\n\n    <mat-card-content>\n      <mat-form-field\n        class=\"mat-full-width\"\n        *ngIf=\"\n          HasBuildFormControl.value && SourceControlLookups?.length > 0\n        \"\n      >\n        <mat-select\n          formControlName=\"sourceControlLookup\"\n          placeholder=\"Source Control\"\n          (selectionChange)=\"SourceControlLookupChanged($event)\"\n          [disabled]=\"\n            SourceControlFormControls?.Loading || HostingDetails?.Loading\n          \"\n        >\n          <ng-container\n            *ngFor=\"let srcCtrlLookup of SourceControlLookups\"\n          >\n            <mat-option\n              [value]=\"srcCtrlLookup\"\n              *ngIf=\"SourceControls[srcCtrlLookup]; let srcCtrl\"\n            >\n              {{ srcCtrl.Name }}\n            </mat-option>\n          </ng-container>\n        </mat-select>\n\n        <div *ngIf=\"HasBuildFormControl?.value\">\n          <h3>\n            @{{\n              SourceControlFormControls?.OrganizationFormControl?.value ||\n                SourceControl?.Organization\n            }}/{{\n              SourceControlFormControls?.RepositoryFormControl?.value ||\n                SourceControl?.Repository\n            }}\n          </h3>\n\n          <p>Organization and Repository pulled from build settings</p>\n\n          <mat-hint>\n            CurrentBuild:\n            {{ EditingApplication?.LowCodeUnit?.CurrentBuild }}\n          </mat-hint>\n        </div>\n      </mat-form-field>\n\n      <div *ngIf=\"SourceControlLookups?.length < 0\">\n        <h3>\n          Create source control locations under the DevOps tab above.\n        </h3>\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n        <!-- [disabled]=\"!SourceControlFormGroup.valid || !SourceControlFormGroup.dirty\" -->\n        <button mat-raised-button type=\"submit\" >Save</button>\n    </mat-card-actions>\n  </mat-card>\n</form>\n",
+                styles: [""]
+            },] }
+];
+SourceControlFormComponent.ctorParameters = () => [
+    { type: FormBuilder }
+];
+SourceControlFormComponent.propDecorators = {
+    EditingApplication: [{ type: Input, args: ['editing-application',] }],
+    Environment: [{ type: Input, args: ['environment',] }],
+    SourceControlFormControls: [{ type: ViewChild, args: [SourceControlFormControlsComponent,] }]
+};
+
+class BuildPipelineFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+BuildPipelineFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-build-pipeline-form',
+                template: "<p>build-pipeline-form works!</p>\n",
+                styles: [""]
+            },] }
+];
+BuildPipelineFormComponent.ctorParameters = () => [];
+
+class DevopsSourceControlFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DevopsSourceControlFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lcu-devops-source-control-form',
+                template: "<p>devops-source-control-form works!</p>\n",
+                styles: [""]
+            },] }
+];
+DevopsSourceControlFormComponent.ctorParameters = () => [];
+
 class ApplicationsFlowModule {
     static forRoot() {
         return {
@@ -3844,6 +4312,7 @@ class ApplicationsFlowModule {
                 NPMService,
                 FormsService,
                 ApplicationsFlowEventsService,
+                EaCService
             ],
         };
     }
@@ -3882,7 +4351,12 @@ ApplicationsFlowModule.decorators = [
                     GhControlComponent,
                     MainFeedCardComponent,
                     TwoColumnHeaderComponent,
-                    CardCarouselComponent
+                    CardCarouselComponent,
+                    SecurityToggleComponent,
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
                 imports: [
                     FathymSharedModule,
@@ -3891,6 +4365,9 @@ ApplicationsFlowModule.decorators = [
                     FlexLayoutModule,
                     MaterialModule,
                     AppHostModule,
+                    MatTooltipModule,
+                    MatSlideToggleModule
+                    // LazyElementModule,
                 ],
                 exports: [
                     ApplicationsFlowProjectsElementComponent,
@@ -3924,7 +4401,12 @@ ApplicationsFlowModule.decorators = [
                     GhControlComponent,
                     MainFeedCardComponent,
                     TwoColumnHeaderComponent,
-                    CardCarouselComponent
+                    CardCarouselComponent,
+                    SecurityToggleComponent,
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
                 entryComponents: [
                     ApplicationsFlowProjectsElementComponent,
@@ -3956,7 +4438,12 @@ ApplicationsFlowModule.decorators = [
                     GhControlComponent,
                     MainFeedCardComponent,
                     TwoColumnHeaderComponent,
-                    CardCarouselComponent
+                    CardCarouselComponent,
+                    SecurityToggleComponent,
+                    ProcessorDetailsFormComponent,
+                    SourceControlFormComponent,
+                    BuildPipelineFormComponent,
+                    DevopsSourceControlFormComponent
                 ],
             },] }
 ];
@@ -3989,5 +4476,5 @@ class FormModel {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsModel, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, BaseFormConfigModel, CardFormConfigModel, CreateProjectWizardComponent, DevSettingsPresetModel, DomainModel, DynamicTabsModel, FormActionsModel, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HostingDetailsFormGroupComponent, NPMService, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectNameComponent, ProjectService, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SourceControlFormControlsComponent, ThreeColumnComponent, UnpackLowCodeUnitRequest, ApplicationsFlowEventsService as ɵa, DynamicTabsComponent as ɵb, HeaderComponent as ɵc, ProjectTabsComponent as ɵd, GeneralComponent as ɵe, DomainsComponent as ɵf, ProjectItemsComponent as ɵg, BuildsComponent as ɵh, RecentActivitiesComponent as ɵi, FormCardComponent as ɵj, BaseFormComponent as ɵk, BaseFormTestComponent as ɵl, AppsFlowComponent as ɵm, DevOpsComponent as ɵn, DFSModifiersComponent as ɵo, NpmPackageSelectComponent as ɵp, ColumnInfoCardComponent as ɵq, SlottedCardComponent as ɵr, ProjectInfoCardComponent as ɵs, AnalyticsCardComponent as ɵt, FeedCardSmComponent as ɵu, GhControlComponent as ɵv, MainFeedCardComponent as ɵw, TwoColumnHeaderComponent as ɵx, CardCarouselComponent as ɵy };
+export { ActionsModel, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, BaseFormConfigModel, CardFormConfigModel, CreateProjectWizardComponent, DevSettingsPresetModel, DomainModel, DynamicTabsModel, EaCService, FormActionsModel, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HostingDetailsFormGroupComponent, NPMService, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectNameComponent, ProjectService, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SourceControlFormControlsComponent, ThreeColumnComponent, UnpackLowCodeUnitRequest, ApplicationsFlowEventsService as ɵa, DynamicTabsComponent as ɵb, ProcessorDetailsFormComponent as ɵba, SourceControlFormComponent as ɵbb, BuildPipelineFormComponent as ɵbc, DevopsSourceControlFormComponent as ɵbd, HeaderComponent as ɵc, ProjectTabsComponent as ɵd, GeneralComponent as ɵe, DomainsComponent as ɵf, ProjectItemsComponent as ɵg, BuildsComponent as ɵh, RecentActivitiesComponent as ɵi, FormCardComponent as ɵj, BaseFormComponent as ɵk, BaseFormTestComponent as ɵl, AppsFlowComponent as ɵm, DevOpsComponent as ɵn, DFSModifiersComponent as ɵo, NpmPackageSelectComponent as ɵp, ColumnInfoCardComponent as ɵq, SlottedCardComponent as ɵr, ProjectInfoCardComponent as ɵs, AnalyticsCardComponent as ɵt, FeedCardSmComponent as ɵu, GhControlComponent as ɵv, MainFeedCardComponent as ɵw, TwoColumnHeaderComponent as ɵx, CardCarouselComponent as ɵy, SecurityToggleComponent as ɵz };
 //# sourceMappingURL=lowcodeunit-applications-flow-common.js.map