@lowcodeunit/applications-flow-common 1.35.0 → 1.35.1-lets-get-social-ish

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

@@ -6088,6 +6088,7 @@ class FeedHeaderDialogComponent {
             ]
         };
         this.ErrorMessage = null;
+        this.Loading = false;
         this.SlicesCount = 5;
         this.Slices = {
             Sources: this.SlicesCount,
@@ -6165,6 +6166,7 @@ class FeedHeaderDialogComponent {
         }
     }
     PullRequestSourceControlChanged(event) {
+        console.log("sourcecontrol", this.SourceControlFormControl.value);
         this.SourceControl = this.SourceControls[this.SourceControlFormControl.value];
         this.listBranches();
     }
@@ -6172,6 +6174,13 @@ class FeedHeaderDialogComponent {
         this.SourceControl = this.SourceControls[this.SourceControlFormControl.value];
         this.listOrganizations();
     }
+    IsDisabled() {
+        var _a;
+        // console.log("valid: ",this.FeedHeaderFormGroup?.valid)
+        // console.log("loading: ",this.Loading)
+        // console.log("returning ",(!this.FeedHeaderFormGroup?.valid || this.Loading))
+        return (!((_a = this.FeedHeaderFormGroup) === null || _a === void 0 ? void 0 : _a.valid) || this.Loading);
+    }
     IssueSourceControlChanged(event) {
         this.SourceControl = this.SourceControls[this.SourceControlFormControl.value];
     }
@@ -6184,9 +6193,9 @@ class FeedHeaderDialogComponent {
             Content: this.EditorControl ? this.EditorControl.value : null,
             ExpiresAt: null,
             Organization: this.OrganizationFormControl ? this.OrganizationFormControl.value : null,
-            Repositroy: this.RepositoryFormControl ? this.RepositoryFormControl.value : null,
+            Repository: this.RepositoryFormControl ? this.RepositoryFormControl.value : null,
             SourceBranch: this.SourceBranchFormControl ? this.SourceBranchFormControl.value : null,
-            SourceControlLookup: this.SourceControlFormControl ? this.SourceBranchFormControl.value : null,
+            SourceControlLookup: this.SourceControlFormControl ? this.SourceControlFormControl.value : null,
             Subtitle: this.SubtitleFormControl ? this.SubtitleFormControl.value : null,
             TargetBranch: this.TargetBranchFormControl ? this.TargetBranchFormControl.value : null,
             Type: this.data.type,
@@ -6216,22 +6225,24 @@ class FeedHeaderDialogComponent {
     //HELPERS
     listBranches() {
         var _a, _b;
-        // this.Loading = true;
+        this.Loading = true;
+        console.log("LISTING BRANCHES");
         this.appsFlowSvc
             .ListBranches((_a = this.SourceControl) === null || _a === void 0 ? void 0 : _a.Organization, (_b = this.SourceControl) === null || _b === void 0 ? void 0 : _b.Repository)
             .subscribe((response) => {
             this.BranchOptions = response.Model;
+            this.Loading = false;
         });
+        // console.log("Loading = ", this.Loading)
     }
     listOrganizations() {
-        // this.Loading = true;
+        this.Loading = true;
         this.appsFlowSvc
             .ListOrganizations()
             .subscribe((response) => {
             var _a;
             this.OrganizationOptions = response.Model;
             console.log("Organization Options: ", this.OrganizationOptions);
-            // this.Loading = false;
             if ((_a = this.SourceControl) === null || _a === void 0 ? void 0 : _a.Organization) {
                 setTimeout(() => {
                     var _a;
@@ -6239,22 +6250,26 @@ class FeedHeaderDialogComponent {
                     this.listRepositories((_a = this.SourceControl) === null || _a === void 0 ? void 0 : _a.Repository);
                 }, 0);
             }
+            this.Loading = false;
         });
+        // console.log("Loading = ", this.Loading)
     }
     listRepositories(activeRepo = null) {
-        // this.Loading = true;
+        this.Loading = true;
         this.appsFlowSvc
             .ListRepositories(this.OrganizationFormControl.value)
             .subscribe((response) => {
             this.RepositoryOptions = response.Model;
-            // this.Loading = false;
             if (activeRepo) {
                 setTimeout(() => {
                     this.RepositoryFormControl.setValue(activeRepo);
                     this.listBranches();
+                    // this.Loading=true;
                 }, 0);
             }
+            this.Loading = false;
         });
+        // console.log("Loading = ", this.Loading)
     }
     setupFeedHeaderForm() {
         this.FeedHeaderFormGroup = this.formBldr.group({});
@@ -6298,23 +6313,23 @@ class FeedHeaderDialogComponent {
     }
     setupFeatureBranchForm() {
         this.setupSourceControlForm();
-        this.FeedHeaderFormGroup.addControl('organization', this.formBldr.control(''));
-        this.FeedHeaderFormGroup.addControl('repository', this.formBldr.control(''));
+        this.FeedHeaderFormGroup.addControl('organization', this.formBldr.control('', [Validators.required]));
+        this.FeedHeaderFormGroup.addControl('repository', this.formBldr.control('', [Validators.required]));
         this.setupBranchesForm();
     }
     setupSourceControlForm() {
-        this.FeedHeaderFormGroup.addControl('sourceControl', this.formBldr.control(''));
+        this.FeedHeaderFormGroup.addControl('sourceControl', this.formBldr.control('', [Validators.required]));
     }
     setupBranchesForm() {
-        this.FeedHeaderFormGroup.addControl('targetBranch', this.formBldr.control(''));
-        this.FeedHeaderFormGroup.addControl('sourceBranch', this.formBldr.control(''));
+        this.FeedHeaderFormGroup.addControl('targetBranch', this.formBldr.control('', [Validators.required]));
+        this.FeedHeaderFormGroup.addControl('sourceBranch', this.formBldr.control('', [Validators.required]));
     }
 }
 FeedHeaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$2.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component });
-FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \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\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i11$2.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "slice": i9.SlicePipe } });
+FeedHeaderDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderDialogComponent, selector: "lcu-feed-header-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                        required\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                        required\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \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\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i11$2.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i2$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i2$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups | slice: 0:Slices.Sources\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \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\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"\n    !FeedHeaderFormGroup?.valid \n\"\n        \n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""] }]
+            args: [{ selector: 'lcu-feed-header-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>{{data.dialogTitle}}</h2>\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n    <form [formGroup]=\"FeedHeaderFormGroup\" >\n\n        <!-- ISSUE FORM -->\n        <ng-container *ngIf=\"data.type === 'OpenIssue' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"IssueSourceControlChanged($event)\"\n                        required\n\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"issue-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n        </ng-container>\n\n        <!-- ANNOUNCEMENT FORM -->\n\n        <ng-container *ngIf=\"data.type === 'Announcement' \">\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Subtitle\"\n                formControlName=\"subtitle\"\n                />\n            </mat-form-field>\n\n            <angular-editor \n                id=\"announcement-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Text\"\n                    formControlName=\"actionText\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Link\"\n                    formControlName=\"actionLink\"\n                    />\n                </mat-form-field>\n\n                <mat-form-field class=\"mat-full-width\">\n                    <input\n                    matInput\n                    placeholder=\"Action Icon\"\n                    formControlName=\"actionIcon\"\n                    />\n                </mat-form-field>\n\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <button \n                *ngIf=\"ActionTextControl?.value || ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                    (click)=\"HandleAction(ActionLinkControl?.value)\"\n                >\n                    <mat-icon *ngIf=\"ActionIconControl?.value\">{{ ActionIconControl?.value }}</mat-icon>\n            \n                    {{ ActionTextControl?.value }}\n                  </button>\n\n                  <button \n                    *ngIf=\"!ActionTextControl?.value && !ActionIconControl?.value\"\n                    mat-button color=\"primary\" \n                >\n                    <mat-icon>cruelty_free</mat-icon>\n            \n                    Example Button\n                  </button>\n            </div>\n\n        </ng-container>\n\n        <!-- PR FORM -->\n\n        <ng-container *ngIf=\"data.type === 'PullRequest' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"PullRequestSourceControlChanged($event)\"\n                        required\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngIf=\"BranchOptions?.length > 0\">\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Base</mat-label>\n                    <mat-select formControlName=\"targetBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                \n                <mat-icon>arrow_back</mat-icon>\n\n                <mat-form-field appearance=\"fill\">\n                    <mat-label>Compare</mat-label>\n                    <mat-select formControlName=\"sourceBranch\" required\n                    >\n                    <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                        {{branchOpt.Name}}\n                    </mat-option>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <mat-form-field class=\"mat-full-width\">\n                <input\n                matInput\n                placeholder=\"Title\"\n                formControlName=\"title\"\n                required\n                />\n            </mat-form-field>\n\n\n            <angular-editor \n                id=\"pr-editor\"\n                formControlName=\"editor\" \n                [config]=\"EditorConfig\"\n            ></angular-editor>\n\n        </ng-container>\n\n        <!-- Feature Branch form -->\n\n        <ng-container *ngIf=\"data.type === 'CreateBranch' \">\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n                <mat-form-field >\n                    <mat-label>Source Control</mat-label>\n                    <mat-select \n                        formControlName=\"sourceControl\"\n                        (selectionChange)=\"FeatureBranchSourceControlChanged($event)\"\n                        required\n                    >\n                    <ng-container *ngFor=\"let scLookup of SourceControlLookups\">\n                    <mat-option *ngIf=\"SourceControls[scLookup]; let sc\" [value]=\"scLookup\">\n                        {{sc.Name}}\n                    </mat-option>\n                    </ng-container>\n                    </mat-select>\n                </mat-form-field>\n            </div>\n\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" >\n\n                <mat-form-field *ngIf=\"OrganizationOptions?.length > 0\">\n\n                <mat-select \n                formControlName=\"organization\" \n                placeholder=\"Organization\"\n                (selectionChange)=\"OrganizationChanged($event)\" \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\n\n            </mat-form-field>\n\n            <mat-form-field *ngIf=\"RepositoryOptions?.length > 0\">\n\n                <mat-select formControlName=\"repository\" \n                            placeholder=\"Repository\"  \n                            (selectionChange)=\"RepositoryChanged($event)\" \n                            required\n                >\n                <ng-container *ngFor=\"let repoOpt of RepositoryOptions\">\n                    <mat-option [value]=\"repoOpt.Name\">\n                    {{ repoOpt.Name }}\n                    </mat-option>\n                </ng-container>\n                </mat-select>  \n            </mat-form-field>\n\n        </div>\n\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\" *ngIf=\"BranchOptions?.length > 0\">\n\n            <mat-form-field >\n                <mat-label>Base Branch</mat-label>\n                <mat-select formControlName=\"sourceBranch\" required\n                >\n                <mat-option *ngFor=\"let branchOpt of BranchOptions\" [value]=\"branchOpt.Name\">\n                    {{branchOpt.Name}}\n                </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <mat-form-field >\n                <input\n                matInput\n                placeholder=\"Create New Branch\"\n                formControlName=\"targetBranch\"\n                required\n                />\n            </mat-form-field>\n        </div>\n\n        </ng-container>\n\n    </form>\n    \n    \n\n    <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error>\n</mat-dialog-content>\n\n<mat-dialog-actions\n    class=\"actions-container\" \n    div fxLayout=\"row\" \n    fxLayoutAlign=\"end center\"\n>\n\n    <button \n        class=\"action-button\"\n        mat-raised-button\n        fxFlex=\"25%\"\n        (click)=\"CloseDialog()\"\n    >\n        Cancel\n    </button>\n\n    <!--  -->\n    <button \n        mat-raised-button \n        color=\"primary\"\n        fxFlex=\"25%\"\n        class=\"submit\" \n        (click)=\"Submit()\"\n        [disabled]=\"IsDisabled()\"\n    >\n        Submit\n    </button>\n</mat-dialog-actions>\n\n\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: ApplicationsFlowService }, { type: EaCService }, { type: i1$2.FormBuilder }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -6823,15 +6838,17 @@ class StateConfigFormComponent {
         this.StateConfigDialogForm = this.formbldr.group({});
     }
     get StateConfigFormControl() {
-        return this.StateConfigDialogForm.controls.config;
+        var _a;
+        return (_a = this.StateConfigDialogForm) === null || _a === void 0 ? void 0 : _a.controls.config;
     }
     ngOnInit() {
         this.buildForm();
     }
     SaveStateConfig() {
+        var _a;
         const saveAppReq = {
             ApplicationLookup: this.AppLookup || Guid.CreateRaw(),
-            DataToken: this.StateConfigFormControl.value
+            DataToken: (_a = this.StateConfigFormControl) === null || _a === void 0 ? void 0 : _a.value
         };
         this.eacSvc.SaveApplicationAsCode(saveAppReq);
     }