@lowcodeunit/applications-flow-common 1.34.63-lets-get-social-ish → 1.34.68-lets-get-social-ish

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

@@ -46,7 +46,7 @@ import * as i3$1 from '@angular/material/snack-bar';
 import * as i3$2 from '@angular/platform-browser';
 import { EaCApplicationAsCode } from '@semanticjs/common';
 import * as i4$4 from '@angular/material/menu';
-import * as i10 from '@kolkov/angular-editor';
+import * as i11$2 from '@kolkov/angular-editor';
 import { AngularEditorModule } from '@kolkov/angular-editor';
 
 /**
@@ -209,33 +209,13 @@ class ApplicationsFlowService {
             headers: this.loadHeaders(),
         });
     }
-    DeleteApplication(appLookup) {
-        return this.http.delete(`${this.apiRoot}/api/lowcodeunit/manage/applications/${appLookup}`, {
-            headers: this.loadHeaders(),
-        });
-    }
-    DeleteDevOpsAction(doaLookup) {
-        return this.http.delete(`${this.apiRoot}/api/lowcodeunit/manage/devops-actions/${doaLookup}`, {
-            headers: this.loadHeaders(),
-        });
-    }
-    DeleteProject(projectLookup) {
-        return this.http.delete(`${this.apiRoot}/api/lowcodeunit/manage/projects/${projectLookup}`, {
-            headers: this.loadHeaders(),
-        });
-    }
-    DeleteSourceControl(scLookup) {
-        return this.http.delete(`${this.apiRoot}/api/lowcodeunit/manage/source-controls/${scLookup}`, {
-            headers: this.loadHeaders(),
-        });
-    }
     EnsureUserEnterprise() {
         return this.http.post(`${this.apiRoot}/api/lowcodeunit/manage/enterprise/ensure`, {}, {
             headers: this.loadHeaders(),
         });
     }
     EnterpriseAsCodeRemovals(removals) {
-        return this.http.post(`${this.apiRoot}/api/lowcodeunit/manage/eac`, {
+        return this.http.post(`${this.apiRoot}/api/lowcodeunit/removals/eac`, removals, {
             headers: this.loadHeaders(),
         });
     }
@@ -363,88 +343,6 @@ class ProjectService {
     //       }
     //     });
     // }
-    DeleteApplication(state, appLookup) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                state.Loading = true;
-                this.appsFlowSvc.DeleteApplication(appLookup).subscribe((response) => __awaiter(this, void 0, void 0, function* () {
-                    if (response.Status.Code === 0) {
-                        const eac = yield this.LoadEnterpriseAsCode(state);
-                        resolve(eac);
-                    }
-                    else {
-                        state.Loading = false;
-                        reject(response.Status);
-                        console.log(response);
-                    }
-                }), (err) => {
-                    state.Loading = false;
-                    reject(err);
-                    console.log(err);
-                });
-            });
-        });
-    }
-    DeleteDevOpsAction(state, doaLookup) {
-        return new Promise((resolve, reject) => {
-            state.Loading = true;
-            this.appsFlowSvc.DeleteDevOpsAction(doaLookup).subscribe((response) => __awaiter(this, void 0, void 0, function* () {
-                if (response.Status.Code === 0) {
-                    const eac = yield this.LoadEnterpriseAsCode(state);
-                    resolve(eac);
-                }
-                else {
-                    state.Loading = false;
-                    reject(response.Status);
-                    console.log(response);
-                }
-            }), (err) => {
-                state.Loading = false;
-                reject(err);
-                console.log(err);
-            });
-        });
-    }
-    DeleteProject(state, projectLookup) {
-        return new Promise((resolve, reject) => {
-            state.Loading = true;
-            this.appsFlowSvc.DeleteProject(projectLookup).subscribe((response) => __awaiter(this, void 0, void 0, function* () {
-                if (response.Status.Code === 0) {
-                    const eac = yield this.LoadEnterpriseAsCode(state);
-                    resolve(eac);
-                }
-                else {
-                    state.Loading = false;
-                    reject(response.Status);
-                    console.log(response);
-                }
-            }), (err) => {
-                state.Loading = false;
-                reject(err);
-                console.log(err);
-            });
-        });
-    }
-    DeleteSourceControl(state, scLookup) {
-        return new Promise((resolve, reject) => {
-            state.Loading = true;
-            this.appsFlowSvc.DeleteSourceControl(scLookup).subscribe((response) => __awaiter(this, void 0, void 0, function* () {
-                if (response.Status.Code === 0) {
-                    const eac = yield this.LoadEnterpriseAsCode(state);
-                    resolve(eac);
-                }
-                else {
-                    state.Loading = false;
-                    reject(response.Status);
-                    console.log(response);
-                }
-            }), (err) => {
-                state.Loading = false;
-                reject(err);
-                console.log(err);
-            });
-        });
-    }
     EnsureUserEnterprise(state) {
         return new Promise((resolve, reject) => {
             state.Loading = true;
@@ -924,11 +822,6 @@ class SaveApplicationAsCodeEventRequest {
 // }
 class SaveDFSModifierEventRequest {
 }
-// export class SaveDFSModifierForAllEventRequest {
-//   public Modifier: EaCDFSModifier;
-//   public ModifierLookup: string;
-//   public ProjectLookups?: Array<string>;
-// }
 class SaveEnvironmentAsCodeEventRequest {
 }
 class SaveProjectAsCodeEventRequest {
@@ -954,28 +847,70 @@ class EaCService {
     DeleteApplication(appLookup, appName) {
         return __awaiter(this, void 0, void 0, function* () {
             if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
-                yield this.projectService.DeleteApplication(this.State, appLookup);
+                const eac = {
+                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    Applications: {},
+                };
+                eac.Applications[appLookup] = {
+                    Application: {},
+                };
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
             }
         });
     }
-    DeleteDevOpsAction(doaLookup) {
+    DeleteDevOpsAction(doaLookup, doaName) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (confirm(`Are you sure you want to delete DevOps action '${doaLookup}'?`)) {
-                yield this.projectService.DeleteDevOpsAction(this.State, doaLookup);
+            if (confirm(`Are you sure you want to delete Build Pipeline '${doaName}'?`)) {
+                const eac = {
+                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    Environments: {},
+                };
+                eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment] = {
+                    DevOpsActions: {},
+                };
+                eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment].DevOpsActions[doaLookup] = {};
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
             }
         });
     }
-    DeleteProject(projectLookup) {
+    DeleteModifier(modifierLookup, modifierName) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (confirm(`Are you sure you want to delete Project '${projectLookup}'?`)) {
-                yield this.projectService.DeleteProject(this.State, projectLookup);
+            if (confirm(`Are you sure you want to delete Modifier '${modifierName}'?`)) {
+                const eac = {
+                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    Modifiers: {},
+                };
+                eac.Modifiers[modifierLookup] = {};
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
             }
         });
     }
-    DeleteSourceControl(scLookup) {
+    DeleteProject(projectLookup, projectName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm(`Are you sure you want to delete Project '${projectName}'?`)) {
+                const eac = {
+                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    Projects: {},
+                };
+                eac.Projects[projectLookup] = {
+                    Project: {},
+                };
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            }
+        });
+    }
+    DeleteSourceControl(srcLookup, srcName) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (confirm(`Are you sure you want to delete Source Control '${scLookup}'?`)) {
-                yield this.projectService.DeleteSourceControl(this.State, scLookup);
+            if (confirm(`Are you sure you want to delete Source Control '${srcName}'?`)) {
+                const eac = {
+                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    Environments: {},
+                };
+                eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment] = {
+                    Sources: {},
+                };
+                eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment].Sources[srcLookup] = {};
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
             }
         });
     }
@@ -989,7 +924,7 @@ class EaCService {
     }
     EnterpriseAsCodeRemovals(eac) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            return this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
         });
     }
     GetActiveEnterprise() {
@@ -1092,6 +1027,9 @@ class EaCService {
             if (req.Application) {
                 saveEaC.Applications[req.ApplicationLookup] = req.Application;
             }
+            if (req.DataToken) {
+                saveEaC.Applications[req.ApplicationLookup].DataTokens[req.DataTokenLookup] = req.DataToken;
+            }
             return yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
         });
     }
@@ -1101,18 +1039,21 @@ class EaCService {
                 EnterpriseLookup: this.State.EaC.EnterpriseLookup,
                 Modifiers: {},
                 Projects: {},
+                Applications: {},
             };
             if (req.Modifier) {
                 saveEaC.Modifiers[req.ModifierLookups[0]] = req.Modifier;
             }
             if (req.ProjectLookups) {
-                req.ProjectLookups.forEach(lookup => {
+                req.ProjectLookups.forEach((lookup) => {
                     saveEaC.Projects[lookup] = {
                         ModifierLookups: req.ModifierLookups,
                     };
                 });
             }
             if (req.ApplicationLookup) {
+                console.log("APPLOokup: ", req.ApplicationLookup);
+                console.log("saveEAC: ", saveEaC);
                 saveEaC.Applications[req.ApplicationLookup] = {
                     ModifierLookups: req.ModifierLookups,
                 };
@@ -1182,9 +1123,7 @@ class ProjectItemsComponent {
     }
     //  API Methods
     DeleteProject(projectLookup, projectName) {
-        if (confirm(`Are you sure you want to delete project '${projectName}'?`)) {
-            this.eacSvc.DeleteProject(projectLookup);
-        }
+        this.eacSvc.DeleteProject(projectLookup, projectName).then();
     }
     GetPrimaryHost(project) {
         return project.Hosts[project.Hosts.length - 1];
@@ -2650,9 +2589,11 @@ class DevOpsComponent {
         this.SetEditingSourceControl(Guid.CreateRaw());
     }
     DeleteSourceControl(scLookup) {
-        if (confirm(`Are you sure you want to delete source control '${scLookup}'?`)) {
-            this.eacSvc.DeleteSourceControl(scLookup);
-        }
+        // if (
+        //   confirm(`Are you sure you want to delete source control '${scLookup}'?`)
+        // ) {
+        //   this.eacSvc.DeleteSourceControl(scLookup);
+        // }
     }
     DevOpsActionLookupChanged(event) {
         this.configureDevOpsAction();
@@ -2842,9 +2783,7 @@ class DFSModifiersComponent {
         this.SetEditingModifier(Guid.CreateRaw());
     }
     DeleteModifier(modifierLookup, modifierName) {
-        if (confirm(`Are you sure you want to delete modifier '${modifierName}'?`)) {
-            this.eacSvc.DeleteSourceControl(modifierLookup);
-        }
+        this.eacSvc.DeleteModifier(modifierLookup, modifierName).then();
     }
     SaveModifier(projectLookup = null) {
         const saveMdfrReq = {
@@ -4345,22 +4284,22 @@ class SourceControlDialogComponent {
     get State() {
         return this.eacSvc.State;
     }
-    ngOnInit() {
-    }
+    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
-    DeleteSourceControl(scLookup) {
-        if (confirm(`Are you sure you want to delete source control '${scLookup}'?`)) {
-            this.eacSvc.DeleteSourceControl(scLookup);
+    DeleteSourceControl() {
+        this.eacSvc
+            .DeleteSourceControl(this.data.scLookup, this.data.scName)
+            .then((status) => {
             this.CloseDialog();
-        }
+        });
     }
     HandleSaveStatusEvent(event) {
-        console.log("event to save: ", event);
+        console.log('event to save: ', event);
         if (event.Code === 0) {
-            this.snackBar.open("Source Control Succesfully Saved", "Dismiss", {
-                duration: 5000
+            this.snackBar.open('Source Control Succesfully Saved', 'Dismiss', {
+                duration: 5000,
             });
             this.CloseDialog();
         }
@@ -4373,10 +4312,10 @@ class SourceControlDialogComponent {
     }
 }
 SourceControlDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SourceControlDialogComponent, deps: [{ token: i2$3.MatDialogRef }, { token: EaCService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-SourceControlDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SourceControlDialogComponent, selector: "lcu-source-control-dialog", viewQueries: [{ propertyName: "DevopsSourceControl", first: true, predicate: DevopsSourceControlFormComponent, descendants: true }], ngImport: i0, template: "\n<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n        <h2 mat-dialog-title>Source Control</h2>\n        <button mat-icon-button (click)=\"CloseDialog()\">\n                <mat-icon>cancel</mat-icon>\n        </button>\n</div>\n\n<mat-dialog-content>\n\n        <ng-container *ngIf=\"!HasConnection\">\n                \n                <lcu-git-auth></lcu-git-auth>\n\n        </ng-container>\n\n        <ng-conatiner *ngIf=\"HasConnection\" fxLayout=\"column\">\n\n                <div fxLayoutAlign=\"center center\">\n                        <lcu-devops-source-control-form\n                                [environment]=\"data.environment\"\n                                [environment-lookup]=\"data.environmentLookup\"\n                                [editing-source-control-lookup]=\"data.scLookup\"\n                                (save-status-event)=\"HandleSaveStatusEvent($event)\">\n                        </lcu-devops-source-control-form>\n                </div>\n                \n                <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n                        {{ ErrorMessage }}\n                </mat-error>\n\n        </ng-conatiner>\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"space-between center\"\n        \n>\n        <div fxLayoutAlign=\"start center\">\n                <button\n                        mat-raised-button\n                        color=\"warn\"\n                        (click)=\"DeleteSourceControl(data.scLookup)\"\n                        matTooltip=\"Delete {{ data.scLookup }}\"\n                >\n                        Delete\n                </button>\n        </div>\n\n        <div fxLayoutAlign=\"end center\">\n                <button \n                        class=\"action-button\"\n                        mat-raised-button\n                        fxFlex=\"43%\"\n                        (click)=\"CloseDialog()\">\n                        Cancel\n\n                </button>\n\n\n\n                <button \n                        class=\"action-button\"\n                        mat-raised-button \n                        *ngIf=\"!State?.Loading\" \n                        fxFlex=\"30%\" \n                        color=\"primary\" \n                        (click)=\"SaveSourceControl()\"\n                        [disabled]=\"!DevOpsSourceControlFormGroup?.valid || !DevOpsSourceControlFormGroup?.dirty\">\n                        <!-- <mat-icon>save</mat-icon> -->\n                        Save\n                </button>\n        </div>\n\n</mat-dialog-actions>\n\n\n\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GitAuthComponent, selector: "lcu-git-auth" }, { type: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: ["editing-source-control-lookup", "environment", "environment-lookup"], outputs: ["save-status-event"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+SourceControlDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SourceControlDialogComponent, selector: "lcu-source-control-dialog", viewQueries: [{ propertyName: "DevopsSourceControl", first: true, predicate: DevopsSourceControlFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n  <h2 mat-dialog-title>Source Control</h2>\n  <button mat-icon-button (click)=\"CloseDialog()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <ng-container *ngIf=\"!HasConnection\">\n    <lcu-git-auth></lcu-git-auth>\n  </ng-container>\n\n  <ng-conatiner *ngIf=\"HasConnection\" fxLayout=\"column\">\n    <div fxLayoutAlign=\"center center\">\n      <lcu-devops-source-control-form\n        [environment]=\"data.environment\"\n        [environment-lookup]=\"data.environmentLookup\"\n        [editing-source-control-lookup]=\"data.scLookup\"\n        (save-status-event)=\"HandleSaveStatusEvent($event)\"\n      >\n      </lcu-devops-source-control-form>\n    </div>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n      {{ ErrorMessage }}\n    </mat-error>\n  </ng-conatiner>\n</mat-dialog-content>\n\n<mat-dialog-actions\n  class=\"actions-container\"\n  div\n  fxLayout=\"row\"\n  fxLayoutAlign=\"space-between center\"\n>\n  <div fxLayoutAlign=\"start center\">\n    <button\n      mat-raised-button\n      color=\"warn\"\n      (click)=\"DeleteSourceControl()\"\n      matTooltip=\"Delete {{ data.scName }}\"\n    >\n      Delete\n    </button>\n  </div>\n\n  <div fxLayoutAlign=\"end center\">\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      fxFlex=\"43%\"\n      (click)=\"CloseDialog()\"\n    >\n      Cancel\n    </button>\n\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      *ngIf=\"!State?.Loading\"\n      fxFlex=\"30%\"\n      color=\"primary\"\n      (click)=\"SaveSourceControl()\"\n      [disabled]=\"\n        !DevOpsSourceControlFormGroup?.valid ||\n        !DevOpsSourceControlFormGroup?.dirty\n      \"\n    >\n      <!-- <mat-icon>save</mat-icon> -->\n      Save\n    </button>\n  </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GitAuthComponent, selector: "lcu-git-auth" }, { type: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: ["editing-source-control-lookup", "environment", "environment-lookup"], outputs: ["save-status-event"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SourceControlDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-source-control-dialog', template: "\n<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n        <h2 mat-dialog-title>Source Control</h2>\n        <button mat-icon-button (click)=\"CloseDialog()\">\n                <mat-icon>cancel</mat-icon>\n        </button>\n</div>\n\n<mat-dialog-content>\n\n        <ng-container *ngIf=\"!HasConnection\">\n                \n                <lcu-git-auth></lcu-git-auth>\n\n        </ng-container>\n\n        <ng-conatiner *ngIf=\"HasConnection\" fxLayout=\"column\">\n\n                <div fxLayoutAlign=\"center center\">\n                        <lcu-devops-source-control-form\n                                [environment]=\"data.environment\"\n                                [environment-lookup]=\"data.environmentLookup\"\n                                [editing-source-control-lookup]=\"data.scLookup\"\n                                (save-status-event)=\"HandleSaveStatusEvent($event)\">\n                        </lcu-devops-source-control-form>\n                </div>\n                \n                <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n                        {{ ErrorMessage }}\n                </mat-error>\n\n        </ng-conatiner>\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"space-between center\"\n        \n>\n        <div fxLayoutAlign=\"start center\">\n                <button\n                        mat-raised-button\n                        color=\"warn\"\n                        (click)=\"DeleteSourceControl(data.scLookup)\"\n                        matTooltip=\"Delete {{ data.scLookup }}\"\n                >\n                        Delete\n                </button>\n        </div>\n\n        <div fxLayoutAlign=\"end center\">\n                <button \n                        class=\"action-button\"\n                        mat-raised-button\n                        fxFlex=\"43%\"\n                        (click)=\"CloseDialog()\">\n                        Cancel\n\n                </button>\n\n\n\n                <button \n                        class=\"action-button\"\n                        mat-raised-button \n                        *ngIf=\"!State?.Loading\" \n                        fxFlex=\"30%\" \n                        color=\"primary\" \n                        (click)=\"SaveSourceControl()\"\n                        [disabled]=\"!DevOpsSourceControlFormGroup?.valid || !DevOpsSourceControlFormGroup?.dirty\">\n                        <!-- <mat-icon>save</mat-icon> -->\n                        Save\n                </button>\n        </div>\n\n</mat-dialog-actions>\n\n\n\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"] }]
+            args: [{ selector: 'lcu-source-control-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n  <h2 mat-dialog-title>Source Control</h2>\n  <button mat-icon-button (click)=\"CloseDialog()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <ng-container *ngIf=\"!HasConnection\">\n    <lcu-git-auth></lcu-git-auth>\n  </ng-container>\n\n  <ng-conatiner *ngIf=\"HasConnection\" fxLayout=\"column\">\n    <div fxLayoutAlign=\"center center\">\n      <lcu-devops-source-control-form\n        [environment]=\"data.environment\"\n        [environment-lookup]=\"data.environmentLookup\"\n        [editing-source-control-lookup]=\"data.scLookup\"\n        (save-status-event)=\"HandleSaveStatusEvent($event)\"\n      >\n      </lcu-devops-source-control-form>\n    </div>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n      {{ ErrorMessage }}\n    </mat-error>\n  </ng-conatiner>\n</mat-dialog-content>\n\n<mat-dialog-actions\n  class=\"actions-container\"\n  div\n  fxLayout=\"row\"\n  fxLayoutAlign=\"space-between center\"\n>\n  <div fxLayoutAlign=\"start center\">\n    <button\n      mat-raised-button\n      color=\"warn\"\n      (click)=\"DeleteSourceControl()\"\n      matTooltip=\"Delete {{ data.scName }}\"\n    >\n      Delete\n    </button>\n  </div>\n\n  <div fxLayoutAlign=\"end center\">\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      fxFlex=\"43%\"\n      (click)=\"CloseDialog()\"\n    >\n      Cancel\n    </button>\n\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      *ngIf=\"!State?.Loading\"\n      fxFlex=\"30%\"\n      color=\"primary\"\n      (click)=\"SaveSourceControl()\"\n      [disabled]=\"\n        !DevOpsSourceControlFormGroup?.valid ||\n        !DevOpsSourceControlFormGroup?.dirty\n      \"\n    >\n      <!-- <mat-icon>save</mat-icon> -->\n      Save\n    </button>\n  </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i2$3.MatDialogRef }, { type: EaCService }, { type: undefined, decorators: [{
                         type: Inject,
@@ -4458,20 +4397,21 @@ class MainFeedCardComponent {
         }
         else if (action.ActionType == 'Modal') {
             if (action.Action == 'AddSourceControl') {
-                this.OpenSourceControlDialog(null);
+                this.OpenSourceControlDialog(null, null);
             }
             else {
                 alert('other modaled ' + action.Action);
             }
         }
     }
-    OpenSourceControlDialog(scLookup) {
+    OpenSourceControlDialog(scLookup, scName) {
         const dialogRef = this.dialog.open(SourceControlDialogComponent, {
             width: '550px',
             data: {
                 environment: this.Environment,
                 environmentLookup: this.ActiveEnvironmentLookup,
                 scLookup: scLookup,
+                scName: scName,
             },
         });
         dialogRef.afterClosed().subscribe((result) => {
@@ -5058,10 +4998,10 @@ class ProcessorDetailsFormComponent {
     }
 }
 ProcessorDetailsFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsFormComponent, deps: [{ token: ApplicationsFlowService }, { token: i1$2.FormBuilder }, { token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
-ProcessorDetailsFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: { EditingApplication: ["editing-application", "EditingApplication"], EditingApplicationLookup: ["editing-application-lookup", "EditingApplicationLookup"], HasSaveButton: ["has-save-button", "HasSaveButton"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SaveProcessorDetails()\">\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    <ng-container *ngIf=\"State?.Loading\">\n\n      <ng-container *ngFor=\"let fc of ValidFormControls\">\n\n        <skeleton-block  \n        [id]=\"fc\"\n        class=\"s-block\" \n        effect=\"wave\"\n        ></skeleton-block>\n        \n      </ng-container>\n\n      <lcu-loader *ngIf=\"LCUType === 'Redirect'\" [loading]=\"State?.Loading\"></lcu-loader>\n\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!State?.Loading\">\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=\"WordPress\">WordPress</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 class=\"mat-full-width\">\n                <mat-select\n                  placeholder=\"Source Control\"\n                  formControlName=\"sourceControl\"\n                  (selectionChange)=\"SourceControlChanged($event)\"\n                  required\n                >\n                  <mat-option \n                    *ngFor=\"let scLookup of SourceControlLookups\" \n                    [value]=\"scLookup\">\n                     {{scLookup}}\n                  </mat-option>\n                  \n    \n                  <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                </mat-select>\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width with-hint\"\n                *ngIf=\"\n                SourceControlFormControl?.valid\n                \"\n              >          \n                <mat-select\n                  formControlName=\"buildPath\"\n                  placeholder=\"Build Path\"\n                  required\n                >\n                  <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                    <mat-option [value]=\"buildPath\">\n                      {{ buildPath }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-hint>\n                  The build path identifies which build action to use for your\n                  configuration.\n                </mat-hint>\n              </mat-form-field>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControl?.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\n            <div *ngSwitchCase=\"'WordPress'\">\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            </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            \n          </div>\n          \n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"includeRequest\">\n              Include Path and Query?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Should the redirect include the path and query?\"\n            >\n              info_outline\n            </mat-icon>\n          </div>\n        </div>\n      </div>\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"State?.Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n\n  </ng-container>\n  \n<!-- </mat-card> -->\n</form>\n  \n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i4$3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i3.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: NpmPackageSelectComponent, selector: "lcu-npm-package-select", inputs: ["npm-package", "npm-package-version", "form-group"] }, { type: i5$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4$1.MatSuffix, selector: "[matSuffix]" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+ProcessorDetailsFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: { EditingApplication: ["editing-application", "EditingApplication"], EditingApplicationLookup: ["editing-application-lookup", "EditingApplicationLookup"], HasSaveButton: ["has-save-button", "HasSaveButton"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SaveProcessorDetails()\">\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    <ng-container *ngIf=\"State?.Loading\">\n\n      <ng-container *ngFor=\"let fc of ValidFormControls\">\n\n        <skeleton-block  \n        [id]=\"fc\"\n        class=\"s-block\" \n        effect=\"wave\"\n        ></skeleton-block>\n        \n      </ng-container>\n\n      <lcu-loader *ngIf=\"LCUType === 'Redirect'\" [loading]=\"State?.Loading\"></lcu-loader>\n\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!State?.Loading\">\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=\"WordPress\">WordPress</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 class=\"mat-full-width\">\n                <mat-select\n                  placeholder=\"Source Control\"\n                  formControlName=\"sourceControl\"\n                  (selectionChange)=\"SourceControlChanged($event)\"\n                  required\n                >\n                  <mat-option \n                    *ngFor=\"let scLookup of SourceControlLookups\" \n                    [value]=\"scLookup\">\n                     {{scLookup}}\n                  </mat-option>\n                  \n    \n                  <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                </mat-select>\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width with-hint\"\n                *ngIf=\"\n                SourceControlFormControl?.valid\n                \"\n              >          \n                <mat-select\n                  formControlName=\"buildPath\"\n                  placeholder=\"Build Path\"\n                  required\n                >\n                  <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                    <mat-option [value]=\"buildPath\">\n                      {{ buildPath }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-hint>\n                  The build path identifies which build action to use for your\n                  configuration.\n                </mat-hint>\n              </mat-form-field>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControl?.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\n            <div *ngSwitchCase=\"'WordPress'\">\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            </div>\n\n            <div *ngSwitchCase=\"'Zip'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Zip File\"\n                  formControlName=\"zipFile\"\n                  required\n                />\n              </mat-form-field>\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            \n          </div>\n          \n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"includeRequest\">\n              Include Path and Query?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Should the redirect include the path and query?\"\n            >\n              info_outline\n            </mat-icon>\n          </div>\n        </div>\n      </div>\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"State?.Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n\n  </ng-container>\n  \n<!-- </mat-card> -->\n</form>\n  \n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i4$3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i3.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: NpmPackageSelectComponent, selector: "lcu-npm-package-select", inputs: ["npm-package", "npm-package-version", "form-group"] }, { type: i5$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4$1.MatSuffix, selector: "[matSuffix]" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-processor-details-form', template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SaveProcessorDetails()\">\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    <ng-container *ngIf=\"State?.Loading\">\n\n      <ng-container *ngFor=\"let fc of ValidFormControls\">\n\n        <skeleton-block  \n        [id]=\"fc\"\n        class=\"s-block\" \n        effect=\"wave\"\n        ></skeleton-block>\n        \n      </ng-container>\n\n      <lcu-loader *ngIf=\"LCUType === 'Redirect'\" [loading]=\"State?.Loading\"></lcu-loader>\n\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!State?.Loading\">\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=\"WordPress\">WordPress</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 class=\"mat-full-width\">\n                <mat-select\n                  placeholder=\"Source Control\"\n                  formControlName=\"sourceControl\"\n                  (selectionChange)=\"SourceControlChanged($event)\"\n                  required\n                >\n                  <mat-option \n                    *ngFor=\"let scLookup of SourceControlLookups\" \n                    [value]=\"scLookup\">\n                     {{scLookup}}\n                  </mat-option>\n                  \n    \n                  <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                </mat-select>\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width with-hint\"\n                *ngIf=\"\n                SourceControlFormControl?.valid\n                \"\n              >          \n                <mat-select\n                  formControlName=\"buildPath\"\n                  placeholder=\"Build Path\"\n                  required\n                >\n                  <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                    <mat-option [value]=\"buildPath\">\n                      {{ buildPath }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-hint>\n                  The build path identifies which build action to use for your\n                  configuration.\n                </mat-hint>\n              </mat-form-field>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControl?.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\n            <div *ngSwitchCase=\"'WordPress'\">\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            </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            \n          </div>\n          \n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"includeRequest\">\n              Include Path and Query?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Should the redirect include the path and query?\"\n            >\n              info_outline\n            </mat-icon>\n          </div>\n        </div>\n      </div>\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"State?.Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n\n  </ng-container>\n  \n<!-- </mat-card> -->\n</form>\n  \n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"] }]
+            args: [{ selector: 'lcu-processor-details-form', template: "<form class=\"processor-details-form\" [formGroup]=\"ProcessorDetailsFormGroup\" (ngSubmit)=\"SaveProcessorDetails()\">\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    <ng-container *ngIf=\"State?.Loading\">\n\n      <ng-container *ngFor=\"let fc of ValidFormControls\">\n\n        <skeleton-block  \n        [id]=\"fc\"\n        class=\"s-block\" \n        effect=\"wave\"\n        ></skeleton-block>\n        \n      </ng-container>\n\n      <lcu-loader *ngIf=\"LCUType === 'Redirect'\" [loading]=\"State?.Loading\"></lcu-loader>\n\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!State?.Loading\">\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=\"WordPress\">WordPress</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 class=\"mat-full-width\">\n                <mat-select\n                  placeholder=\"Source Control\"\n                  formControlName=\"sourceControl\"\n                  (selectionChange)=\"SourceControlChanged($event)\"\n                  required\n                >\n                  <mat-option \n                    *ngFor=\"let scLookup of SourceControlLookups\" \n                    [value]=\"scLookup\">\n                     {{scLookup}}\n                  </mat-option>\n                  \n    \n                  <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                </mat-select>\n              </mat-form-field>\n\n              <mat-form-field class=\"mat-full-width with-hint\"\n                *ngIf=\"\n                SourceControlFormControl?.valid\n                \"\n              >          \n                <mat-select\n                  formControlName=\"buildPath\"\n                  placeholder=\"Build Path\"\n                  required\n                >\n                  <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                    <mat-option [value]=\"buildPath\">\n                      {{ buildPath }}\n                    </mat-option>\n                  </ng-container>\n                </mat-select>\n          \n                <mat-hint>\n                  The build path identifies which build action to use for your\n                  configuration.\n                </mat-hint>\n              </mat-form-field>\n\n              <mat-form-field\n                class=\"mat-full-width\"\n                *ngIf=\"\n                  SourceControlFormControl?.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\n            <div *ngSwitchCase=\"'WordPress'\">\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            </div>\n\n            <div *ngSwitchCase=\"'Zip'\">\n              <mat-form-field class=\"mat-full-width\">\n                <input\n                  matInput\n                  placeholder=\"Zip File\"\n                  formControlName=\"zipFile\"\n                  required\n                />\n              </mat-form-field>\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            \n          </div>\n          \n          <div>\n            <mat-slide-toggle \n              class=\"spread\" \n              formControlName=\"includeRequest\">\n              Include Path and Query?\n            </mat-slide-toggle>\n\n            <mat-icon\n              class=\"spread\"\n              matSuffix\n              matTooltip=\"Should the redirect include the path and query?\"\n            >\n              info_outline\n            </mat-icon>\n          </div>\n        </div>\n      </div>\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"State?.Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n\n  </ng-container>\n  \n<!-- </mat-card> -->\n</form>\n  \n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"] }]
         }], ctorParameters: function () { return [{ type: ApplicationsFlowService }, { type: i1$2.FormBuilder }, { type: EaCService }]; }, propDecorators: { EditingApplication: [{
                 type: Input,
                 args: ['editing-application']
@@ -5379,22 +5319,22 @@ class BuildPipelineDialogComponent {
     get State() {
         return this.eacSvc.State;
     }
-    ngOnInit() {
-    }
+    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
     DeleteDevOpsAction() {
-        if (confirm(`Are you sure you want to delete build pipeline '${this.data.doaName}'?`)) {
-            this.eacSvc.DeleteDevOpsAction(this.data.devopsActionLookup);
+        this.eacSvc
+            .DeleteDevOpsAction(this.data.devopsActionLookup, this.data.doaName)
+            .then((status) => {
             this.CloseDialog();
-        }
+        });
     }
     HandleResponseEvent(event) {
-        console.log("Response Event: ", event);
+        console.log('Response Event: ', event);
         if (event.Code === 0) {
-            this.snackBar.open("Build Pipeline Created Succesfully", "Dismiss", {
-                duration: 5000
+            this.snackBar.open('Build Pipeline Created Succesfully', 'Dismiss', {
+                duration: 5000,
             });
             this.CloseDialog();
         }
@@ -6096,13 +6036,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.LCUServiceSettings }]; } });
 
 class FeedHeaderDialogComponent {
-    constructor(appsFlowSvc, eacSvc, formBldr, dialogRef, data) {
+    constructor(appsFlowSvc, eacSvc, formBldr, dialogRef, data, snackBar) {
         var _a;
         this.appsFlowSvc = appsFlowSvc;
         this.eacSvc = eacSvc;
         this.formBldr = formBldr;
         this.dialogRef = dialogRef;
         this.data = data;
+        this.snackBar = snackBar;
         this.EditorConfig = {
             editable: true,
             spellcheck: true,
@@ -6146,6 +6087,7 @@ class FeedHeaderDialogComponent {
                 ['fontSize']
             ]
         };
+        this.ErrorMessage = null;
         this.SlicesCount = 5;
         this.Slices = {
             Sources: this.SlicesCount,
@@ -6251,8 +6193,17 @@ class FeedHeaderDialogComponent {
             Title: this.TitleFormControl ? this.TitleFormControl.value : null,
         };
         console.log("Control: ", returnObject);
-        let status = this.eacSvc.SubmitFeedEntry(returnObject);
-        console.log("feed entry status: ", status);
+        this.eacSvc.SubmitFeedEntry(returnObject).then((res) => {
+            if (res.Code === 0) {
+                this.snackBar.open(` '${this.data.type}' Succesfully Created`, "Dismiss", {
+                    duration: 5000
+                });
+                this.CloseDialog();
+            }
+            else {
+                this.ErrorMessage = res.Message;
+            }
+        });
         // console.log("Editor: ", this.EditorControl.value )
     }
     OrganizationChanged(event) {
@@ -6359,16 +6310,16 @@ class FeedHeaderDialogComponent {
         this.FeedHeaderFormGroup.addControl('sourceBranch', this.formBldr.control(''));
     }
 }
-FeedHeaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$2.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \n                required\n                >\n                <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                    <mat-option [value]=\"orgOpt.Name\">\n                    {{ orgOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>\n\n\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error> -->\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "slice": i9.SlicePipe } });
+FeedHeaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$2.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \n                required\n                >\n                <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                    <mat-option [value]=\"orgOpt.Name\">\n                    {{ orgOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>\n\n\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i11$2.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "slice": i9.SlicePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \n                required\n                >\n                <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                    <mat-option [value]=\"orgOpt.Name\">\n                    {{ orgOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>\n\n\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error> -->\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""] }]
+            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \n                required\n                >\n                <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                    <mat-option [value]=\"orgOpt.Name\">\n                    {{ orgOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>\n\n\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: ApplicationsFlowService }, { type: EaCService }, { type: i1$2.FormBuilder }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [MAT_DIALOG_DATA]
-                    }] }];
+                    }] }, { type: i3$1.MatSnackBar }];
     } });
 
 class FeedHeaderComponent {
@@ -6597,9 +6548,7 @@ class DFSModifiersFormComponent {
         this.SetEditingModifier(Guid.CreateRaw());
     }
     DeleteModifier(modifierLookup, modifierName) {
-        if (confirm(`Are you sure you want to delete modifier '${modifierName}'?`)) {
-            this.eacSvc.DeleteSourceControl(modifierLookup);
-        }
+        this.eacSvc.DeleteModifier(modifierLookup, modifierName).then();
     }
     SaveModifierForAllProjects(projectLookups) {
         const saveMdfrReq = {
@@ -6779,11 +6728,14 @@ class DFSModifiersDialogComponent {
     CloseDialog() {
         this.dialogRef.close();
     }
+    DeleteModifier() {
+        this.eacSvc.DeleteModifier(this.data.modifierLookup, this.data.modifierName);
+    }
     HandleSaveFormEvent(event) {
-        console.log("event: ", event);
+        console.log('event: ', event);
         if (event.Code === 0) {
-            this.snackBar.open("DFS Modifier Saved Successfully", "Dismiss", {
-                duration: 5000
+            this.snackBar.open('DFS Modifier Saved Successfully', 'Dismiss', {
+                duration: 5000,
             });
             this.CloseDialog();
         }
@@ -6795,16 +6747,20 @@ class DFSModifiersDialogComponent {
         var _a, _b, _c, _d;
         this.SaveDisabled = true;
         if (this.DFSModifersFormGroup) {
-            this.SaveDisabled = (!((_a = this.DFSModifersFormGroup) === null || _a === void 0 ? void 0 : _a.valid) || !((_b = this.ModifierDialogForm) === null || _b === void 0 ? void 0 : _b.valid));
+            this.SaveDisabled =
+                !((_a = this.DFSModifersFormGroup) === null || _a === void 0 ? void 0 : _a.valid) || !((_b = this.ModifierDialogForm) === null || _b === void 0 ? void 0 : _b.valid);
         }
         else if (this.SelectedModifiersFormGroup) {
-            this.SaveDisabled = (!((_c = this.SelectedModifiersFormGroup) === null || _c === void 0 ? void 0 : _c.valid) || !((_d = this.SelectedModifiersFormGroup) === null || _d === void 0 ? void 0 : _d.dirty));
+            this.SaveDisabled =
+                !((_c = this.SelectedModifiersFormGroup) === null || _c === void 0 ? void 0 : _c.valid) ||
+                    !((_d = this.SelectedModifiersFormGroup) === null || _d === void 0 ? void 0 : _d.dirty);
         }
         return this.SaveDisabled;
     }
     SaveDFSModifier() {
+        // console.log("level at save: ", this.data.level)
         switch (this.data.level) {
-            case "enterprise": {
+            case 'enterprise': {
                 if (this.ModifierDialogForm.controls.applyToAllProjects.value) {
                     //save modifier add it to the ModifierLookups of all projects
                     this.DFSModifersFormControls.SaveModifierForAllProjects(this.ProjectLookups);
@@ -6814,18 +6770,19 @@ class DFSModifiersDialogComponent {
                     this.DFSModifersFormControls.SaveModifier();
                 }
             }
-            case "project": {
+            case 'project': {
                 this.DFSModifersFormControls.SaveModifier(this.data.projectLookup);
             }
-            case "application": {
+            case 'application': {
                 this.DFSModifersFormControls.SaveModifierForApplication(this.data.applicationLookup);
             }
         }
         // this.DFSModifersFormControls.SaveModifier();
     }
     determineLevel() {
+        // console.log("LEVEL: ", this.data.level)
         switch (this.data.level) {
-            case "enterprise": {
+            case 'enterprise': {
                 this.setupEntForm();
             }
         }
@@ -6835,10 +6792,10 @@ class DFSModifiersDialogComponent {
     }
 }
 DFSModifiersDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DFSModifiersDialogComponent, deps: [{ token: EaCService }, { token: i1$2.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-DFSModifiersDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DFSModifiersDialogComponent, selector: "lcu-dfs-modifiers-dialog", viewQueries: [{ propertyName: "DFSModifersFormControls", first: true, predicate: DFSModifiersFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>DFS Modifiers</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n\n        <lcu-dfs-modifier-form\n        [application-lookup]=\"data.applicationLookup\"\n        [project-lookup]=\"data.projectLookup\"\n        [editing-modifier-lookup]=\"data.modifierLookup\"\n        [level]=\"data.level\"\n        >\n\n        </lcu-dfs-modifier-form>\n\n        <form\n                [formGroup]=\"ModifierDialogForm\"\n        >\n\n        <mat-checkbox *ngIf=\"data.level === 'enterprise' && data.modifierLookup\" formControlName=\"applyToAllProjects\">Apply to all Projects</mat-checkbox>\n        </form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n        <!--  -->\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveDFSModifier()\"\n          [disabled]=\"IsDisabled()\"\n          >\n          <!-- <mat-icon>save</mat-icon> -->\n          Save\n        </button>\n\n</mat-dialog-actions>\n\n\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DFSModifiersFormComponent, selector: "lcu-dfs-modifier-form", inputs: ["editing-modifier-lookup", "application-lookup", "project", "project-lookup", "level"] }, { type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+DFSModifiersDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DFSModifiersDialogComponent, selector: "lcu-dfs-modifiers-dialog", viewQueries: [{ propertyName: "DFSModifersFormControls", first: true, predicate: DFSModifiersFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n  <h2 mat-dialog-title>DFS Modifiers</h2>\n\n  <button mat-icon-button (click)=\"CloseDialog()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <div *ngIf=\"!data.modifierLookup\">\n    Select the modifiers you would like to apply from the list below, or create\n    a new modifier.\n  </div>\n\n  <lcu-dfs-modifier-form\n    [application-lookup]=\"data.applicationLookup\"\n    [project-lookup]=\"data.projectLookup\"\n    [editing-modifier-lookup]=\"data.modifierLookup\"\n    [level]=\"data.level\"\n  >\n  </lcu-dfs-modifier-form>\n\n  <form [formGroup]=\"ModifierDialogForm\">\n    <mat-checkbox\n      *ngIf=\"data.level === 'enterprise' && data.modifierLookup\"\n      formControlName=\"applyToAllProjects\"\n      >Apply to all Projects</mat-checkbox\n    >\n  </form>\n\n  <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n    {{ ErrorMessage }}\n  </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n  class=\"actions-container\"\n  div\n  fxLayout=\"row\"\n  fxLayoutAlign=\"space-between center\"\n>\n  <div fxLayoutAlign=\"start center\">\n    <button\n      *ngIf=\"data.modifierLookup\"\n      mat-raised-button\n      color=\"warn\"\n      (click)=\"DeleteModifier()\"\n      matTooltip=\"Delete {{ data.modifierLookup }}\"\n    >\n      Delete\n    </button>\n  </div>\n\n  <div fxLayoutAlign=\"end center\">\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      fxFlex=\"52%\"\n      (click)=\"CloseDialog()\"\n    >\n      Cancel\n    </button>\n\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      *ngIf=\"!State?.Loading\"\n      fxFlex=\"30%\"\n      color=\"primary\"\n      (click)=\"SaveDFSModifier()\"\n      [disabled]=\"IsDisabled()\"\n    >\n      Save\n    </button>\n  </div>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DFSModifiersFormComponent, selector: "lcu-dfs-modifier-form", inputs: ["editing-modifier-lookup", "application-lookup", "project", "project-lookup", "level"] }, { type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DFSModifiersDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-dfs-modifiers-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>DFS Modifiers</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n\n        <lcu-dfs-modifier-form\n        [application-lookup]=\"data.applicationLookup\"\n        [project-lookup]=\"data.projectLookup\"\n        [editing-modifier-lookup]=\"data.modifierLookup\"\n        [level]=\"data.level\"\n        >\n\n        </lcu-dfs-modifier-form>\n\n        <form\n                [formGroup]=\"ModifierDialogForm\"\n        >\n\n        <mat-checkbox *ngIf=\"data.level === 'enterprise' && data.modifierLookup\" formControlName=\"applyToAllProjects\">Apply to all Projects</mat-checkbox>\n        </form>\n\n<mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error>\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n        <!--  -->\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveDFSModifier()\"\n          [disabled]=\"IsDisabled()\"\n          >\n          <!-- <mat-icon>save</mat-icon> -->\n          Save\n        </button>\n\n</mat-dialog-actions>\n\n\n", styles: [""] }]
+            args: [{ selector: 'lcu-dfs-modifiers-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n  <h2 mat-dialog-title>DFS Modifiers</h2>\n\n  <button mat-icon-button (click)=\"CloseDialog()\">\n    <mat-icon>cancel</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <div *ngIf=\"!data.modifierLookup\">\n    Select the modifiers you would like to apply from the list below, or create\n    a new modifier.\n  </div>\n\n  <lcu-dfs-modifier-form\n    [application-lookup]=\"data.applicationLookup\"\n    [project-lookup]=\"data.projectLookup\"\n    [editing-modifier-lookup]=\"data.modifierLookup\"\n    [level]=\"data.level\"\n  >\n  </lcu-dfs-modifier-form>\n\n  <form [formGroup]=\"ModifierDialogForm\">\n    <mat-checkbox\n      *ngIf=\"data.level === 'enterprise' && data.modifierLookup\"\n      formControlName=\"applyToAllProjects\"\n      >Apply to all Projects</mat-checkbox\n    >\n  </form>\n\n  <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n    {{ ErrorMessage }}\n  </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n  class=\"actions-container\"\n  div\n  fxLayout=\"row\"\n  fxLayoutAlign=\"space-between center\"\n>\n  <div fxLayoutAlign=\"start center\">\n    <button\n      *ngIf=\"data.modifierLookup\"\n      mat-raised-button\n      color=\"warn\"\n      (click)=\"DeleteModifier()\"\n      matTooltip=\"Delete {{ data.modifierLookup }}\"\n    >\n      Delete\n    </button>\n  </div>\n\n  <div fxLayoutAlign=\"end center\">\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      fxFlex=\"52%\"\n      (click)=\"CloseDialog()\"\n    >\n      Cancel\n    </button>\n\n    <button\n      class=\"action-button\"\n      mat-raised-button\n      *ngIf=\"!State?.Loading\"\n      fxFlex=\"30%\"\n      color=\"primary\"\n      (click)=\"SaveDFSModifier()\"\n      [disabled]=\"IsDisabled()\"\n    >\n      Save\n    </button>\n  </div>\n</mat-dialog-actions>\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i1$2.FormBuilder }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -6849,6 +6806,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                 args: [DFSModifiersFormComponent]
             }] } });
 
+class StateConfigFormComponent {
+    constructor(eacSvc, formbldr) {
+        this.eacSvc = eacSvc;
+        this.formbldr = formbldr;
+        this.StateConfigDialogForm = this.formbldr.group({});
+    }
+    get StateConfigFormControl() {
+        return this.StateConfigDialogForm.controls.config;
+    }
+    ngOnInit() {
+        this.buildForm();
+    }
+    SaveStateConfig() {
+        const saveAppReq = {
+            ApplicationLookup: this.AppLookup || Guid.CreateRaw(),
+            DataToken: this.StateConfigFormControl.value
+        };
+        this.eacSvc.SaveApplicationAsCode(saveAppReq);
+    }
+    buildForm() {
+        this.StateConfigDialogForm.addControl('config', this.formbldr.control(this.Config ? this.Config : ''));
+    }
+}
+StateConfigFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigFormComponent, deps: [{ token: EaCService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+StateConfigFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: { AppLookup: ["app-lookup", "AppLookup"], Config: ["config", "Config"] }, ngImport: i0, template: "<form\n    [formGroup]=\"StateConfigDialogForm\"\n>\n    <mat-form-field  appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>State Config</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"config\"        \n        >\n        </textarea>\n        \n    </mat-form-field>\n\n</form>\n", styles: [""], components: [{ type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lcu-state-config-form', template: "<form\n    [formGroup]=\"StateConfigDialogForm\"\n>\n    <mat-form-field  appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>State Config</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"config\"        \n        >\n        </textarea>\n        \n    </mat-form-field>\n\n</form>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$2.FormBuilder }]; }, propDecorators: { AppLookup: [{
+                type: Input,
+                args: ['app-lookup']
+            }], Config: [{
+                type: Input,
+                args: ['config']
+            }] } });
+
+class StateConfigDialogComponent {
+    constructor(eacSvc, dialogRef, data, snackBar) {
+        this.eacSvc = eacSvc;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.snackBar = snackBar;
+    }
+    get Application() {
+        return this.State.EaC.Applications[this.data.appLookup];
+    }
+    get State() {
+        return this.eacSvc.State;
+    }
+    ngOnInit() {
+    }
+    CloseDialog() {
+        this.dialogRef.close();
+    }
+    SaveStateConfig() {
+        this.StateConfigForm.SaveStateConfig();
+    }
+}
+StateConfigDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
+StateConfigDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigDialogComponent, selector: "lcu-state-config-dialog", viewQueries: [{ propertyName: "StateConfigForm", first: true, predicate: StateConfigFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [config]=\"data.config\"\n    >\n\n    </lcu-state-config-form>\n        \n\n        \n\n<!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error> -->\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n        <!--  -->\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveStateConfig()\"\n          [disabled]=\"!StateConfigFormGroup?.dirty\"\n          >\n          <!-- <mat-icon>save</mat-icon> -->\n          Save\n        </button>\n\n</mat-dialog-actions>\n\n\n", styles: [".config-text-area{width:100%}\n"], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: ["app-lookup", "config"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lcu-state-config-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [config]=\"data.config\"\n    >\n\n    </lcu-state-config-form>\n        \n\n        \n\n<!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n    {{ ErrorMessage }}\n</mat-error> -->\n\n</mat-dialog-content>\n\n<mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n        <!--  -->\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveStateConfig()\"\n          [disabled]=\"!StateConfigFormGroup?.dirty\"\n          >\n          <!-- <mat-icon>save</mat-icon> -->\n          Save\n        </button>\n\n</mat-dialog-actions>\n\n\n", styles: [".config-text-area{width:100%}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i3$1.MatSnackBar }];
+    }, propDecorators: { StateConfigForm: [{
+                type: ViewChild,
+                args: [StateConfigFormComponent]
+            }] } });
+
 class ApplicationsFlowModule {
     static forRoot() {
         return {
@@ -6914,7 +6944,9 @@ ApplicationsFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         SkeletonFeedCardComponent,
         UpgradeDialogComponent,
         EmulatedDevicesToggleComponent,
-        FeedHeaderDialogComponent], imports: [AngularEditorModule,
+        FeedHeaderDialogComponent,
+        StateConfigDialogComponent,
+        StateConfigFormComponent], imports: [AngularEditorModule,
         ClipboardModule,
         FathymSharedModule,
         FormsModule,
@@ -6973,7 +7005,9 @@ ApplicationsFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         EmulatedDevicesToggleComponent,
         FeedHeaderDialogComponent,
         DFSModifiersDialogComponent,
-        DFSModifiersFormComponent] });
+        DFSModifiersFormComponent,
+        StateConfigDialogComponent,
+        StateConfigFormComponent] });
 ApplicationsFlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ApplicationsFlowModule, imports: [[
             AngularEditorModule,
             ClipboardModule,
@@ -7041,6 +7075,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                         UpgradeDialogComponent,
                         EmulatedDevicesToggleComponent,
                         FeedHeaderDialogComponent,
+                        StateConfigDialogComponent,
+                        StateConfigFormComponent,
                     ],
                     imports: [
                         AngularEditorModule,
@@ -7106,7 +7142,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                         EmulatedDevicesToggleComponent,
                         FeedHeaderDialogComponent,
                         DFSModifiersDialogComponent,
-                        DFSModifiersFormComponent
+                        DFSModifiersFormComponent,
+                        StateConfigDialogComponent,
+                        StateConfigFormComponent
                     ],
                     entryComponents: [
                         ApplicationsFlowProjectsElementComponent,
@@ -7199,5 +7237,5 @@ class FormModel {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsModel, AnalyticsCardComponent, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, AppsFlowComponent, BaseFormComponent, BaseFormConfigModel, BaseFormTestComponent, BreadcrumbComponent, BuildPipelineDialogComponent, BuildPipelineFormComponent, BuildsComponent, CardCarouselComponent, CardFormConfigModel, CreateProjectWizardComponent, CustomDomainDialogComponent, DFSModifiersComponent, DFSModifiersDialogComponent, DFSModifiersFormComponent, DevOpsComponent, DevSettingsPresetModel, DevopsSourceControlFormComponent, DomainModel, DomainsComponent, DynamicTabsComponent, DynamicTabsModel, EaCService, EditApplicationDialogComponent, EditApplicationFormComponent, EmulatedDevicesToggleComponent, FeedCardSmComponent, FeedEntry, FeedHeaderComponent, FeedHeaderDialogComponent, FeedItem, FeedItemAction, FeedItemContributor, FeedItemTab, FormActionsModel, FormCardComponent, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HeaderComponent, HostingDetailsFormGroupComponent, IoTEnsembleService, MainFeedCardComponent, NPMService, NewApplicationDialogComponent, NpmPackageSelectComponent, ProcessorDetailsDialogComponent, ProcessorDetailsFormComponent, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectInfoCardComponent, ProjectItemsComponent, ProjectNameComponent, ProjectService, ProjectTabsComponent, RecentActivitiesComponent, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SaveApplicationAsCodeEventRequest, SaveDFSModifierEventRequest, SaveEnvironmentAsCodeEventRequest, SaveProjectAsCodeEventRequest, SecurityToggleComponent, SkeletonFeedCardComponent, SlottedCardComponent, SourceControlDialogComponent, SourceControlFormComponent, SourceControlFormControlsComponent, ThreeColumnComponent, TwoColumnHeaderComponent, UnpackLowCodeUnitRequest, UpgradeDialogComponent, UserFeedResponse };
+export { ActionsModel, AnalyticsCardComponent, ApplicationsFlowModule, ApplicationsFlowProjectsContext, ApplicationsFlowProjectsElementComponent, ApplicationsFlowProjectsElementState, ApplicationsFlowService, ApplicationsFlowState, ApplicationsFlowStateContext, AppsFlowComponent, BaseFormComponent, BaseFormConfigModel, BaseFormTestComponent, BreadcrumbComponent, BuildPipelineDialogComponent, BuildPipelineFormComponent, BuildsComponent, CardCarouselComponent, CardFormConfigModel, CreateProjectWizardComponent, CustomDomainDialogComponent, DFSModifiersComponent, DFSModifiersDialogComponent, DFSModifiersFormComponent, DevOpsComponent, DevSettingsPresetModel, DevopsSourceControlFormComponent, DomainModel, DomainsComponent, DynamicTabsComponent, DynamicTabsModel, EaCService, EditApplicationDialogComponent, EditApplicationFormComponent, EmulatedDevicesToggleComponent, FeedCardSmComponent, FeedEntry, FeedHeaderComponent, FeedHeaderDialogComponent, FeedItem, FeedItemAction, FeedItemContributor, FeedItemTab, FormActionsModel, FormCardComponent, FormModel, FormValuesModel, FormsService, GitAuthComponent, GitHubBranch, GitHubOrganization, GitHubRepository, GitHubSetupState, GitHubWorkflowRun, HeaderComponent, HostingDetailsFormGroupComponent, IoTEnsembleService, MainFeedCardComponent, NPMService, NewApplicationDialogComponent, NpmPackageSelectComponent, ProcessorDetailsDialogComponent, ProcessorDetailsFormComponent, ProjectActionsModel, ProjectHostingDetails, ProjectHostingOption, ProjectHostingOptionInput, ProjectInfoCardComponent, ProjectItemsComponent, ProjectNameComponent, ProjectService, ProjectTabsComponent, RecentActivitiesComponent, RootDirectoryComponent, SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT, SaveApplicationAsCodeEventRequest, SaveDFSModifierEventRequest, SaveEnvironmentAsCodeEventRequest, SaveProjectAsCodeEventRequest, SecurityToggleComponent, SkeletonFeedCardComponent, SlottedCardComponent, SourceControlDialogComponent, SourceControlFormComponent, SourceControlFormControlsComponent, StateConfigDialogComponent, StateConfigFormComponent, ThreeColumnComponent, TwoColumnHeaderComponent, UnpackLowCodeUnitRequest, UpgradeDialogComponent, UserFeedResponse };
 //# sourceMappingURL=lowcodeunit-applications-flow-common.mjs.map