@lowcodeunit/applications-flow-common 1.34.66-lets-get-social-ish → 1.34.70-lets-get-social-ish

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

@@ -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;
@@ -949,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);
             }
         });
     }
@@ -984,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() {
@@ -1105,7 +1045,7 @@ class EaCService {
                 saveEaC.Modifiers[req.ModifierLookups[0]] = req.Modifier;
             }
             if (req.ProjectLookups) {
-                req.ProjectLookups.forEach(lookup => {
+                req.ProjectLookups.forEach((lookup) => {
                     saveEaC.Projects[lookup] = {
                         ModifierLookups: req.ModifierLookups,
                     };
@@ -1183,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];
@@ -2651,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();
@@ -2843,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 = {
@@ -4346,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();
         }
@@ -4374,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,
@@ -4459,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) => {
@@ -5059,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']
@@ -5380,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();
         }
@@ -6609,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 = {
@@ -6791,16 +6728,14 @@ class DFSModifiersDialogComponent {
     CloseDialog() {
         this.dialogRef.close();
     }
-    DeleteModifier(modifierLookup) {
-        if (confirm(`Are you sure you want to delete modifier '${modifierLookup}'?`)) {
-            this.eacSvc.DeleteSourceControl(modifierLookup);
-        }
+    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();
         }
@@ -6812,17 +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);
@@ -6832,10 +6770,10 @@ 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);
             }
         }
@@ -6844,7 +6782,7 @@ class DFSModifiersDialogComponent {
     determineLevel() {
         // console.log("LEVEL: ", this.data.level)
         switch (this.data.level) {
-            case "enterprise": {
+            case 'enterprise': {
                 this.setupEntForm();
             }
         }
@@ -6854,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        <div  *ngIf=\"!data.modifierLookup\">\n                Select the modifiers you would like to apply from the list below, \n                or create a new modifier.\n        </div>\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=\"space-between center\"\n        \n>\n        <div fxLayoutAlign=\"start center\">\n                <button\n                        *ngIf=\"data.modifierLookup\"\n                        mat-raised-button\n                        color=\"warn\"\n                        (click)=\"DeleteModifier(data.modifierLookup)\"\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                        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)=\"SaveDFSModifier()\"\n                        [disabled]=\"IsDisabled()\">\n                        Save\n                </button>\n        </div>\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: 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"] }] });
+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        <div  *ngIf=\"!data.modifierLookup\">\n                Select the modifiers you would like to apply from the list below, \n                or create a new modifier.\n        </div>\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=\"space-between center\"\n        \n>\n        <div fxLayoutAlign=\"start center\">\n                <button\n                        *ngIf=\"data.modifierLookup\"\n                        mat-raised-button\n                        color=\"warn\"\n                        (click)=\"DeleteModifier(data.modifierLookup)\"\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                        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)=\"SaveDFSModifier()\"\n                        [disabled]=\"IsDisabled()\">\n                        Save\n                </button>\n        </div>\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,
@@ -6892,10 +6830,10 @@ class StateConfigFormComponent {
     }
 }
 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"] }] });
+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: [".config-text-area{width:100%}\n"], 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: [""] }]
+            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: [".config-text-area{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$2.FormBuilder }]; }, propDecorators: { AppLookup: [{
                 type: Input,
                 args: ['app-lookup']
@@ -6912,25 +6850,31 @@ class StateConfigDialogComponent {
         this.snackBar = snackBar;
     }
     get Application() {
-        return this.State.EaC.Applications[this.data.appLookup];
+        var _a, _b;
+        return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Applications[this.data.appLookup];
     }
     get State() {
         return this.eacSvc.State;
     }
+    get StateConfigFormControl() {
+        var _a;
+        return (_a = this.StateConfigForm) === null || _a === void 0 ? void 0 : _a.StateConfigFormControl;
+    }
     ngOnInit() {
     }
     CloseDialog() {
         this.dialogRef.close();
     }
     SaveStateConfig() {
-        this.StateConfigForm.SaveStateConfig();
+        var _a;
+        (_a = this.StateConfigForm) === null || _a === void 0 ? void 0 : _a.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"] }] });
+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]=\"!StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\"\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: 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"] }]
+            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]=\"!StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\"\n          >\n          <!-- <mat-icon>save</mat-icon> -->\n          Save\n        </button>\n\n</mat-dialog-actions>\n\n\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,