@lowcodeunit/applications-flow-common 1.34.36-krakyn-app → 1.34.39-lets-get-social-ish

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

@@ -233,6 +233,11 @@ class ApplicationsFlowService {
             headers: this.loadHeaders(),
         });
     }
+    EnterpriseAsCodeRemovals(removals) {
+        return this.http.post(`${this.apiRoot}/api/lowcodeunit/manage/eac`, {
+            headers: this.loadHeaders(),
+        });
+    }
     GetActiveEnterprise() {
         return this.http.get(`${this.apiRoot}/api/lowcodeunit/manage/enterprises/active`, {
             headers: this.loadHeaders(),
@@ -296,6 +301,12 @@ class ApplicationsFlowService {
             headers: this.loadHeaders(),
         });
     }
+    LoadUserFeed(page, pageSize, project, applications) {
+        var apps = JSON.stringify(applications || []);
+        return this.http.get(`${this.apiRoot}/api/lowcodeunit/userfeed?page=${page}&pageSize=${pageSize}&project=${project}&applications=${apps}`, {
+            headers: this.loadHeaders(),
+        });
+    }
     SaveEnterpriseAsCode(eac) {
         return this.http.post(`${this.apiRoot}/api/lowcodeunit/manage/eac`, eac, {
             headers: this.loadHeaders(),
@@ -318,12 +329,6 @@ class ApplicationsFlowService {
             headers: this.loadHeaders(),
         });
     }
-    LoadUserFeed(page, pageSize, project, applications) {
-        var apps = JSON.stringify(applications || []);
-        return this.http.get(`${this.apiRoot}/api/lowcodeunit/userfeed?page=${page}&pageSize=${pageSize}&project=${project}&applications=${apps}`, {
-            headers: this.loadHeaders(),
-        });
-    }
     //  Helpers
     loadHeaders() {
         return {};
@@ -457,6 +462,29 @@ class ProjectService {
             });
         });
     }
+    async EnterpriseAsCodeRemovals(state, eac) {
+        return new Promise((resolve, reject) => {
+            state.Loading = true;
+            this.appsFlowSvc.EnterpriseAsCodeRemovals(eac).subscribe(async (response) => {
+                if (response.Status.Code === 0) {
+                    var results = await Promise.all([
+                        this.LoadEnterpriseAsCode(state),
+                        this.LoadUserFeed(1, 25, state),
+                    ]);
+                    resolve(response.Status);
+                }
+                else {
+                    state.Loading = false;
+                    reject(response.Status);
+                    console.log(response);
+                }
+            }, (err) => {
+                state.Loading = false;
+                reject(err);
+                console.log(err);
+            });
+        });
+    }
     GenerateRoutedApplications(applications, state) {
         const appLookups = Object.keys(applications);
         const apps = appLookups.map((appLookup) => applications[appLookup]);
@@ -926,6 +954,9 @@ class EaCService {
     async EnsureUserEnterprise() {
         await this.projectService.EnsureUserEnterprise(this.State);
     }
+    async EnterpriseAsCodeRemovals(eac) {
+        return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+    }
     async GetActiveEnterprise() {
         await this.projectService.GetActiveEnterprise(this.State);
     }
@@ -6087,13 +6118,6 @@ class FeedHeaderDialogComponent {
             .ListBranches(this.SourceControl?.Organization, this.SourceControl?.Repository)
             .subscribe((response) => {
             this.BranchOptions = response.Model;
-            // this.Loading = false;
-            // if (this.EditingSourceControl?.Branches?.length > 0) {
-            //   this.SelectedBranches = this.EditingSourceControl.Branches;
-            // } else if (this.BranchOptions?.length === 1) {
-            //   this.BranchesFormControl.setValue(this.BranchOptions[0].Name);
-            //   this.SelectedBranches = [this.BranchOptions[0].Name];
-            // }
         });
     }
     listOrganizations() {
@@ -6182,10 +6206,10 @@ class FeedHeaderDialogComponent {
     }
 }
 FeedHeaderDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderDialogComponent, deps: [{ token: ApplicationsFlowService }, { token: EaCService }, { token: i1$2.FormBuilder }, { token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], 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\">\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\n\n\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: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10.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: 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\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: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10.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: 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 } });
 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\">\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\n\n\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\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: [""] }]
         }], ctorParameters: function () { return [{ type: ApplicationsFlowService }, { type: EaCService }, { type: i1$2.FormBuilder }, { type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]