@symphony-talent/component-library 3.89.0 → 3.90.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/card/card.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -16,13 +16,13 @@ export class CardComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
19
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\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"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
22
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]
|
|
23
23
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], clicked: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZFLE1BQU0sT0FBTyxhQUFhO0lBT3hCO1FBTlMsY0FBUyxHQUF1QjtZQUN2QyxLQUFLLEVBQUUsRUFBRTtZQUNULFdBQVcsRUFBRSxFQUFFO1NBQ2hCLENBQUM7UUFDUSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztJQUVuQyxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBc0IsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OzBHQVhVLGFBQWE7OEZBQWIsYUFBYSwwSENSMUIsc2lCQWVBOzJGRFBhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsZUFBZTswRUFLaEIsU0FBUztzQkFBakIsS0FBSztnQkFJSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRNb2RlbCB9IGZyb20gJy4vY2FyZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNhcmRNb2RlbDogUGFydGlhbDxDYXJkTW9kZWw+ID0ge1xuICAgIHRpdGxlOiAnJyxcbiAgICBkZXNjcmlwdGlvbjogJycsXG4gIH07XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxDYXJkTW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQodGhpcy5jYXJkTW9kZWwgYXMgQ2FyZE1vZGVsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtaXRlbS13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW1cIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1pY29uXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImNhcmRNb2RlbC5pY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10aXRsZVwiPlxuICAgICAgICA8c3ltcGhvbnktaDQ+e3sgY2FyZE1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyBjYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgY2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -16,13 +16,13 @@ export class CardComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
19
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\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"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
22
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]
|
|
23
23
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], clicked: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZFLE1BQU0sT0FBTyxhQUFhO0lBT3hCO1FBTlMsY0FBUyxHQUF1QjtZQUN2QyxLQUFLLEVBQUUsRUFBRTtZQUNULFdBQVcsRUFBRSxFQUFFO1NBQ2hCLENBQUM7UUFDUSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztJQUVuQyxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBc0IsQ0FBQyxDQUFDO0lBQ2pELENBQUM7OzBHQVhVLGFBQWE7OEZBQWIsYUFBYSwwSENSMUIsc2lCQWVBOzJGRFBhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsZUFBZTswRUFLaEIsU0FBUztzQkFBakIsS0FBSztnQkFJSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRNb2RlbCB9IGZyb20gJy4vY2FyZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNhcmRNb2RlbDogUGFydGlhbDxDYXJkTW9kZWw+ID0ge1xuICAgIHRpdGxlOiAnJyxcbiAgICBkZXNjcmlwdGlvbjogJycsXG4gIH07XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxDYXJkTW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQodGhpcy5jYXJkTW9kZWwgYXMgQ2FyZE1vZGVsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtaXRlbS13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW1cIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1pY29uXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImNhcmRNb2RlbC5pY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10aXRsZVwiPlxuICAgICAgICA8c3ltcGhvbnktaDQ+e3sgY2FyZE1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyBjYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgY2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2409,10 +2409,10 @@ class CardComponent {
|
|
|
2409
2409
|
}
|
|
2410
2410
|
}
|
|
2411
2411
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2412
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
2412
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\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"] }] });
|
|
2413
2413
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
2414
2414
|
type: Component,
|
|
2415
|
-
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:
|
|
2415
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n <div class=\"card-item\" (click)=\"onClick()\">\n <div class=\"card-title-wrap sfx-d-flex\">\n <div class=\"card-icon\">\n <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n </div>\n <div class=\"card-title\">\n <symphony-h4>{{ cardModel.title }}</symphony-h4>\n </div>\n </div>\n <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]
|
|
2416
2416
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
2417
2417
|
type: Input
|
|
2418
2418
|
}], clicked: [{
|