@lowcodeunit/applications-flow-common 1.37.84-new-state-setup → 1.37.85-mobile-friendly

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

@@ -5546,10 +5546,10 @@ class BuildPipelineFormComponent {
     }
 }
 BuildPipelineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BuildPipelineFormComponent, deps: [{ token: EaCService }, { token: i1$1.FormBuilder }, { token: ApplicationsFlowService }], target: i0.ɵɵFactoryTarget.Component });
-BuildPipelineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BuildPipelineFormComponent, selector: "lcu-build-pipeline-form", inputs: { DevOpsActionLookup: ["devops-action-lookup", "DevOpsActionLookup"], Disabled: ["disabled", "Disabled"], Environment: ["environment", "Environment"], EnvironmentLookup: ["environment-lookup", "EnvironmentLookup"], HostingDetails: ["hosting-details", "HostingDetails"], Loading: ["loading", "Loading"] }, outputs: { ResponseEvent: "response-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"BuildPipelineFormGroup\"\n    (ngSubmit)=\"SubmitBuildPipeline()\"\n>\n    <!-- <mat-card\n      class=\"spread\"  \n    > -->\n    <!-- <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"HostingDetails?.Loading || Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <ng-container *ngIf=\"SelectedHostingOption?.Inputs\">\n            <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n            >\n                <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n            </ng-container>\n        </ng-container>\n\n        <skeleton-block *ngIf=\"\" class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!HostingDetails?.Loading && !Loading\">\n        <!-- <div  *ngIf=\"!HostingDetails?.Loading\"> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                formControlName=\"buildPipeline\"\n                placeholder=\"Build Pipeline\"\n                [disabled]=\"Disabled\"\n                (selectionChange)=\"BuildPipelineChanged()\"\n                required\n            >\n                <ng-container\n                    *ngFor=\"\n                        let hostOption of HostingDetails?.HostingOptions;\n                        let i = index\n                    \"\n                >\n                    <mat-option [value]=\"hostOption.Lookup\">\n                        {{ hostOption.Name }}\n                    </mat-option>\n                </ng-container>\n            </mat-select>\n\n            <mat-hint>\n                <ng-container\n                    *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n                >\n                    <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                        {{ hostOption.Description }}\n                    </span>\n                </ng-container>\n            </mat-hint>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                formControlName=\"devOpsActionName\"\n                placeholder=\"Name of DevOps Action\"\n                required=\"true\"\n            />\n        </mat-form-field>\n\n        <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    [formControlName]=\"input.Lookup\"\n                    [placeholder]=\"input.Placeholder\"\n                    [required]=\"input.Required\"\n                />\n\n                <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n        </ng-container>\n\n        <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n                <mat-icon matPrefix>security</mat-icon>\n\n                <input\n                    id=\"npm-token\"\n                    matInput\n                    type=\"text\"\n                    formControlName=\"npmToken\"\n                    placeholder=\"NPM token\"\n                    [required]=\"!Disabled\"\n                    style=\"-webkit-text-security: disc\"\n                />\n                <mat-hint>\n                    Securely publish to NPM, provide an NPM Personal Access\n                    Token (PAT) with publish access to the organization used for\n                    your NPM packages. Learn how to create and view access\n                    tokens\n                    <a\n                        href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        here.\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n        <!-- </div> -->\n\n        <!-- <div *ngIf=\"HostingDetails?.Loading\">\n            <div class=\"spread\">\n              <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n          \n              <div class=\"margin-3\">\n                <h4 class=\"mat-title\">Loading hosting details</h4>\n              </div>\n            </div>\n          </div> -->\n    </ng-container>\n    <!-- </mat-card-content> -->\n\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n          *ngIf=\"!Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!BuildPipelineFormGroup.valid || !BuildPipelineFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Build Pipeline\n        </button> -->\n    <!-- <lcu-loader [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}.primary-link{color:#4a918e;text-decoration:none}\n"], components: [{ type: i3$1.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { 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: 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: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { 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.MatPrefix, selector: "[matPrefix]" }] });
+BuildPipelineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BuildPipelineFormComponent, selector: "lcu-build-pipeline-form", inputs: { DevOpsActionLookup: ["devops-action-lookup", "DevOpsActionLookup"], Disabled: ["disabled", "Disabled"], Environment: ["environment", "Environment"], EnvironmentLookup: ["environment-lookup", "EnvironmentLookup"], HostingDetails: ["hosting-details", "HostingDetails"], Loading: ["loading", "Loading"] }, outputs: { ResponseEvent: "response-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"BuildPipelineFormGroup\"\n    (ngSubmit)=\"SubmitBuildPipeline()\"\n>\n    <!-- <mat-card\n      class=\"spread\"  \n    > -->\n    <!-- <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"HostingDetails?.Loading || Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <ng-container *ngIf=\"SelectedHostingOption?.Inputs\">\n            <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n            >\n                <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n            </ng-container>\n        </ng-container>\n\n        <skeleton-block *ngIf=\"\" class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!HostingDetails?.Loading && !Loading\">\n        <!-- <div  *ngIf=\"!HostingDetails?.Loading\"> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                formControlName=\"buildPipeline\"\n                placeholder=\"Build Pipeline\"\n                [disabled]=\"Disabled\"\n                (selectionChange)=\"BuildPipelineChanged()\"\n                required\n            >\n                <ng-container\n                    *ngFor=\"\n                        let hostOption of HostingDetails?.HostingOptions;\n                        let i = index\n                    \"\n                >\n                    <mat-option [value]=\"hostOption.Lookup\">\n                        {{ hostOption.Name }}\n                    </mat-option>\n                </ng-container>\n            </mat-select>\n\n            <mat-hint>\n                <ng-container\n                    *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n                >\n                    <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                        {{ hostOption.Description }}\n                    </span>\n                </ng-container>\n            </mat-hint>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                formControlName=\"devOpsActionName\"\n                placeholder=\"Name of DevOps Action\"\n                required=\"true\"\n            />\n        </mat-form-field>\n\n        <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    [formControlName]=\"input.Lookup\"\n                    [placeholder]=\"input.Placeholder\"\n                    [required]=\"input.Required\"\n                />\n\n                <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n        </ng-container>\n\n        <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n                <mat-icon matPrefix>security</mat-icon>\n\n                <input\n                    id=\"npm-token\"\n                    matInput\n                    type=\"text\"\n                    formControlName=\"npmToken\"\n                    placeholder=\"NPM token\"\n                    [required]=\"!Disabled\"\n                    style=\"-webkit-text-security: disc\"\n                />\n                <mat-hint>\n                    Securely publish to NPM, provide an NPM Personal Access\n                    Token (PAT) with publish access to the organization used for\n                    your NPM packages. Learn how to create and view access\n                    tokens\n                    <a\n                        href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        here.\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n        <!-- </div> -->\n\n        <!-- <div *ngIf=\"HostingDetails?.Loading\">\n            <div class=\"spread\">\n              <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n          \n              <div class=\"margin-3\">\n                <h4 class=\"mat-title\">Loading hosting details</h4>\n              </div>\n            </div>\n          </div> -->\n    </ng-container>\n    <!-- </mat-card-content> -->\n\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n          *ngIf=\"!Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!BuildPipelineFormGroup.valid || !BuildPipelineFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Build Pipeline\n        </button> -->\n    <!-- <lcu-loader [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}.primary-link{color:#4a918e;text-decoration:none}::ng-deep .mat-form-field{margin-bottom:20px}\n"], components: [{ type: i3$1.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { 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: 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: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { 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.MatPrefix, selector: "[matPrefix]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BuildPipelineFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-build-pipeline-form', template: "<form\n    class=\"form-card\"\n    [formGroup]=\"BuildPipelineFormGroup\"\n    (ngSubmit)=\"SubmitBuildPipeline()\"\n>\n    <!-- <mat-card\n      class=\"spread\"  \n    > -->\n    <!-- <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"HostingDetails?.Loading || Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <ng-container *ngIf=\"SelectedHostingOption?.Inputs\">\n            <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n            >\n                <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n            </ng-container>\n        </ng-container>\n\n        <skeleton-block *ngIf=\"\" class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!HostingDetails?.Loading && !Loading\">\n        <!-- <div  *ngIf=\"!HostingDetails?.Loading\"> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                formControlName=\"buildPipeline\"\n                placeholder=\"Build Pipeline\"\n                [disabled]=\"Disabled\"\n                (selectionChange)=\"BuildPipelineChanged()\"\n                required\n            >\n                <ng-container\n                    *ngFor=\"\n                        let hostOption of HostingDetails?.HostingOptions;\n                        let i = index\n                    \"\n                >\n                    <mat-option [value]=\"hostOption.Lookup\">\n                        {{ hostOption.Name }}\n                    </mat-option>\n                </ng-container>\n            </mat-select>\n\n            <mat-hint>\n                <ng-container\n                    *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n                >\n                    <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                        {{ hostOption.Description }}\n                    </span>\n                </ng-container>\n            </mat-hint>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                formControlName=\"devOpsActionName\"\n                placeholder=\"Name of DevOps Action\"\n                required=\"true\"\n            />\n        </mat-form-field>\n\n        <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    [formControlName]=\"input.Lookup\"\n                    [placeholder]=\"input.Placeholder\"\n                    [required]=\"input.Required\"\n                />\n\n                <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n        </ng-container>\n\n        <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n                <mat-icon matPrefix>security</mat-icon>\n\n                <input\n                    id=\"npm-token\"\n                    matInput\n                    type=\"text\"\n                    formControlName=\"npmToken\"\n                    placeholder=\"NPM token\"\n                    [required]=\"!Disabled\"\n                    style=\"-webkit-text-security: disc\"\n                />\n                <mat-hint>\n                    Securely publish to NPM, provide an NPM Personal Access\n                    Token (PAT) with publish access to the organization used for\n                    your NPM packages. Learn how to create and view access\n                    tokens\n                    <a\n                        href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        here.\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n        <!-- </div> -->\n\n        <!-- <div *ngIf=\"HostingDetails?.Loading\">\n            <div class=\"spread\">\n              <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n          \n              <div class=\"margin-3\">\n                <h4 class=\"mat-title\">Loading hosting details</h4>\n              </div>\n            </div>\n          </div> -->\n    </ng-container>\n    <!-- </mat-card-content> -->\n\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n          *ngIf=\"!Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!BuildPipelineFormGroup.valid || !BuildPipelineFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Build Pipeline\n        </button> -->\n    <!-- <lcu-loader [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}.primary-link{color:#4a918e;text-decoration:none}\n"] }]
+            args: [{ selector: 'lcu-build-pipeline-form', template: "<form\n    class=\"form-card\"\n    [formGroup]=\"BuildPipelineFormGroup\"\n    (ngSubmit)=\"SubmitBuildPipeline()\"\n>\n    <!-- <mat-card\n      class=\"spread\"  \n    > -->\n    <!-- <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"HostingDetails?.Loading || Loading\">\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n\n        <ng-container *ngIf=\"SelectedHostingOption?.Inputs\">\n            <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n            >\n                <skeleton-block class=\"s-block\" effect=\"wave\"></skeleton-block>\n            </ng-container>\n        </ng-container>\n\n        <skeleton-block *ngIf=\"\" class=\"s-block\" effect=\"wave\"></skeleton-block>\n    </ng-container>\n\n    <ng-container *ngIf=\"!HostingDetails?.Loading && !Loading\">\n        <!-- <div  *ngIf=\"!HostingDetails?.Loading\"> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                formControlName=\"buildPipeline\"\n                placeholder=\"Build Pipeline\"\n                [disabled]=\"Disabled\"\n                (selectionChange)=\"BuildPipelineChanged()\"\n                required\n            >\n                <ng-container\n                    *ngFor=\"\n                        let hostOption of HostingDetails?.HostingOptions;\n                        let i = index\n                    \"\n                >\n                    <mat-option [value]=\"hostOption.Lookup\">\n                        {{ hostOption.Name }}\n                    </mat-option>\n                </ng-container>\n            </mat-select>\n\n            <mat-hint>\n                <ng-container\n                    *ngFor=\"let hostOption of HostingDetails?.HostingOptions\"\n                >\n                    <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                        {{ hostOption.Description }}\n                    </span>\n                </ng-container>\n            </mat-hint>\n        </mat-form-field>\n\n        <mat-form-field class=\"mat-full-width\">\n            <input\n                matInput\n                formControlName=\"devOpsActionName\"\n                placeholder=\"Name of DevOps Action\"\n                required=\"true\"\n            />\n        </mat-form-field>\n\n        <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    [formControlName]=\"input.Lookup\"\n                    [placeholder]=\"input.Placeholder\"\n                    [required]=\"input.Required\"\n                />\n\n                <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n        </ng-container>\n\n        <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n                <mat-icon matPrefix>security</mat-icon>\n\n                <input\n                    id=\"npm-token\"\n                    matInput\n                    type=\"text\"\n                    formControlName=\"npmToken\"\n                    placeholder=\"NPM token\"\n                    [required]=\"!Disabled\"\n                    style=\"-webkit-text-security: disc\"\n                />\n                <mat-hint>\n                    Securely publish to NPM, provide an NPM Personal Access\n                    Token (PAT) with publish access to the organization used for\n                    your NPM packages. Learn how to create and view access\n                    tokens\n                    <a\n                        href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        here.\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n        <!-- </div> -->\n\n        <!-- <div *ngIf=\"HostingDetails?.Loading\">\n            <div class=\"spread\">\n              <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n          \n              <div class=\"margin-3\">\n                <h4 class=\"mat-title\">Loading hosting details</h4>\n              </div>\n            </div>\n          </div> -->\n    </ng-container>\n    <!-- </mat-card-content> -->\n\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n          *ngIf=\"!Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!BuildPipelineFormGroup.valid || !BuildPipelineFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Build Pipeline\n        </button> -->\n    <!-- <lcu-loader [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}.primary-link{color:#4a918e;text-decoration:none}::ng-deep .mat-form-field{margin-bottom:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$1.FormBuilder }, { type: ApplicationsFlowService }]; }, propDecorators: { DevOpsActionLookup: [{
                 type: Input,
                 args: ['devops-action-lookup']
@@ -5616,10 +5616,10 @@ class BuildPipelineDialogComponent {
     }
 }
 BuildPipelineDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BuildPipelineDialogComponent, deps: [{ token: i2$3.MatDialogRef }, { token: EaCService }, { token: MAT_DIALOG_DATA }, { token: i3$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-BuildPipelineDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BuildPipelineDialogComponent, selector: "lcu-build-pipeline-dialog", viewQueries: [{ propertyName: "BuildPipelineControl", first: true, predicate: BuildPipelineFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Build Pipeline</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    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\">\n        <lcu-build-pipeline-form\n            [devops-action-lookup]=\"data.devopsActionLookup\"\n            [environment]=\"data.environment\"\n            [environment-lookup]=\"data.environmentLookup\"\n            [loading]=\"State?.Loading\"\n            (response-event)=\"HandleResponseEvent($event)\"\n        >\n        </lcu-build-pipeline-form>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n>\n    <div fxLayoutAlign=\"start center\">\n        <button\n            mat-raised-button\n            color=\"warn\"\n            (click)=\"DeleteDevOpsAction()\"\n            matTooltip=\"Delete {{ data.doaName }}\"\n        >\n            Delete\n        </button>\n    </div>\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"52%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            *ngIf=\"!State?.Loading\"\n            mat-raised-button\n            type=\"submit\"\n            fxFlex=\"25%\"\n            color=\"primary\"\n            (click)=\"SaveBuildPipeline()\"\n            [disabled]=\"\n                !BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GitAuthComponent, selector: "lcu-git-auth", inputs: ["size"] }, { type: BuildPipelineFormComponent, selector: "lcu-build-pipeline-form", inputs: ["devops-action-lookup", "disabled", "environment", "environment-lookup", "hosting-details", "loading"], outputs: ["response-event"] }], directives: [{ type: i8$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: i8$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: i11$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8$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"] }] });
+BuildPipelineDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BuildPipelineDialogComponent, selector: "lcu-build-pipeline-dialog", viewQueries: [{ propertyName: "BuildPipelineControl", first: true, predicate: BuildPipelineFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Build Pipeline</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    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\">\n        <lcu-build-pipeline-form\n            [devops-action-lookup]=\"data.devopsActionLookup\"\n            [environment]=\"data.environment\"\n            [environment-lookup]=\"data.environmentLookup\"\n            [loading]=\"State?.Loading\"\n            (response-event)=\"HandleResponseEvent($event)\"\n        >\n        </lcu-build-pipeline-form>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n>\n    <div fxLayoutAlign=\"start center\">\n        <button\n            mat-raised-button\n            color=\"warn\"\n            (click)=\"DeleteDevOpsAction()\"\n            matTooltip=\"Delete {{ data.doaName }}\"\n        >\n            Delete\n        </button>\n    </div>\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"52%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            *ngIf=\"!State?.Loading\"\n            mat-raised-button\n            type=\"submit\"\n            fxFlex=\"25%\"\n            fxFlex.lt-md=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveBuildPipeline()\"\n            [disabled]=\"\n                !BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: GitAuthComponent, selector: "lcu-git-auth", inputs: ["size"] }, { type: BuildPipelineFormComponent, selector: "lcu-build-pipeline-form", inputs: ["devops-action-lookup", "disabled", "environment", "environment-lookup", "hosting-details", "loading"], outputs: ["response-event"] }], directives: [{ type: i8$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: i8$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: i11$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8$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: BuildPipelineDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-build-pipeline-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Build Pipeline</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    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\">\n        <lcu-build-pipeline-form\n            [devops-action-lookup]=\"data.devopsActionLookup\"\n            [environment]=\"data.environment\"\n            [environment-lookup]=\"data.environmentLookup\"\n            [loading]=\"State?.Loading\"\n            (response-event)=\"HandleResponseEvent($event)\"\n        >\n        </lcu-build-pipeline-form>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n>\n    <div fxLayoutAlign=\"start center\">\n        <button\n            mat-raised-button\n            color=\"warn\"\n            (click)=\"DeleteDevOpsAction()\"\n            matTooltip=\"Delete {{ data.doaName }}\"\n        >\n            Delete\n        </button>\n    </div>\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"52%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            *ngIf=\"!State?.Loading\"\n            mat-raised-button\n            type=\"submit\"\n            fxFlex=\"25%\"\n            color=\"primary\"\n            (click)=\"SaveBuildPipeline()\"\n            [disabled]=\"\n                !BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}\n"] }]
+            args: [{ selector: 'lcu-build-pipeline-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Build Pipeline</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    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\">\n        <lcu-build-pipeline-form\n            [devops-action-lookup]=\"data.devopsActionLookup\"\n            [environment]=\"data.environment\"\n            [environment-lookup]=\"data.environmentLookup\"\n            [loading]=\"State?.Loading\"\n            (response-event)=\"HandleResponseEvent($event)\"\n        >\n        </lcu-build-pipeline-form>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n>\n    <div fxLayoutAlign=\"start center\">\n        <button\n            mat-raised-button\n            color=\"warn\"\n            (click)=\"DeleteDevOpsAction()\"\n            matTooltip=\"Delete {{ data.doaName }}\"\n        >\n            Delete\n        </button>\n    </div>\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"52%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            *ngIf=\"!State?.Loading\"\n            mat-raised-button\n            type=\"submit\"\n            fxFlex=\"25%\"\n            fxFlex.lt-md=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveBuildPipeline()\"\n            [disabled]=\"\n                !BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i2$3.MatDialogRef }, { type: EaCService }, { type: undefined, decorators: [{
                         type: Inject,
@@ -5878,10 +5878,10 @@ 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$2.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        (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        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: i3.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: i8$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: i8$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: i8$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: i3.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: i8$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: i8$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: i8$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        (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        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: [""] }]
+            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: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -6064,10 +6064,10 @@ 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$2.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>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\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        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: i3.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: i8$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: i8$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: i8$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: i3.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: i8$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: i8$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: i8$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>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\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        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: [""] }]
+            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: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -6130,10 +6130,10 @@ 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$2.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        (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        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: i3.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: i8$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: i8$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: i8$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: i3.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: i8$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: i8$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: i8$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        (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        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: [""] }]
+            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: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -6613,10 +6613,10 @@ class FeedHeaderDialogComponent {
     }
 }
 FeedHeaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$1.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{ data.dialogTitle }}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\">\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                class=\"angular-editor\"\n                id=\"issue-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement'\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Subtitle\"\n                    formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"announcement-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Text\"\n                        formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Link\"\n                        formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Icon\"\n                        formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button\n                    *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button\n                    color=\"primary\"\n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{\n                        ActionIconControl?.value\n                    }}</mat-icon>\n\n                    {{ ActionTextControl?.value }}\n                </button>\n\n                <button\n                    *ngIf=\"\n                        !ActionTextControl?.value && !ActionIconControl?.value\n                    \"\n                    mat-button\n                    color=\"primary\"\n                >\n                    <mat-icon>cruelty_free</mat-icon>\n\n                    Example Button\n                </button>\n            </div>\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            PullRequestSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayoutAlign=\"center center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"pr-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field>\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            FeatureBranchSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"organization\"\n                        placeholder=\"Organization\"\n                        (selectionChange)=\"OrganizationChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let orgOpt of OrganizationOptions\"\n                        >\n                            <mat-option [value]=\"orgOpt.Name\">\n                                {{ orgOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"repository\"\n                        placeholder=\"Repository\"\n                        (selectionChange)=\"RepositoryChanged($event)\"\n                        required\n                    >\n                        <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                            <mat-option [value]=\"repoOpt.Name\">\n                                {{ repoOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayoutAlign=\"space-around center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field>\n                    <mat-label>Base Branch</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field>\n                    <input\n                        matInput\n                        placeholder=\"Create New Branch\"\n                        formControlName=\"targetBranch\"\n                        required\n                    />\n                </mat-form-field>\n            </div>\n        </ng-container>\n\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n    </form>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\"\n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n", styles: [".error{color:red}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.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: i2$4.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], directives: [{ type: i8$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: 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: i8$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: i4.MatLabel, selector: "mat-label" }, { 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8$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"] }] });
+FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{ data.dialogTitle }}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\">\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                class=\"angular-editor\"\n                id=\"issue-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement'\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Subtitle\"\n                    formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"announcement-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Text\"\n                        formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Link\"\n                        formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Icon\"\n                        formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button\n                    *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button\n                    color=\"primary\"\n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{\n                        ActionIconControl?.value\n                    }}</mat-icon>\n\n                    {{ ActionTextControl?.value }}\n                </button>\n\n                <button\n                    *ngIf=\"\n                        !ActionTextControl?.value && !ActionIconControl?.value\n                    \"\n                    mat-button\n                    color=\"primary\"\n                >\n                    <mat-icon>cruelty_free</mat-icon>\n\n                    Example Button\n                </button>\n            </div>\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            PullRequestSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"center center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"pr-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field>\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            FeatureBranchSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"space-around center\"\n            >\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"organization\"\n                        placeholder=\"Organization\"\n                        (selectionChange)=\"OrganizationChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let orgOpt of OrganizationOptions\"\n                        >\n                            <mat-option [value]=\"orgOpt.Name\">\n                                {{ orgOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"repository\"\n                        placeholder=\"Repository\"\n                        (selectionChange)=\"RepositoryChanged($event)\"\n                        required\n                    >\n                        <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                            <mat-option [value]=\"repoOpt.Name\">\n                                {{ repoOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"space-around center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field>\n                    <mat-label>Base Branch</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field>\n                    <input\n                        matInput\n                        placeholder=\"Create New Branch\"\n                        formControlName=\"targetBranch\"\n                        required\n                    />\n                </mat-form-field>\n            </div>\n        </ng-container>\n\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n    </form>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"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    <!--  -->\n    <button\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\"\n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n", styles: [".error{color:red}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.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: i2$4.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }], directives: [{ type: i8$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: 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: i8$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: i4.MatLabel, selector: "mat-label" }, { 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8$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: FeedHeaderDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{ data.dialogTitle }}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\">\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                class=\"angular-editor\"\n                id=\"issue-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement'\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Subtitle\"\n                    formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"announcement-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Text\"\n                        formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Link\"\n                        formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Icon\"\n                        formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button\n                    *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button\n                    color=\"primary\"\n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{\n                        ActionIconControl?.value\n                    }}</mat-icon>\n\n                    {{ ActionTextControl?.value }}\n                </button>\n\n                <button\n                    *ngIf=\"\n                        !ActionTextControl?.value && !ActionIconControl?.value\n                    \"\n                    mat-button\n                    color=\"primary\"\n                >\n                    <mat-icon>cruelty_free</mat-icon>\n\n                    Example Button\n                </button>\n            </div>\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            PullRequestSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayoutAlign=\"center center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"pr-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field>\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            FeatureBranchSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"organization\"\n                        placeholder=\"Organization\"\n                        (selectionChange)=\"OrganizationChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let orgOpt of OrganizationOptions\"\n                        >\n                            <mat-option [value]=\"orgOpt.Name\">\n                                {{ orgOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"repository\"\n                        placeholder=\"Repository\"\n                        (selectionChange)=\"RepositoryChanged($event)\"\n                        required\n                    >\n                        <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                            <mat-option [value]=\"repoOpt.Name\">\n                                {{ repoOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayoutAlign=\"space-around center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field>\n                    <mat-label>Base Branch</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field>\n                    <input\n                        matInput\n                        placeholder=\"Create New Branch\"\n                        formControlName=\"targetBranch\"\n                        required\n                    />\n                </mat-form-field>\n            </div>\n        </ng-container>\n\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n    </form>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"end center\"\n>\n    <button\n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\"\n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n", styles: [".error{color:red}\n"] }]
+            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{ data.dialogTitle }}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\">\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                class=\"angular-editor\"\n                id=\"issue-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement'\">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Subtitle\"\n                    formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"announcement-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Text\"\n                        formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Link\"\n                        formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Action Icon\"\n                        formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button\n                    *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button\n                    color=\"primary\"\n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{\n                        ActionIconControl?.value\n                    }}</mat-icon>\n\n                    {{ ActionTextControl?.value }}\n                </button>\n\n                <button\n                    *ngIf=\"\n                        !ActionTextControl?.value && !ActionIconControl?.value\n                    \"\n                    mat-button\n                    color=\"primary\"\n                >\n                    <mat-icon>cruelty_free</mat-icon>\n\n                    Example Button\n                </button>\n            </div>\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            PullRequestSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"center center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                    matInput\n                    placeholder=\"Title\"\n                    formControlName=\"title\"\n                    required\n                />\n            </mat-form-field>\n\n            <angular-editor\n                id=\"pr-editor\"\n                formControlName=\"editor\"\n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch'\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-form-field>\n                    <mat-label>Source Control</mat-label>\n                    <mat-select\n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"\n                            FeatureBranchSourceControlChanged($event)\n                        \"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let scLookup of SourceControlLookups\"\n                        >\n                            <mat-option\n                                *ngIf=\"SourceControls[scLookup]; let sc\"\n                                [value]=\"scLookup\"\n                            >\n                                {{ sc.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"space-around center\"\n            >\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"organization\"\n                        placeholder=\"Organization\"\n                        (selectionChange)=\"OrganizationChanged($event)\"\n                        required\n                    >\n                        <ng-container\n                            *ngFor=\"let orgOpt of OrganizationOptions\"\n                        >\n                            <mat-option [value]=\"orgOpt.Name\">\n                                {{ orgOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n                    <mat-select\n                        formControlName=\"repository\"\n                        placeholder=\"Repository\"\n                        (selectionChange)=\"RepositoryChanged($event)\"\n                        required\n                    >\n                        <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                            <mat-option [value]=\"repoOpt.Name\">\n                                {{ repoOpt.Name }}\n                            </mat-option>\n                        </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div\n                fxLayout=\"row\"\n                fxLayout.lt-md=\"column\"\n                fxLayoutAlign=\"space-around center\"\n                *ngIf=\"BranchOptions?.length > 0\"\n            >\n                <mat-form-field>\n                    <mat-label>Base Branch</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required>\n                        <mat-option\n                            *ngFor=\"let branchOpt of BranchOptions\"\n                            [value]=\"branchOpt.Name\"\n                        >\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <mat-form-field>\n                    <input\n                        matInput\n                        placeholder=\"Create New Branch\"\n                        formControlName=\"targetBranch\"\n                        required\n                    />\n                </mat-form-field>\n            </div>\n        </ng-container>\n\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n    </form>\n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\"\n    div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"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    <!--  -->\n    <button\n        mat-raised-button\n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\"\n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n", styles: [".error{color:red}\n"] }]
         }], ctorParameters: function () {
         return [{ type: ApplicationsFlowService }, { type: EaCService }, { type: i1$1.FormBuilder }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -7284,10 +7284,10 @@ class StateConfigDialogComponent {
     }
 }
 StateConfigDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-StateConfigDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigDialogComponent, selector: "lcu-state-config-dialog", viewQueries: [{ propertyName: "StateConfigForm", first: true, predicate: StateConfigFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [application]=\"Application\"\n        [config]=\"data.config\"\n        (status-event)=\"HandleStatusEvent($event)\"\n    >\n    </lcu-state-config-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        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        color=\"primary\"\n        (click)=\"SaveStateConfig()\"\n        [disabled]=\"\n            !StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: ["app-lookup", "application", "config"], outputs: ["status-event"] }], directives: [{ type: i8$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: i8$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: i8$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"] }] });
+StateConfigDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigDialogComponent, selector: "lcu-state-config-dialog", viewQueries: [{ propertyName: "StateConfigForm", first: true, predicate: StateConfigFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [application]=\"Application\"\n        [config]=\"data.config\"\n        (status-event)=\"HandleStatusEvent($event)\"\n    >\n    </lcu-state-config-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    <!--  -->\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)=\"SaveStateConfig()\"\n        [disabled]=\"\n            !StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: ["app-lookup", "application", "config"], outputs: ["status-event"] }], directives: [{ type: i8$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: i8$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: i8$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: StateConfigDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-state-config-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [application]=\"Application\"\n        [config]=\"data.config\"\n        (status-event)=\"HandleStatusEvent($event)\"\n    >\n    </lcu-state-config-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        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button\n        *ngIf=\"!State?.Loading\"\n        mat-raised-button\n        type=\"submit\"\n        fxFlex=\"25%\"\n        color=\"primary\"\n        (click)=\"SaveStateConfig()\"\n        [disabled]=\"\n            !StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
+            args: [{ selector: 'lcu-state-config-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>State Config</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <lcu-state-config-form\n        [app-lookup]=\"data.appLookup\"\n        [application]=\"Application\"\n        [config]=\"data.config\"\n        (status-event)=\"HandleStatusEvent($event)\"\n    >\n    </lcu-state-config-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    <!--  -->\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)=\"SaveStateConfig()\"\n        [disabled]=\"\n            !StateConfigFormControl?.dirty || !StateConfigFormControl?.valid\n        \"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -7412,10 +7412,10 @@ class EditProjectDialogComponent {
     }
 }
 EditProjectDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: EditProjectDialogComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-EditProjectDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditProjectDialogComponent, selector: "lcu-edit-project-dialog", viewQueries: [{ propertyName: "EditProjectControl", first: true, predicate: EditProjectFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Edit Project: {{ Project?.Project?.Name }}</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-project-form\n        [project-lookup]=\"data.projectLookup\"\n        (save-form-event)=\"HandleSaveProjectEvent($event)\"\n    >\n    </lcu-edit-project-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        (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        color=\"primary\"\n        (click)=\"SaveProject()\"\n        [disabled]=\"!ProjectFormGroup?.valid || !ProjectFormGroup?.dirty\"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i3.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: EditProjectFormComponent, selector: "lcu-edit-project-form", inputs: ["project-lookup"], outputs: ["save-form-event"] }], directives: [{ type: i8$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: i8$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: i8$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"] }] });
+EditProjectDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: EditProjectDialogComponent, selector: "lcu-edit-project-dialog", viewQueries: [{ propertyName: "EditProjectControl", first: true, predicate: EditProjectFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Edit Project: {{ Project?.Project?.Name }}</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-project-form\n        [project-lookup]=\"data.projectLookup\"\n        (save-form-event)=\"HandleSaveProjectEvent($event)\"\n    >\n    </lcu-edit-project-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)=\"SaveProject()\"\n        [disabled]=\"!ProjectFormGroup?.valid || !ProjectFormGroup?.dirty\"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""], components: [{ type: i3.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: EditProjectFormComponent, selector: "lcu-edit-project-form", inputs: ["project-lookup"], outputs: ["save-form-event"] }], directives: [{ type: i8$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: i8$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: i8$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: EditProjectDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-edit-project-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Edit Project: {{ Project?.Project?.Name }}</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-project-form\n        [project-lookup]=\"data.projectLookup\"\n        (save-form-event)=\"HandleSaveProjectEvent($event)\"\n    >\n    </lcu-edit-project-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        (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        color=\"primary\"\n        (click)=\"SaveProject()\"\n        [disabled]=\"!ProjectFormGroup?.valid || !ProjectFormGroup?.dirty\"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
+            args: [{ selector: 'lcu-edit-project-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Edit Project: {{ Project?.Project?.Name }}</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-project-form\n        [project-lookup]=\"data.projectLookup\"\n        (save-form-event)=\"HandleSaveProjectEvent($event)\"\n    >\n    </lcu-edit-project-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)=\"SaveProject()\"\n        [disabled]=\"!ProjectFormGroup?.valid || !ProjectFormGroup?.dirty\"\n    >\n        <!-- <mat-icon>save</mat-icon> -->\n        Save\n    </button>\n</mat-dialog-actions>\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: EaCService }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,