@symphony-talent/component-library 4.127.0 → 4.129.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/organisms/reports-card-list/reports-card-list.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/organisms/reports-card-list/reports-card-list.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
|
@@ -3032,10 +3032,10 @@ class ReportsCardComponent {
|
|
|
3032
3032
|
}
|
|
3033
3033
|
}
|
|
3034
3034
|
ReportsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3035
|
-
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%;
|
|
3035
|
+
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 } });
|
|
3036
3036
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardComponent, decorators: [{
|
|
3037
3037
|
type: Component,
|
|
3038
|
-
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%;
|
|
3038
|
+
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"] }]
|
|
3039
3039
|
}], ctorParameters: function () { return []; }, propDecorators: { reportsCardModel: [{
|
|
3040
3040
|
type: Input
|
|
3041
3041
|
}], clicked: [{
|
|
@@ -6518,10 +6518,10 @@ class ReportsCardListComponent {
|
|
|
6518
6518
|
}
|
|
6519
6519
|
}
|
|
6520
6520
|
ReportsCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6521
|
-
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"] }] });
|
|
6521
|
+
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 (clicked)=\"onCardClick($event)\"\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"] }] });
|
|
6522
6522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportsCardListComponent, decorators: [{
|
|
6523
6523
|
type: Component,
|
|
6524
|
-
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"] }]
|
|
6524
|
+
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 (clicked)=\"onCardClick($event)\"\n ></symphony-reports-card>\n </li>\n </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"] }]
|
|
6525
6525
|
}], ctorParameters: function () { return []; }, propDecorators: { cardClicked: [{
|
|
6526
6526
|
type: Output
|
|
6527
6527
|
}], reportsCardList: [{
|