@symphony-talent/component-library 4.54.0 → 4.55.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 +4 -3
- package/esm2020/lib/molecules/card/card.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/molecules/card/card.module.mjs +5 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +5 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +5 -5
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +5 -5
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +5 -5
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/card/card.module.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/card/card.module.d.ts +2 -1
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../atoms/icon/icon.component";
|
|
4
4
|
import * as i2 from "../../atoms/h4/h4.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class CardComponent {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.cardModel = {
|
|
@@ -16,13 +17,13 @@ export class CardComponent {
|
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
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\" 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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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
|
+
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\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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"] }], pipes: { "trimId": i4.TrimIdPipe } });
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
21
22
|
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\" 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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
23
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
23
24
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}], clicked: [{
|
|
26
27
|
type: Output
|
|
27
28
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVF2RSxNQUFNLE9BQU8sYUFBYTtJQU94QjtRQU5TLGNBQVMsR0FBdUI7WUFDdkMsS0FBSyxFQUFFLEVBQUU7WUFDVCxXQUFXLEVBQUUsRUFBRTtTQUNoQixDQUFDO1FBQ1EsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7SUFFbkMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQXNCLENBQUMsQ0FBQztJQUNqRCxDQUFDOzswR0FYVSxhQUFhOzhGQUFiLGFBQWEsMEhDUjFCLHFsQkFlQTsyRkRQYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBSUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkTW9kZWwgfSBmcm9tICcuL2NhcmQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjYXJkTW9kZWw6IFBhcnRpYWw8Q2FyZE1vZGVsPiA9IHtcbiAgICB0aXRsZTogJycsXG4gICAgZGVzY3JpcHRpb246ICcnLFxuICB9O1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FyZE1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHRoaXMuY2FyZE1vZGVsIGFzIENhcmRNb2RlbCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkLWl0ZW0td3JhcHBlclwiIGlkPVwiY2FyZC1pdGVtLXt7IGNhcmRNb2RlbC50aXRsZSB8IHRyaW1JZH19XCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW1cIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1pY29uXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImNhcmRNb2RlbC5pY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10aXRsZVwiPlxuICAgICAgICA8c3ltcGhvbnktaDQ+e3sgY2FyZE1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyBjYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgY2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -5,18 +5,19 @@ import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
|
|
|
5
5
|
import { IconModule } from '../../atoms/icon/icon.module';
|
|
6
6
|
import { H5Module } from '../../atoms/h5/h5.module';
|
|
7
7
|
import { H4Module } from '../../atoms/h4/h4.module';
|
|
8
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
export class CardModule {
|
|
10
11
|
}
|
|
11
12
|
CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule], exports: [CardComponent] });
|
|
13
|
-
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule]] });
|
|
13
|
+
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule], exports: [CardComponent] });
|
|
14
|
+
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule]] });
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, decorators: [{
|
|
15
16
|
type: NgModule,
|
|
16
17
|
args: [{
|
|
17
18
|
declarations: [CardComponent],
|
|
18
|
-
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule],
|
|
19
|
+
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule],
|
|
19
20
|
exports: [CardComponent],
|
|
20
21
|
}]
|
|
21
22
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU9wRCxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQUpOLGFBQWEsYUFDbEIsWUFBWSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxVQUFVLGFBQ3pFLGFBQWE7d0dBRVosVUFBVSxZQUhaLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxVQUFVLENBQUM7MkZBR3pFLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQztvQkFDcEYsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNS9oNS5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDYXJkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgSDRNb2R1bGUsIEg1TW9kdWxlLCBQYXJhZ3JhcGhNb2R1bGUsIFBpcGVNb2R1bGVdLFxuICBleHBvcnRzOiBbQ2FyZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRNb2R1bGUge31cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../atoms/icon/icon.component";
|
|
4
4
|
import * as i2 from "../../atoms/h4/h4.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class CardComponent {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.cardModel = {
|
|
@@ -16,13 +17,13 @@ export class CardComponent {
|
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
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\" 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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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
|
+
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\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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"] }], pipes: { "trimId": i4.TrimIdPipe } });
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
21
22
|
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\" 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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
23
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
23
24
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}], clicked: [{
|
|
26
27
|
type: Output
|
|
27
28
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVF2RSxNQUFNLE9BQU8sYUFBYTtJQU94QjtRQU5TLGNBQVMsR0FBdUI7WUFDdkMsS0FBSyxFQUFFLEVBQUU7WUFDVCxXQUFXLEVBQUUsRUFBRTtTQUNoQixDQUFDO1FBQ1EsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7SUFFbkMsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQXNCLENBQUMsQ0FBQztJQUNqRCxDQUFDOzswR0FYVSxhQUFhOzhGQUFiLGFBQWEsMEhDUjFCLHFsQkFlQTsyRkRQYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBSUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkTW9kZWwgfSBmcm9tICcuL2NhcmQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjYXJkTW9kZWw6IFBhcnRpYWw8Q2FyZE1vZGVsPiA9IHtcbiAgICB0aXRsZTogJycsXG4gICAgZGVzY3JpcHRpb246ICcnLFxuICB9O1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FyZE1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHRoaXMuY2FyZE1vZGVsIGFzIENhcmRNb2RlbCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkLWl0ZW0td3JhcHBlclwiIGlkPVwiY2FyZC1pdGVtLXt7IGNhcmRNb2RlbC50aXRsZSB8IHRyaW1JZH19XCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkLWl0ZW1cIiAoY2xpY2spPVwib25DbGljaygpXCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1pY29uXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cImNhcmRNb2RlbC5pY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10aXRsZVwiPlxuICAgICAgICA8c3ltcGhvbnktaDQ+e3sgY2FyZE1vZGVsLnRpdGxlIH19PC9zeW1waG9ueS1oND5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgdGl0bGU9XCJ7eyBjYXJkTW9kZWwuZGVzY3JpcHRpb24gfX1cIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgY2FyZE1vZGVsLmRlc2NyaXB0aW9uIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -5,18 +5,19 @@ import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
|
|
|
5
5
|
import { IconModule } from '../../atoms/icon/icon.module';
|
|
6
6
|
import { H5Module } from '../../atoms/h5/h5.module';
|
|
7
7
|
import { H4Module } from '../../atoms/h4/h4.module';
|
|
8
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
export class CardModule {
|
|
10
11
|
}
|
|
11
12
|
CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule], exports: [CardComponent] });
|
|
13
|
-
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule]] });
|
|
13
|
+
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule], exports: [CardComponent] });
|
|
14
|
+
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule]] });
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, decorators: [{
|
|
15
16
|
type: NgModule,
|
|
16
17
|
args: [{
|
|
17
18
|
declarations: [CardComponent],
|
|
18
|
-
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule],
|
|
19
|
+
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule],
|
|
19
20
|
exports: [CardComponent],
|
|
20
21
|
}]
|
|
21
22
|
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU9wRCxNQUFNLE9BQU8sVUFBVTs7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQUpOLGFBQWEsYUFDbEIsWUFBWSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxVQUFVLGFBQ3pFLGFBQWE7d0dBRVosVUFBVSxZQUhaLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxVQUFVLENBQUM7MkZBR3pFLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQztvQkFDcEYsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNS9oNS5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDYXJkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgSDRNb2R1bGUsIEg1TW9kdWxlLCBQYXJhZ3JhcGhNb2R1bGUsIFBpcGVNb2R1bGVdLFxuICBleHBvcnRzOiBbQ2FyZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRNb2R1bGUge31cbiJdfQ==
|
|
@@ -2743,10 +2743,10 @@ class CardComponent {
|
|
|
2743
2743
|
}
|
|
2744
2744
|
}
|
|
2745
2745
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2746
|
-
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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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"] }] });
|
|
2746
|
+
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\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\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"] }], pipes: { "trimId": TrimIdPipe } });
|
|
2747
2747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
2748
2748
|
type: Component,
|
|
2749
|
-
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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
2749
|
+
args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\" id=\"card-item-{{ cardModel.title | trimId}}\">\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;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
|
|
2750
2750
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
2751
2751
|
type: Input
|
|
2752
2752
|
}], clicked: [{
|
|
@@ -2756,13 +2756,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2756
2756
|
class CardModule {
|
|
2757
2757
|
}
|
|
2758
2758
|
CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2759
|
-
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule], exports: [CardComponent] });
|
|
2760
|
-
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule]] });
|
|
2759
|
+
CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, declarations: [CardComponent], imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule], exports: [CardComponent] });
|
|
2760
|
+
CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, imports: [[CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule]] });
|
|
2761
2761
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardModule, decorators: [{
|
|
2762
2762
|
type: NgModule,
|
|
2763
2763
|
args: [{
|
|
2764
2764
|
declarations: [CardComponent],
|
|
2765
|
-
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule],
|
|
2765
|
+
imports: [CommonModule, IconModule, H4Module, H5Module, ParagraphModule, PipeModule],
|
|
2766
2766
|
exports: [CardComponent],
|
|
2767
2767
|
}]
|
|
2768
2768
|
}] });
|