@lowcodeunit/applications-flow-common 1.33.320-lets-get-social-ish → 1.33.323-lets-get-social-ish

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

@@ -310,6 +310,13 @@ class ApplicationsFlowService {
             headers: this.loadHeaders(),
         });
     }
+    SubmitFeedEntry(entry) {
+        return this.http.post(`${this.apiRoot}/api/lowcodeunit/userfeed/entry`, {
+            FeedEntry: entry,
+        }, {
+            headers: this.loadHeaders(),
+        });
+    }
     UnpackLowCodeUnit(req) {
         return this.http.post(`${this.apiRoot}/api/lowcodeunit/manage/projects/unpack`, req, {
             headers: this.loadHeaders(),
@@ -677,6 +684,29 @@ class ProjectService {
             }
         });
     }
+    async SubmitFeedEntry(state, entry) {
+        return new Promise((resolve, reject) => {
+            state.Loading = true;
+            this.appsFlowSvc.SubmitFeedEntry(entry).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);
+            });
+        });
+    }
     ToggleCreateProject() {
         this.SetCreatingProject(!this.CreatingProject);
     }
@@ -937,6 +967,9 @@ class EaCService {
     async SetEditProjectSettings(projectLookup) {
         await this.projectService.SetEditProjectSettings(this.State, projectLookup);
     }
+    async SubmitFeedEntry(entry) {
+        return await this.projectService.SubmitFeedEntry(this.State, entry);
+    }
     async UnpackLowCodeUnit(req) {
         if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
             await this.projectService.UnpackLowCodeUnit(this.State, req);
@@ -1208,7 +1241,7 @@ class DomainsComponent {
     config() {
         this.Config = new CardFormConfigModel({
             Icon: 'head',
-            Title: 'Domains',
+            Title: '',
             Subtitle: 'In order to use a custom domain, create a CNAME dns record pointing desired subdomain to ' + this.HostDNSInstance + '.',
             FormActions: {
                 Message: 'Changes will be applied to your next deployment',
@@ -3831,10 +3864,10 @@ class FeedCardSmComponent {
     }
 }
 FeedCardSmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedCardSmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedCardSmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedCardSmComponent, selector: "lcu-feed-card-sm", inputs: { FeedItem: ["feed-item", "FeedItem"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <div class=\"feed-card-container\" fxLayout=\"row\">\n    <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{ Icon }}</mat-icon>\n    <div class=\"feed-card-main-content\">\n      <mat-card-title *ngIf=\"FeedItem.Title\">\n        {{ FeedItem.Title }}\n      </mat-card-title>\n\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <ng-content select=\"[more-details]\"></ng-content>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ 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: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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"] }] });
+FeedCardSmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedCardSmComponent, selector: "lcu-feed-card-sm", inputs: { FeedItem: ["feed-item", "FeedItem"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <div class=\"feed-card-container\" fxLayout=\"row\">\n    <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{ Icon }}</mat-icon>\n    <div class=\"feed-card-main-content\">\n      <mat-card-title *ngIf=\"FeedItem.Title\">\n        {{ FeedItem.Title }}\n      </mat-card-title>\n\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <ng-content select=\"[more-details]\"></ng-content>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ 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: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedCardSmComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-feed-card-sm', template: "<mat-card class=\"social-card\">\n  <div class=\"feed-card-container\" fxLayout=\"row\">\n    <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{ Icon }}</mat-icon>\n    <div class=\"feed-card-main-content\">\n      <mat-card-title *ngIf=\"FeedItem.Title\">\n        {{ FeedItem.Title }}\n      </mat-card-title>\n\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <ng-content select=\"[more-details]\"></ng-content>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}\n"] }]
+            args: [{ selector: 'lcu-feed-card-sm', template: "<mat-card class=\"social-card\">\n  <div class=\"feed-card-container\" fxLayout=\"row\">\n    <mat-icon *ngIf=\"Icon\" [style.color]=\"IconColor\">{{ Icon }}</mat-icon>\n    <div class=\"feed-card-main-content\">\n      <mat-card-title *ngIf=\"FeedItem.Title\">\n        {{ FeedItem.Title }}\n      </mat-card-title>\n\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <ng-content select=\"[more-details]\"></ng-content>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"end\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { FeedItem: [{
                 type: Input,
                 args: ['feed-item']
@@ -4380,10 +4413,10 @@ class MainFeedCardComponent {
     }
 }
 MainFeedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MainFeedCardComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialog }, { token: i3$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-MainFeedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: MainFeedCardComponent, selector: "lcu-main-feed-card", inputs: { FeedItem: ["feed-item", "FeedItem"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <div *ngIf=\"FeedItem.Subtext\">{{ FeedItem.Subtext }}</div>\n\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <div class=\"feed-card-container\">\n      <div class=\"feed-card-main-content\">\n        <mat-tab-group>\n          <ng-container *ngFor=\"let tab of FeedItem.Tabs\">\n            <mat-tab [label]=\"tab.Title\">\n              <div class=\"tab\">\n                <ng-container *ngIf=\"tab.Data?.Commit?.Message\">\n                  <div class=\"commit-message\">\n                    {{ tab.Data?.Commit?.Message }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Content\">\n                  <div class=\"content\">\n                    {{ tab.Data?.Content }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Video\">\n                  <div\n                    class=\"video\"\n                    [innerHTML]=\"SafeHtml(tab.Data.Video)\"\n                  ></div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Comments\">\n                  <div class=\"comments\">\n                    <ng-container *ngIf=\"tab.Data?.Comments?.length <= 0\">\n                      <h4>No comments provided</h4>\n                    </ng-container>\n\n                    <mat-card *ngFor=\"let comment of tab.Data?.Comments\">\n                      <mat-card-header>\n                        <img\n                          mat-card-avatar\n                          class=\"example-header-image\"\n                          [src]=\"comment.Avatar\"\n                          *ngIf=\"comment.Avatar\"\n                        />\n\n                        <mat-card-title>\n                          {{ comment.Author }}\n                          commented on\n                          {{ comment.UpdatedAt }}\n                        </mat-card-title>\n                      </mat-card-header>\n\n                      <mat-card-content>\n                        {{ comment.Comment }}\n                      </mat-card-content>\n                    </mat-card>\n                  </div>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </ng-container>\n        </mat-tab-group>\n      </div>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:host .tab{margin:2em}:host .tab .video iframe{display:block;margin:auto}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$1.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { 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"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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: 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: 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"] }] });
+MainFeedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: MainFeedCardComponent, selector: "lcu-main-feed-card", inputs: { FeedItem: ["feed-item", "FeedItem"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <div *ngIf=\"FeedItem.Subtext\">{{ FeedItem.Subtext }}</div>\n\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <div class=\"feed-card-container\">\n      <div class=\"feed-card-main-content\">\n        <mat-tab-group>\n          <ng-container *ngFor=\"let tab of FeedItem.Tabs\">\n            <mat-tab [label]=\"tab.Title\">\n              <div class=\"tab\">\n                <ng-container *ngIf=\"tab.Data?.Commit?.Message\">\n                  <div class=\"commit-message\">\n                    {{ tab.Data?.Commit?.Message }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Content\">\n                  <div class=\"content\">\n                    {{ tab.Data?.Content }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Video\">\n                  <div\n                    class=\"video\"\n                    [innerHTML]=\"SafeHtml(tab.Data.Video)\"\n                  ></div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Comments\">\n                  <div class=\"comments\">\n                    <ng-container *ngIf=\"tab.Data?.Comments?.length <= 0\">\n                      <h4>No comments provided</h4>\n                    </ng-container>\n\n                    <mat-card *ngFor=\"let comment of tab.Data?.Comments\">\n                      <mat-card-header>\n                        <img\n                          mat-card-avatar\n                          class=\"example-header-image\"\n                          [src]=\"comment.Avatar\"\n                          *ngIf=\"comment.Avatar\"\n                        />\n\n                        <mat-card-title>\n                          {{ comment.Author }}\n                          commented on\n                          {{ comment.UpdatedAt }}\n                        </mat-card-title>\n                      </mat-card-header>\n\n                      <mat-card-content>\n                        {{ comment.Comment }}\n                      </mat-card-content>\n                    </mat-card>\n                  </div>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </ng-container>\n        </mat-tab-group>\n      </div>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:host .tab{margin:2em}:host .tab .video iframe{display:block;margin:auto}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$1.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { 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"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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: 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: 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: MainFeedCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-main-feed-card', template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <div *ngIf=\"FeedItem.Subtext\">{{ FeedItem.Subtext }}</div>\n\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <div class=\"feed-card-container\">\n      <div class=\"feed-card-main-content\">\n        <mat-tab-group>\n          <ng-container *ngFor=\"let tab of FeedItem.Tabs\">\n            <mat-tab [label]=\"tab.Title\">\n              <div class=\"tab\">\n                <ng-container *ngIf=\"tab.Data?.Commit?.Message\">\n                  <div class=\"commit-message\">\n                    {{ tab.Data?.Commit?.Message }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Content\">\n                  <div class=\"content\">\n                    {{ tab.Data?.Content }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Video\">\n                  <div\n                    class=\"video\"\n                    [innerHTML]=\"SafeHtml(tab.Data.Video)\"\n                  ></div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Comments\">\n                  <div class=\"comments\">\n                    <ng-container *ngIf=\"tab.Data?.Comments?.length <= 0\">\n                      <h4>No comments provided</h4>\n                    </ng-container>\n\n                    <mat-card *ngFor=\"let comment of tab.Data?.Comments\">\n                      <mat-card-header>\n                        <img\n                          mat-card-avatar\n                          class=\"example-header-image\"\n                          [src]=\"comment.Avatar\"\n                          *ngIf=\"comment.Avatar\"\n                        />\n\n                        <mat-card-title>\n                          {{ comment.Author }}\n                          commented on\n                          {{ comment.UpdatedAt }}\n                        </mat-card-title>\n                      </mat-card-header>\n\n                      <mat-card-content>\n                        {{ comment.Comment }}\n                      </mat-card-content>\n                    </mat-card>\n                  </div>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </ng-container>\n        </mat-tab-group>\n      </div>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:host .tab{margin:2em}:host .tab .video iframe{display:block;margin:auto}\n"] }]
+            args: [{ selector: 'lcu-main-feed-card', template: "<mat-card class=\"social-card\">\n  <mat-card-header>\n    <img\n      mat-card-avatar\n      class=\"example-header-image\"\n      [src]=\"FeedItem.Avatar\"\n      *ngIf=\"FeedItem.Avatar\"\n    />\n\n    <mat-card-title *ngIf=\"FeedItem.Title\">{{ FeedItem.Title }}</mat-card-title>\n\n    <mat-card-subtitle>\n      <div *ngIf=\"FeedItem.Subtitle\">{{ FeedItem.Subtitle }}</div>\n\n      <div *ngIf=\"FeedItem.Subtext\">{{ FeedItem.Subtext }}</div>\n\n      <div *ngIf=\"FeedItem.Status\">\n        <mat-icon\n          *ngIf=\"Icon\"\n          [style.color]=\"IconColor\"\n          [class.spin]=\"FeedItem.Status?.Code == 2\"\n        >\n          {{ Icon }}\n        </mat-icon>\n\n        <span *ngIf=\"FeedItem.Timestamp\">\n          {{ CalculateTimelapse(FeedItem.Timestamp) }}\n        </span>\n      </div>\n    </mat-card-subtitle>\n  </mat-card-header>\n\n  <div *ngIf=\"!FeedItem.IsShortForm\">\n    <div class=\"feed-card-container\">\n      <div class=\"feed-card-main-content\">\n        <mat-tab-group>\n          <ng-container *ngFor=\"let tab of FeedItem.Tabs\">\n            <mat-tab [label]=\"tab.Title\">\n              <div class=\"tab\">\n                <ng-container *ngIf=\"tab.Data?.Commit?.Message\">\n                  <div class=\"commit-message\">\n                    {{ tab.Data?.Commit?.Message }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Content\">\n                  <div class=\"content\">\n                    {{ tab.Data?.Content }}\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Video\">\n                  <div\n                    class=\"video\"\n                    [innerHTML]=\"SafeHtml(tab.Data.Video)\"\n                  ></div>\n                </ng-container>\n\n                <ng-container *ngIf=\"tab.Data?.Comments\">\n                  <div class=\"comments\">\n                    <ng-container *ngIf=\"tab.Data?.Comments?.length <= 0\">\n                      <h4>No comments provided</h4>\n                    </ng-container>\n\n                    <mat-card *ngFor=\"let comment of tab.Data?.Comments\">\n                      <mat-card-header>\n                        <img\n                          mat-card-avatar\n                          class=\"example-header-image\"\n                          [src]=\"comment.Avatar\"\n                          *ngIf=\"comment.Avatar\"\n                        />\n\n                        <mat-card-title>\n                          {{ comment.Author }}\n                          commented on\n                          {{ comment.UpdatedAt }}\n                        </mat-card-title>\n                      </mat-card-header>\n\n                      <mat-card-content>\n                        {{ comment.Comment }}\n                      </mat-card-content>\n                    </mat-card>\n                  </div>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </ng-container>\n        </mat-tab-group>\n      </div>\n    </div>\n  </div>\n\n  <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n    <div fxFlex></div>\n\n    <ng-container *ngFor=\"let action of FeedItem.Actions\">\n      <button mat-button [color]=\"action.Color\" (click)=\"HandleAction(action)\">\n        <mat-icon *ngIf=\"action.Icon\">{{ action.Icon }}</mat-icon>\n\n        {{ action.Text }}\n      </button>\n    </ng-container>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host :host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host :host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host :host ::ng-deep .main-slot-container{padding:10px}:host :host ::ng-deep .slot-header{align-items:center}:host :host ::ng-deep .slot-content{width:100%}:host :host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host :host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host :host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host :host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}:host .example-header-image{background-size:cover}:host .mat-icon{display:inline-flex;vertical-align:middle}:host .mat-icon.spin{animation:rotate 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:host .tab{margin:2em}:host .tab .video iframe{display:block;margin:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i2$3.MatDialog }, { type: i3$2.DomSanitizer }]; }, propDecorators: { FeedItem: [{
                 type: Input,
                 args: ['feed-item']
@@ -5494,10 +5527,10 @@ class CustomDomainDialogComponent {
     }
 }
 CustomDomainDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CustomDomainDialogComponent, deps: [{ token: i2$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-CustomDomainDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: CustomDomainDialogComponent, selector: "lcu-custom-domain-dialog", ngImport: i0, template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<lcu-domains\n[data]=\"DomainData\"\n>\n\n</lcu-domains>\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: DomainsComponent, selector: "lcu-domains", inputs: ["data"] }], 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"] }] });
+CustomDomainDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: CustomDomainDialogComponent, selector: "lcu-custom-domain-dialog", ngImport: i0, template: "<!-- <div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div> -->\n\n\n\n\n<!-- NEW BELOW -->\n<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Custom Domain</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n\n\n    <lcu-domains\n    [data]=\"DomainData\"\n    >\n    \n    </lcu-domains>\n\n    <!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error> -->\n\n</mat-dialog-content>\n\n\n<!-- <mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveCustomDomain()\"\n          [disabled]=\"!BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\">\n          Save\n        </button>\n\n</mat-dialog-actions> -->\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: DomainsComponent, selector: "lcu-domains", inputs: ["data"] }], 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]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CustomDomainDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-custom-domain-dialog', template: "<div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<lcu-domains\n[data]=\"DomainData\"\n>\n\n</lcu-domains>\n", styles: [""] }]
+            args: [{ selector: 'lcu-custom-domain-dialog', template: "<!-- <div class=\"dialog-header\" fxLayoutAlign=\"end center\">\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div> -->\n\n\n\n\n<!-- NEW BELOW -->\n<div class=\"dialog-header\" fxLayoutAlign=\"space-between center\">\n    <h2 mat-dialog-title>Custom Domain</h2>\n\n    <button mat-icon-button (click)=\"CloseDialog()\">\n            <mat-icon>cancel</mat-icon>\n    </button>\n</div>\n\n<mat-dialog-content>\n\n\n\n    <lcu-domains\n    [data]=\"DomainData\"\n    >\n    \n    </lcu-domains>\n\n    <!-- <mat-error *ngIf=\"ErrorMessage\" fxLayoutAlign=\"center center\" >\n        {{ ErrorMessage }}\n    </mat-error> -->\n\n</mat-dialog-content>\n\n\n<!-- <mat-dialog-actions \n        class=\"actions-container\" \n        div fxLayout=\"row\" \n        fxLayoutAlign=\"end center\"\n>\n        <button \n                class=\"action-button\"\n                mat-raised-button\n                fxFlex=\"25%\"\n                (click)=\"CloseDialog()\">\n                Cancel\n\n        </button>\n\n\n\n        <button \n          *ngIf=\"!State?.Loading\"\n          mat-raised-button \n          type=\"submit\" \n          fxFlex=\"25%\" \n          color=\"primary\" \n          (click)=\"SaveCustomDomain()\"\n          [disabled]=\"!BuildPipelineFormGroup?.valid || !BuildPipelineFormGroup?.dirty\">\n          Save\n        </button>\n\n</mat-dialog-actions> -->\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i2$3.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -5783,10 +5816,10 @@ class SkeletonFeedCardComponent {
     }
 }
 SkeletonFeedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SkeletonFeedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkeletonFeedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SkeletonFeedCardComponent, selector: "lcu-skeleton-feed-card", ngImport: i0, template: "<mat-card class=\"social-card\">\n    <mat-card-header>\n      \n      <skeleton-avatar mat-card-avatar size=\"100\" [effect]=\"SkeletonEffect\"></skeleton-avatar>\n  \n      <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">FeedItem Title</mat-card-title>\n  \n      <mat-card-subtitle>\n        <div skeleton-text [effect]=\"SkeletonEffect\">FeedItem Subtitle</div>\n        <div >\n          <mat-icon  skeleton-text [effect]=\"SkeletonEffect\">check</mat-icon>\n  \n          <div skeleton-text [effect]=\"SkeletonEffect\">Timestamp</div>\n        </div>\n      </mat-card-subtitle>\n    </mat-card-header>\n  \n    <mat-card-content>\n        <div skeleton-text [effect]=\"SkeletonEffect\">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet\n            ante dui. Praesent ut aliquam metus. Phasellus consectetur non eros eu\n            gravida. Vestibulum faucibus laoreet leo, ac molestie felis tincidunt\n            semper. Vivamus lorem ipsum, sagittis nec blandit sed, accumsan sed\n            dolor. Etiam tincidunt vel ligula ut malesuada. Nulla sit amet fermentum\n            libero. Quisque magna tellus, pellentesque in convallis vitae, aliquet\n            et orci. Pellentesque commodo ante id est viverra posuere ac vitae\n            ligula. Ut sed ullamcorper purus. Integer sit amet lorem eros.\n        </div>\n    </mat-card-content>\n  \n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n    </mat-card-actions>\n  </mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$1.MatCardHeader, selector: "mat-card-header" }, { type: i4$3.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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: 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"] }] });
+SkeletonFeedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SkeletonFeedCardComponent, selector: "lcu-skeleton-feed-card", ngImport: i0, template: "<mat-card class=\"social-card\">\n    <mat-card-header>\n      \n      <skeleton-avatar mat-card-avatar size=\"100\" [effect]=\"SkeletonEffect\"></skeleton-avatar>\n  \n      <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">FeedItem Title</mat-card-title>\n  \n      <mat-card-subtitle>\n        <div skeleton-text [effect]=\"SkeletonEffect\">FeedItem Subtitle</div>\n        <div >\n          <mat-icon  skeleton-text [effect]=\"SkeletonEffect\">check</mat-icon>\n  \n          <div skeleton-text [effect]=\"SkeletonEffect\">Timestamp</div>\n        </div>\n      </mat-card-subtitle>\n    </mat-card-header>\n  \n    <mat-card-content>\n        <div skeleton-text [effect]=\"SkeletonEffect\">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet\n            ante dui. Praesent ut aliquam metus. Phasellus consectetur non eros eu\n            gravida. Vestibulum faucibus laoreet leo, ac molestie felis tincidunt\n            semper. Vivamus lorem ipsum, sagittis nec blandit sed, accumsan sed\n            dolor. Etiam tincidunt vel ligula ut malesuada. Nulla sit amet fermentum\n            libero. Quisque magna tellus, pellentesque in convallis vitae, aliquet\n            et orci. Pellentesque commodo ante id est viverra posuere ac vitae\n            ligula. Ut sed ullamcorper purus. Integer sit amet lorem eros.\n        </div>\n    </mat-card-content>\n  \n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n    </mat-card-actions>\n  </mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1$1.MatCardHeader, selector: "mat-card-header" }, { type: i4$3.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4$3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i1$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { 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: 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SkeletonFeedCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-skeleton-feed-card', template: "<mat-card class=\"social-card\">\n    <mat-card-header>\n      \n      <skeleton-avatar mat-card-avatar size=\"100\" [effect]=\"SkeletonEffect\"></skeleton-avatar>\n  \n      <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">FeedItem Title</mat-card-title>\n  \n      <mat-card-subtitle>\n        <div skeleton-text [effect]=\"SkeletonEffect\">FeedItem Subtitle</div>\n        <div >\n          <mat-icon  skeleton-text [effect]=\"SkeletonEffect\">check</mat-icon>\n  \n          <div skeleton-text [effect]=\"SkeletonEffect\">Timestamp</div>\n        </div>\n      </mat-card-subtitle>\n    </mat-card-header>\n  \n    <mat-card-content>\n        <div skeleton-text [effect]=\"SkeletonEffect\">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet\n            ante dui. Praesent ut aliquam metus. Phasellus consectetur non eros eu\n            gravida. Vestibulum faucibus laoreet leo, ac molestie felis tincidunt\n            semper. Vivamus lorem ipsum, sagittis nec blandit sed, accumsan sed\n            dolor. Etiam tincidunt vel ligula ut malesuada. Nulla sit amet fermentum\n            libero. Quisque magna tellus, pellentesque in convallis vitae, aliquet\n            et orci. Pellentesque commodo ante id est viverra posuere ac vitae\n            ligula. Ut sed ullamcorper purus. Integer sit amet lorem eros.\n        </div>\n    </mat-card-content>\n  \n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n    </mat-card-actions>\n  </mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}\n"] }]
+            args: [{ selector: 'lcu-skeleton-feed-card', template: "<mat-card class=\"social-card\">\n    <mat-card-header>\n      \n      <skeleton-avatar mat-card-avatar size=\"100\" [effect]=\"SkeletonEffect\"></skeleton-avatar>\n  \n      <mat-card-title skeleton-text [effect]=\"SkeletonEffect\">FeedItem Title</mat-card-title>\n  \n      <mat-card-subtitle>\n        <div skeleton-text [effect]=\"SkeletonEffect\">FeedItem Subtitle</div>\n        <div >\n          <mat-icon  skeleton-text [effect]=\"SkeletonEffect\">check</mat-icon>\n  \n          <div skeleton-text [effect]=\"SkeletonEffect\">Timestamp</div>\n        </div>\n      </mat-card-subtitle>\n    </mat-card-header>\n  \n    <mat-card-content>\n        <div skeleton-text [effect]=\"SkeletonEffect\">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet\n            ante dui. Praesent ut aliquam metus. Phasellus consectetur non eros eu\n            gravida. Vestibulum faucibus laoreet leo, ac molestie felis tincidunt\n            semper. Vivamus lorem ipsum, sagittis nec blandit sed, accumsan sed\n            dolor. Etiam tincidunt vel ligula ut malesuada. Nulla sit amet fermentum\n            libero. Quisque magna tellus, pellentesque in convallis vitae, aliquet\n            et orci. Pellentesque commodo ante id est viverra posuere ac vitae\n            ligula. Ut sed ullamcorper purus. Integer sit amet lorem eros.\n        </div>\n    </mat-card-content>\n  \n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n        <div skeleton-text [effect]=\"SkeletonEffect\">Button Text</div>\n    </mat-card-actions>\n  </mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class EmulatedDevicesToggleComponent {
@@ -6053,6 +6086,8 @@ class FeedHeaderDialogComponent {
             Title: this.TitleFormControl ? this.TitleFormControl.value : null,
         };
         console.log("Control: ", returnObject);
+        let status = this.eacSvc.SubmitFeedEntry(returnObject);
+        console.log("feed entry status: ", status);
         // console.log("Editor: ", this.EditorControl.value )
     }
     OrganizationChanged(event) {
@@ -6279,10 +6314,10 @@ class FeedHeaderComponent {
     }
 }
 FeedHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderComponent, deps: [{ token: EaCService }, { token: i2$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FeedHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderComponent, selector: "lcu-feed-header", inputs: { SourceControlLookup: ["source-control-lookup", "SourceControlLookup"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <ng-container *ngIf=\"!State?.Loading\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <mat-icon fxFlex=\"15%\" class=\"gh-icon\" color=\"primary\">error_outline</mat-icon>\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <button \n          mat-button \n          class=\"main-btn\"\n          (click)=\"CreateAnnouncement()\" \n          color=\"primary\"\n        >Create Team Announcement</button>\n\n        <!-- <mat-form-field appearance=\"fill\" class=\"gh-input\">\n          <mat-label>{{ InputLabel }}</mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"value\" (click)=\"OpenFHDialog('announcement')\"/>\n        </mat-form-field> -->\n      </div>\n\n      <!-- <button\n        fxFlex=\"15%\"\n        mat-button\n        (click)=\"Submit()\"\n        id=\"submit-btn\"\n        color=\"primary\"\n      >\n        Submit\n      </button> -->\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <button \n        mat-button \n        (click)=\"CreatePullRequest()\" \n        id=\"pr-btn\" \n        color=\"primary\"\n      >\n        Pull Request\n      </button>\n\n      <button \n        mat-button \n        (click)=\"OpenIssue()\" \n        id=\"oi-btn\" \n        color=\"primary\"\n      >\n        Open Issue\n      </button>\n\n      <button \n        mat-button \n        (click)=\"CreateFeatureBranch()\" \n        id=\"fb-btn\" \n        color=\"primary\"\n      >\n        Feature Branch\n      </button>\n\n      <!-- <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button class=\"gh-menu-action\" mat-menu-item (click)=\"CreateNewApp()\">\n          Create New App\n        </button>\n\n        <button\n          class=\"gh-menu-action\"\n          mat-menu-item\n          (click)=\"RouteToPath('/dashboard/create-project')\"\n        >\n          Create Project\n        </button>\n      </mat-menu> -->\n    </mat-card-actions>\n  </ng-container>\n\n  <!-- SKELETON -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div id=\"gh-card-skeleton\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <skeleton-avatar\n        class=\"gh-icon\"\n        [showIcon]=\"false\"\n        [effect]=\"SkeletonEffect\"\n      ></skeleton-avatar>\n\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <skeleton-block\n          height=\"60px\"\n          [effect]=\"SkeletonEffect\"\n        ></skeleton-block>\n      </div>\n\n      <!-- <div\n        skeleton-text\n        fxFlex=\"15%\"\n        [effect]=\"SkeletonEffect\"\n        style=\"margin: 0px 10px\"\n      >\n        Submit\n      </div> -->\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <div skeleton-text [effect]=\"SkeletonEffect\">Pull Request</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Open Issue</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Feature Branch</div>\n      <!-- <div skeleton-text [effect]=\"SkeletonEffect\">\n        <mat-icon>more_horiz</mat-icon>\n      </div> -->\n    </div>\n  </ng-container>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.main-btn{width:90%;height:50px;border-radius:30px;border:1px solid}.selected{border:1px solid green}.gh-input ::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}.gh-input ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.gh-input ::ng-deep .mat-form-field-underline{display:none}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$3.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i4$3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }], directives: [{ 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: 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: 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"] }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i4$3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }] });
+FeedHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FeedHeaderComponent, selector: "lcu-feed-header", inputs: { SourceControlLookup: ["source-control-lookup", "SourceControlLookup"] }, ngImport: i0, template: "<mat-card class=\"social-card\">\n  <ng-container *ngIf=\"!State?.Loading\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <mat-icon fxFlex=\"15%\" class=\"gh-icon\" color=\"primary\">error_outline</mat-icon>\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <button \n          mat-button \n          class=\"main-btn\"\n          (click)=\"CreateAnnouncement()\" \n          color=\"primary\"\n        >Create Team Announcement</button>\n\n        <!-- <mat-form-field appearance=\"fill\" class=\"gh-input\">\n          <mat-label>{{ InputLabel }}</mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"value\" (click)=\"OpenFHDialog('announcement')\"/>\n        </mat-form-field> -->\n      </div>\n\n      <!-- <button\n        fxFlex=\"15%\"\n        mat-button\n        (click)=\"Submit()\"\n        id=\"submit-btn\"\n        color=\"primary\"\n      >\n        Submit\n      </button> -->\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <button \n        mat-button \n        (click)=\"CreatePullRequest()\" \n        id=\"pr-btn\" \n        color=\"primary\"\n      >\n        Pull Request\n      </button>\n\n      <button \n        mat-button \n        (click)=\"OpenIssue()\" \n        id=\"oi-btn\" \n        color=\"primary\"\n      >\n        Open Issue\n      </button>\n\n      <button \n        mat-button \n        (click)=\"CreateFeatureBranch()\" \n        id=\"fb-btn\" \n        color=\"primary\"\n      >\n        Feature Branch\n      </button>\n\n      <!-- <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button class=\"gh-menu-action\" mat-menu-item (click)=\"CreateNewApp()\">\n          Create New App\n        </button>\n\n        <button\n          class=\"gh-menu-action\"\n          mat-menu-item\n          (click)=\"RouteToPath('/dashboard/create-project')\"\n        >\n          Create Project\n        </button>\n      </mat-menu> -->\n    </mat-card-actions>\n  </ng-container>\n\n  <!-- SKELETON -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div id=\"gh-card-skeleton\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <skeleton-avatar\n        class=\"gh-icon\"\n        [showIcon]=\"false\"\n        [effect]=\"SkeletonEffect\"\n      ></skeleton-avatar>\n\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <skeleton-block\n          height=\"60px\"\n          [effect]=\"SkeletonEffect\"\n        ></skeleton-block>\n      </div>\n\n      <!-- <div\n        skeleton-text\n        fxFlex=\"15%\"\n        [effect]=\"SkeletonEffect\"\n        style=\"margin: 0px 10px\"\n      >\n        Submit\n      </div> -->\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <div skeleton-text [effect]=\"SkeletonEffect\">Pull Request</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Open Issue</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Feature Branch</div>\n      <!-- <div skeleton-text [effect]=\"SkeletonEffect\">\n        <mat-icon>more_horiz</mat-icon>\n      </div> -->\n    </div>\n  </ng-container>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.main-btn{width:90%;height:50px;border-radius:30px;border:1px solid}.selected{border:1px solid green}.gh-input ::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}.gh-input ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.gh-input ::ng-deep .mat-form-field-underline{display:none}\n"], components: [{ type: i1$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$3.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i4$3.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }], directives: [{ 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: 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: 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"] }, { type: i1$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i4$3.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-feed-header', template: "<mat-card class=\"social-card\">\n  <ng-container *ngIf=\"!State?.Loading\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <mat-icon fxFlex=\"15%\" class=\"gh-icon\" color=\"primary\">error_outline</mat-icon>\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <button \n          mat-button \n          class=\"main-btn\"\n          (click)=\"CreateAnnouncement()\" \n          color=\"primary\"\n        >Create Team Announcement</button>\n\n        <!-- <mat-form-field appearance=\"fill\" class=\"gh-input\">\n          <mat-label>{{ InputLabel }}</mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"value\" (click)=\"OpenFHDialog('announcement')\"/>\n        </mat-form-field> -->\n      </div>\n\n      <!-- <button\n        fxFlex=\"15%\"\n        mat-button\n        (click)=\"Submit()\"\n        id=\"submit-btn\"\n        color=\"primary\"\n      >\n        Submit\n      </button> -->\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <button \n        mat-button \n        (click)=\"CreatePullRequest()\" \n        id=\"pr-btn\" \n        color=\"primary\"\n      >\n        Pull Request\n      </button>\n\n      <button \n        mat-button \n        (click)=\"OpenIssue()\" \n        id=\"oi-btn\" \n        color=\"primary\"\n      >\n        Open Issue\n      </button>\n\n      <button \n        mat-button \n        (click)=\"CreateFeatureBranch()\" \n        id=\"fb-btn\" \n        color=\"primary\"\n      >\n        Feature Branch\n      </button>\n\n      <!-- <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button class=\"gh-menu-action\" mat-menu-item (click)=\"CreateNewApp()\">\n          Create New App\n        </button>\n\n        <button\n          class=\"gh-menu-action\"\n          mat-menu-item\n          (click)=\"RouteToPath('/dashboard/create-project')\"\n        >\n          Create Project\n        </button>\n      </mat-menu> -->\n    </mat-card-actions>\n  </ng-container>\n\n  <!-- SKELETON -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div id=\"gh-card-skeleton\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <skeleton-avatar\n        class=\"gh-icon\"\n        [showIcon]=\"false\"\n        [effect]=\"SkeletonEffect\"\n      ></skeleton-avatar>\n\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <skeleton-block\n          height=\"60px\"\n          [effect]=\"SkeletonEffect\"\n        ></skeleton-block>\n      </div>\n\n      <!-- <div\n        skeleton-text\n        fxFlex=\"15%\"\n        [effect]=\"SkeletonEffect\"\n        style=\"margin: 0px 10px\"\n      >\n        Submit\n      </div> -->\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <div skeleton-text [effect]=\"SkeletonEffect\">Pull Request</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Open Issue</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Feature Branch</div>\n      <!-- <div skeleton-text [effect]=\"SkeletonEffect\">\n        <mat-icon>more_horiz</mat-icon>\n      </div> -->\n    </div>\n  </ng-container>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:25px;width:25px;font-size:25px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.main-btn{width:90%;height:50px;border-radius:30px;border:1px solid}.selected{border:1px solid green}.gh-input ::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}.gh-input ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.gh-input ::ng-deep .mat-form-field-underline{display:none}\n"] }]
+            args: [{ selector: 'lcu-feed-header', template: "<mat-card class=\"social-card\">\n  <ng-container *ngIf=\"!State?.Loading\">\n    <div class=\"gh-card-container\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <mat-icon fxFlex=\"15%\" class=\"gh-icon\" color=\"primary\">error_outline</mat-icon>\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <button \n          mat-button \n          class=\"main-btn\"\n          (click)=\"CreateAnnouncement()\" \n          color=\"primary\"\n        >Create Team Announcement</button>\n\n        <!-- <mat-form-field appearance=\"fill\" class=\"gh-input\">\n          <mat-label>{{ InputLabel }}</mat-label>\n          <input matInput type=\"text\" [(ngModel)]=\"value\" (click)=\"OpenFHDialog('announcement')\"/>\n        </mat-form-field> -->\n      </div>\n\n      <!-- <button\n        fxFlex=\"15%\"\n        mat-button\n        (click)=\"Submit()\"\n        id=\"submit-btn\"\n        color=\"primary\"\n      >\n        Submit\n      </button> -->\n    </div>\n\n    <mat-card-actions fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <button \n        mat-button \n        (click)=\"CreatePullRequest()\" \n        id=\"pr-btn\" \n        color=\"primary\"\n      >\n        Pull Request\n      </button>\n\n      <button \n        mat-button \n        (click)=\"OpenIssue()\" \n        id=\"oi-btn\" \n        color=\"primary\"\n      >\n        Open Issue\n      </button>\n\n      <button \n        mat-button \n        (click)=\"CreateFeatureBranch()\" \n        id=\"fb-btn\" \n        color=\"primary\"\n      >\n        Feature Branch\n      </button>\n\n      <!-- <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        <button class=\"gh-menu-action\" mat-menu-item (click)=\"CreateNewApp()\">\n          Create New App\n        </button>\n\n        <button\n          class=\"gh-menu-action\"\n          mat-menu-item\n          (click)=\"RouteToPath('/dashboard/create-project')\"\n        >\n          Create Project\n        </button>\n      </mat-menu> -->\n    </mat-card-actions>\n  </ng-container>\n\n  <!-- SKELETON -->\n  <ng-container *ngIf=\"State?.Loading\">\n    <div id=\"gh-card-skeleton\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <skeleton-avatar\n        class=\"gh-icon\"\n        [showIcon]=\"false\"\n        [effect]=\"SkeletonEffect\"\n      ></skeleton-avatar>\n\n      <div fxFlex=\"85%\" class=\"gh-card-main-content\">\n        <skeleton-block\n          height=\"60px\"\n          [effect]=\"SkeletonEffect\"\n        ></skeleton-block>\n      </div>\n\n      <!-- <div\n        skeleton-text\n        fxFlex=\"15%\"\n        [effect]=\"SkeletonEffect\"\n        style=\"margin: 0px 10px\"\n      >\n        Submit\n      </div> -->\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n      <div skeleton-text [effect]=\"SkeletonEffect\">Pull Request</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Open Issue</div>\n      <div skeleton-text [effect]=\"SkeletonEffect\">Feature Branch</div>\n      <!-- <div skeleton-text [effect]=\"SkeletonEffect\">\n        <mat-icon>more_horiz</mat-icon>\n      </div> -->\n    </div>\n  </ng-container>\n</mat-card>\n", styles: [":host ::ng-deep .social-card{margin:20px;padding:15px 5px}:host ::ng-deep mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}:host ::ng-deep .main-slot-container{padding:10px}:host ::ng-deep .slot-header{align-items:center}:host ::ng-deep .slot-content{width:100%}:host ::ng-deep .slot-name{font-size:13px;font-weight:600}:host ::ng-deep .slot-description{font-size:12px;margin-right:10px}:host ::ng-deep .slot-action-anchor{font-size:10px;text-decoration:none;color:#000}:host ::ng-deep .action-icon{height:24px;width:24px;font-size:24px;cursor:pointer}.gh-icon{width:60px;height:60px;font-size:60px;text-align:center}.gh-input{width:90%}.main-btn{width:90%;height:50px;border-radius:30px;border:1px solid}.selected{border:1px solid green}.gh-input ::ng-deep .mat-form-field-flex{border:1px solid;border-radius:30px!important}.gh-input ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.gh-input ::ng-deep .mat-form-field-underline{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i2$3.MatDialog }]; }, propDecorators: { SourceControlLookup: [{
                 type: Input,
                 args: ['source-control-lookup']