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

package/esm2020/lib/dialogs/custom-domain-dialog/custom-domain-dialog.component.mjs

@@ -24,12 +24,12 @@ export class CustomDomainDialogComponent {
     }
 }
 CustomDomainDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CustomDomainDialogComponent, deps: [{ token: i1.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: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.DomainsComponent, selector: "lcu-domains", inputs: ["data"] }], directives: [{ type: i5.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: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.DomainsComponent, selector: "lcu-domains", inputs: ["data"] }], directives: [{ type: i5.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: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.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: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRvbWFpbi1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZGlhbG9ncy9jdXN0b20tZG9tYWluLWRpYWxvZy9jdXN0b20tZG9tYWluLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9kaWFsb2dzL2N1c3RvbS1kb21haW4tZGlhbG9nL2N1c3RvbS1kb21haW4tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFnQnpFLE1BQU0sT0FBTywyQkFBMkI7SUFJdEMsWUFBbUIsU0FBb0QsRUFDckMsSUFBa0I7UUFEakMsY0FBUyxHQUFULFNBQVMsQ0FBMkM7UUFDckMsU0FBSSxHQUFKLElBQUksQ0FBYztRQUVoRCxJQUFJLENBQUMsVUFBVSxHQUFHO1lBQ2hCLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDdEIsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVztZQUNsQyxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQzFCLGFBQWEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWE7U0FDdkMsQ0FBQTtJQUVGLENBQUM7SUFFRyxRQUFRO0lBQ2YsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDOzt3SEFyQlUsMkJBQTJCLDhDQUs1QixlQUFlOzRHQUxkLDJCQUEyQixnRUNqQnhDLGtQQVdBOzJGRE1hLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSwwQkFBMEI7OzBCQVVqQyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBFYUNIb3N0LCBFYUNQcm9qZWN0QXNDb2RlIH0gZnJvbSAnQHNlbWFudGljanMvY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBDRERpYWxvZ0RhdGEge1xuICAgIGhvc3RzOiB7IFtsb29rdXA6IHN0cmluZ106IEVhQ0hvc3QgfTtcbiAgICBwcmltYXJ5SG9zdDogc3RyaW5nO1xuICAgIHByb2plY3Q6IEVhQ1Byb2plY3RBc0NvZGU7XG4gICAgcHJvamVjdExvb2t1cDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtY3VzdG9tLWRvbWFpbi1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWRvbWFpbi1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tZG9tYWluLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgQ3VzdG9tRG9tYWluRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgRG9tYWluRGF0YToge307XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEN1c3RvbURvbWFpbkRpYWxvZ0NvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBDRERpYWxvZ0RhdGEpIHtcblxuICAgICAgdGhpcy5Eb21haW5EYXRhID0ge1xuICAgICAgICBIb3N0czogdGhpcy5kYXRhLmhvc3RzLFxuICAgICAgICBQcmltYXJ5SG9zdDogdGhpcy5kYXRhLnByaW1hcnlIb3N0LFxuICAgICAgICBQcm9qZWN0OiB0aGlzLmRhdGEucHJvamVjdCxcbiAgICAgICAgUHJvamVjdExvb2t1cDogdGhpcy5kYXRhLnByb2plY3RMb29rdXBcbiAgICAgIH1cbiAgICAgIFxuICAgICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIENsb3NlRGlhbG9nKCl7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGlhbG9nLWhlYWRlclwiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCI+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cIkNsb3NlRGlhbG9nKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxsY3UtZG9tYWluc1xuW2RhdGFdPVwiRG9tYWluRGF0YVwiXG4+XG5cbjwvbGN1LWRvbWFpbnM+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRvbWFpbi1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZGlhbG9ncy9jdXN0b20tZG9tYWluLWRpYWxvZy9jdXN0b20tZG9tYWluLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9kaWFsb2dzL2N1c3RvbS1kb21haW4tZGlhbG9nL2N1c3RvbS1kb21haW4tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFnQnpFLE1BQU0sT0FBTywyQkFBMkI7SUFJdEMsWUFBbUIsU0FBb0QsRUFDckMsSUFBa0I7UUFEakMsY0FBUyxHQUFULFNBQVMsQ0FBMkM7UUFDckMsU0FBSSxHQUFKLElBQUksQ0FBYztRQUVoRCxJQUFJLENBQUMsVUFBVSxHQUFHO1lBQ2hCLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDdEIsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVztZQUNsQyxPQUFPLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQzFCLGFBQWEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWE7U0FDdkMsQ0FBQTtJQUVGLENBQUM7SUFFRyxRQUFRO0lBQ2YsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDOzt3SEFyQlUsMkJBQTJCLDhDQUs1QixlQUFlOzRHQUxkLDJCQUEyQixnRUNqQnhDLHk2Q0ErREE7MkZEOUNhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSwwQkFBMEI7OzBCQVVqQyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBFYUNIb3N0LCBFYUNQcm9qZWN0QXNDb2RlIH0gZnJvbSAnQHNlbWFudGljanMvY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBDRERpYWxvZ0RhdGEge1xuICAgIGhvc3RzOiB7IFtsb29rdXA6IHN0cmluZ106IEVhQ0hvc3QgfTtcbiAgICBwcmltYXJ5SG9zdDogc3RyaW5nO1xuICAgIHByb2plY3Q6IEVhQ1Byb2plY3RBc0NvZGU7XG4gICAgcHJvamVjdExvb2t1cDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtY3VzdG9tLWRvbWFpbi1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWRvbWFpbi1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tZG9tYWluLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgQ3VzdG9tRG9tYWluRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgRG9tYWluRGF0YToge307XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEN1c3RvbURvbWFpbkRpYWxvZ0NvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBDRERpYWxvZ0RhdGEpIHtcblxuICAgICAgdGhpcy5Eb21haW5EYXRhID0ge1xuICAgICAgICBIb3N0czogdGhpcy5kYXRhLmhvc3RzLFxuICAgICAgICBQcmltYXJ5SG9zdDogdGhpcy5kYXRhLnByaW1hcnlIb3N0LFxuICAgICAgICBQcm9qZWN0OiB0aGlzLmRhdGEucHJvamVjdCxcbiAgICAgICAgUHJvamVjdExvb2t1cDogdGhpcy5kYXRhLnByb2plY3RMb29rdXBcbiAgICAgIH1cbiAgICAgIFxuICAgICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIENsb3NlRGlhbG9nKCl7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG59XG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJkaWFsb2ctaGVhZGVyXCIgZnhMYXlvdXRBbGlnbj1cImVuZCBjZW50ZXJcIj5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiQ2xvc2VEaWFsb2coKVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG48L2Rpdj4gLS0+XG5cblxuXG5cbjwhLS0gTkVXIEJFTE9XIC0tPlxuPGRpdiBjbGFzcz1cImRpYWxvZy1oZWFkZXJcIiBmeExheW91dEFsaWduPVwic3BhY2UtYmV0d2VlbiBjZW50ZXJcIj5cbiAgICA8aDIgbWF0LWRpYWxvZy10aXRsZT5DdXN0b20gRG9tYWluPC9oMj5cblxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJDbG9zZURpYWxvZygpXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+Y2FuY2VsPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuXG48bWF0LWRpYWxvZy1jb250ZW50PlxuXG5cblxuICAgIDxsY3UtZG9tYWluc1xuICAgIFtkYXRhXT1cIkRvbWFpbkRhdGFcIlxuICAgID5cbiAgICBcbiAgICA8L2xjdS1kb21haW5zPlxuXG4gICAgPCEtLSA8bWF0LWVycm9yICpuZ0lmPVwiRXJyb3JNZXNzYWdlXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiA+XG4gICAgICAgIHt7IEVycm9yTWVzc2FnZSB9fVxuICAgIDwvbWF0LWVycm9yPiAtLT5cblxuPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG5cblxuPCEtLSA8bWF0LWRpYWxvZy1hY3Rpb25zIFxuICAgICAgICBjbGFzcz1cImFjdGlvbnMtY29udGFpbmVyXCIgXG4gICAgICAgIGRpdiBmeExheW91dD1cInJvd1wiIFxuICAgICAgICBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiXG4+XG4gICAgICAgIDxidXR0b24gXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJhY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBtYXQtcmFpc2VkLWJ1dHRvblxuICAgICAgICAgICAgICAgIGZ4RmxleD1cIjI1JVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIkNsb3NlRGlhbG9nKClcIj5cbiAgICAgICAgICAgICAgICBDYW5jZWxcblxuICAgICAgICA8L2J1dHRvbj5cblxuXG5cbiAgICAgICAgPGJ1dHRvbiBcbiAgICAgICAgICAqbmdJZj1cIiFTdGF0ZT8uTG9hZGluZ1wiXG4gICAgICAgICAgbWF0LXJhaXNlZC1idXR0b24gXG4gICAgICAgICAgdHlwZT1cInN1Ym1pdFwiIFxuICAgICAgICAgIGZ4RmxleD1cIjI1JVwiIFxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiIFxuICAgICAgICAgIChjbGljayk9XCJTYXZlQ3VzdG9tRG9tYWluKClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhQnVpbGRQaXBlbGluZUZvcm1Hcm91cD8udmFsaWQgfHwgIUJ1aWxkUGlwZWxpbmVGb3JtR3JvdXA/LmRpcnR5XCI+XG4gICAgICAgICAgU2F2ZVxuICAgICAgICA8L2J1dHRvbj5cblxuPC9tYXQtZGlhbG9nLWFjdGlvbnM+IC0tPlxuIl19

package/esm2020/lib/elements/feed-card-sm/feed-card-sm.component.mjs

@@ -31,10 +31,10 @@ export 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.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i3.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.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i3.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']

package/esm2020/lib/elements/feed-header/feed-header.component.mjs

@@ -117,10 +117,10 @@ export class FeedHeaderComponent {
     }
 }
 FeedHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FeedHeaderComponent, deps: [{ token: i1.EaCService }, { token: i2.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: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.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: i6.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i6.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }], directives: [{ type: i7.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: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i6.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: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.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: i6.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i6.SkeletonBlockComponent, selector: "skeleton-block", inputs: ["width", "height", "effect", "borderRadius"] }], directives: [{ type: i7.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: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i6.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: i1.EaCService }, { type: i2.MatDialog }]; }, propDecorators: { SourceControlLookup: [{
                 type: Input,
                 args: ['source-control-lookup']

package/esm2020/lib/elements/main-feed-card/main-feed-card.component.mjs

@@ -123,10 +123,10 @@ export class MainFeedCardComponent {
     }
 }
 MainFeedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MainFeedCardComponent, deps: [{ token: i1.EaCService }, { token: i2.MatDialog }, { token: i3.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: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i7.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: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i9.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.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: i9.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: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i4.MatCardHeader, selector: "mat-card-header" }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i7.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: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i9.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.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: i9.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: i1.EaCService }, { type: i2.MatDialog }, { type: i3.DomSanitizer }]; }, propDecorators: { FeedItem: [{
                 type: Input,
                 args: ['feed-item']

package/esm2020/lib/elements/projects/controls/tabs/domains/domains.component.mjs

@@ -55,7 +55,7 @@ export 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',
@@ -137,4 +137,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tYWlucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9lbGVtZW50cy9wcm9qZWN0cy9jb250cm9scy90YWJzL2RvbWFpbnMvZG9tYWlucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9lbGVtZW50cy9wcm9qZWN0cy9jb250cm9scy90YWJzL2RvbWFpbnMvZG9tYWlucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBRUwsV0FBVyxFQUNYLFNBQVMsRUFDVCxVQUFVLEdBQ1gsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBU3hCLE1BQU0sT0FBTyxnQkFBZ0I7SUFpRTNCLFlBQ1ksWUFBMEIsRUFDMUIsTUFBa0I7UUFEbEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsV0FBTSxHQUFOLE1BQU0sQ0FBWTtJQUUzQixDQUFDO0lBaERKOztPQUVHO0lBQ0gsSUFBVyxNQUFNO1FBQ2YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBVUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixzREFBc0Q7UUFFdEQseURBQXlEO1FBRXpELHNCQUFzQjtRQUN0QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDdkQsQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDakMsQ0FBQztJQVFNLFFBQVE7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLFlBQVksQ0FBQztRQUU3QixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFUyxNQUFNO1FBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLG1CQUFtQixDQUFDO1lBQ3BDLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLFNBQVM7WUFDaEIsUUFBUSxFQUNOLDJGQUEyRixHQUFHLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRztZQUMxSCxXQUFXLEVBQUU7Z0JBQ1gsT0FBTyxFQUFFLGlEQUFpRDtnQkFDMUQsT0FBTyxFQUFFO29CQUNQO3dCQUNFLEtBQUssRUFBRSxPQUFPO3dCQUNkLEtBQUssRUFBRSxNQUFNO3dCQUNiLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO3dCQUNsQywrREFBK0Q7d0JBQy9ELGlHQUFpRzt3QkFDakcsSUFBSSxFQUFFLE9BQU87cUJBQ2Q7b0JBQ0Q7d0JBQ0UsS0FBSyxFQUFFLE1BQU07d0JBQ2IsS0FBSyxFQUFFLFFBQVE7d0JBQ2YsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7d0JBQzdCLElBQUksRUFBRSxNQUFNO3FCQUNiO2lCQUNGO2FBQ0Y7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRVMsU0FBUztRQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksU0FBUyxDQUFDO1lBQ3hCLE1BQU0sRUFBRSxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLEVBQUUsRUFBRTtnQkFDN0MsVUFBVSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUMxRCxRQUFRLEVBQUUsUUFBUTthQUNuQixDQUFDO1NBQ0gsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEdBQUcsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2hFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRVMsUUFBUTtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUM1QyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUM3RCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDcEIseURBQXlEO2dCQUN6RCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDL0M7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ3JCLG1CQUFtQjtnQkFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDdkM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLFNBQVM7UUFDakIsbUJBQW1CO1FBQ25CLHlDQUF5QztRQUV6QyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVEOztPQUVHO0lBQ08sSUFBSTtRQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUM7WUFDNUIsYUFBYSxFQUFFLElBQUksQ0FBQyxhQUFhO1lBQ2pDLE9BQU8sRUFBRTtnQkFDUCxHQUFHLElBQUksQ0FBQyxPQUFPO2dCQUNmLHFEQUFxRDtnQkFDckQsS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7YUFDM0I7U0FDRixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLHFCQUFxQixDQUFDO1lBQ3RDLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7NkdBL0pVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHVGQ2pCN0IsOHFEQW1EQTsyRkRsQ2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGFBQWE7NEhBaUNoQixJQUFJO3NCQURWLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1zU2VydmljZSB9IGZyb20gJy4vLi4vLi4vLi4vLi4vLi4vc2VydmljZXMvZm9ybXMuc2VydmljZSc7XG5pbXBvcnQgeyBDYXJkRm9ybUNvbmZpZ01vZGVsIH0gZnJvbSAnLi8uLi8uLi8uLi8uLi8uLi9tb2RlbHMvY2FyZC1mb3JtLWNvbmZpZy5tb2RlbCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFic3RyYWN0Q29udHJvbCxcbiAgRm9ybUNvbnRyb2wsXG4gIEZvcm1Hcm91cCxcbiAgVmFsaWRhdG9ycyxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRWFDU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NlcnZpY2VzL2VhYy5zZXJ2aWNlJztcbmltcG9ydCB7IEVhQ0hvc3QsIEVhQ1Byb2plY3RBc0NvZGUgfSBmcm9tICdAc2VtYW50aWNqcy9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3UtZG9tYWlucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb21haW5zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZG9tYWlucy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEb21haW5zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIENhcmQgLyBGb3JtIENvbmZpZ1xuICAgKi9cbiAgcHVibGljIENvbmZpZzogQ2FyZEZvcm1Db25maWdNb2RlbDtcblxuICAvKipcbiAgICogRm9ybUdyb3VwXG4gICAqL1xuICBwdWJsaWMgRm9ybTogRm9ybUdyb3VwO1xuXG4gIC8qKlxuICAgKiBGb3JtIG5hbWVcbiAgICovXG4gIHByb3RlY3RlZCBmb3JtTmFtZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGVuIGZvcm0gaXMgZGlydHksIHRpZXMgaW50byBmb3Jtc1NlcnZpY2UuRGlzYWJsZUZvcm1zXG4gICAqL1xuICBwdWJsaWMgSXNEaXJ0eTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQWNjZXNzIGZvcm0gY29udHJvbCBmb3Igcm9vdCBkaXJlY3RvcnlcbiAgICovXG4gIHB1YmxpYyBnZXQgRG9tYWluKCk6IEFic3RyYWN0Q29udHJvbCB7XG4gICAgcmV0dXJuIHRoaXMuRm9ybS5nZXQoJ2RvbWFpbicpO1xuICB9XG5cbiAgQElucHV0KCdkYXRhJylcbiAgcHVibGljIERhdGE6IHtcbiAgICBIb3N0czogeyBbbG9va3VwOiBzdHJpbmddOiBFYUNIb3N0IH07XG4gICAgUHJpbWFyeUhvc3Q6IHN0cmluZztcbiAgICBQcm9qZWN0OiBFYUNQcm9qZWN0QXNDb2RlO1xuICAgIFByb2plY3RMb29rdXA6IHN0cmluZztcbiAgfTtcblxuICBwdWJsaWMgZ2V0IEhvc3QoKTogRWFDSG9zdCB7XG4gICAgcmV0dXJuIHRoaXMuRGF0YT8uSG9zdHNbdGhpcy5Ib3N0TG9va3VwXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgSG9zdExvb2t1cCgpOiBzdHJpbmcge1xuICAgIC8vIGxldCBob3N0S2V5cyA9IE9iamVjdC5rZXlzKHRoaXMuRGF0YT8uSG9zdHMgfHwge30pO1xuXG4gICAgLy8gaG9zdEtleXMgPSBob3N0S2V5cy5maWx0ZXIoaGsgPT4gaGsuaW5kZXhPZignfCcpIDwgMCk7XG5cbiAgICAvLyByZXR1cm4gaG9zdEtleXNbMF07XG4gICAgcmV0dXJuIHRoaXMuUHJpbWFyeUhvc3Q7XG4gIH1cblxuICBwdWJsaWMgZ2V0IEhvc3RETlNJbnN0YW5jZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLkhvc3QgPyB0aGlzLkhvc3Q/Lkhvc3RETlNJbnN0YW5jZSA6IG51bGw7XG4gIH1cblxuICBwdWJsaWMgZ2V0IFByaW1hcnlIb3N0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuRGF0YS5QcmltYXJ5SG9zdDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgUHJvamVjdCgpOiBFYUNQcm9qZWN0QXNDb2RlIHtcbiAgICByZXR1cm4gdGhpcy5EYXRhLlByb2plY3Q7XG4gIH1cblxuICBwdWJsaWMgZ2V0IFByb2plY3RMb29rdXAoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5EYXRhLlByb2plY3RMb29rdXA7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgZm9ybXNTZXJ2aWNlOiBGb3Jtc1NlcnZpY2UsXG4gICAgcHJvdGVjdGVkIGVhY1N2YzogRWFDU2VydmljZSxcbiAgICBcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1OYW1lID0gJ0RvbWFpbkZvcm0nO1xuXG4gICAgdGhpcy5zZXR1cEZvcm0oKTtcblxuICAgIHRoaXMuY29uZmlnKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgY29uZmlnKCk6IHZvaWQge1xuICAgIHRoaXMuQ29uZmlnID0gbmV3IENhcmRGb3JtQ29uZmlnTW9kZWwoe1xuICAgICAgSWNvbjogJ2hlYWQnLFxuICAgICAgVGl0bGU6ICdEb21haW5zJyxcbiAgICAgIFN1YnRpdGxlOlxuICAgICAgICAnSW4gb3JkZXIgdG8gdXNlIGEgY3VzdG9tIGRvbWFpbiwgY3JlYXRlIGEgQ05BTUUgZG5zIHJlY29yZCBwb2ludGluZyBkZXNpcmVkIHN1YmRvbWFpbiB0byAnICsgdGhpcy5Ib3N0RE5TSW5zdGFuY2UgKyAnLicsXG4gICAgICBGb3JtQWN0aW9uczoge1xuICAgICAgICBNZXNzYWdlOiAnQ2hhbmdlcyB3aWxsIGJlIGFwcGxpZWQgdG8geW91ciBuZXh0IGRlcGxveW1lbnQnLFxuICAgICAgICBBY3Rpb25zOiBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgTGFiZWw6ICdSZXNldCcsXG4gICAgICAgICAgICBDb2xvcjogJ3dhcm4nLFxuICAgICAgICAgICAgQ2xpY2tFdmVudDogKCkgPT4gdGhpcy5yZXNldEZvcm0oKSxcbiAgICAgICAgICAgIC8vIHVzZSBhcnJvdyBmdW5jdGlvbiwgc28gJ3RoaXMnIHJlZmVycyB0byBQcm9qZWN0TmFtZUNvbXBvbmVudFxuICAgICAgICAgICAgLy8gaWYgd2UgdXNlZCBDbGlja2VFdmVudDogdGhpcy5jbGVhckZvcm0sIHRoZW4gJ3RoaXMnIHdvdWxkIHJlZmVyIHRvIHRoaXMgY3VycmVudCBBY3Rpb25zIG9iamVjdFxuICAgICAgICAgICAgVHlwZTogJ1JFU0VUJyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIExhYmVsOiAnU2F2ZScsXG4gICAgICAgICAgICBDb2xvcjogJ2FjY2VudCcsXG4gICAgICAgICAgICBDbGlja0V2ZW50OiAoKSA9PiB0aGlzLnNhdmUoKSxcbiAgICAgICAgICAgIFR5cGU6ICdTQVZFJyxcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBzZXR1cEZvcm0oKTogdm9pZCB7XG4gICAgdGhpcy5Gb3JtID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgICBkb21haW46IG5ldyBGb3JtQ29udHJvbCh0aGlzLkhvc3RMb29rdXAgfHwgJycsIHtcbiAgICAgICAgdmFsaWRhdG9yczogW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMubWluTGVuZ3RoKDMpXSxcbiAgICAgICAgdXBkYXRlT246ICdjaGFuZ2UnLFxuICAgICAgfSksXG4gICAgfSk7XG5cbiAgICB0aGlzLmZvcm1zU2VydmljZS5Gb3JtID0geyBJZDogdGhpcy5mb3JtTmFtZSwgRm9ybTogdGhpcy5Gb3JtIH07XG4gICAgdGhpcy5vbkNoYW5nZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuRm9ybS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWw6IGFueSkgPT4ge1xuICAgICAgaWYgKHRoaXMuZm9ybXNTZXJ2aWNlLkZvclJlYWxUaG91Z2godGhpcy5mb3JtTmFtZSwgdGhpcy5Gb3JtKSkge1xuICAgICAgICB0aGlzLklzRGlydHkgPSB0cnVlO1xuICAgICAgICAvLyBkaXNhYmxlIGFsbCBmb3JtcyBleGNlcHQgdGhlIGN1cnJlbnQgZm9ybSBiZWluZyBlZGl0ZWRcbiAgICAgICAgdGhpcy5mb3Jtc1NlcnZpY2UuRGlzYWJsZUZvcm1zKHRoaXMuZm9ybU5hbWUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5Jc0RpcnR5ID0gZmFsc2U7XG4gICAgICAgIC8vIGVuYWJsZSBhbGwgZm9ybXNcbiAgICAgICAgdGhpcy5mb3Jtc1NlcnZpY2UuRGlzYWJsZUZvcm1zKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNldCBmb3JtIGNvbnRyb2xzIGJhY2sgdG8gcHJldmlvdXMgdmFsdWVzXG4gICAqL1xuICBwcm90ZWN0ZWQgcmVzZXRGb3JtKCk6IHZvaWQge1xuICAgIC8vIGVuYWJsZSBhbGwgZm9ybXNcbiAgICAvLyB0aGlzLmZvcm1zU2VydmljZS5EaXNhYmxlRm9ybXMoZmFsc2UpO1xuXG4gICAgdGhpcy5mb3Jtc1NlcnZpY2UuUmVzZXRGb3JtVmFsdWVzKHRoaXMuZm9ybU5hbWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNhdmUgY2hhbmdlc1xuICAgKi9cbiAgcHJvdGVjdGVkIHNhdmUoKTogdm9pZCB7XG4gICAgdGhpcy5lYWNTdmMuU2F2ZVByb2plY3RBc0NvZGUoe1xuICAgICAgUHJvamVjdExvb2t1cDogdGhpcy5Qcm9qZWN0TG9va3VwLFxuICAgICAgUHJvamVjdDoge1xuICAgICAgICAuLi50aGlzLlByb2plY3QsXG4gICAgICAgIC8vIEhvc3RzOiBbLi4udGhpcy5Qcm9qZWN0Lkhvc3RzLCB0aGlzLkRvbWFpbi52YWx1ZV0sXG4gICAgICAgIEhvc3RzOiBbdGhpcy5Eb21haW4udmFsdWVdLFxuICAgICAgfSxcbiAgICB9KTtcbiAgICB0aGlzLmZvcm1zU2VydmljZS5VcGRhdGVWYWx1ZXNSZWZlcmVuY2Uoe1xuICAgICAgSWQ6IHRoaXMuZm9ybU5hbWUsXG4gICAgICBGb3JtOiB0aGlzLkZvcm0sXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIGZ4TGF5b3V0PVwicm93XCJcbiAgZnhMYXlvdXQubHQtbWQ9XCJjb2x1bW5cIlxuICBjbGFzcz1cInBhZGRpbmctdG9wLTNcIlxuICBbZm9ybUdyb3VwXT1cIkZvcm1cIj5cbiAgPGRpdj5cbiAgICA8bGN1LWZvcm0tY2FyZCBcbiAgICBbY29uZmlnXT1cIkNvbmZpZ1wiXG4gICAgW2Zvcm1dPVwiRm9ybVwiXG4gICAgW2lzLWRpcnR5XT1cIklzRGlydHlcIlxuICAgID5cbiAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgIDxkaXYgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCI+XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgZnhGbGV4IGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJtYXJnaW4tcmlnaHQtM1wiPlxuICAgICAgICAgICAgICA8bWF0LWljb25cbiAgICAgICAgICAgICAgICBtYXRTdWZmaXhcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJEb21haW4udmFsaWQgPyAndmFsaWQtY29udHJvbCcgOiAnaW52YWxpZC1jb250cm9sJ1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBEb21haW4udmFsaWQgPyBcImNoZWNrX2NpcmNsZVwiIDogXCJlcnJvcl9vdXRsaW5lXCIgfX1cbiAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIkRvbWFpbi5pbnZhbGlkIHx8IERvbWFpbi5kaXNhYmxlZCA/ICcvJyA6ICcnXCJcbiAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJkb21haW5cIlxuICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgIDxtYXQtaGludD5cbiAgICAgICAgICAgICAgICBUaGVzZSBkb21haW5zIGFyZSBhc3NpZ25lZCB0byB5b3VyIGRlcGxveW1lbnRzLiBPcHRpb25hbGx5LCBcbiAgICAgICAgICAgICAgICBhIGRpZmZlcmVudCBHaXQgYnJhbmNoIG9yIGEgcmVkaXJlY3Rpb24gdG8gYW5vdGhlciBkb21haW4gXG4gICAgICAgICAgICAgICAgY2FuIGJlIGNvbmZpZ3VyZWQgZm9yIGVhY2ggb25lLlxuICAgICAgICAgICAgICA8L21hdC1oaW50PlxuXG4gICAgICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJEb21haW4uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5cbiAgICAgICAgICAgICAgICBEb21haW4gaXMgcmVxdWlyZWRcbiAgICAgICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbY2RrQ29weVRvQ2xpcGJvYXJkXT1cIkhvc3RETlNJbnN0YW5jZVwiIG1hdFRvb2x0aXA9XCJDb3B5IHN1YmRvbWFpbiB0byBjbGlwYm9hcmRcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uPmNvbnRlbnRfY29weTwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwhLS0gPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCI+QWRkPC9idXR0b24+IC0tPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiY2FyZC1kaXZpZGVyXCI+PC9kaXY+IC0tPlxuICAgIDwvbGN1LWZvcm0tY2FyZD5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tYWlucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9lbGVtZW50cy9wcm9qZWN0cy9jb250cm9scy90YWJzL2RvbWFpbnMvZG9tYWlucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21tb24vc3JjL2xpYi9lbGVtZW50cy9wcm9qZWN0cy9jb250cm9scy90YWJzL2RvbWFpbnMvZG9tYWlucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBRUwsV0FBVyxFQUNYLFNBQVMsRUFDVCxVQUFVLEdBQ1gsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0FBU3hCLE1BQU0sT0FBTyxnQkFBZ0I7SUFpRTNCLFlBQ1ksWUFBMEIsRUFDMUIsTUFBa0I7UUFEbEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsV0FBTSxHQUFOLE1BQU0sQ0FBWTtJQUUzQixDQUFDO0lBaERKOztPQUVHO0lBQ0gsSUFBVyxNQUFNO1FBQ2YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBVUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixzREFBc0Q7UUFFdEQseURBQXlEO1FBRXpELHNCQUFzQjtRQUN0QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDdkQsQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDakMsQ0FBQztJQVFNLFFBQVE7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLFlBQVksQ0FBQztRQUU3QixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFUyxNQUFNO1FBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLG1CQUFtQixDQUFDO1lBQ3BDLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQ04sMkZBQTJGLEdBQUcsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHO1lBQzFILFdBQVcsRUFBRTtnQkFDWCxPQUFPLEVBQUUsaURBQWlEO2dCQUMxRCxPQUFPLEVBQUU7b0JBQ1A7d0JBQ0UsS0FBSyxFQUFFLE9BQU87d0JBQ2QsS0FBSyxFQUFFLE1BQU07d0JBQ2IsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7d0JBQ2xDLCtEQUErRDt3QkFDL0QsaUdBQWlHO3dCQUNqRyxJQUFJLEVBQUUsT0FBTztxQkFDZDtvQkFDRDt3QkFDRSxLQUFLLEVBQUUsTUFBTTt3QkFDYixLQUFLLEVBQUUsUUFBUTt3QkFDZixVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTt3QkFDN0IsSUFBSSxFQUFFLE1BQU07cUJBQ2I7aUJBQ0Y7YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFUyxTQUFTO1FBQ2pCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDeEIsTUFBTSxFQUFFLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksRUFBRSxFQUFFO2dCQUM3QyxVQUFVLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzFELFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUM7U0FDSCxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksR0FBRyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFUyxRQUFRO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQVEsRUFBRSxFQUFFO1lBQzVDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQzdELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUNwQix5REFBeUQ7Z0JBQ3pELElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMvQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDckIsbUJBQW1CO2dCQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUN2QztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ08sU0FBUztRQUNqQixtQkFBbUI7UUFDbkIseUNBQXlDO1FBRXpDLElBQUksQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQ7O09BRUc7SUFDTyxJQUFJO1FBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQztZQUM1QixhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7WUFDakMsT0FBTyxFQUFFO2dCQUNQLEdBQUcsSUFBSSxDQUFDLE9BQU87Z0JBQ2YscURBQXFEO2dCQUNyRCxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQzthQUMzQjtTQUNGLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMscUJBQXFCLENBQUM7WUFDdEMsRUFBRSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2pCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDOzs2R0EvSlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdUZDakI3Qiw4cURBbURBOzJGRGxDYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTs0SEFpQ2hCLElBQUk7c0JBRFYsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybXNTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi8uLi8uLi8uLi9zZXJ2aWNlcy9mb3Jtcy5zZXJ2aWNlJztcbmltcG9ydCB7IENhcmRGb3JtQ29uZmlnTW9kZWwgfSBmcm9tICcuLy4uLy4uLy4uLy4uLy4uL21vZGVscy9jYXJkLWZvcm0tY29uZmlnLm1vZGVsJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQWJzdHJhY3RDb250cm9sLFxuICBGb3JtQ29udHJvbCxcbiAgRm9ybUdyb3VwLFxuICBWYWxpZGF0b3JzLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBFYUNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2VydmljZXMvZWFjLnNlcnZpY2UnO1xuaW1wb3J0IHsgRWFDSG9zdCwgRWFDUHJvamVjdEFzQ29kZSB9IGZyb20gJ0BzZW1hbnRpY2pzL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xjdS1kb21haW5zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RvbWFpbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb21haW5zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERvbWFpbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogQ2FyZCAvIEZvcm0gQ29uZmlnXG4gICAqL1xuICBwdWJsaWMgQ29uZmlnOiBDYXJkRm9ybUNvbmZpZ01vZGVsO1xuXG4gIC8qKlxuICAgKiBGb3JtR3JvdXBcbiAgICovXG4gIHB1YmxpYyBGb3JtOiBGb3JtR3JvdXA7XG5cbiAgLyoqXG4gICAqIEZvcm0gbmFtZVxuICAgKi9cbiAgcHJvdGVjdGVkIGZvcm1OYW1lOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFdoZW4gZm9ybSBpcyBkaXJ0eSwgdGllcyBpbnRvIGZvcm1zU2VydmljZS5EaXNhYmxlRm9ybXNcbiAgICovXG4gIHB1YmxpYyBJc0RpcnR5OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBBY2Nlc3MgZm9ybSBjb250cm9sIGZvciByb290IGRpcmVjdG9yeVxuICAgKi9cbiAgcHVibGljIGdldCBEb21haW4oKTogQWJzdHJhY3RDb250cm9sIHtcbiAgICByZXR1cm4gdGhpcy5Gb3JtLmdldCgnZG9tYWluJyk7XG4gIH1cblxuICBASW5wdXQoJ2RhdGEnKVxuICBwdWJsaWMgRGF0YToge1xuICAgIEhvc3RzOiB7IFtsb29rdXA6IHN0cmluZ106IEVhQ0hvc3QgfTtcbiAgICBQcmltYXJ5SG9zdDogc3RyaW5nO1xuICAgIFByb2plY3Q6IEVhQ1Byb2plY3RBc0NvZGU7XG4gICAgUHJvamVjdExvb2t1cDogc3RyaW5nO1xuICB9O1xuXG4gIHB1YmxpYyBnZXQgSG9zdCgpOiBFYUNIb3N0IHtcbiAgICByZXR1cm4gdGhpcy5EYXRhPy5Ib3N0c1t0aGlzLkhvc3RMb29rdXBdO1xuICB9XG5cbiAgcHVibGljIGdldCBIb3N0TG9va3VwKCk6IHN0cmluZyB7XG4gICAgLy8gbGV0IGhvc3RLZXlzID0gT2JqZWN0LmtleXModGhpcy5EYXRhPy5Ib3N0cyB8fCB7fSk7XG5cbiAgICAvLyBob3N0S2V5cyA9IGhvc3RLZXlzLmZpbHRlcihoayA9PiBoay5pbmRleE9mKCd8JykgPCAwKTtcblxuICAgIC8vIHJldHVybiBob3N0S2V5c1swXTtcbiAgICByZXR1cm4gdGhpcy5QcmltYXJ5SG9zdDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgSG9zdEROU0luc3RhbmNlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuSG9zdCA/IHRoaXMuSG9zdD8uSG9zdEROU0luc3RhbmNlIDogbnVsbDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgUHJpbWFyeUhvc3QoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5EYXRhLlByaW1hcnlIb3N0O1xuICB9XG5cbiAgcHVibGljIGdldCBQcm9qZWN0KCk6IEVhQ1Byb2plY3RBc0NvZGUge1xuICAgIHJldHVybiB0aGlzLkRhdGEuUHJvamVjdDtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgUHJvamVjdExvb2t1cCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLkRhdGEuUHJvamVjdExvb2t1cDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBmb3Jtc1NlcnZpY2U6IEZvcm1zU2VydmljZSxcbiAgICBwcm90ZWN0ZWQgZWFjU3ZjOiBFYUNTZXJ2aWNlLFxuICAgIFxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybU5hbWUgPSAnRG9tYWluRm9ybSc7XG5cbiAgICB0aGlzLnNldHVwRm9ybSgpO1xuXG4gICAgdGhpcy5jb25maWcoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjb25maWcoKTogdm9pZCB7XG4gICAgdGhpcy5Db25maWcgPSBuZXcgQ2FyZEZvcm1Db25maWdNb2RlbCh7XG4gICAgICBJY29uOiAnaGVhZCcsXG4gICAgICBUaXRsZTogJycsXG4gICAgICBTdWJ0aXRsZTpcbiAgICAgICAgJ0luIG9yZGVyIHRvIHVzZSBhIGN1c3RvbSBkb21haW4sIGNyZWF0ZSBhIENOQU1FIGRucyByZWNvcmQgcG9pbnRpbmcgZGVzaXJlZCBzdWJkb21haW4gdG8gJyArIHRoaXMuSG9zdEROU0luc3RhbmNlICsgJy4nLFxuICAgICAgRm9ybUFjdGlvbnM6IHtcbiAgICAgICAgTWVzc2FnZTogJ0NoYW5nZXMgd2lsbCBiZSBhcHBsaWVkIHRvIHlvdXIgbmV4dCBkZXBsb3ltZW50JyxcbiAgICAgICAgQWN0aW9uczogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIExhYmVsOiAnUmVzZXQnLFxuICAgICAgICAgICAgQ29sb3I6ICd3YXJuJyxcbiAgICAgICAgICAgIENsaWNrRXZlbnQ6ICgpID0+IHRoaXMucmVzZXRGb3JtKCksXG4gICAgICAgICAgICAvLyB1c2UgYXJyb3cgZnVuY3Rpb24sIHNvICd0aGlzJyByZWZlcnMgdG8gUHJvamVjdE5hbWVDb21wb25lbnRcbiAgICAgICAgICAgIC8vIGlmIHdlIHVzZWQgQ2xpY2tlRXZlbnQ6IHRoaXMuY2xlYXJGb3JtLCB0aGVuICd0aGlzJyB3b3VsZCByZWZlciB0byB0aGlzIGN1cnJlbnQgQWN0aW9ucyBvYmplY3RcbiAgICAgICAgICAgIFR5cGU6ICdSRVNFVCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBMYWJlbDogJ1NhdmUnLFxuICAgICAgICAgICAgQ29sb3I6ICdhY2NlbnQnLFxuICAgICAgICAgICAgQ2xpY2tFdmVudDogKCkgPT4gdGhpcy5zYXZlKCksXG4gICAgICAgICAgICBUeXBlOiAnU0FWRScsXG4gICAgICAgICAgfSxcbiAgICAgICAgXSxcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0dXBGb3JtKCk6IHZvaWQge1xuICAgIHRoaXMuRm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgICAgZG9tYWluOiBuZXcgRm9ybUNvbnRyb2wodGhpcy5Ib3N0TG9va3VwIHx8ICcnLCB7XG4gICAgICAgIHZhbGlkYXRvcnM6IFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLm1pbkxlbmd0aCgzKV0sXG4gICAgICAgIHVwZGF0ZU9uOiAnY2hhbmdlJyxcbiAgICAgIH0pLFxuICAgIH0pO1xuXG4gICAgdGhpcy5mb3Jtc1NlcnZpY2UuRm9ybSA9IHsgSWQ6IHRoaXMuZm9ybU5hbWUsIEZvcm06IHRoaXMuRm9ybSB9O1xuICAgIHRoaXMub25DaGFuZ2UoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkNoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLkZvcm0udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgodmFsOiBhbnkpID0+IHtcbiAgICAgIGlmICh0aGlzLmZvcm1zU2VydmljZS5Gb3JSZWFsVGhvdWdoKHRoaXMuZm9ybU5hbWUsIHRoaXMuRm9ybSkpIHtcbiAgICAgICAgdGhpcy5Jc0RpcnR5ID0gdHJ1ZTtcbiAgICAgICAgLy8gZGlzYWJsZSBhbGwgZm9ybXMgZXhjZXB0IHRoZSBjdXJyZW50IGZvcm0gYmVpbmcgZWRpdGVkXG4gICAgICAgIHRoaXMuZm9ybXNTZXJ2aWNlLkRpc2FibGVGb3Jtcyh0aGlzLmZvcm1OYW1lKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuSXNEaXJ0eSA9IGZhbHNlO1xuICAgICAgICAvLyBlbmFibGUgYWxsIGZvcm1zXG4gICAgICAgIHRoaXMuZm9ybXNTZXJ2aWNlLkRpc2FibGVGb3JtcyhmYWxzZSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogUmVzZXQgZm9ybSBjb250cm9scyBiYWNrIHRvIHByZXZpb3VzIHZhbHVlc1xuICAgKi9cbiAgcHJvdGVjdGVkIHJlc2V0Rm9ybSgpOiB2b2lkIHtcbiAgICAvLyBlbmFibGUgYWxsIGZvcm1zXG4gICAgLy8gdGhpcy5mb3Jtc1NlcnZpY2UuRGlzYWJsZUZvcm1zKGZhbHNlKTtcblxuICAgIHRoaXMuZm9ybXNTZXJ2aWNlLlJlc2V0Rm9ybVZhbHVlcyh0aGlzLmZvcm1OYW1lKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTYXZlIGNoYW5nZXNcbiAgICovXG4gIHByb3RlY3RlZCBzYXZlKCk6IHZvaWQge1xuICAgIHRoaXMuZWFjU3ZjLlNhdmVQcm9qZWN0QXNDb2RlKHtcbiAgICAgIFByb2plY3RMb29rdXA6IHRoaXMuUHJvamVjdExvb2t1cCxcbiAgICAgIFByb2plY3Q6IHtcbiAgICAgICAgLi4udGhpcy5Qcm9qZWN0LFxuICAgICAgICAvLyBIb3N0czogWy4uLnRoaXMuUHJvamVjdC5Ib3N0cywgdGhpcy5Eb21haW4udmFsdWVdLFxuICAgICAgICBIb3N0czogW3RoaXMuRG9tYWluLnZhbHVlXSxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgdGhpcy5mb3Jtc1NlcnZpY2UuVXBkYXRlVmFsdWVzUmVmZXJlbmNlKHtcbiAgICAgIElkOiB0aGlzLmZvcm1OYW1lLFxuICAgICAgRm9ybTogdGhpcy5Gb3JtLFxuICAgIH0pO1xuICB9XG59XG4iLCI8Zm9ybVxuICBmeExheW91dD1cInJvd1wiXG4gIGZ4TGF5b3V0Lmx0LW1kPVwiY29sdW1uXCJcbiAgY2xhc3M9XCJwYWRkaW5nLXRvcC0zXCJcbiAgW2Zvcm1Hcm91cF09XCJGb3JtXCI+XG4gIDxkaXY+XG4gICAgPGxjdS1mb3JtLWNhcmQgXG4gICAgW2NvbmZpZ109XCJDb25maWdcIlxuICAgIFtmb3JtXT1cIkZvcm1cIlxuICAgIFtpcy1kaXJ0eV09XCJJc0RpcnR5XCJcbiAgICA+XG4gICAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCI+XG4gICAgICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGZ4RmxleCBhcHBlYXJhbmNlPVwiZmlsbFwiIGNsYXNzPVwibWFyZ2luLXJpZ2h0LTNcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uXG4gICAgICAgICAgICAgICAgbWF0U3VmZml4XG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiRG9tYWluLnZhbGlkID8gJ3ZhbGlkLWNvbnRyb2wnIDogJ2ludmFsaWQtY29udHJvbCdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgRG9tYWluLnZhbGlkID8gXCJjaGVja19jaXJjbGVcIiA6IFwiZXJyb3Jfb3V0bGluZVwiIH19XG4gICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJEb21haW4uaW52YWxpZCB8fCBEb21haW4uZGlzYWJsZWQgPyAnLycgOiAnJ1wiXG4gICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZG9tYWluXCJcbiAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICA8bWF0LWhpbnQ+XG4gICAgICAgICAgICAgICAgVGhlc2UgZG9tYWlucyBhcmUgYXNzaWduZWQgdG8geW91ciBkZXBsb3ltZW50cy4gT3B0aW9uYWxseSwgXG4gICAgICAgICAgICAgICAgYSBkaWZmZXJlbnQgR2l0IGJyYW5jaCBvciBhIHJlZGlyZWN0aW9uIHRvIGFub3RoZXIgZG9tYWluIFxuICAgICAgICAgICAgICAgIGNhbiBiZSBjb25maWd1cmVkIGZvciBlYWNoIG9uZS5cbiAgICAgICAgICAgICAgPC9tYXQtaGludD5cblxuICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiRG9tYWluLmhhc0Vycm9yKCdyZXF1aXJlZCcpXCI+XG4gICAgICAgICAgICAgICAgRG9tYWluIGlzIHJlcXVpcmVkXG4gICAgICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cblxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW2Nka0NvcHlUb0NsaXBib2FyZF09XCJIb3N0RE5TSW5zdGFuY2VcIiBtYXRUb29sdGlwPVwiQ29weSBzdWJkb21haW4gdG8gY2xpcGJvYXJkXCI+XG4gICAgICAgICAgICAgIDxtYXQtaWNvbj5jb250ZW50X2NvcHk8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8IS0tIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiPkFkZDwvYnV0dG9uPiAtLT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImNhcmQtZGl2aWRlclwiPjwvZGl2PiAtLT5cbiAgICA8L2xjdS1mb3JtLWNhcmQ+XG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19

package/esm2020/lib/elements/skeleton-feed-card/skeleton-feed-card.component.mjs

@@ -12,9 +12,9 @@ export 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.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i2.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i4.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.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.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i1.MatCardHeader, selector: "mat-card-header" }, { type: i2.SkeletonAvatarComponent, selector: "skeleton-avatar", inputs: ["size", "color", "showIcon", "iconColor", "borderRadius", "effect"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i2.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i4.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.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 []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tZmVlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbW1vbi9zcmMvbGliL2VsZW1lbnRzL3NrZWxldG9uLWZlZWQtY2FyZC9za2VsZXRvbi1mZWVkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvc2tlbGV0b24tZmVlZC1jYXJkL3NrZWxldG9uLWZlZWQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPbEQsTUFBTSxPQUFPLHlCQUF5QjtJQUlwQztRQUNFLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxDQUFDO0lBQy9CLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQzs7c0hBVFUseUJBQXlCOzBHQUF6Qix5QkFBeUIsOERDUHRDLGt5REFxQ0E7MkZEOUJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsY3Utc2tlbGV0b24tZmVlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLWZlZWQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NrZWxldG9uLWZlZWQtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uRmVlZENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHB1YmxpYyBTa2VsZXRvbkVmZmVjdDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyBcbiAgICB0aGlzLlNrZWxldG9uRWZmZWN0ID0gJ3dhdmUnO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPG1hdC1jYXJkIGNsYXNzPVwic29jaWFsLWNhcmRcIj5cbiAgICA8bWF0LWNhcmQtaGVhZGVyPlxuICAgICAgXG4gICAgICA8c2tlbGV0b24tYXZhdGFyIG1hdC1jYXJkLWF2YXRhciBzaXplPVwiMTAwXCIgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPjwvc2tlbGV0b24tYXZhdGFyPlxuICBcbiAgICAgIDxtYXQtY2FyZC10aXRsZSBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIj5GZWVkSXRlbSBUaXRsZTwvbWF0LWNhcmQtdGl0bGU+XG4gIFxuICAgICAgPG1hdC1jYXJkLXN1YnRpdGxlPlxuICAgICAgICA8ZGl2IHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPkZlZWRJdGVtIFN1YnRpdGxlPC9kaXY+XG4gICAgICAgIDxkaXYgPlxuICAgICAgICAgIDxtYXQtaWNvbiAgc2tlbGV0b24tdGV4dCBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCI+Y2hlY2s8L21hdC1pY29uPlxuICBcbiAgICAgICAgICA8ZGl2IHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPlRpbWVzdGFtcDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWNhcmQtc3VidGl0bGU+XG4gICAgPC9tYXQtY2FyZC1oZWFkZXI+XG4gIFxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxuICAgICAgICA8ZGl2IHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPlxuICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgc2l0IGFtZXRcbiAgICAgICAgICAgIGFudGUgZHVpLiBQcmFlc2VudCB1dCBhbGlxdWFtIG1ldHVzLiBQaGFzZWxsdXMgY29uc2VjdGV0dXIgbm9uIGVyb3MgZXVcbiAgICAgICAgICAgIGdyYXZpZGEuIFZlc3RpYnVsdW0gZmF1Y2lidXMgbGFvcmVldCBsZW8sIGFjIG1vbGVzdGllIGZlbGlzIHRpbmNpZHVudFxuICAgICAgICAgICAgc2VtcGVyLiBWaXZhbXVzIGxvcmVtIGlwc3VtLCBzYWdpdHRpcyBuZWMgYmxhbmRpdCBzZWQsIGFjY3Vtc2FuIHNlZFxuICAgICAgICAgICAgZG9sb3IuIEV0aWFtIHRpbmNpZHVudCB2ZWwgbGlndWxhIHV0IG1hbGVzdWFkYS4gTnVsbGEgc2l0IGFtZXQgZmVybWVudHVtXG4gICAgICAgICAgICBsaWJlcm8uIFF1aXNxdWUgbWFnbmEgdGVsbHVzLCBwZWxsZW50ZXNxdWUgaW4gY29udmFsbGlzIHZpdGFlLCBhbGlxdWV0XG4gICAgICAgICAgICBldCBvcmNpLiBQZWxsZW50ZXNxdWUgY29tbW9kbyBhbnRlIGlkIGVzdCB2aXZlcnJhIHBvc3VlcmUgYWMgdml0YWVcbiAgICAgICAgICAgIGxpZ3VsYS4gVXQgc2VkIHVsbGFtY29ycGVyIHB1cnVzLiBJbnRlZ2VyIHNpdCBhbWV0IGxvcmVtIGVyb3MuXG4gICAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgXG4gICAgPG1hdC1jYXJkLWFjdGlvbnMgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYXJvdW5kIGNlbnRlclwiPlxuICAgICAgICA8ZGl2IHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPkJ1dHRvbiBUZXh0PC9kaXY+XG4gICAgICAgIDxkaXYgc2tlbGV0b24tdGV4dCBbZWZmZWN0XT1cIlNrZWxldG9uRWZmZWN0XCI+QnV0dG9uIFRleHQ8L2Rpdj5cbiAgICAgICAgPGRpdiBza2VsZXRvbi10ZXh0IFtlZmZlY3RdPVwiU2tlbGV0b25FZmZlY3RcIj5CdXR0b24gVGV4dDwvZGl2PlxuICAgICAgICA8ZGl2IHNrZWxldG9uLXRleHQgW2VmZmVjdF09XCJTa2VsZXRvbkVmZmVjdFwiPkJ1dHRvbiBUZXh0PC9kaXY+XG4gICAgPC9tYXQtY2FyZC1hY3Rpb25zPlxuICA8L21hdC1jYXJkPlxuIl19