@lowcodeunit/applications-flow-common 1.39.64-exceptions → 1.39.66-exceptions

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

@@ -4458,10 +4458,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>\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"] }] });
+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                    <mat-option value=\"\">-- Create New --</mat-option>\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                </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>\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"] }]
+            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                    <mat-option value=\"\">-- Create New --</mat-option>\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                </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']
@@ -4528,10 +4528,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            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                style=\"width: 100%\"\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            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                style=\"width: 100%\"\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,
@@ -5205,26 +5205,25 @@ class ProcessorDetailsFormComponent {
         // 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();
+        // console.log('reg ex match; ', redirect.match(regex));
         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);
+            this.IncludeRequestFormControl.setErrors({ incorrect: true });
         }
         else if (this.IncludeRequestFormControl.value &&
             redirect.match(regex)) {
-            console.log('no error');
             this.RedirectError = null;
+            this.IncludeRequestFormControl.setErrors(null);
         }
         else if (!this.IncludeRequestFormControl.value) {
-            this.IncludeRequestFormControl.removeValidators(Validators.pattern(regex));
+            this.RedirectError = null;
+            // this.IncludeRequestFormControl.setErrors(null);
         }
+        // console.log("request ", this.IncludeRequestFormControl);
+        // console.log("form: ", this.ProcessorDetailsFormGroup);
     }
     //HELPERS
     cleanupLcuTypeSubForm() {
@@ -5363,12 +5362,12 @@ class ProcessorDetailsFormComponent {
         this.ProcessorDetailsFormGroup.addControl('lcuType', this.formBldr.control(this.LCUType, [Validators.required]));
     }
     setupRedirectForm() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         this.ProcessorDetailsFormGroup.addControl('redirect', this.formBldr.control(((_a = this.EditingApplication.Processor) === null || _a === void 0 ? void 0 : _a.Redirect) || '', [Validators.required]));
         this.ProcessorDetailsFormGroup.addControl('permanent', this.formBldr.control(((_b = this.EditingApplication.Processor) === null || _b === void 0 ? void 0 : _b.Permanent) || false, []));
         this.ProcessorDetailsFormGroup.addControl('preserveMethod', this.formBldr.control(((_c = this.EditingApplication.Processor) === null || _c === void 0 ? void 0 : _c.PreserveMethod) || false, []));
-        console.log('include request: ', (_d = this.EditingApplication) === null || _d === void 0 ? void 0 : _d.Processor);
-        this.ProcessorDetailsFormGroup.addControl('includeRequest', this.formBldr.control(((_f = (_e = this.EditingApplication) === null || _e === void 0 ? void 0 : _e.Processor) === null || _f === void 0 ? void 0 : _f.IncludeRequest) || false, []));
+        // console.log('include request: ', this.EditingApplication?.Processor);
+        this.ProcessorDetailsFormGroup.addControl('includeRequest', this.formBldr.control(((_e = (_d = this.EditingApplication) === null || _d === void 0 ? void 0 : _d.Processor) === null || _e === void 0 ? void 0 : _e.IncludeRequest) || false, []));
         this.DetermineTooltipText();
     }
     setupOAuthForm() {