@symphony-talent/component-library 4.233.0 → 4.234.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/organisms/candidate-card/candidate-card.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/organisms/candidate-card/candidate-card.component.mjs +2 -2
- 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
|
@@ -20,10 +20,10 @@ export class CandidateCardComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
CandidateCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
|
+
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"] }]
|
|
26
|
+
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"] }]
|
|
27
27
|
}], propDecorators: { model: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
package/esm2020/projects/component-library/lib/organisms/candidate-card/candidate-card.component.mjs
CHANGED
|
@@ -20,10 +20,10 @@ export class CandidateCardComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
CandidateCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
|
+
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"] }]
|
|
26
|
+
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"] }]
|
|
27
27
|
}], propDecorators: { model: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
@@ -5437,10 +5437,10 @@ class CandidateCardComponent {
|
|
|
5437
5437
|
}
|
|
5438
5438
|
}
|
|
5439
5439
|
CandidateCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5440
|
-
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5440
|
+
CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
5441
5441
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, decorators: [{
|
|
5442
5442
|
type: Component,
|
|
5443
|
-
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"] }]
|
|
5443
|
+
args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n <symphony-icon\n *ngIf=\"model.hasSentIcon\"\n class=\"candidate-card__status-icon\"\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#16b783'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n\n <div class=\"candidate-card__header\">\n <symphony-avatar\n class=\"candidate-card__avatar\"\n [firstName]=\"model.firstName || model.fullName\"\n [lastName]=\"model.lastName\"\n [sizePx]=\"48\"\n [fontSizePx]=\"18\"\n ></symphony-avatar>\n\n <div class=\"candidate-card__identity\">\n <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n <symphony-paragraph\n *ngFor=\"let item of displayMetaItems\"\n [text]=\"item\"\n [isSecondary]=\"false\"\n ></symphony-paragraph>\n </div>\n </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px;overflow-wrap:break-word}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding-right:20px}\n"] }]
|
|
5444
5444
|
}], propDecorators: { model: [{
|
|
5445
5445
|
type: Input
|
|
5446
5446
|
}] } });
|