@lowcodeunit/applications-flow-common 1.37.113-new-project-page → 1.37.117-new-project-page

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

@@ -4730,7 +4730,8 @@ class SecurityToggleComponent {
     get IsTriggerSignInFormControl() {
         return this.SecurityFormGroup?.controls.isTriggerSignIn;
     }
-    ngOnInit() {
+    ngOnInit() { }
+    ngOnChanges() {
         this.setupSecurityFormGroup();
     }
     SecuritySubmit() {
@@ -4749,7 +4750,7 @@ class SecurityToggleComponent {
     }
 }
 SecurityToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SecurityToggleComponent, deps: [{ token: EaCService }, { token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-SecurityToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SecurityToggleComponent, selector: "lcu-security-toggle", inputs: { EditingApplication: ["editing-application", "EditingApplication"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form\n    class=\"security-form\"\n    [formGroup]=\"SecurityFormGroup\"\n    (ngSubmit)=\"SecuritySubmit()\"\n>\n    <mat-card class=\"flow-card\">\n        <!-- SKELETON LOADING -->\n        <ng-container *ngIf=\"Loading\">\n            <mat-card-header fxLayoutAlign=\"space-between center\">\n                <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">\n                    Security Settings\n                </mat-card-title>\n                <div fxLayoutAlign=\"space-around center\">\n                    <div skeleton-text [effect]=\"SkeletonEffect\">XXX</div>\n\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        info_outline\n                    </mat-icon>\n                </div>\n            </mat-card-header>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <div\n                    fxFlex=\"100%\"\n                    skeleton-text\n                    [effect]=\"SkeletonEffect\"\n                    fxLayoutAlign=\"center center\"\n                >\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        save\n                    </mat-icon>\n\n                    Save Settings\n                </div>\n            </mat-card-actions>\n        </ng-container>\n        <!-- END SKELETON LOADING -->\n\n        <!-- BEGIN ACTUAL CONTENT -->\n\n        <ng-container *ngIf=\"!Loading\">\n            <mat-card-header>\n                <mat-card-title> Security Settings </mat-card-title>\n\n                <div fxFlex></div>\n\n                <mat-slide-toggle\n                    formControlName=\"isPrivate\"\n                    matTooltip=\"Is Secure Application?\"\n                >\n                </mat-slide-toggle>\n\n                <mat-icon\n                    matSuffix\n                    matTooltip=\"A Secured Application is one that requires the user to be authenticated to use the application. The application is hosted behind an identity wall.\"\n                >\n                    info_outline\n                </mat-icon>\n            </mat-card-header>\n\n            <mat-card-content>\n                <div>\n                    <div *ngIf=\"IsPrivateFormControl.value\">\n                        <div>\n                            <mat-slide-toggle formControlName=\"isTriggerSignIn\">\n                                Is Trigger Sign In Application?\n                            </mat-slide-toggle>\n\n                            <mat-icon\n                                matSuffix\n                                matTooltip=\"A Trigger Sign In Application will direct the user to sign in if they are not already.\"\n                            >\n                                info_outline\n                            </mat-icon>\n                        </div>\n                    </div>\n                </div>\n            </mat-card-content>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <button\n                    mat-raised-button\n                    type=\"submit\"\n                    fxFlex=\"100%\"\n                    color=\"primary\"\n                    [disabled]=\"\n                        !SecurityFormGroup.valid || !SecurityFormGroup.dirty\n                    \"\n                >\n                    <mat-icon>save</mat-icon>\n                    Save Settings\n                </button>\n            </mat-card-actions>\n        </ng-container>\n    </mat-card>\n</form>\n", styles: [".flow-card{margin:32px 20px}\n"], components: [{ type: i1$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$2.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5$1.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: i4$1.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"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.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: i1$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1$2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i7$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i11$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i1$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }] });
+SecurityToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SecurityToggleComponent, selector: "lcu-security-toggle", inputs: { EditingApplication: ["editing-application", "EditingApplication"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"security-form\"\n    [formGroup]=\"SecurityFormGroup\"\n    (ngSubmit)=\"SecuritySubmit()\"\n>\n    <mat-card class=\"flow-card\">\n        <!-- SKELETON LOADING -->\n        <ng-container *ngIf=\"Loading\">\n            <mat-card-header fxLayoutAlign=\"space-between center\">\n                <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">\n                    Security Settings\n                </mat-card-title>\n                <div fxLayoutAlign=\"space-around center\">\n                    <div skeleton-text [effect]=\"SkeletonEffect\">XXX</div>\n\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        info_outline\n                    </mat-icon>\n                </div>\n            </mat-card-header>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <div\n                    fxFlex=\"100%\"\n                    skeleton-text\n                    [effect]=\"SkeletonEffect\"\n                    fxLayoutAlign=\"center center\"\n                >\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        save\n                    </mat-icon>\n\n                    Save Settings\n                </div>\n            </mat-card-actions>\n        </ng-container>\n        <!-- END SKELETON LOADING -->\n\n        <!-- BEGIN ACTUAL CONTENT -->\n\n        <ng-container *ngIf=\"!Loading\">\n            <mat-card-header>\n                <mat-card-title> Security Settings </mat-card-title>\n\n                <div fxFlex></div>\n\n                <mat-slide-toggle\n                    formControlName=\"isPrivate\"\n                    matTooltip=\"Is Secure Application?\"\n                >\n                </mat-slide-toggle>\n\n                <mat-icon\n                    matSuffix\n                    matTooltip=\"A Secured Application is one that requires the user to be authenticated to use the application. The application is hosted behind an identity wall.\"\n                >\n                    info_outline\n                </mat-icon>\n            </mat-card-header>\n\n            <mat-card-content>\n                <div>\n                    <div *ngIf=\"IsPrivateFormControl.value\">\n                        <div>\n                            <mat-slide-toggle formControlName=\"isTriggerSignIn\">\n                                Is Trigger Sign In Application?\n                            </mat-slide-toggle>\n\n                            <mat-icon\n                                matSuffix\n                                matTooltip=\"A Trigger Sign In Application will direct the user to sign in if they are not already.\"\n                            >\n                                info_outline\n                            </mat-icon>\n                        </div>\n                    </div>\n                </div>\n            </mat-card-content>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <button\n                    mat-raised-button\n                    type=\"submit\"\n                    fxFlex=\"100%\"\n                    color=\"primary\"\n                    [disabled]=\"\n                        !SecurityFormGroup.valid || !SecurityFormGroup.dirty\n                    \"\n                >\n                    <mat-icon>save</mat-icon>\n                    Save Settings\n                </button>\n            </mat-card-actions>\n        </ng-container>\n    </mat-card>\n</form>\n", styles: [".flow-card{margin:32px 20px}\n"], components: [{ type: i1$2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$2.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5$1.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: i4$1.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"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.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: i1$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1$2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i7$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i11$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i1$2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SecurityToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-security-toggle', template: "<form\n    class=\"security-form\"\n    [formGroup]=\"SecurityFormGroup\"\n    (ngSubmit)=\"SecuritySubmit()\"\n>\n    <mat-card class=\"flow-card\">\n        <!-- SKELETON LOADING -->\n        <ng-container *ngIf=\"Loading\">\n            <mat-card-header fxLayoutAlign=\"space-between center\">\n                <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">\n                    Security Settings\n                </mat-card-title>\n                <div fxLayoutAlign=\"space-around center\">\n                    <div skeleton-text [effect]=\"SkeletonEffect\">XXX</div>\n\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        info_outline\n                    </mat-icon>\n                </div>\n            </mat-card-header>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <div\n                    fxFlex=\"100%\"\n                    skeleton-text\n                    [effect]=\"SkeletonEffect\"\n                    fxLayoutAlign=\"center center\"\n                >\n                    <mat-icon skeleton-text [effect]=\"SkeletonEffect\">\n                        save\n                    </mat-icon>\n\n                    Save Settings\n                </div>\n            </mat-card-actions>\n        </ng-container>\n        <!-- END SKELETON LOADING -->\n\n        <!-- BEGIN ACTUAL CONTENT -->\n\n        <ng-container *ngIf=\"!Loading\">\n            <mat-card-header>\n                <mat-card-title> Security Settings </mat-card-title>\n\n                <div fxFlex></div>\n\n                <mat-slide-toggle\n                    formControlName=\"isPrivate\"\n                    matTooltip=\"Is Secure Application?\"\n                >\n                </mat-slide-toggle>\n\n                <mat-icon\n                    matSuffix\n                    matTooltip=\"A Secured Application is one that requires the user to be authenticated to use the application. The application is hosted behind an identity wall.\"\n                >\n                    info_outline\n                </mat-icon>\n            </mat-card-header>\n\n            <mat-card-content>\n                <div>\n                    <div *ngIf=\"IsPrivateFormControl.value\">\n                        <div>\n                            <mat-slide-toggle formControlName=\"isTriggerSignIn\">\n                                Is Trigger Sign In Application?\n                            </mat-slide-toggle>\n\n                            <mat-icon\n                                matSuffix\n                                matTooltip=\"A Trigger Sign In Application will direct the user to sign in if they are not already.\"\n                            >\n                                info_outline\n                            </mat-icon>\n                        </div>\n                    </div>\n                </div>\n            </mat-card-content>\n\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <button\n                    mat-raised-button\n                    type=\"submit\"\n                    fxFlex=\"100%\"\n                    color=\"primary\"\n                    [disabled]=\"\n                        !SecurityFormGroup.valid || !SecurityFormGroup.dirty\n                    \"\n                >\n                    <mat-icon>save</mat-icon>\n                    Save Settings\n                </button>\n            </mat-card-actions>\n        </ng-container>\n    </mat-card>\n</form>\n", styles: [".flow-card{margin:32px 20px}\n"] }]
@@ -4835,8 +4836,8 @@ class ProcessorDetailsFormComponent {
     }
     get ValidFormControls() {
         let vfc = new Array();
-        for (const field in this.ProcessorDetailsFormGroup.controls) {
-            const control = this.ProcessorDetailsFormGroup.get(field);
+        for (const field in this.ProcessorDetailsFormGroup?.controls) {
+            const control = this.ProcessorDetailsFormGroup?.get(field);
             if (control.valid) {
                 vfc.push(control);
             }
@@ -4850,17 +4851,22 @@ class ProcessorDetailsFormComponent {
     get ZipFileFormControl() {
         return this.ProcessorDetailsFormGroup?.controls.zipFile;
     }
-    ngOnInit() {
+    ngOnInit() { }
+    ngOnChanges() {
+        if (this.Environment?.Sources) {
+            this.SourceControls = this.Environment?.Sources;
+        }
         if (!this.EditingApplication) {
             this.CreateNewApplication();
         }
-        else {
+        else if (this.EditingApplication && !this.ProcessorDetailsFormGroup) {
             this.setupProcessorDetailsForm();
         }
-    }
-    ngOnChanges() {
-        if (this.Environment?.Sources) {
-            this.SourceControls = this.Environment?.Sources;
+        if (this.IsDisabled) {
+            this.ProcessorDetailsFormGroup.disable();
+        }
+        else {
+            this.ProcessorDetailsFormGroup.enable();
         }
     }
     CreateNewApplication() {
@@ -5065,6 +5071,7 @@ class ProcessorDetailsFormComponent {
     setupProcessorDetailsForm() {
         this.ProcessorType = this.EditingApplication?.Processor?.Type || '';
         // console.log('EDITING APP = ', this.EditingApplication);
+        this.ProcessorDetailsFormGroup;
         if (this.EditingApplication != null) {
             this.ProcessorDetailsFormGroup = this.formBldr.group({
                 procType: [this.ProcessorType, [Validators.required]],
@@ -5147,7 +5154,7 @@ class ProcessorDetailsFormComponent {
     }
 }
 ProcessorDetailsFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsFormComponent, deps: [{ token: ApplicationsFlowService }, { token: i1$1.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"], Environment: ["environment", "Environment"], HasSaveButton: ["has-save-button", "HasSaveButton"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\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=\"Loading\">\n        <ng-container *ngFor=\"let fc of ValidFormControls\">\n            <skeleton-block\n                [id]=\"fc\"\n                class=\"s-block\"\n                effect=\"wave\"\n            ></skeleton-block>\n        </ng-container>\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\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=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\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\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\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                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\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\"\n                            >Single Page Application</mat-option\n                        >\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                    >\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                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                    >\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 && !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]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"], components: [{ type: i3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.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$1.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.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.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$1.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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i11$1.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"], Environment: ["environment", "Environment"], HasSaveButton: ["has-save-button", "HasSaveButton"], IsDisabled: ["is-disabled", "IsDisabled"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\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=\"Loading\">\n        <ng-container *ngFor=\"let fc of ValidFormControls\">\n            <skeleton-block\n                [id]=\"fc\"\n                class=\"s-block\"\n                effect=\"wave\"\n            ></skeleton-block>\n        </ng-container>\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\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=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\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\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\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                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\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\"\n                            >Single Page Application</mat-option\n                        >\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                    >\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                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                    >\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 && !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]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"], components: [{ type: i3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.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$1.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.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.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$1.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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i11$1.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\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\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=\"Loading\">\n        <ng-container *ngFor=\"let fc of ValidFormControls\">\n            <skeleton-block\n                [id]=\"fc\"\n                class=\"s-block\"\n                effect=\"wave\"\n            ></skeleton-block>\n        </ng-container>\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\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=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\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\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"SourceControlFormControl?.valid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\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                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\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\"\n                            >Single Page Application</mat-option\n                        >\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                    >\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                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                    >\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 && !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]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"] }]
@@ -5163,6 +5170,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
             }], HasSaveButton: [{
                 type: Input,
                 args: ['has-save-button']
+            }], IsDisabled: [{
+                type: Input,
+                args: ['is-disabled']
             }], SourceControlLookups: [{
                 type: Input,
                 args: ['source-control-lookups']
@@ -5534,8 +5544,15 @@ class EditApplicationFormComponent {
     get RouteFormControl() {
         return this.ApplicationFormGroup?.controls.route;
     }
-    ngOnInit() {
+    ngOnInit() { }
+    ngOnChanges() {
         this.setupApplicationForm();
+        if (this.IsDisabled) {
+            this.ApplicationFormGroup.disable();
+        }
+        else {
+            this.ApplicationFormGroup.enable();
+        }
     }
     SubmitApplicationControl() {
         console.log('application form: ', this.ApplicationFormGroup.value);
@@ -5596,7 +5613,7 @@ class EditApplicationFormComponent {
     }
 }
 EditApplicationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
-EditApplicationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], CurrentRoute: ["current-route", "CurrentRoute"], EditingApplication: ["editing-application", "EditingApplication"], HasSaveButton: ["has-save-button", "HasSaveButton"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"ApplicationFormGroup\"\n    (ngSubmit)=\"SubmitApplicationControl()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n    <ng-container *ngIf=\"Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Name\"\n                formControlName=\"name\"\n                required\n            />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <textarea\n                matInput\n                placeholder=\"Description\"\n                formControlName=\"description\"\n                rows=\"3\"\n                required\n            ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Route\"\n                formControlName=\"route\"\n                required\n            />\n        </mat-form-field>\n    </ng-container>\n\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader>\n        \n    </mat-card-actions> -->\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
+EditApplicationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], CurrentRoute: ["current-route", "CurrentRoute"], IsDisabled: ["is-disabled", "IsDisabled"], EditingApplication: ["editing-application", "EditingApplication"], HasSaveButton: ["has-save-button", "HasSaveButton"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"ApplicationFormGroup\"\n    (ngSubmit)=\"SubmitApplicationControl()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n    <ng-container *ngIf=\"Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Name\"\n                formControlName=\"name\"\n                required\n            />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <textarea\n                matInput\n                placeholder=\"Description\"\n                formControlName=\"description\"\n                rows=\"3\"\n                required\n            ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Route\"\n                formControlName=\"route\"\n                required\n            />\n        </mat-form-field>\n    </ng-container>\n\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader>\n        \n    </mat-card-actions> -->\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-edit-application-form', template: "<form\n    class=\"form-card\"\n    [formGroup]=\"ApplicationFormGroup\"\n    (ngSubmit)=\"SubmitApplicationControl()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n        <mat-card-title>\n          <ng-container *ngIf=\"EditingApplication?.Application\">\n            Edit Application:\n            {{ EditingApplication.Application?.Name }}\n          </ng-container>\n\n          <ng-container *ngIf=\"!EditingApplication?.Application\">\n            Create an Application\n          </ng-container>\n        </mat-card-title>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n    <ng-container *ngIf=\"Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Name\"\n                formControlName=\"name\"\n                required\n            />\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <textarea\n                matInput\n                placeholder=\"Description\"\n                formControlName=\"description\"\n                rows=\"3\"\n                required\n            ></textarea>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                placeholder=\"Route\"\n                formControlName=\"route\"\n                required\n            />\n        </mat-form-field>\n    </ng-container>\n\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\">\n\n        <button \n        *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ApplicationFormGroup.valid || !ApplicationFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save\n        </button>\n        <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader>\n        \n    </mat-card-actions> -->\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}\n"] }]
@@ -5606,6 +5623,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
             }], CurrentRoute: [{
                 type: Input,
                 args: ['current-route']
+            }], IsDisabled: [{
+                type: Input,
+                args: ['is-disabled']
             }], EditingApplication: [{
                 type: Input,
                 args: ['editing-application']
@@ -5652,11 +5672,11 @@ class BreadcrumbComponent {
                 this.SelectedProject = this.Projects[this.ProjectLookup];
             }
         }
-        if (this.RoutedApplications) {
+        if (Object.keys(this.RoutedApplications).length !== 0) {
             this.Routes = Object.keys(this.RoutedApplications || {});
-            // console.log('routed apps: ', this.RoutedApplications);
+            console.log('routed apps: ', this.RoutedApplications);
             if (this.SelectedRoute) {
-                // console.log('selected route: ', this.SelectedRoute)
+                console.log('selected route: ', this.SelectedRoute);
                 this.CurrentRouteApplicationLookups =
                     Object.keys(this.RoutedApplications[this.SelectedRoute]) ||
                         [];
@@ -5811,7 +5831,7 @@ class EditApplicationDialogComponent {
     }
 }
 EditApplicationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditApplicationDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-EditApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationDialogComponent, selector: "lcu-edit-application-dialog", viewQueries: [{ propertyName: "EditApplicationControl", first: true, predicate: EditApplicationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>\n        Edit Application: {{ data.application?.Application?.Name }}\n    </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    <lcu-edit-application-form\n        [application-lookup]=\"data.applicationLookup\"\n        [editing-application]=\"data.application\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveApplicationEvent($event)\"\n    >\n    </lcu-edit-application-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ApplicationFormGroup?.valid || !ApplicationFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "editing-application", "has-save-button", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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"] }] });
+EditApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditApplicationDialogComponent, selector: "lcu-edit-application-dialog", viewQueries: [{ propertyName: "EditApplicationControl", first: true, predicate: EditApplicationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>\n        Edit Application: {{ data.application?.Application?.Name }}\n    </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    <lcu-edit-application-form\n        [application-lookup]=\"data.applicationLookup\"\n        [editing-application]=\"data.application\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveApplicationEvent($event)\"\n    >\n    </lcu-edit-application-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ApplicationFormGroup?.valid || !ApplicationFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "is-disabled", "editing-application", "has-save-button", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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: EditApplicationDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-edit-application-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>\n        Edit Application: {{ data.application?.Application?.Name }}\n    </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    <lcu-edit-application-form\n        [application-lookup]=\"data.applicationLookup\"\n        [editing-application]=\"data.application\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveApplicationEvent($event)\"\n    >\n    </lcu-edit-application-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ApplicationFormGroup?.valid || !ApplicationFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
@@ -5998,7 +6018,7 @@ class NewApplicationDialogComponent {
     }
 }
 NewApplicationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NewApplicationDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-NewApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: NewApplicationDialogComponent, selector: "lcu-new-application-dialog", viewQueries: [{ propertyName: "ApplicationFormControls", first: true, predicate: EditApplicationFormComponent, descendants: true }, { propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Create Application</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-edit-application-form\n        [current-route]=\"data.currentRoute\"\n        [editing-application]=\"NewApplication\"\n        [has-save-button]=\"HasSaveButton\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-edit-application-form>\n\n    <lcu-processor-details-form\n        [editing-application]=\"NewApplication\"\n        [editing-application-lookup]=\"NewApplicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [has-save-button]=\"HasSaveButton\"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-processor-details-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=\"end center\"\n    fxLayoutAlign.lt-md=\"center center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"\n            ProcessorDetailsFormControls &&\n            ApplicationFormControls &&\n            !State?.Loading\n        \"\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"60%\"\n        class=\"new-app-submit\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ProcessorDetailsFormControls?.ProcessorDetailsFormGroup?.valid ||\n            !ApplicationFormControls?.ApplicationFormGroup?.valid\n        \"\n    >\n        Save Application\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "editing-application", "has-save-button", "project-lookup", "loading"], outputs: ["save-form-event"] }, { type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "environment", "has-save-button", "source-control-lookups", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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"] }] });
+NewApplicationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: NewApplicationDialogComponent, selector: "lcu-new-application-dialog", viewQueries: [{ propertyName: "ApplicationFormControls", first: true, predicate: EditApplicationFormComponent, descendants: true }, { propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Create Application</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-edit-application-form\n        [current-route]=\"data.currentRoute\"\n        [editing-application]=\"NewApplication\"\n        [has-save-button]=\"HasSaveButton\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-edit-application-form>\n\n    <lcu-processor-details-form\n        [editing-application]=\"NewApplication\"\n        [editing-application-lookup]=\"NewApplicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [has-save-button]=\"HasSaveButton\"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-processor-details-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=\"end center\"\n    fxLayoutAlign.lt-md=\"center center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"\n            ProcessorDetailsFormControls &&\n            ApplicationFormControls &&\n            !State?.Loading\n        \"\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"60%\"\n        class=\"new-app-submit\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ProcessorDetailsFormControls?.ProcessorDetailsFormGroup?.valid ||\n            !ApplicationFormControls?.ApplicationFormGroup?.valid\n        \"\n    >\n        Save Application\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: EditApplicationFormComponent, selector: "lcu-edit-application-form", inputs: ["application-lookup", "current-route", "is-disabled", "editing-application", "has-save-button", "project-lookup", "loading"], outputs: ["save-form-event"] }, { type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "environment", "has-save-button", "is-disabled", "source-control-lookups", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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: NewApplicationDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-new-application-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Create Application</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-edit-application-form\n        [current-route]=\"data.currentRoute\"\n        [editing-application]=\"NewApplication\"\n        [has-save-button]=\"HasSaveButton\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-edit-application-form>\n\n    <lcu-processor-details-form\n        [editing-application]=\"NewApplication\"\n        [editing-application-lookup]=\"NewApplicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [has-save-button]=\"HasSaveButton\"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n    >\n    </lcu-processor-details-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=\"end center\"\n    fxLayoutAlign.lt-md=\"center center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"\n            ProcessorDetailsFormControls &&\n            ApplicationFormControls &&\n            !State?.Loading\n        \"\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"60%\"\n        class=\"new-app-submit\"\n        (click)=\"SaveApplication()\"\n        [disabled]=\"\n            !ProcessorDetailsFormControls?.ProcessorDetailsFormGroup?.valid ||\n            !ApplicationFormControls?.ApplicationFormGroup?.valid\n        \"\n    >\n        Save Application\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
@@ -6063,7 +6083,7 @@ class ProcessorDetailsDialogComponent {
     }
 }
 ProcessorDetailsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-ProcessorDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsDialogComponent, selector: "lcu-processor-details-dialog", viewQueries: [{ propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Processor Details</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    <lcu-processor-details-form\n        more-details\n        [editing-application]=\"Application\"\n        [editing-application-lookup]=\"data.applicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveFormEvent($event)\"\n    >\n    </lcu-processor-details-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveProcessorDetails()\"\n        [disabled]=\"\n            !ProcessorDetailsFormGroup?.valid ||\n            !ProcessorDetailsFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "environment", "has-save-button", "source-control-lookups", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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"] }] });
+ProcessorDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsDialogComponent, selector: "lcu-processor-details-dialog", viewQueries: [{ propertyName: "ProcessorDetailsFormControls", first: true, predicate: ProcessorDetailsFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Processor Details</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    <lcu-processor-details-form\n        more-details\n        [editing-application]=\"Application\"\n        [editing-application-lookup]=\"data.applicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveFormEvent($event)\"\n    >\n    </lcu-processor-details-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveProcessorDetails()\"\n        [disabled]=\"\n            !ProcessorDetailsFormGroup?.valid ||\n            !ProcessorDetailsFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i4$1.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: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: ["editing-application", "editing-application-lookup", "environment", "has-save-button", "is-disabled", "source-control-lookups", "project-lookup", "loading"], outputs: ["save-form-event"] }], directives: [{ type: i7$1.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: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$1.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: i7$1.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: ProcessorDetailsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lcu-processor-details-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Processor Details</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    <lcu-processor-details-form\n        more-details\n        [editing-application]=\"Application\"\n        [editing-application-lookup]=\"data.applicationLookup\"\n        [environment]=\"\n            State?.EaC?.Environments[State?.EaC?.Enterprise?.PrimaryEnvironment]\n        \"\n        [source-control-lookups]=\"SourceControlLookups\"\n        [project-lookup]=\"data.projectLookup\"\n        [loading]=\"State?.Loading\"\n        (save-form-event)=\"HandleSaveFormEvent($event)\"\n    >\n    </lcu-processor-details-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=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        fxFlex.lt-md=\"30%\"\n        color=\"primary\"\n        (click)=\"SaveProcessorDetails()\"\n        [disabled]=\"\n            !ProcessorDetailsFormGroup?.valid ||\n            !ProcessorDetailsFormGroup?.dirty\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]