@lowcodeunit/applications-flow-common 1.39.62-integration → 1.39.64-exceptions

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

@@ -3992,6 +3992,7 @@ class DevopsSourceControlFormComponent {
         this.eacSvc = eacSvc;
         this.formBuilder = formBuilder;
         this.SeparatorKeysCodes = [ENTER, COMMA];
+        // console.log("ctor")
         this.SaveStatusEvent = new EventEmitter();
         this.EditingSourceControl = {};
         this.BuildPath = null;
@@ -4001,6 +4002,7 @@ class DevopsSourceControlFormComponent {
         this.SkeletonEffect = 'wave';
         this.UseBranches = true;
         this.UseBuildPath = false;
+        // console.log("end ctor")
     }
     //  Properties
     get BranchesFormControl() {
@@ -4022,23 +4024,24 @@ class DevopsSourceControlFormComponent {
         return this.DevOpsSourceControlFormGroup?.get(this.SourceControlRoot + 'repository');
     }
     //  Life Cycle
-    ngAfterViewInit() { }
+    // public ngAfterViewInit(): void {}
     ngOnDestroy() {
         this.destroyFormControls();
     }
     ngOnInit() {
-        // console.log('source control lookup', this.EditingSourceControlLookup);
+        // console.log("on init")
         if (this.EditingSourceControlLookup === null) {
             this.CreateNewSourceControl();
         }
-        // console.log('source control', this.EditingSourceControl);
         if (this.EditingSourceControl != null) {
             this.DevOpsSourceControlFormGroup = this.formBuilder.group({});
             this.setupFormControls();
         }
         this.RefreshOrganizations();
+        // console.log("end init")
     }
     ngOnChanges() {
+        // console.log("on changes")
         if (this.Environment) {
             if (this.Environment?.Artifacts && this.ArtifactLookup) {
                 this.Artifact =
@@ -4048,7 +4051,7 @@ class DevopsSourceControlFormComponent {
                 this.DevOpsActions = this.Environment.DevOpsActions;
                 if (this.DevOpsActionLookup) {
                     this.DevOpsAction =
-                        this.Environment.DevOpsActions[this.DevOpsActionLookup];
+                        this.Environment?.DevOpsActions[this.DevOpsActionLookup];
                 }
             }
             if (this.DevOpsAction?.ArtifactLookups) {
@@ -4126,6 +4129,7 @@ class DevopsSourceControlFormComponent {
     }
     RefreshOrganizations() {
         // this.Loading = true;
+        console.log('refresh');
         this.listOrganizations();
         this.OrganizationFormControl?.reset();
         this.RepositoryFormControl?.reset();
@@ -4284,7 +4288,10 @@ class DevopsSourceControlFormComponent {
             .ListOrganizations()
             .subscribe((response) => {
             this.OrganizationOptions = response.Model;
-            console.log('Organization Options: ', this.OrganizationOptions);
+            // console.log(
+            //     'Organization Options: ',
+            //     this.OrganizationOptions
+            // );
             this.Loading = false;
             if (this.EditingSourceControl?.Organization) {
                 setTimeout(() => {
@@ -4344,10 +4351,10 @@ class DevopsSourceControlFormComponent {
     }
 }
 DevopsSourceControlFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DevopsSourceControlFormComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DevopsSourceControlFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: { EditingSourceControlLookup: ["editing-source-control-lookup", "EditingSourceControlLookup"], Environment: ["environment", "Environment"], EnvironmentLookup: ["environment-lookup", "EnvironmentLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveStatusEvent: "save-status-event" }, viewQueries: [{ propertyName: "BranchesInput", first: true, predicate: ["branches"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"DevOpsSourceControlFormGroup\"\n    (ngSubmit)=\"SubmitSourceControl()\"\n    (click)=\"Log()\"\n>\n    <!-- <mat-card class=\"spread\" class=\"sc-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Source Control </mat-card-title>\n\n      <div fxFlex></div>\n\n      <mat-icon matSuffix matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\">\n        info_outline\n      </mat-icon>\n    </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n\n        <!-- <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <div class=\"card\">\n            <mat-form-field class=\"mat-full-width\">\n                <mat-select\n                    formControlName=\"devOpsActionLookup\"\n                    placeholder=\"DevOps Action\"\n                    [disabled]=\"HostingDetails?.Loading\"\n                    (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n                    required\n                >\n                    <ng-container\n                        *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n                    >\n                        <mat-option\n                            [value]=\"devOpsActionLookup\"\n                            *ngIf=\"\n                                DevOpsActions[devOpsActionLookup];\n                                let devOpsAction\n                            \"\n                            [matTooltip]=\"devOpsAction.Name\"\n                        >\n                            {{ devOpsAction.Name }}\n                        </mat-option>\n                    </ng-container>\n\n                    <mat-option value=\"\">-- Create New --</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n            <mat-form-field\n                class=\"mat-full-width with-hint margin-bottom\"\n                *ngIf=\"OrganizationOptions?.length > 0\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'organization'\"\n                    placeholder=\"Organization\"\n                    (selectionChange)=\"OrganizationChanged($event)\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    required\n                >\n                    <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                        <mat-option [value]=\"orgOpt.Name\">\n                            {{ orgOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    matTooltip=\"Refresh Organization\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        color=\"accent\"\n                        matTooltip=\"Re-authorize Organizations\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        class=\"primary-link\"\n                        target=\"_blank\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    [placeholder]=\"\n                        OrganizationFormControl?.valid\n                            ? 'Repository'\n                            : 'Repository (select organization first)'\n                    \"\n                    [disabled]=\"\n                        !OrganizationFormControl?.valid ||\n                        Loading ||\n                        HostingDetails?.Loading\n                    \"\n                    (selectionChange)=\"RepositoryChanged($event)\"\n                    *ngIf=\"!CreatingRepository\"\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\n                <input\n                    matInput\n                    placeholder=\"Repository (creates new if does not exist)\"\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    *ngIf=\"CreatingRepository\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    required\n                />\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"CreateRepository()\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    *ngIf=\"\n                        !CreatingRepository && OrganizationFormControl?.valid\n                    \"\n                >\n                    add_circle\n                </mat-icon>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"SaveRepository()\"\n                    *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\"\n                >\n                    <mat-icon matSuffix color=\"primary\"> save </mat-icon>\n                </button>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"CancelCreateRepository()\"\n                    *ngIf=\"CreatingRepository\"\n                >\n                    <mat-icon matSuffix> cancel </mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BranchesFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-label>Selected Branches</mat-label>\n\n                <mat-autocomplete\n                    (optionSelected)=\"BranchOptionSelected($event)\"\n                    #branchOptions=\"matAutocomplete\"\n                >\n                    <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n                        <mat-option [value]=\"branchOpt.Name\">\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-autocomplete>\n\n                <mat-chip-list #selectedBranches>\n                    <mat-chip\n                        [removable]=\"true\"\n                        (removed)=\"RemoveBranchOption(selBranch)\"\n                        *ngFor=\"let selBranch of SelectedBranches\"\n                    >\n                        {{ selBranch }}\n                        <mat-icon matChipRemove>cancel</mat-icon>\n                    </mat-chip>\n\n                    <input\n                        matInput\n                        placeholder=\"New Branch...\"\n                        [formControlName]=\"SourceControlRoot + 'branches'\"\n                        #branches\n                        [matAutocomplete]=\"branchOptions\"\n                        [matChipInputFor]=\"selectedBranches\"\n                        [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n                        [matChipInputAddOnBlur]=\"true\"\n                        (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n                        [disabled]=\"Loading || HostingDetails?.Loading\"\n                        required\n                    />\n                </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field\n                class=\"mat-full-width with-hint\"\n                [fxShow]=\"SelectedBranches?.length > 1\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n                    placeholder=\"Main Branch\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    (selectionChange)=\"MainBranchChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let branch of SelectedBranches\">\n                        <mat-option [value]=\"branch\">\n                            {{ branch }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    mat-icon-button\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        matTooltip=\"Re-authorize Organizations\"\n                        color=\"accent\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\n            \"\n        >\n            <mat-form-field class=\"mat-full-width with-hint\">\n                <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'buildPath'\"\n                    placeholder=\"Build Path\"\n                    [disabled]=\"Loading || BuildPathDisabled\"\n                    (selectionChange)=\"BuildPathChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                        <mat-option [value]=\"buildPath\">\n                            {{ buildPath }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-hint>\n                    The build path identifies which build action to use for your\n                    configuration.\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div *ngIf=\"Loading\">\n            <div class=\"spread\">\n                <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n\n                <div class=\"margin-3\">\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"!OrganizationFormControl?.valid\"\n                    >\n                        Loading organizations\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            OrganizationFormControl?.valid &&\n                            !RepositoryFormControl?.valid\n                        \"\n                    >\n                        Loading repositories\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            RepositoryFormControl?.valid &&\n                            !BranchesFormControl?.valid\n                        \"\n                    >\n                        Loading branches\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            (RepositoryFormControl?.valid ||\n                                BranchesFormControl?.valid) &&\n                            !BuildPathFormControl?.valid\n                        \"\n                    >\n                        Loading build paths\n                    </h4>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <!-- </div> -->\n\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n        mat-raised-button \n        *ngIf=\"!Loading\"\n        type=\"submit\" \n        fxFlex=\"100%\" \n        color=\"primary\" \n        [disabled]=\"!DevOpsSourceControlFormGroup.valid || !DevOpsSourceControlFormGroup.dirty\">\n        <mat-icon>save</mat-icon>\n        Save Source Control\n      </button>\n      <lcu-loader [loading]=\"Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n    <!-- </mat-card> -->\n</form>\n", styles: [".form-card,.sc-card{width:100%}.margin-bottom{margin-bottom:15px}.primary-link{color:#4a918e;text-decoration:none}.s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i8.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i9$1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], 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: 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: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatPrefix, selector: "[matPrefix]" }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { 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: i9$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i9$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i9$1.MatChipRemove, selector: "[matChipRemove]" }, { type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i9$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }] });
+DevopsSourceControlFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: { EditingSourceControlLookup: ["editing-source-control-lookup", "EditingSourceControlLookup"], Environment: ["environment", "Environment"], EnvironmentLookup: ["environment-lookup", "EnvironmentLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveStatusEvent: "save-status-event" }, viewQueries: [{ propertyName: "BranchesInput", first: true, predicate: ["branches"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"form-card\"\n    [formGroup]=\"DevOpsSourceControlFormGroup\"\n    (ngSubmit)=\"SubmitSourceControl()\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n\n        <!-- <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <div class=\"card\">\n            <mat-form-field class=\"mat-full-width\">\n                <mat-select\n                    formControlName=\"devOpsActionLookup\"\n                    placeholder=\"DevOps Action\"\n                    [disabled]=\"HostingDetails?.Loading\"\n                    (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n                    required\n                >\n                    <ng-container\n                        *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n                    >\n                        <mat-option\n                            [value]=\"devOpsActionLookup\"\n                            *ngIf=\"\n                                DevOpsActions[devOpsActionLookup];\n                                let devOpsAction\n                            \"\n                            [matTooltip]=\"devOpsAction.Name\"\n                        >\n                            {{ devOpsAction.Name }}\n                        </mat-option>\n                    </ng-container>\n\n                    <mat-option value=\"\">-- Create New --</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n            <mat-form-field\n                class=\"mat-full-width with-hint margin-bottom\"\n                *ngIf=\"OrganizationOptions?.length > 0\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'organization'\"\n                    placeholder=\"Organization\"\n                    (selectionChange)=\"OrganizationChanged($event)\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    required\n                >\n                    <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                        <mat-option [value]=\"orgOpt.Name\">\n                            {{ orgOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    matTooltip=\"Refresh Organization\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        color=\"accent\"\n                        matTooltip=\"Re-authorize Organizations\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        class=\"primary-link\"\n                        target=\"_blank\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    [placeholder]=\"\n                        OrganizationFormControl?.valid\n                            ? 'Repository'\n                            : 'Repository (select organization first)'\n                    \"\n                    [disabled]=\"\n                        !OrganizationFormControl?.valid ||\n                        Loading ||\n                        HostingDetails?.Loading\n                    \"\n                    (selectionChange)=\"RepositoryChanged($event)\"\n                    *ngIf=\"!CreatingRepository\"\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\n                <input\n                    matInput\n                    placeholder=\"Repository (creates new if does not exist)\"\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    *ngIf=\"CreatingRepository\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    required\n                />\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"CreateRepository()\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    *ngIf=\"\n                        !CreatingRepository && OrganizationFormControl?.valid\n                    \"\n                >\n                    add_circle\n                </mat-icon>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"SaveRepository()\"\n                    *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\"\n                >\n                    <mat-icon matSuffix color=\"primary\"> save </mat-icon>\n                </button>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"CancelCreateRepository()\"\n                    *ngIf=\"CreatingRepository\"\n                >\n                    <mat-icon matSuffix> cancel </mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BranchesFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-label>Selected Branches</mat-label>\n\n                <mat-autocomplete\n                    (optionSelected)=\"BranchOptionSelected($event)\"\n                    #branchOptions=\"matAutocomplete\"\n                >\n                    <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n                        <mat-option [value]=\"branchOpt.Name\">\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-autocomplete>\n\n                <mat-chip-list #selectedBranches>\n                    <mat-chip\n                        [removable]=\"true\"\n                        (removed)=\"RemoveBranchOption(selBranch)\"\n                        *ngFor=\"let selBranch of SelectedBranches\"\n                    >\n                        {{ selBranch }}\n                        <mat-icon matChipRemove>cancel</mat-icon>\n                    </mat-chip>\n\n                    <input\n                        matInput\n                        placeholder=\"New Branch...\"\n                        [formControlName]=\"SourceControlRoot + 'branches'\"\n                        #branches\n                        [matAutocomplete]=\"branchOptions\"\n                        [matChipInputFor]=\"selectedBranches\"\n                        [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n                        [matChipInputAddOnBlur]=\"true\"\n                        (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n                        [disabled]=\"Loading || HostingDetails?.Loading\"\n                        required\n                    />\n                </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field\n                class=\"mat-full-width with-hint\"\n                [fxShow]=\"SelectedBranches?.length > 1\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n                    placeholder=\"Main Branch\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    (selectionChange)=\"MainBranchChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let branch of SelectedBranches\">\n                        <mat-option [value]=\"branch\">\n                            {{ branch }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    mat-icon-button\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        matTooltip=\"Re-authorize Organizations\"\n                        color=\"accent\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\n            \"\n        >\n            <mat-form-field class=\"mat-full-width with-hint\">\n                <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'buildPath'\"\n                    placeholder=\"Build Path\"\n                    [disabled]=\"Loading || BuildPathDisabled\"\n                    (selectionChange)=\"BuildPathChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                        <mat-option [value]=\"buildPath\">\n                            {{ buildPath }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-hint>\n                    The build path identifies which build action to use for your\n                    configuration.\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div *ngIf=\"Loading\">\n            <div class=\"spread\">\n                <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n\n                <div class=\"margin-3\">\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"!OrganizationFormControl?.valid\"\n                    >\n                        Loading organizations\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            OrganizationFormControl?.valid &&\n                            !RepositoryFormControl?.valid\n                        \"\n                    >\n                        Loading repositories\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            RepositoryFormControl?.valid &&\n                            !BranchesFormControl?.valid\n                        \"\n                    >\n                        Loading branches\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            (RepositoryFormControl?.valid ||\n                                BranchesFormControl?.valid) &&\n                            !BuildPathFormControl?.valid\n                        \"\n                    >\n                        Loading build paths\n                    </h4>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</form>\n", styles: [".form-card,.sc-card{width:100%}.margin-bottom{margin-bottom:15px}.primary-link{color:#4a918e;text-decoration:none}.s-block{margin:10px 0;width:100%;height:40px}\n"], components: [{ type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i8.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i9$1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], 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: 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: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatPrefix, selector: "[matPrefix]" }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { 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: i9$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i9$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i9$1.MatChipRemove, selector: "[matChipRemove]" }, { type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i9$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DevopsSourceControlFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-devops-source-control-form', template: "<form\n    class=\"form-card\"\n    [formGroup]=\"DevOpsSourceControlFormGroup\"\n    (ngSubmit)=\"SubmitSourceControl()\"\n    (click)=\"Log()\"\n>\n    <!-- <mat-card class=\"spread\" class=\"sc-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Source Control </mat-card-title>\n\n      <div fxFlex></div>\n\n      <mat-icon matSuffix matTooltip=\"Configure source control, DevOps CI/CD, and artifacts.\">\n        info_outline\n      </mat-icon>\n    </mat-card-header> -->\n\n    <!-- <mat-card-content> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n\n        <!-- <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <div class=\"card\">\n            <mat-form-field class=\"mat-full-width\">\n                <mat-select\n                    formControlName=\"devOpsActionLookup\"\n                    placeholder=\"DevOps Action\"\n                    [disabled]=\"HostingDetails?.Loading\"\n                    (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n                    required\n                >\n                    <ng-container\n                        *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n                    >\n                        <mat-option\n                            [value]=\"devOpsActionLookup\"\n                            *ngIf=\"\n                                DevOpsActions[devOpsActionLookup];\n                                let devOpsAction\n                            \"\n                            [matTooltip]=\"devOpsAction.Name\"\n                        >\n                            {{ devOpsAction.Name }}\n                        </mat-option>\n                    </ng-container>\n\n                    <mat-option value=\"\">-- Create New --</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n            <mat-form-field\n                class=\"mat-full-width with-hint margin-bottom\"\n                *ngIf=\"OrganizationOptions?.length > 0\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'organization'\"\n                    placeholder=\"Organization\"\n                    (selectionChange)=\"OrganizationChanged($event)\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    required\n                >\n                    <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                        <mat-option [value]=\"orgOpt.Name\">\n                            {{ orgOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    matTooltip=\"Refresh Organization\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        color=\"accent\"\n                        matTooltip=\"Re-authorize Organizations\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        class=\"primary-link\"\n                        target=\"_blank\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    [placeholder]=\"\n                        OrganizationFormControl?.valid\n                            ? 'Repository'\n                            : 'Repository (select organization first)'\n                    \"\n                    [disabled]=\"\n                        !OrganizationFormControl?.valid ||\n                        Loading ||\n                        HostingDetails?.Loading\n                    \"\n                    (selectionChange)=\"RepositoryChanged($event)\"\n                    *ngIf=\"!CreatingRepository\"\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\n                <input\n                    matInput\n                    placeholder=\"Repository (creates new if does not exist)\"\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    *ngIf=\"CreatingRepository\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    required\n                />\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"CreateRepository()\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    *ngIf=\"\n                        !CreatingRepository && OrganizationFormControl?.valid\n                    \"\n                >\n                    add_circle\n                </mat-icon>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"SaveRepository()\"\n                    *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\"\n                >\n                    <mat-icon matSuffix color=\"primary\"> save </mat-icon>\n                </button>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"CancelCreateRepository()\"\n                    *ngIf=\"CreatingRepository\"\n                >\n                    <mat-icon matSuffix> cancel </mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BranchesFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-label>Selected Branches</mat-label>\n\n                <mat-autocomplete\n                    (optionSelected)=\"BranchOptionSelected($event)\"\n                    #branchOptions=\"matAutocomplete\"\n                >\n                    <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n                        <mat-option [value]=\"branchOpt.Name\">\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-autocomplete>\n\n                <mat-chip-list #selectedBranches>\n                    <mat-chip\n                        [removable]=\"true\"\n                        (removed)=\"RemoveBranchOption(selBranch)\"\n                        *ngFor=\"let selBranch of SelectedBranches\"\n                    >\n                        {{ selBranch }}\n                        <mat-icon matChipRemove>cancel</mat-icon>\n                    </mat-chip>\n\n                    <input\n                        matInput\n                        placeholder=\"New Branch...\"\n                        [formControlName]=\"SourceControlRoot + 'branches'\"\n                        #branches\n                        [matAutocomplete]=\"branchOptions\"\n                        [matChipInputFor]=\"selectedBranches\"\n                        [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n                        [matChipInputAddOnBlur]=\"true\"\n                        (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n                        [disabled]=\"Loading || HostingDetails?.Loading\"\n                        required\n                    />\n                </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field\n                class=\"mat-full-width with-hint\"\n                [fxShow]=\"SelectedBranches?.length > 1\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n                    placeholder=\"Main Branch\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    (selectionChange)=\"MainBranchChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let branch of SelectedBranches\">\n                        <mat-option [value]=\"branch\">\n                            {{ branch }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    mat-icon-button\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        matTooltip=\"Re-authorize Organizations\"\n                        color=\"accent\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\n            \"\n        >\n            <mat-form-field class=\"mat-full-width with-hint\">\n                <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'buildPath'\"\n                    placeholder=\"Build Path\"\n                    [disabled]=\"Loading || BuildPathDisabled\"\n                    (selectionChange)=\"BuildPathChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                        <mat-option [value]=\"buildPath\">\n                            {{ buildPath }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-hint>\n                    The build path identifies which build action to use for your\n                    configuration.\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div *ngIf=\"Loading\">\n            <div class=\"spread\">\n                <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n\n                <div class=\"margin-3\">\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"!OrganizationFormControl?.valid\"\n                    >\n                        Loading organizations\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            OrganizationFormControl?.valid &&\n                            !RepositoryFormControl?.valid\n                        \"\n                    >\n                        Loading repositories\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            RepositoryFormControl?.valid &&\n                            !BranchesFormControl?.valid\n                        \"\n                    >\n                        Loading branches\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            (RepositoryFormControl?.valid ||\n                                BranchesFormControl?.valid) &&\n                            !BuildPathFormControl?.valid\n                        \"\n                    >\n                        Loading build paths\n                    </h4>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <!-- </div> -->\n\n    <!-- </mat-card-content> -->\n    <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n    <!-- <button \n        mat-raised-button \n        *ngIf=\"!Loading\"\n        type=\"submit\" \n        fxFlex=\"100%\" \n        color=\"primary\" \n        [disabled]=\"!DevOpsSourceControlFormGroup.valid || !DevOpsSourceControlFormGroup.dirty\">\n        <mat-icon>save</mat-icon>\n        Save Source Control\n      </button>\n      <lcu-loader [loading]=\"Loading\"></lcu-loader> -->\n\n    <!-- </mat-card-actions> -->\n    <!-- </mat-card> -->\n</form>\n", styles: [".form-card,.sc-card{width:100%}.margin-bottom{margin-bottom:15px}.primary-link{color:#4a918e;text-decoration:none}.s-block{margin:10px 0;width:100%;height:40px}\n"] }]
+            args: [{ selector: 'lcu-devops-source-control-form', template: "<form\n    class=\"form-card\"\n    [formGroup]=\"DevOpsSourceControlFormGroup\"\n    (ngSubmit)=\"SubmitSourceControl()\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <lcu-loader [loading]=\"Loading\"></lcu-loader>\n\n        <!-- <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\" \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block>\n\n        <skeleton-block \n          class=\"s-block\"\n          [effect]=\"SkeletonEffect\"  \n        ></skeleton-block> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <div class=\"card\">\n            <mat-form-field class=\"mat-full-width\">\n                <mat-select\n                    formControlName=\"devOpsActionLookup\"\n                    placeholder=\"DevOps Action\"\n                    [disabled]=\"HostingDetails?.Loading\"\n                    (selectionChange)=\"DevOpsActionLookupChanged($event)\"\n                    required\n                >\n                    <ng-container\n                        *ngFor=\"let devOpsActionLookup of DevOpsActionLookups\"\n                    >\n                        <mat-option\n                            [value]=\"devOpsActionLookup\"\n                            *ngIf=\"\n                                DevOpsActions[devOpsActionLookup];\n                                let devOpsAction\n                            \"\n                            [matTooltip]=\"devOpsAction.Name\"\n                        >\n                            {{ devOpsAction.Name }}\n                        </mat-option>\n                    </ng-container>\n\n                    <mat-option value=\"\">-- Create New --</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"card\" *ngIf=\"OrganizationFormControl?.valid || !Loading\">\n            <mat-form-field\n                class=\"mat-full-width with-hint margin-bottom\"\n                *ngIf=\"OrganizationOptions?.length > 0\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>corporate_fare</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'organization'\"\n                    placeholder=\"Organization\"\n                    (selectionChange)=\"OrganizationChanged($event)\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    required\n                >\n                    <ng-container *ngFor=\"let orgOpt of OrganizationOptions\">\n                        <mat-option [value]=\"orgOpt.Name\">\n                            {{ orgOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    matTooltip=\"Refresh Organization\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        color=\"accent\"\n                        matTooltip=\"Re-authorize Organizations\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        class=\"primary-link\"\n                        target=\"_blank\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                RepositoryFormControl?.valid ||\n                (OrganizationFormControl?.valid && !Loading)\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>description</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    [placeholder]=\"\n                        OrganizationFormControl?.valid\n                            ? 'Repository'\n                            : 'Repository (select organization first)'\n                    \"\n                    [disabled]=\"\n                        !OrganizationFormControl?.valid ||\n                        Loading ||\n                        HostingDetails?.Loading\n                    \"\n                    (selectionChange)=\"RepositoryChanged($event)\"\n                    *ngIf=\"!CreatingRepository\"\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\n                <input\n                    matInput\n                    placeholder=\"Repository (creates new if does not exist)\"\n                    [formControlName]=\"SourceControlRoot + 'repository'\"\n                    *ngIf=\"CreatingRepository\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    required\n                />\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"CreateRepository()\"\n                    [fxHide]=\"Loading || HostingDetails?.Loading\"\n                    *ngIf=\"\n                        !CreatingRepository && OrganizationFormControl?.valid\n                    \"\n                >\n                    add_circle\n                </mat-icon>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"SaveRepository()\"\n                    *ngIf=\"CreatingRepository && RepositoryFormControl?.valid\"\n                >\n                    <mat-icon matSuffix color=\"primary\"> save </mat-icon>\n                </button>\n\n                <button\n                    mat-button\n                    type=\"button\"\n                    (click)=\"CancelCreateRepository()\"\n                    *ngIf=\"CreatingRepository\"\n                >\n                    <mat-icon matSuffix> cancel </mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BranchesFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBranches\n            \"\n        >\n            <mat-form-field class=\"mat-full-width\">\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-label>Selected Branches</mat-label>\n\n                <mat-autocomplete\n                    (optionSelected)=\"BranchOptionSelected($event)\"\n                    #branchOptions=\"matAutocomplete\"\n                >\n                    <ng-container *ngFor=\"let branchOpt of BranchOptions\">\n                        <mat-option [value]=\"branchOpt.Name\">\n                            {{ branchOpt.Name }}\n                        </mat-option>\n                    </ng-container>\n                </mat-autocomplete>\n\n                <mat-chip-list #selectedBranches>\n                    <mat-chip\n                        [removable]=\"true\"\n                        (removed)=\"RemoveBranchOption(selBranch)\"\n                        *ngFor=\"let selBranch of SelectedBranches\"\n                    >\n                        {{ selBranch }}\n                        <mat-icon matChipRemove>cancel</mat-icon>\n                    </mat-chip>\n\n                    <input\n                        matInput\n                        placeholder=\"New Branch...\"\n                        [formControlName]=\"SourceControlRoot + 'branches'\"\n                        #branches\n                        [matAutocomplete]=\"branchOptions\"\n                        [matChipInputFor]=\"selectedBranches\"\n                        [matChipInputSeparatorKeyCodes]=\"SeparatorKeysCodes\"\n                        [matChipInputAddOnBlur]=\"true\"\n                        (matChipInputTokenEnd)=\"AddBranchOption($event)\"\n                        [disabled]=\"Loading || HostingDetails?.Loading\"\n                        required\n                    />\n                </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field\n                class=\"mat-full-width with-hint\"\n                [fxShow]=\"SelectedBranches?.length > 1\"\n            >\n                <mat-icon class=\"org-icon\" matPrefix>account_tree</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'mainBranch'\"\n                    placeholder=\"Main Branch\"\n                    [disabled]=\"Loading || HostingDetails?.Loading\"\n                    (selectionChange)=\"MainBranchChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let branch of SelectedBranches\">\n                        <mat-option [value]=\"branch\">\n                            {{ branch }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-icon\n                    matSuffix\n                    (click)=\"RefreshOrganizations()\"\n                    color=\"accent\"\n                >\n                    refresh\n                </mat-icon>\n\n                <a\n                    matSuffix\n                    mat-icon-button\n                    href=\"/.oauth/GitHubOAuth?oauth-force-edit=true\"\n                    target=\"_blank\"\n                    color=\"accent\"\n                >\n                    <mat-icon\n                        matTooltip=\"Re-authorize Organizations\"\n                        color=\"accent\"\n                    >\n                        launch\n                    </mat-icon>\n                </a>\n\n                <mat-hint>\n                    If you don't have an organization or would like to create a\n                    new one,\n                    <a\n                        href=\"https://github.com/account/organizations/new\"\n                        target=\"_blank\"\n                        class=\"primary-link\"\n                    >\n                        start here\n                    </a>\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div\n            class=\"card\"\n            *ngIf=\"\n                (BuildPathFormControl?.valid ||\n                    (OrganizationFormControl?.valid &&\n                        RepositoryFormControl?.valid &&\n                        !Loading)) &&\n                !CreatingRepository &&\n                UseBuildPath\n            \"\n        >\n            <mat-form-field class=\"mat-full-width with-hint\">\n                <mat-icon class=\"org-icon\" matPrefix>build</mat-icon>\n\n                <mat-select\n                    [formControlName]=\"SourceControlRoot + 'buildPath'\"\n                    placeholder=\"Build Path\"\n                    [disabled]=\"Loading || BuildPathDisabled\"\n                    (selectionChange)=\"BuildPathChanged($event)\"\n                    required\n                >\n                    <ng-container *ngFor=\"let buildPath of BuildPathOptions\">\n                        <mat-option [value]=\"buildPath\">\n                            {{ buildPath }}\n                        </mat-option>\n                    </ng-container>\n                </mat-select>\n\n                <mat-hint>\n                    The build path identifies which build action to use for your\n                    configuration.\n                </mat-hint>\n            </mat-form-field>\n        </div>\n\n        <div *ngIf=\"Loading\">\n            <div class=\"spread\">\n                <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n\n                <div class=\"margin-3\">\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"!OrganizationFormControl?.valid\"\n                    >\n                        Loading organizations\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            OrganizationFormControl?.valid &&\n                            !RepositoryFormControl?.valid\n                        \"\n                    >\n                        Loading repositories\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            RepositoryFormControl?.valid &&\n                            !BranchesFormControl?.valid\n                        \"\n                    >\n                        Loading branches\n                    </h4>\n\n                    <h4\n                        class=\"mat-title\"\n                        *ngIf=\"\n                            (RepositoryFormControl?.valid ||\n                                BranchesFormControl?.valid) &&\n                            !BuildPathFormControl?.valid\n                        \"\n                    >\n                        Loading build paths\n                    </h4>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</form>\n", styles: [".form-card,.sc-card{width:100%}.margin-bottom{margin-bottom:15px}.primary-link{color:#4a918e;text-decoration:none}.s-block{margin:10px 0;width:100%;height:40px}\n"] }]
         }], ctorParameters: function () { return [{ type: ApplicationsFlowService }, { type: EaCService }, { type: i1$1.FormBuilder }]; }, propDecorators: { EditingSourceControlLookup: [{
                 type: Input,
                 args: ['editing-source-control-lookup']
@@ -4413,10 +4420,10 @@ class SourceControlDialogComponent {
     }
 }
 SourceControlDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SourceControlDialogComponent, deps: [{ token: i2$2.MatDialogRef }, { token: EaCService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-SourceControlDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SourceControlDialogComponent, selector: "lcu-source-control-dialog", viewQueries: [{ propertyName: "DevopsSourceControl", first: true, predicate: DevopsSourceControlFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Source Control</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\" fxLayout=\"column\">\n        <div fxLayoutAlign=\"center center\">\n            <lcu-devops-source-control-form\n                [environment]=\"data.environment\"\n                [environment-lookup]=\"data.environmentLookup\"\n                [editing-source-control-lookup]=\"data.scLookup\"\n                [loading]=\"State?.Loading\"\n                (save-status-event)=\"HandleSaveStatusEvent($event)\"\n            >\n            </lcu-devops-source-control-form>\n        </div>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-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)=\"DeleteSourceControl()\"\n            matTooltip=\"Delete {{ data.scName }}\"\n        >\n            Delete\n        </button>\n    </div>\n\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"43%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            *ngIf=\"!State?.Loading\"\n            fxFlex=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveSourceControl()\"\n            [disabled]=\"\n                !DevOpsSourceControlFormGroup?.valid ||\n                !DevOpsSourceControlFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"], components: [{ type: 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: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: ["editing-source-control-lookup", "environment", "environment-lookup", "loading"], outputs: ["save-status-event"] }], directives: [{ type: i7$3.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$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$3.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.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i7$3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+SourceControlDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SourceControlDialogComponent, selector: "lcu-source-control-dialog", viewQueries: [{ propertyName: "DevopsSourceControl", first: true, predicate: DevopsSourceControlFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Source Control</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\" fxLayout=\"column\">\n        <div fxLayoutAlign=\"center center\">\n            <lcu-devops-source-control-form\n                [environment]=\"data?.environment\"\n                [environment-lookup]=\"data?.environmentLookup\"\n                [editing-source-control-lookup]=\"data?.scLookup\"\n                [loading]=\"State?.Loading\"\n                (save-status-event)=\"HandleSaveStatusEvent($event)\"\n            >\n            </lcu-devops-source-control-form>\n        </div>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-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)=\"DeleteSourceControl()\"\n            matTooltip=\"Delete {{ data.scName }}\"\n        >\n            Delete\n        </button>\n    </div>\n\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"43%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            *ngIf=\"!State?.Loading\"\n            fxFlex=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveSourceControl()\"\n            [disabled]=\"\n                !DevOpsSourceControlFormGroup?.valid ||\n                !DevOpsSourceControlFormGroup?.dirty\n            \"\n        >\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\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: DevopsSourceControlFormComponent, selector: "lcu-devops-source-control-form", inputs: ["editing-source-control-lookup", "environment", "environment-lookup", "loading"], outputs: ["save-status-event"] }], directives: [{ type: i7$3.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$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$3.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.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i7$3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SourceControlDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-source-control-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Source Control</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\" fxLayout=\"column\">\n        <div fxLayoutAlign=\"center center\">\n            <lcu-devops-source-control-form\n                [environment]=\"data.environment\"\n                [environment-lookup]=\"data.environmentLookup\"\n                [editing-source-control-lookup]=\"data.scLookup\"\n                [loading]=\"State?.Loading\"\n                (save-status-event)=\"HandleSaveStatusEvent($event)\"\n            >\n            </lcu-devops-source-control-form>\n        </div>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-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)=\"DeleteSourceControl()\"\n            matTooltip=\"Delete {{ data.scName }}\"\n        >\n            Delete\n        </button>\n    </div>\n\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"43%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            *ngIf=\"!State?.Loading\"\n            fxFlex=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveSourceControl()\"\n            [disabled]=\"\n                !DevOpsSourceControlFormGroup?.valid ||\n                !DevOpsSourceControlFormGroup?.dirty\n            \"\n        >\n            <!-- <mat-icon>save</mat-icon> -->\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"] }]
+            args: [{ selector: 'lcu-source-control-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Source Control</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n        <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <ng-container *ngIf=\"!State?.GitHub?.HasConnection\">\n        <lcu-git-auth></lcu-git-auth>\n    </ng-container>\n\n    <ng-container *ngIf=\"State?.GitHub?.HasConnection\" fxLayout=\"column\">\n        <div fxLayoutAlign=\"center center\">\n            <lcu-devops-source-control-form\n                [environment]=\"data?.environment\"\n                [environment-lookup]=\"data?.environmentLookup\"\n                [editing-source-control-lookup]=\"data?.scLookup\"\n                [loading]=\"State?.Loading\"\n                (save-status-event)=\"HandleSaveStatusEvent($event)\"\n            >\n            </lcu-devops-source-control-form>\n        </div>\n\n        <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\">\n            {{ ErrorMessage }}\n        </mat-error>\n    </ng-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)=\"DeleteSourceControl()\"\n            matTooltip=\"Delete {{ data.scName }}\"\n        >\n            Delete\n        </button>\n    </div>\n\n    <div fxLayoutAlign=\"end center\">\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            fxFlex=\"43%\"\n            (click)=\"CloseDialog()\"\n        >\n            Cancel\n        </button>\n\n        <button\n            class=\"action-button\"\n            mat-raised-button\n            *ngIf=\"!State?.Loading\"\n            fxFlex=\"30%\"\n            color=\"primary\"\n            (click)=\"SaveSourceControl()\"\n            [disabled]=\"\n                !DevOpsSourceControlFormGroup?.valid ||\n                !DevOpsSourceControlFormGroup?.dirty\n            \"\n        >\n            Save\n        </button>\n    </div>\n</mat-dialog-actions>\n", styles: [".dialog-header{width:100%}.action-button{margin:0 10px}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$2.MatDialogRef }, { type: EaCService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -5053,6 +5060,28 @@ class ProcessorDetailsFormComponent {
         this.setupLcuTypeSubForm();
         // console.log("lcu type changed: ", this.ProcessorDetailsFormGroup.controls)
     }
+    VerifyRedirect() {
+        console.log('called');
+        let regex = new RegExp('^(HTTPS://)', 'i');
+        let redirect = this.RedirectFormControl.value;
+        console.log('reg ex match; ', redirect.match(regex));
+        // let redirectSub = redirect.substring(0,8).toLowerCase();
+        if (this.IncludeRequestFormControl.value && !redirect.match(regex)) {
+            this.RedirectError =
+                'Redirect url must begin with https:// when Include Path and Query is toggled';
+            console.log('set value');
+            this.IncludeRequestFormControl.addValidators(Validators.pattern(regex));
+            console.log(this.ProcessorDetailsFormGroup);
+        }
+        else if (this.IncludeRequestFormControl.value &&
+            redirect.match(regex)) {
+            console.log('no error');
+            this.RedirectError = null;
+        }
+        else if (!this.IncludeRequestFormControl.value) {
+            this.IncludeRequestFormControl.removeValidators(Validators.pattern(regex));
+        }
+    }
     //HELPERS
     cleanupLcuTypeSubForm() {
         this.ProcessorDetailsFormGroup.removeControl('methods');
@@ -5185,7 +5214,8 @@ class ProcessorDetailsFormComponent {
         this.ProcessorDetailsFormGroup.addControl('redirect', this.formBldr.control(this.EditingApplication.Processor?.Redirect || '', [Validators.required]));
         this.ProcessorDetailsFormGroup.addControl('permanent', this.formBldr.control(this.EditingApplication.Processor?.Permanent || false, []));
         this.ProcessorDetailsFormGroup.addControl('preserveMethod', this.formBldr.control(this.EditingApplication.Processor?.PreserveMethod || false, []));
-        this.ProcessorDetailsFormGroup.addControl('includeRequest', this.formBldr.control(this.EditingApplication.Processor?.IncludeRequest || false, []));
+        console.log('include request: ', this.EditingApplication?.Processor);
+        this.ProcessorDetailsFormGroup.addControl('includeRequest', this.formBldr.control(this.EditingApplication?.Processor?.IncludeRequest || false, []));
         this.DetermineTooltipText();
     }
     setupOAuthForm() {
@@ -5224,10 +5254,10 @@ class ProcessorDetailsFormComponent {
     }
 }
 ProcessorDetailsFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsFormComponent, deps: [{ token: ApplicationsFlowService }, { token: i1$1.FormBuilder }, { token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
-ProcessorDetailsFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: { EditingApplication: ["editing-application", "EditingApplication"], EditingApplicationLookup: ["editing-application-lookup", "EditingApplicationLookup"], Environment: ["environment", "Environment"], HasSaveButton: ["has-save-button", "HasSaveButton"], IsDisabled: ["is-disabled", "IsDisabled"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <!-- <ng-container *ngFor=\"let fc of ValidFormControls\"> -->\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <!-- </ng-container> -->\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\n        <!-- <mat-card-content> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                placeholder=\"Type\"\n                formControlName=\"procType\"\n                (selectionChange)=\"ProcessorTypeChanged($event)\"\n                required\n            >\n                <mat-option value=\"DFS\">View Package</mat-option>\n\n                <mat-option value=\"Redirect\">Redirect</mat-option>\n\n                <mat-option value=\"Proxy\">Proxy</mat-option>\n\n                <mat-option value=\"OAuth\">OAuth</mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <div [ngSwitch]=\"ProcessorType\">\n            <div *ngSwitchCase=\"'DFS'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Default File\"\n                        formControlName=\"defaultFile\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"NPM\">NPM</mat-option>\n\n                        <mat-option value=\"GitHub\">GitHub</mat-option>\n\n                        <mat-option value=\"WordPress\">WordPress</mat-option>\n\n                        <mat-option value=\"Zip\">Zip</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHub'\">\n                        <!-- <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls> -->\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                                required\n                            >\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <skeleton-block\n                            [id]=\"fc\"\n                            class=\"s-block\"\n                            effect=\"wave\"\n                            *ngIf=\"IsSourceControlValid && !BuildPathOptions\"\n                        ></skeleton-block>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"IsSourceControlValid && BuildPathOptions\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\n                                    <mat-option [value]=\"buildPath\">\n                                        {{ buildPath }}\n                                    </mat-option>\n                                </ng-container>\n                            </mat-select>\n\n                            <mat-hint>\n                                The build path identifies which build action to\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"IsSourceControlValid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                            >\n                                <mat-option value=\"null\">\n                                    No Source Control\n                                </mat-option>\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\n                            [npm-package-version]=\"\n                                EditingApplication?.LowCodeUnit?.Version\n                            \"\n                            [form-group]=\"ProcessorDetailsFormGroup\"\n                        ></lcu-npm-package-select>\n\n                        <mat-hint>\n                            Current Version:\n                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\n                        </mat-hint>\n                    </div>\n\n                    <div *ngSwitchCase=\"'WordPress'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'Zip'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Zip File\"\n                                formControlName=\"zipFile\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'OAuth'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Scopes (space separated)\"\n                        formControlName=\"scopes\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Token Lookup\"\n                        formControlName=\"tokenLookup\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHubOAuth'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client ID\"\n                                formControlName=\"clientId\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client Secret\"\n                                formControlName=\"clientSecret\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Proxy'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Inbound Path\"\n                        formControlName=\"inboundPath\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"API\">API</mat-option>\n\n                        <mat-option value=\"SPA\"\n                            >Single Page Application</mat-option\n                        >\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'API'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Allowed Methods (separate with spaces)\"\n                                formControlName=\"methods\"\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Security ({header}~{value})\"\n                                formControlName=\"security\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'SPA'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"SPA Root\"\n                                formControlName=\"spaRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Redirect'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Redirect URL\"\n                        formControlName=\"redirect\"\n                        required\n                    />\n                </mat-form-field>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"permanent\"\n                    >\n                        Is Permanent?\n                    </mat-slide-toggle>\n\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"preserveMethod\"\n                    >\n                        Preserve Method?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        (mouseenter)=\"DetermineTooltipText()\"\n                        matTooltip=\"{{ redirectTooltip }}\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                    >\n                        Include Path and Query?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        matTooltip=\"Should the redirect include the path and query?\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n            </div>\n        </div>\n        <!-- </mat-card-content> -->\n        <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"], components: [{ type: i8$1.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: NpmPackageSelectComponent, selector: "lcu-npm-package-select", inputs: ["npm-package", "npm-package-version", "form-group"] }, { type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+ProcessorDetailsFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ProcessorDetailsFormComponent, selector: "lcu-processor-details-form", inputs: { EditingApplication: ["editing-application", "EditingApplication"], EditingApplicationLookup: ["editing-application-lookup", "EditingApplicationLookup"], Environment: ["environment", "Environment"], HasSaveButton: ["has-save-button", "HasSaveButton"], IsDisabled: ["is-disabled", "IsDisabled"], SourceControlLookups: ["source-control-lookups", "SourceControlLookups"], ProjectLookup: ["project-lookup", "ProjectLookup"], Loading: ["loading", "Loading"] }, outputs: { SaveFormEvent: "save-form-event" }, usesOnChanges: true, ngImport: i0, template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <!-- <ng-container *ngFor=\"let fc of ValidFormControls\"> -->\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <!-- </ng-container> -->\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\n        <!-- <mat-card-content> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                placeholder=\"Type\"\n                formControlName=\"procType\"\n                (selectionChange)=\"ProcessorTypeChanged($event)\"\n                required\n            >\n                <mat-option value=\"DFS\">View Package</mat-option>\n\n                <mat-option value=\"Redirect\">Redirect</mat-option>\n\n                <mat-option value=\"Proxy\">Proxy</mat-option>\n\n                <mat-option value=\"OAuth\">OAuth</mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <div [ngSwitch]=\"ProcessorType\">\n            <div *ngSwitchCase=\"'DFS'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Default File\"\n                        formControlName=\"defaultFile\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"NPM\">NPM</mat-option>\n\n                        <mat-option value=\"GitHub\">GitHub</mat-option>\n\n                        <mat-option value=\"WordPress\">WordPress</mat-option>\n\n                        <mat-option value=\"Zip\">Zip</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHub'\">\n                        <!-- <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls> -->\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                                required\n                            >\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <skeleton-block\n                            [id]=\"fc\"\n                            class=\"s-block\"\n                            effect=\"wave\"\n                            *ngIf=\"IsSourceControlValid && !BuildPathOptions\"\n                        ></skeleton-block>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"IsSourceControlValid && BuildPathOptions\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\n                                    <mat-option [value]=\"buildPath\">\n                                        {{ buildPath }}\n                                    </mat-option>\n                                </ng-container>\n                            </mat-select>\n\n                            <mat-hint>\n                                The build path identifies which build action to\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"IsSourceControlValid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                            >\n                                <mat-option value=\"null\">\n                                    No Source Control\n                                </mat-option>\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\n                            [npm-package-version]=\"\n                                EditingApplication?.LowCodeUnit?.Version\n                            \"\n                            [form-group]=\"ProcessorDetailsFormGroup\"\n                        ></lcu-npm-package-select>\n\n                        <mat-hint>\n                            Current Version:\n                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\n                        </mat-hint>\n                    </div>\n\n                    <div *ngSwitchCase=\"'WordPress'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'Zip'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Zip File\"\n                                formControlName=\"zipFile\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'OAuth'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Scopes (space separated)\"\n                        formControlName=\"scopes\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Token Lookup\"\n                        formControlName=\"tokenLookup\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHubOAuth'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client ID\"\n                                formControlName=\"clientId\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client Secret\"\n                                formControlName=\"clientSecret\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Proxy'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Inbound Path\"\n                        formControlName=\"inboundPath\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"API\">API</mat-option>\n\n                        <mat-option value=\"SPA\"\n                            >Single Page Application</mat-option\n                        >\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'API'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Allowed Methods (separate with spaces)\"\n                                formControlName=\"methods\"\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Security ({header}~{value})\"\n                                formControlName=\"security\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'SPA'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"SPA Root\"\n                                formControlName=\"spaRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Redirect'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Redirect URL\"\n                        formControlName=\"redirect\"\n                        (keyup)=\"VerifyRedirect($event)\"\n                        required\n                    />\n                </mat-form-field>\n                <mat-error *ngIf=\"RedirectError\">{{ RedirectError }}</mat-error>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"permanent\"\n                    >\n                        Is Permanent?\n                    </mat-slide-toggle>\n\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"preserveMethod\"\n                    >\n                        Preserve Method?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        (mouseenter)=\"DetermineTooltipText()\"\n                        matTooltip=\"{{ redirectTooltip }}\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                        (change)=\"VerifyRedirect($event)\"\n                    >\n                        Include Path and Query?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        matTooltip=\"Should the redirect include the path and query?\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n            </div>\n        </div>\n        <!-- </mat-card-content> -->\n        <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"], components: [{ type: i8$1.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }, { type: i6$1.LoaderComponent, selector: "lcu-loader", inputs: ["diameter", "hide-inner", "loading"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: NpmPackageSelectComponent, selector: "lcu-npm-package-select", inputs: ["npm-package", "npm-package-version", "form-group"] }, { type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ProcessorDetailsFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-processor-details-form', template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <!-- <ng-container *ngFor=\"let fc of ValidFormControls\"> -->\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <!-- </ng-container> -->\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\n        <!-- <mat-card-content> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                placeholder=\"Type\"\n                formControlName=\"procType\"\n                (selectionChange)=\"ProcessorTypeChanged($event)\"\n                required\n            >\n                <mat-option value=\"DFS\">View Package</mat-option>\n\n                <mat-option value=\"Redirect\">Redirect</mat-option>\n\n                <mat-option value=\"Proxy\">Proxy</mat-option>\n\n                <mat-option value=\"OAuth\">OAuth</mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <div [ngSwitch]=\"ProcessorType\">\n            <div *ngSwitchCase=\"'DFS'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Default File\"\n                        formControlName=\"defaultFile\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"NPM\">NPM</mat-option>\n\n                        <mat-option value=\"GitHub\">GitHub</mat-option>\n\n                        <mat-option value=\"WordPress\">WordPress</mat-option>\n\n                        <mat-option value=\"Zip\">Zip</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHub'\">\n                        <!-- <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls> -->\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                                required\n                            >\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <skeleton-block\n                            [id]=\"fc\"\n                            class=\"s-block\"\n                            effect=\"wave\"\n                            *ngIf=\"IsSourceControlValid && !BuildPathOptions\"\n                        ></skeleton-block>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"IsSourceControlValid && BuildPathOptions\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\n                                    <mat-option [value]=\"buildPath\">\n                                        {{ buildPath }}\n                                    </mat-option>\n                                </ng-container>\n                            </mat-select>\n\n                            <mat-hint>\n                                The build path identifies which build action to\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"IsSourceControlValid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                            >\n                                <mat-option value=\"null\">\n                                    No Source Control\n                                </mat-option>\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\n                            [npm-package-version]=\"\n                                EditingApplication?.LowCodeUnit?.Version\n                            \"\n                            [form-group]=\"ProcessorDetailsFormGroup\"\n                        ></lcu-npm-package-select>\n\n                        <mat-hint>\n                            Current Version:\n                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\n                        </mat-hint>\n                    </div>\n\n                    <div *ngSwitchCase=\"'WordPress'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'Zip'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Zip File\"\n                                formControlName=\"zipFile\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'OAuth'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Scopes (space separated)\"\n                        formControlName=\"scopes\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Token Lookup\"\n                        formControlName=\"tokenLookup\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHubOAuth'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client ID\"\n                                formControlName=\"clientId\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client Secret\"\n                                formControlName=\"clientSecret\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Proxy'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Inbound Path\"\n                        formControlName=\"inboundPath\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"API\">API</mat-option>\n\n                        <mat-option value=\"SPA\"\n                            >Single Page Application</mat-option\n                        >\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'API'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Allowed Methods (separate with spaces)\"\n                                formControlName=\"methods\"\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Security ({header}~{value})\"\n                                formControlName=\"security\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'SPA'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"SPA Root\"\n                                formControlName=\"spaRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Redirect'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Redirect URL\"\n                        formControlName=\"redirect\"\n                        required\n                    />\n                </mat-form-field>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"permanent\"\n                    >\n                        Is Permanent?\n                    </mat-slide-toggle>\n\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"preserveMethod\"\n                    >\n                        Preserve Method?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        (mouseenter)=\"DetermineTooltipText()\"\n                        matTooltip=\"{{ redirectTooltip }}\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                    >\n                        Include Path and Query?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        matTooltip=\"Should the redirect include the path and query?\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n            </div>\n        </div>\n        <!-- </mat-card-content> -->\n        <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"] }]
+            args: [{ selector: 'lcu-processor-details-form', template: "<form\n    class=\"processor-details-form\"\n    [formGroup]=\"ProcessorDetailsFormGroup\"\n    (ngSubmit)=\"SaveProcessorDetails()\"\n>\n    <!-- <mat-card class=\"spread flow-card\"> -->\n    <!-- <mat-card-header>\n      <mat-card-title> Processor Details </mat-card-title>\n    </mat-card-header> -->\n\n    <ng-container *ngIf=\"Loading\">\n        <!-- <ng-container *ngFor=\"let fc of ValidFormControls\"> -->\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <skeleton-block\n            [id]=\"fc\"\n            class=\"s-block\"\n            effect=\"wave\"\n        ></skeleton-block>\n        <!-- </ng-container> -->\n\n        <lcu-loader\n            *ngIf=\"LCUType === 'Redirect'\"\n            [loading]=\"Loading\"\n        ></lcu-loader>\n    </ng-container>\n    <!-- END SKELETON -->\n\n    <ng-container *ngIf=\"!Loading\">\n        <!-- <mat-card-content> -->\n        <mat-form-field class=\"mat-full-width\">\n            <mat-select\n                placeholder=\"Type\"\n                formControlName=\"procType\"\n                (selectionChange)=\"ProcessorTypeChanged($event)\"\n                required\n            >\n                <mat-option value=\"DFS\">View Package</mat-option>\n\n                <mat-option value=\"Redirect\">Redirect</mat-option>\n\n                <mat-option value=\"Proxy\">Proxy</mat-option>\n\n                <mat-option value=\"OAuth\">OAuth</mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <div [ngSwitch]=\"ProcessorType\">\n            <div *ngSwitchCase=\"'DFS'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Default File\"\n                        formControlName=\"defaultFile\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"NPM\">NPM</mat-option>\n\n                        <mat-option value=\"GitHub\">GitHub</mat-option>\n\n                        <mat-option value=\"WordPress\">WordPress</mat-option>\n\n                        <mat-option value=\"Zip\">Zip</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHub'\">\n                        <!-- <lcu-source-control-form-controls\n                [build-path]=\"EditingApplication?.LowCodeUnit?.Path\"\n                [form-group]=\"ProcessorDetailsFormGroup\"\n                [source-control]=\"DefaultSourceControl\"\n                [use-branches]=\"false\"\n                [use-build-path]=\"true\"\n              ></lcu-source-control-form-controls> -->\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                                required\n                            >\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n\n                                <!-- <mat-option value=\"Zip\">Zip</mat-option> -->\n                            </mat-select>\n                        </mat-form-field>\n\n                        <skeleton-block\n                            [id]=\"fc\"\n                            class=\"s-block\"\n                            effect=\"wave\"\n                            *ngIf=\"IsSourceControlValid && !BuildPathOptions\"\n                        ></skeleton-block>\n\n                        <mat-form-field\n                            class=\"mat-full-width with-hint\"\n                            *ngIf=\"IsSourceControlValid && BuildPathOptions\"\n                        >\n                            <mat-select\n                                formControlName=\"buildPath\"\n                                placeholder=\"Build Path\"\n                                required\n                            >\n                                <ng-container\n                                    *ngFor=\"let buildPath of BuildPathOptions\"\n                                >\n                                    <mat-option [value]=\"buildPath\">\n                                        {{ buildPath }}\n                                    </mat-option>\n                                </ng-container>\n                            </mat-select>\n\n                            <mat-hint>\n                                The build path identifies which build action to\n                                use for your configuration.\n                            </mat-hint>\n                        </mat-form-field>\n\n                        <mat-form-field\n                            class=\"mat-full-width\"\n                            *ngIf=\"IsSourceControlValid\"\n                        >\n                            <input\n                                matInput\n                                placeholder=\"Build\"\n                                formControlName=\"build\"\n                                required\n                            />\n\n                            <mat-hint>\n                                Current Build:\n                                {{\n                                    EditingApplication?.LowCodeUnit\n                                        ?.CurrentBuild\n                                }}\n                            </mat-hint>\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'NPM'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <mat-select\n                                placeholder=\"Source Control\"\n                                formControlName=\"sourceControl\"\n                                (selectionChange)=\"SourceControlChanged($event)\"\n                            >\n                                <mat-option value=\"null\">\n                                    No Source Control\n                                </mat-option>\n                                <mat-option\n                                    *ngFor=\"\n                                        let scLookup of SourceControlLookups\n                                    \"\n                                    [value]=\"scLookup\"\n                                >\n                                    {{ scLookup }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <lcu-npm-package-select\n                            [npm-package]=\"\n                                EditingApplication?.LowCodeUnit?.Package\n                            \"\n                            [npm-package-version]=\"\n                                EditingApplication?.LowCodeUnit?.Version\n                            \"\n                            [form-group]=\"ProcessorDetailsFormGroup\"\n                        ></lcu-npm-package-select>\n\n                        <mat-hint>\n                            Current Version:\n                            {{\n                                EditingApplication?.LowCodeUnit?.CurrentVersion\n                            }}\n                        </mat-hint>\n                    </div>\n\n                    <div *ngSwitchCase=\"'WordPress'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'Zip'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Zip File\"\n                                formControlName=\"zipFile\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'OAuth'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Scopes (space separated)\"\n                        formControlName=\"scopes\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Token Lookup\"\n                        formControlName=\"tokenLookup\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"GitHubOAuth\">GitHub</mat-option>\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'GitHubOAuth'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client ID\"\n                                formControlName=\"clientId\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Client Secret\"\n                                formControlName=\"clientSecret\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Proxy'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Inbound Path\"\n                        formControlName=\"inboundPath\"\n                        required\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <mat-select\n                        placeholder=\"Type\"\n                        formControlName=\"lcuType\"\n                        (selectionChange)=\"LCUTypeChanged($event)\"\n                        required\n                    >\n                        <mat-option value=\"API\">API</mat-option>\n\n                        <mat-option value=\"SPA\"\n                            >Single Page Application</mat-option\n                        >\n                    </mat-select>\n                </mat-form-field>\n\n                <div [ngSwitch]=\"LCUType\">\n                    <div *ngSwitchCase=\"'API'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"API Root\"\n                                formControlName=\"apiRoot\"\n                                required\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Allowed Methods (separate with spaces)\"\n                                formControlName=\"methods\"\n                            />\n                        </mat-form-field>\n\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"Security ({header}~{value})\"\n                                formControlName=\"security\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n\n                    <div *ngSwitchCase=\"'SPA'\">\n                        <mat-form-field class=\"mat-full-width\">\n                            <input\n                                matInput\n                                placeholder=\"SPA Root\"\n                                formControlName=\"spaRoot\"\n                                required\n                            />\n                        </mat-form-field>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngSwitchCase=\"'Redirect'\">\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                        matInput\n                        placeholder=\"Redirect URL\"\n                        formControlName=\"redirect\"\n                        (keyup)=\"VerifyRedirect($event)\"\n                        required\n                    />\n                </mat-form-field>\n                <mat-error *ngIf=\"RedirectError\">{{ RedirectError }}</mat-error>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"permanent\"\n                    >\n                        Is Permanent?\n                    </mat-slide-toggle>\n\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"preserveMethod\"\n                    >\n                        Preserve Method?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        (mouseenter)=\"DetermineTooltipText()\"\n                        matTooltip=\"{{ redirectTooltip }}\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n\n                <div>\n                    <mat-slide-toggle\n                        class=\"spread\"\n                        formControlName=\"includeRequest\"\n                        (change)=\"VerifyRedirect($event)\"\n                    >\n                        Include Path and Query?\n                    </mat-slide-toggle>\n\n                    <mat-icon\n                        class=\"spread\"\n                        matSuffix\n                        matTooltip=\"Should the redirect include the path and query?\"\n                    >\n                        info_outline\n                    </mat-icon>\n                </div>\n            </div>\n        </div>\n        <!-- </mat-card-content> -->\n        <!-- <mat-card-actions fxLayoutAlign=\"center center\"> -->\n\n        <!-- <button \n          *ngIf=\"HasSaveButton && !Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"100%\" \n          color=\"primary\" \n          [disabled]=\"!ProcessorDetailsFormGroup.valid || !ProcessorDetailsFormGroup.dirty\">\n          <mat-icon>save</mat-icon>\n          Save Processor Details\n        </button> -->\n        <!-- <lcu-loader *ngIf=\"HasSaveButton\" [loading]=\"Loading\"></lcu-loader> -->\n\n        <!-- </mat-card-actions> -->\n    </ng-container>\n\n    <!-- </mat-card> -->\n</form>\n", styles: [".s-block{margin:10px 0;width:100%;height:40px}.with-hint{margin-bottom:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: ApplicationsFlowService }, { type: i1$1.FormBuilder }, { type: EaCService }]; }, propDecorators: { EditingApplication: [{
                 type: Input,
                 args: ['editing-application']