@symphony-talent/component-library 4.128.0 → 4.130.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/reports-card/reports-card.component.mjs +2 -2
- package/esm2020/lib/pages/reports-page/reports-page.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/reports-card/reports-card.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/pages/reports-page/reports-page.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -14,10 +14,10 @@ export class ReportsCardComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
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%;
|
|
17
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i5.TrimIdPipe } });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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%;
|
|
20
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], clicked: [{
|
|
@@ -21,13 +21,13 @@ export class ReportsPageComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
ReportsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: i1.ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: i5.ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: i1.ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: i5.ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
27
|
+
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
28
28
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], cardClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvcmVwb3J0cy1wYWdlL3JlcG9ydHMtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3JlcG9ydHMtcGFnZS9yZXBvcnRzLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTL0UsTUFBTSxPQUFPLG9CQUFvQjtJQU8vQjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUkzQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDckQsQ0FBQztJQUVELGFBQWEsQ0FBQyxPQUFlO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUNqRSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FDekQsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBc0I7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7aUhBckJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGtJQ1RqQyxzbEJBZ0JFOzJGRFBXLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVwb3J0c0NhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9yZXBvcnRzLWNhcmQvcmVwb3J0cy1jYXJkLm1vZGVsJztcbmltcG9ydCB7IFJlcG9ydHNQYWdlTW9kZWwgfSBmcm9tICcuL3JlcG9ydHMtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXJlcG9ydHMtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZXBvcnRzLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZXBvcnRzLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBSZXBvcnRzUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBSZXBvcnRzUGFnZU1vZGVsO1xuXG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZmlsdGVyZWRDYXJkTGlzdDogUmVwb3J0c0NhcmRNb2RlbFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXJlZENhcmRMaXN0ID0gdGhpcy5tb2RlbC5yZXBvcnRzQ2FyZExpc3Q7XG4gIH1cblxuICBrZXl3b3JkU2VhcmNoKGtleXdvcmQ6IHN0cmluZykge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwucmVwb3J0c0NhcmRMaXN0LmZpbHRlcigoY2FyZCkgPT5cbiAgICAgIGNhcmQudGl0bGUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhrZXl3b3JkLnRvTG93ZXJDYXNlKCkpXG4gICAgKTtcbiAgfVxuXG4gIG9uQ2FyZENsaWNrKGNhcmQ6IFJlcG9ydHNDYXJkTW9kZWwpIHtcbiAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoY2FyZCk7XG4gIH1cblxufVxuIiwiPHN5bXBob255LXJlcG9ydHMtbGlzdC10ZW1wbGF0ZSAqbmdJZj1cIm1vZGVsXCI+XG4gICAgPHN5bXBob255LWgzIHBhZ2UtdGl0bGU+e3sgbW9kZWwucGFnZVRpdGxlIH19PC9zeW1waG9ueS1oMz5cbiAgICA8c3ltcGhvbnktaDQgTGlzdC10aXRsZT57eyBtb2RlbC5saXN0VGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgZmlsdGVyLWlucHV0XG4gICAgW3BsYWNlaG9sZGVyXT1cIidTZWFyY2ggYnkga2V5d29yZCdcIlxuICAgIFtpY29uXT1cIidzaS1zZWFyY2gtbmV3J1wiXG4gICAgKHRleHRDaGFuZ2UpPVwia2V5d29yZFNlYXJjaCgkZXZlbnQpXCJcbiAgPlxuICA8L3N5bXBob255LWlucHV0LXRleHQ+XG4gICAgPHN5bXBob255LXJlcG9ydHMtY2FyZC1saXN0XG4gICAgICByZXBvcnRzLWNhcmQtbGlzdFxuICAgICAgW3JlcG9ydHNDYXJkTGlzdF09XCJmaWx0ZXJlZENhcmRMaXN0XCJcbiAgICAgIChjYXJkQ2xpY2tlZCk9XCJvbkNhcmRDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1yZXBvcnRzLWNhcmQtbGlzdD5cbjwvc3ltcGhvbnktcmVwb3J0cy1saXN0LXRlbXBsYXRlPlxuICAiXX0=
|
package/esm2020/projects/component-library/lib/molecules/reports-card/reports-card.component.mjs
CHANGED
|
@@ -14,10 +14,10 @@ export class ReportsCardComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
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%;
|
|
17
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i5.TrimIdPipe } });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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%;
|
|
20
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], clicked: [{
|
package/esm2020/projects/component-library/lib/pages/reports-page/reports-page.component.mjs
CHANGED
|
@@ -21,13 +21,13 @@ export class ReportsPageComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
ReportsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: i1.ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: i5.ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: i1.ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: i5.ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
27
|
+
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
28
28
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], cardClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0cy1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvcmVwb3J0cy1wYWdlL3JlcG9ydHMtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3JlcG9ydHMtcGFnZS9yZXBvcnRzLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTL0UsTUFBTSxPQUFPLG9CQUFvQjtJQU8vQjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUkzQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDckQsQ0FBQztJQUVELGFBQWEsQ0FBQyxPQUFlO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUNqRSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FDekQsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBc0I7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7aUhBckJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGtJQ1RqQyxzbEJBZ0JFOzJGRFBXLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVwb3J0c0NhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9yZXBvcnRzLWNhcmQvcmVwb3J0cy1jYXJkLm1vZGVsJztcbmltcG9ydCB7IFJlcG9ydHNQYWdlTW9kZWwgfSBmcm9tICcuL3JlcG9ydHMtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXJlcG9ydHMtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZXBvcnRzLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZXBvcnRzLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBSZXBvcnRzUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBSZXBvcnRzUGFnZU1vZGVsO1xuXG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZmlsdGVyZWRDYXJkTGlzdDogUmVwb3J0c0NhcmRNb2RlbFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXJlZENhcmRMaXN0ID0gdGhpcy5tb2RlbC5yZXBvcnRzQ2FyZExpc3Q7XG4gIH1cblxuICBrZXl3b3JkU2VhcmNoKGtleXdvcmQ6IHN0cmluZykge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwucmVwb3J0c0NhcmRMaXN0LmZpbHRlcigoY2FyZCkgPT5cbiAgICAgIGNhcmQudGl0bGUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhrZXl3b3JkLnRvTG93ZXJDYXNlKCkpXG4gICAgKTtcbiAgfVxuXG4gIG9uQ2FyZENsaWNrKGNhcmQ6IFJlcG9ydHNDYXJkTW9kZWwpIHtcbiAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoY2FyZCk7XG4gIH1cblxufVxuIiwiPHN5bXBob255LXJlcG9ydHMtbGlzdC10ZW1wbGF0ZSAqbmdJZj1cIm1vZGVsXCI+XG4gICAgPHN5bXBob255LWgzIHBhZ2UtdGl0bGU+e3sgbW9kZWwucGFnZVRpdGxlIH19PC9zeW1waG9ueS1oMz5cbiAgICA8c3ltcGhvbnktaDQgTGlzdC10aXRsZT57eyBtb2RlbC5saXN0VGl0bGUgfX08L3N5bXBob255LWg0PlxuICAgIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgZmlsdGVyLWlucHV0XG4gICAgW3BsYWNlaG9sZGVyXT1cIidTZWFyY2ggYnkga2V5d29yZCdcIlxuICAgIFtpY29uXT1cIidzaS1zZWFyY2gtbmV3J1wiXG4gICAgKHRleHRDaGFuZ2UpPVwia2V5d29yZFNlYXJjaCgkZXZlbnQpXCJcbiAgPlxuICA8L3N5bXBob255LWlucHV0LXRleHQ+XG4gICAgPHN5bXBob255LXJlcG9ydHMtY2FyZC1saXN0XG4gICAgICByZXBvcnRzLWNhcmQtbGlzdFxuICAgICAgW3JlcG9ydHNDYXJkTGlzdF09XCJmaWx0ZXJlZENhcmRMaXN0XCJcbiAgICAgIChjYXJkQ2xpY2tlZCk9XCJvbkNhcmRDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1yZXBvcnRzLWNhcmQtbGlzdD5cbjwvc3ltcGhvbnktcmVwb3J0cy1saXN0LXRlbXBsYXRlPlxuICAiXX0=
|
|
@@ -3034,10 +3034,10 @@ class ReportsCardComponent {
|
|
|
3034
3034
|
}
|
|
3035
3035
|
}
|
|
3036
3036
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3037
|
-
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%;
|
|
3037
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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 } });
|
|
3038
3038
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
3039
3039
|
type: Component,
|
|
3040
|
-
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%;
|
|
3040
|
+
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%;border-radius:10px;padding:20px;border:2px #82919F dashed;cursor:context-menu;opacity:.3}.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"] }]
|
|
3041
3041
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
3042
3042
|
type: Input
|
|
3043
3043
|
}], clicked: [{
|
|
@@ -9410,10 +9410,10 @@ class ReportsPageComponent {
|
|
|
9410
9410
|
}
|
|
9411
9411
|
}
|
|
9412
9412
|
ReportsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9413
|
-
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9413
|
+
ReportsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportsPageComponent, selector: "symphony-reports-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""], components: [{ type: ReportsListTemplateComponent, selector: "symphony-reports-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "maxlength", "isDisabled"], outputs: ["textChange"] }, { type: ReportsCardListComponent, selector: "symphony-reports-card-list", inputs: ["reportsCardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
9414
9414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsPageComponent, decorators: [{
|
|
9415
9415
|
type: Component,
|
|
9416
|
-
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
9416
|
+
args: [{ selector: 'symphony-reports-page', template: "<symphony-reports-list-template *ngIf=\"model\">\n <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n <symphony-h4 List-title>{{ model.listTitle }}</symphony-h4>\n <symphony-input-text\n filter-input\n [placeholder]=\"'Search by keyword'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n <symphony-reports-card-list\n reports-card-list\n [reportsCardList]=\"filteredCardList\"\n (cardClicked)=\"onCardClick($event)\"\n ></symphony-reports-card-list>\n</symphony-reports-list-template>\n ", styles: [""] }]
|
|
9417
9417
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
9418
9418
|
type: Input
|
|
9419
9419
|
}], cardClicked: [{
|