@symphony-talent/component-library 4.111.0 → 4.112.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/additional-information-card/additional-information-card.component.mjs +12 -5
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/esm2020/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +12 -5
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +11 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +11 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/additional-information-card/additional-information-card.component.d.ts +4 -2
- package/lib/molecules/additional-information-card/additional-information-card.model.d.ts +1 -0
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.d.ts +4 -2
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.d.ts +1 -0
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
9
11
|
ngOnInit() {
|
|
10
12
|
this.truncateText();
|
|
11
13
|
this.hasMore = true;
|
|
@@ -37,14 +39,19 @@ export class AdditionalInformationCardComponent {
|
|
|
37
39
|
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
40
|
this.hasMore = true;
|
|
39
41
|
}
|
|
42
|
+
onCancelInterviewLinkClicked() {
|
|
43
|
+
this.cancelInterviewLinkClicked.emit();
|
|
44
|
+
}
|
|
40
45
|
}
|
|
41
46
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
43
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
49
|
type: Component,
|
|
45
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
50
|
+
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
46
51
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
52
|
type: Input
|
|
53
|
+
}], cancelInterviewLinkClicked: [{
|
|
54
|
+
type: Output
|
|
48
55
|
}], contentHeight: [{
|
|
49
56
|
type: ViewChild,
|
|
50
57
|
args: ['contentHeight']
|
|
@@ -52,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
59
|
type: HostListener,
|
|
53
60
|
args: ['window:resize', ['$event']]
|
|
54
61
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtDQUFrQztJQUk3QztRQUZVLCtCQUEwQixHQUFxQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTdELENBQUM7SUFJaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1lBQ3BFLElBQUksU0FBUyxHQUFHLEVBQUUsRUFBRTtnQkFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDNUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzthQUNSO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQzthQUNyQjtTQUNGO0lBQ0gsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDN0QsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDMUQsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7K0hBaERVLGtDQUFrQzttSEFBbEMsa0NBQWtDLDZZQ25CL0MsNnlFQXdFQTsyRkRyRGEsa0NBQWtDO2tCQU45QyxTQUFTOytCQUNFLHNDQUFzQyxpQkFHakMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMEJBQTBCO3NCQUFsQyxLQUFLO2dCQUNJLDBCQUEwQjtzQkFBbkMsTUFBTTtnQkFLUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZTtnQkFRMUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBAT3V0cHV0KCkgY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQ6RXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBoYXNNb3JlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudEhlaWdodCcpXG4gIGNvbnRlbnRIZWlnaHQ6IEVsZW1lbnRSZWY7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICB9XG5cbiAgdHJ1bmNhdGVUZXh0KCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnRIZWlnaHQpIHtcbiAgICAgIGxldCBnZXRoZWlnaHQgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICBjb25zdCBjb250ZW50Q2xhc3MgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgICAgaWYgKGdldGhlaWdodCA+IDYwKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QuYWRkKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgICAgfSwgNTApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5yZW1vdmUoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgb25Nb3JlQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSBmYWxzZTtcbiAgfVxuICBvbkxlc3NDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCkge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGEgXG4gICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCIgXG4gICAgICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmNhbmNlbEludGVydmlld0xpbmtcIiBcbiAgICAgIChjbGljayk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPnt7YWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuY2FuY2VsSW50ZXJ2aWV3TGlua319XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs
CHANGED
|
@@ -4,4 +4,4 @@ export var IconWrapperColor;
|
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
5
|
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkEsTUFBTSxDQUFOLElBQVksZ0JBSVg7QUFKRCxXQUFZLGdCQUFnQjtJQUMxQixxQ0FBaUIsQ0FBQTtJQUNqQixtQ0FBZSxDQUFBO0lBQ2YsdUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUpXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFJM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB7XG4gIGljb246IEljb25zO1xuICBoZWFkZXI/OiBzdHJpbmc7XG4gIGhlYWRlclRleHQ/OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG4gIGNhbmNlbEludGVydmlld0xpbms/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -8,7 +8,7 @@ export class AdditionalInformationCardListComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { Component, HostListener, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/icon-wrapper/icon-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "../../atoms/paragraph/paragraph.component";
|
|
6
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
export class AdditionalInformationCardComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
10
|
+
}
|
|
9
11
|
ngOnInit() {
|
|
10
12
|
this.truncateText();
|
|
11
13
|
this.hasMore = true;
|
|
@@ -37,14 +39,19 @@ export class AdditionalInformationCardComponent {
|
|
|
37
39
|
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
40
|
this.hasMore = true;
|
|
39
41
|
}
|
|
42
|
+
onCancelInterviewLinkClicked() {
|
|
43
|
+
this.cancelInterviewLinkClicked.emit();
|
|
44
|
+
}
|
|
40
45
|
}
|
|
41
46
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
43
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
49
|
type: Component,
|
|
45
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
50
|
+
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
46
51
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
52
|
type: Input
|
|
53
|
+
}], cancelInterviewLinkClicked: [{
|
|
54
|
+
type: Output
|
|
48
55
|
}], contentHeight: [{
|
|
49
56
|
type: ViewChild,
|
|
50
57
|
args: ['contentHeight']
|
|
@@ -52,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
59
|
type: HostListener,
|
|
53
60
|
args: ['window:resize', ['$event']]
|
|
54
61
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkIsTUFBTSxPQUFPLGtDQUFrQztJQUk3QztRQUZVLCtCQUEwQixHQUFxQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTdELENBQUM7SUFJaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1lBQ3BFLElBQUksU0FBUyxHQUFHLEVBQUUsRUFBRTtnQkFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtvQkFDZCxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDNUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQzthQUNSO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQzthQUNyQjtTQUNGO0lBQ0gsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDN0QsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDMUQsZUFBZSxDQUNoQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELDRCQUE0QjtRQUMxQixJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7K0hBaERVLGtDQUFrQzttSEFBbEMsa0NBQWtDLDZZQ25CL0MsNnlFQXdFQTsyRkRyRGEsa0NBQWtDO2tCQU45QyxTQUFTOytCQUNFLHNDQUFzQyxpQkFHakMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMEJBQTBCO3NCQUFsQyxLQUFLO2dCQUNJLDBCQUEwQjtzQkFBbkMsTUFBTTtnQkFLUCxhQUFhO3NCQURaLFNBQVM7dUJBQUMsZUFBZTtnQkFRMUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBAT3V0cHV0KCkgY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQ6RXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBoYXNNb3JlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudEhlaWdodCcpXG4gIGNvbnRlbnRIZWlnaHQ6IEVsZW1lbnRSZWY7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICB9XG5cbiAgdHJ1bmNhdGVUZXh0KCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnRIZWlnaHQpIHtcbiAgICAgIGxldCBnZXRoZWlnaHQgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICBjb25zdCBjb250ZW50Q2xhc3MgPSB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgICAgaWYgKGdldGhlaWdodCA+IDYwKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QuYWRkKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgICAgfSwgNTApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5yZW1vdmUoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgb25Nb3JlQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSBmYWxzZTtcbiAgfVxuICBvbkxlc3NDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKCkge1xuICAgIHRoaXMuY2FuY2VsSW50ZXJ2aWV3TGlua0NsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGEgXG4gICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCIgXG4gICAgICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmNhbmNlbEludGVydmlld0xpbmtcIiBcbiAgICAgIChjbGljayk9XCJvbkNhbmNlbEludGVydmlld0xpbmtDbGlja2VkKClcIlxuICAgICAgPnt7YWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuY2FuY2VsSW50ZXJ2aWV3TGlua319XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -4,4 +4,4 @@ export var IconWrapperColor;
|
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
5
|
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkEsTUFBTSxDQUFOLElBQVksZ0JBSVg7QUFKRCxXQUFZLGdCQUFnQjtJQUMxQixxQ0FBaUIsQ0FBQTtJQUNqQixtQ0FBZSxDQUFBO0lBQ2YsdUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUpXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFJM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB7XG4gIGljb246IEljb25zO1xuICBoZWFkZXI/OiBzdHJpbmc7XG4gIGhlYWRlclRleHQ/OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG4gIGNhbmNlbEludGVydmlld0xpbms/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -8,7 +8,7 @@ export class AdditionalInformationCardListComponent {
|
|
|
8
8
|
constructor() { }
|
|
9
9
|
}
|
|
10
10
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
|
|
@@ -4922,7 +4922,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4922
4922
|
}] });
|
|
4923
4923
|
|
|
4924
4924
|
class AdditionalInformationCardComponent {
|
|
4925
|
-
constructor() {
|
|
4925
|
+
constructor() {
|
|
4926
|
+
this.cancelInterviewLinkClicked = new EventEmitter();
|
|
4927
|
+
}
|
|
4926
4928
|
ngOnInit() {
|
|
4927
4929
|
this.truncateText();
|
|
4928
4930
|
this.hasMore = true;
|
|
@@ -4954,14 +4956,19 @@ class AdditionalInformationCardComponent {
|
|
|
4954
4956
|
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
4955
4957
|
this.hasMore = true;
|
|
4956
4958
|
}
|
|
4959
|
+
onCancelInterviewLinkClicked() {
|
|
4960
|
+
this.cancelInterviewLinkClicked.emit();
|
|
4961
|
+
}
|
|
4957
4962
|
}
|
|
4958
4963
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4959
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4964
|
+
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, outputs: { cancelInterviewLinkClicked: "cancelInterviewLinkClicked" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "contentHeight", first: true, predicate: ["contentHeight"], descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4960
4965
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
4961
4966
|
type: Component,
|
|
4962
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
4967
|
+
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"additionalInformationModel\"\n class=\"additional-information-card-item-wrapper\"\n>\n <div class=\"additional-information-card-icon\">\n <symphony-icon-wrapper\n [isInverse]=\"true\"\n [hasHoverWithoutBorder]=\"true\"\n [backgroundColor]=\"additionalInformationModel.iconWrapperColor\"\n >\n <symphony-icon\n [icon]=\"additionalInformationModel.icon\"\n [iconColor]=\"additionalInformationModel.iconInnerColor\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n </div>\n\n <div>\n <div\n class=\"sfx-pb-10 sfx-font-bold\"\n *ngIf=\"\n additionalInformationModel.header &&\n additionalInformationModel.headerText\"\n >\n <symphony-paragraph\n >{{ additionalInformationModel.header }}:\n {{ additionalInformationModel.headerText }}</symphony-paragraph\n >\n </div>\n <div\n *ngFor=\"\n let information of additionalInformationModel.additionalInformation\n \"\n class=\"additional-information-card-description\"\n >\n <symphony-paragraph *ngIf=\"!information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span>{{ information.text }}</span>\n </symphony-paragraph>\n <symphony-paragraph *ngIf=\"information.showMore\" class=\"card-wrap-text\">\n <span class=\"sfx-pr-5 sfx-font-bold pull-left sfx-d-inline-block\"\n >{{ information.label }}:</span\n >\n <span #contentHeight class=\"sfx-d-block\"\n >{{ information.text }}\n <a\n href=\"javascript:;\"\n *ngIf=\"hasMore\"\n class=\"sfx-btn-link\"\n (click)=\"onMoreClick()\"\n >more</a\n >\n <a\n href=\"javascript:;\"\n *ngIf=\"!hasMore\"\n class=\"sfx-btn-link hasLess\"\n (click)=\"onLessClick()\"\n >less</a\n >\n </span>\n </symphony-paragraph>\n </div>\n <a \n href=\"javascript:;\" \n *ngIf=\"additionalInformationModel.cancelInterviewLink\" \n (click)=\"onCancelInterviewLinkClicked()\"\n >{{additionalInformationModel.cancelInterviewLink}}\n </a>\n </div>\n</div>\n", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-item-wrapper div:last-child{flex:1}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}.card-wrap-text{font-size:16px;word-break:break-word;position:relative}.card-wrap-text .body-copy-primary{word-break:break-word}.card-wrap-text .body-copy-primary.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-wrap-text .body-copy-primary.truncate-text .sfx-btn-link{display:inline}.card-wrap-text .body-copy-primary .sfx-btn-link{font-weight:500;color:#82919f;position:absolute;bottom:0;right:0;background:#fff;display:none}.card-wrap-text .body-copy-primary .sfx-btn-link:before{content:\"...\"}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess{display:inline;position:relative}.card-wrap-text .body-copy-primary .sfx-btn-link.hasLess:before{content:\"\"}\n"] }]
|
|
4963
4968
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
4964
4969
|
type: Input
|
|
4970
|
+
}], cancelInterviewLinkClicked: [{
|
|
4971
|
+
type: Output
|
|
4965
4972
|
}], contentHeight: [{
|
|
4966
4973
|
type: ViewChild,
|
|
4967
4974
|
args: ['contentHeight']
|
|
@@ -4974,7 +4981,7 @@ class AdditionalInformationCardListComponent {
|
|
|
4974
4981
|
constructor() { }
|
|
4975
4982
|
}
|
|
4976
4983
|
AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4977
|
-
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4984
|
+
AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"], outputs: ["cancelInterviewLinkClicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
4978
4985
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
|
|
4979
4986
|
type: Component,
|
|
4980
4987
|
args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5\">\n <div class=\"sfx-mb-20\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <ul\n *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\"\n class=\"list-unstyled sfx-mb-0 additional-information-list-section\"\n >\n <li *ngFor=\"let card of model.additionalInformationList\">\n <symphony-additional-information-card\n [additionalInformationModel]=\"card\"\n ></symphony-additional-information-card>\n </li>\n </ul>\n <div\n *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\"\n >\n {{ model.message }}\n </div>\n <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n</section>\n", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
|