@symphony-talent/component-library 4.124.0 → 4.125.0

package/fesm2020/symphony-talent-component-library-projects-component-library.mjs

@@ -6469,6 +6469,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class ReportsCardComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+    }
+    onClick() {
+        this.clicked.emit(this.reportsCardModel);
+    }
+}
+ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ReportsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardComponent, selector: "symphony-reports-card", inputs: { reportsCardModel: "reportsCardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n    <div class=\"reports-card-item-disabled\">\n        <div class=\"reports-card-title-wrap sfx-d-flex\">\n            <div class=\"reports-card-icon\">\n                <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n            </div>\n            <div class=\"reports-card-title\">\n                <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n            </div>\n        </div>\n        <div class=\"reports-card-description\" title=\"{{ reportsCardModel.description }}\">\n            <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n        </div>\n        <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n            <div class=\"reports-card-info-icon\">\n                <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n            </div>\n            <div class=\"reports-card-title\">\n                <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n            </div>\n        </div>\n        <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n            <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n        </div>\n    </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n    <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n      <div class=\"reports-card-title-wrap sfx-d-flex\">\n        <div class=\"reports-card-icon\">\n          <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n        </div>\n        <div class=\"reports-card-title\">\n          <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n        </div>\n      </div>\n      <div class=\"reports-card-description\" title=\"{{ reportsCardModel.description }}\">\n        <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n      </div>\n    </div>\n  </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:170px}.reports-card-item-disabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu}.reports-card-item-disabled .reports-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": TrimIdPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-reports-card', template: "<div *ngIf=\"!reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n    <div class=\"reports-card-item-disabled\">\n        <div class=\"reports-card-title-wrap sfx-d-flex\">\n            <div class=\"reports-card-icon\">\n                <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n            </div>\n            <div class=\"reports-card-title\">\n                <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n            </div>\n        </div>\n        <div class=\"reports-card-description\" title=\"{{ reportsCardModel.description }}\">\n            <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n        </div>\n        <div *ngIf=\"reportsCardModel.disabledMessage\" class=\"reports-card-info-wrap sfx-d-flex\">\n            <div class=\"reports-card-info-icon\">\n                <symphony-icon [icon]=\"reportsCardModel.disabledMessageIcon\"></symphony-icon>\n            </div>\n            <div class=\"reports-card-title\">\n                <symphony-paragraph>{{ reportsCardModel.disabledMessage }}</symphony-paragraph>\n            </div>\n        </div>\n        <div *ngIf=\"reportsCardModel.disabledMessageLinkValue\" class=\"reports-card-link\">\n            <a href=\"{{reportsCardModel.disabledMessageLinkValue}}\">{{reportsCardModel.disabledMessageLinkText}}</a>\n        </div>\n    </div>\n</div>\n<div *ngIf=\"reportsCardModel.enabled\" class=\"reports-card-item-wrapper\" id=\"reports-card-item-{{ reportsCardModel.title | trimId}}\">\n    <div class=\"reports-card-item-enabled\" (click)=\"onClick()\">\n      <div class=\"reports-card-title-wrap sfx-d-flex\">\n        <div class=\"reports-card-icon\">\n          <symphony-icon [icon]=\"reportsCardModel.cardIcon\"></symphony-icon>\n        </div>\n        <div class=\"reports-card-title\">\n          <symphony-h4>{{ reportsCardModel.title }}</symphony-h4>\n        </div>\n      </div>\n      <div class=\"reports-card-description\" title=\"{{ reportsCardModel.description }}\">\n        <symphony-paragraph>{{ reportsCardModel.description }}</symphony-paragraph>\n      </div>\n    </div>\n  </div>", styles: [".reports-card-item-wrapper{position:relative;width:100%;height:170px}.reports-card-item-disabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu}.reports-card-item-disabled .reports-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reports-card-item-enabled{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.reports-card-item-enabled:hover{box-shadow:none;border-color:#82919f}.reports-card-item-enabled .report-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reports-card-title-wrap{margin-bottom:11px;align-items:baseline}.reports-card-icon{padding-right:15px;color:#334860}.reports-card-info-wrap{margin-top:1rem;align-items:baseline}.reports-card-info-icon{padding-right:7px;color:#f0001e}.reports-card-link{font-weight:500;color:#801afc;cursor:pointer;margin-left:25px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class ReportsCardModule {
+}
+ReportsCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ReportsCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardModule, declarations: [ReportsCardComponent], imports: [CommonModule, IconModule, H4Module, ParagraphModule, PipeModule], exports: [ReportsCardComponent] });
+ReportsCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardModule, imports: [[CommonModule, IconModule, H4Module, ParagraphModule, PipeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ReportsCardComponent],
+                    imports: [CommonModule, IconModule, H4Module, ParagraphModule, PipeModule],
+                    exports: [ReportsCardComponent],
+                }]
+        }] });
+
+class ReportsCardListComponent {
+    constructor() {
+        this.cardClicked = new EventEmitter();
+    }
+    onCardClick(card) {
+        this.cardClicked.emit(card);
+    }
+}
+ReportsCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ReportsCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: { reportsCardList: "reportsCardList" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<section class=\"card-list\">\n  <ul class=\"row card-list list-unstyled\">\n    <li class=\"col-sm-4 col-md-3 card-list-item\" *ngFor=\"let reportCard of reportsCardList\">\n      <symphony-reports-card\n        [reportsCardModel]=\"reportCard\"\n      ></symphony-reports-card>\n    </li>\n  </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"], components: [{ type: ReportsCardComponent, selector: "symphony-reports-card", inputs: ["reportsCardModel"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-reports-card-list', template: "<section class=\"card-list\">\n  <ul class=\"row card-list list-unstyled\">\n    <li class=\"col-sm-4 col-md-3 card-list-item\" *ngFor=\"let reportCard of reportsCardList\">\n      <symphony-reports-card\n        [reportsCardModel]=\"reportCard\"\n      ></symphony-reports-card>\n    </li>\n  </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cardClicked: [{
+                type: Output
+            }], reportsCardList: [{
+                type: Input
+            }] } });
+
+class ReportsCardListModule {
+}
+ReportsCardListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ReportsCardListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListModule, declarations: [ReportsCardListComponent], imports: [CommonModule, ReportsCardModule], exports: [ReportsCardListComponent] });
+ReportsCardListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListModule, imports: [[CommonModule, ReportsCardModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ReportsCardListComponent],
+                    imports: [CommonModule, ReportsCardModule],
+                    exports: [ReportsCardListComponent],
+                }]
+        }] });
+
 class OrganismsModule {
 }
 OrganismsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -6501,7 +6567,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         InformationModalModule,
         ChatHistoryMessageListModule,
         AssignedToWidgetModule,
-        FilterDetailModule] });
+        FilterDetailModule,
+        ReportsCardListModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -6532,7 +6599,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             InformationModalModule,
             ChatHistoryMessageListModule,
             AssignedToWidgetModule,
-            FilterDetailModule
+            FilterDetailModule,
+            ReportsCardListModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -6568,7 +6636,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         InformationModalModule,
                         ChatHistoryMessageListModule,
                         AssignedToWidgetModule,
-                        FilterDetailModule
+                        FilterDetailModule,
+                        ReportsCardListModule
                     ]
                 }]
         }] });