@symphony-talent/component-library 4.71.0 → 4.72.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 +42 -6
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +42 -6
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +40 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +40 -3
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +40 -3
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +40 -3
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/additional-information-card/additional-information-card.component.d.ts +8 -0
- package/lib/molecules/additional-information-card/additional-information-card.model.d.ts +2 -2
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.d.ts +8 -0
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.d.ts +2 -2
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -1,19 +1,55 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input, 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
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "@angular/common";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
8
7
|
export class AdditionalInformationCardComponent {
|
|
9
8
|
constructor() { }
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.truncateText();
|
|
11
|
+
this.hasMore = true;
|
|
12
|
+
}
|
|
13
|
+
onWindowResize() {
|
|
14
|
+
this.truncateText();
|
|
15
|
+
}
|
|
16
|
+
truncateText() {
|
|
17
|
+
if (this.contentHeight) {
|
|
18
|
+
let getheight = this.contentHeight.nativeElement.offsetHeight;
|
|
19
|
+
const contentClass = this.contentHeight.nativeElement.parentElement;
|
|
20
|
+
if (getheight > 60) {
|
|
21
|
+
setTimeout(() => {
|
|
22
|
+
contentClass.classList.add('truncate-text');
|
|
23
|
+
this.hasMore = true;
|
|
24
|
+
}, 50);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
contentClass.classList.remove('truncate-text');
|
|
28
|
+
this.hasMore = true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
onMoreClick() {
|
|
33
|
+
this.contentHeight.nativeElement.parentElement.classList.remove('truncate-text');
|
|
34
|
+
this.hasMore = false;
|
|
35
|
+
}
|
|
36
|
+
onLessClick() {
|
|
37
|
+
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
|
+
this.hasMore = true;
|
|
39
|
+
}
|
|
10
40
|
}
|
|
11
41
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div
|
|
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 class=\"sfx-pb-10 sfx-font-bold\">\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 });
|
|
13
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
14
44
|
type: Component,
|
|
15
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div
|
|
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 class=\"sfx-pb-10 sfx-font-bold\">\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"] }]
|
|
16
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
17
47
|
type: Input
|
|
48
|
+
}], contentHeight: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['contentHeight']
|
|
51
|
+
}], onWindowResize: [{
|
|
52
|
+
type: HostListener,
|
|
53
|
+
args: ['window:resize', ['$event']]
|
|
18
54
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDaEIvQyxrOURBNkRBOzJGRDdDYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwgfSBmcm9tICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsOiBQYXJ0aWFsPEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsPjtcbiAgcHVibGljIGhhc01vcmU6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBAVmlld0NoaWxkKCdjb250ZW50SGVpZ2h0JylcbiAgY29udGVudEhlaWdodDogRWxlbWVudFJlZjtcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIG9uV2luZG93UmVzaXplKCkge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gIH1cblxuICB0cnVuY2F0ZVRleHQoKSB7XG4gICAgaWYgKHRoaXMuY29udGVudEhlaWdodCkge1xuICAgICAgbGV0IGdldGhlaWdodCA9IHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICAgIGNvbnN0IGNvbnRlbnRDbGFzcyA9IHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQ7XG4gICAgICBpZiAoZ2V0aGVpZ2h0ID4gNjApIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5hZGQoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICAgICAgICB9LCA1MCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LnJlbW92ZSgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBvbk1vcmVDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IGZhbHNlO1xuICB9XG4gIG9uTGVzc0NsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LmFkZChcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsXCJcbiAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtaXRlbS13cmFwcGVyXCJcbj5cbiAgPGRpdiBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pY29uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICBbYmFja2dyb3VuZENvbG9yXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25XcmFwcGVyQ29sb3JcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgIFtpY29uXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25cIlxuICAgICAgICBbaWNvbkNvbG9yXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25Jbm5lckNvbG9yXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXY+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCI+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs
CHANGED
|
@@ -2,6 +2,6 @@ export var IconWrapperColor;
|
|
|
2
2
|
(function (IconWrapperColor) {
|
|
3
3
|
IconWrapperColor["GREEN"] = "#2CB45F";
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
|
-
IconWrapperColor["
|
|
5
|
+
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcjogc3RyaW5nO1xuICBoZWFkZXJUZXh0OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -1,19 +1,55 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input, 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
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "@angular/common";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
8
7
|
export class AdditionalInformationCardComponent {
|
|
9
8
|
constructor() { }
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.truncateText();
|
|
11
|
+
this.hasMore = true;
|
|
12
|
+
}
|
|
13
|
+
onWindowResize() {
|
|
14
|
+
this.truncateText();
|
|
15
|
+
}
|
|
16
|
+
truncateText() {
|
|
17
|
+
if (this.contentHeight) {
|
|
18
|
+
let getheight = this.contentHeight.nativeElement.offsetHeight;
|
|
19
|
+
const contentClass = this.contentHeight.nativeElement.parentElement;
|
|
20
|
+
if (getheight > 60) {
|
|
21
|
+
setTimeout(() => {
|
|
22
|
+
contentClass.classList.add('truncate-text');
|
|
23
|
+
this.hasMore = true;
|
|
24
|
+
}, 50);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
contentClass.classList.remove('truncate-text');
|
|
28
|
+
this.hasMore = true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
onMoreClick() {
|
|
33
|
+
this.contentHeight.nativeElement.parentElement.classList.remove('truncate-text');
|
|
34
|
+
this.hasMore = false;
|
|
35
|
+
}
|
|
36
|
+
onLessClick() {
|
|
37
|
+
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
38
|
+
this.hasMore = true;
|
|
39
|
+
}
|
|
10
40
|
}
|
|
11
41
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div
|
|
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 class=\"sfx-pb-10 sfx-font-bold\">\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 });
|
|
13
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
14
44
|
type: Component,
|
|
15
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div
|
|
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 class=\"sfx-pb-10 sfx-font-bold\">\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"] }]
|
|
16
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
17
47
|
type: Input
|
|
48
|
+
}], contentHeight: [{
|
|
49
|
+
type: ViewChild,
|
|
50
|
+
args: ['contentHeight']
|
|
51
|
+
}], onWindowResize: [{
|
|
52
|
+
type: HostListener,
|
|
53
|
+
args: ['window:resize', ['$event']]
|
|
18
54
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDaEIvQyxrOURBNkRBOzJGRDdDYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwgfSBmcm9tICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsOiBQYXJ0aWFsPEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsPjtcbiAgcHVibGljIGhhc01vcmU6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBAVmlld0NoaWxkKCdjb250ZW50SGVpZ2h0JylcbiAgY29udGVudEhlaWdodDogRWxlbWVudFJlZjtcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIG9uV2luZG93UmVzaXplKCkge1xuICAgIHRoaXMudHJ1bmNhdGVUZXh0KCk7XG4gIH1cblxuICB0cnVuY2F0ZVRleHQoKSB7XG4gICAgaWYgKHRoaXMuY29udGVudEhlaWdodCkge1xuICAgICAgbGV0IGdldGhlaWdodCA9IHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcbiAgICAgIGNvbnN0IGNvbnRlbnRDbGFzcyA9IHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQ7XG4gICAgICBpZiAoZ2V0aGVpZ2h0ID4gNjApIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29udGVudENsYXNzLmNsYXNzTGlzdC5hZGQoJ3RydW5jYXRlLXRleHQnKTtcbiAgICAgICAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICAgICAgICB9LCA1MCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LnJlbW92ZSgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBvbk1vcmVDbGljaygpIHtcbiAgICB0aGlzLmNvbnRlbnRIZWlnaHQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXG4gICAgICAndHJ1bmNhdGUtdGV4dCdcbiAgICApO1xuICAgIHRoaXMuaGFzTW9yZSA9IGZhbHNlO1xuICB9XG4gIG9uTGVzc0NsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LmFkZChcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsXCJcbiAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtaXRlbS13cmFwcGVyXCJcbj5cbiAgPGRpdiBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pY29uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgW2lzSW52ZXJzZV09XCJ0cnVlXCJcbiAgICAgIFtoYXNIb3ZlcldpdGhvdXRCb3JkZXJdPVwidHJ1ZVwiXG4gICAgICBbYmFja2dyb3VuZENvbG9yXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25XcmFwcGVyQ29sb3JcIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgIFtpY29uXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25cIlxuICAgICAgICBbaWNvbkNvbG9yXT1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmljb25Jbm5lckNvbG9yXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXY+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCI+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2,6 +2,6 @@ export var IconWrapperColor;
|
|
|
2
2
|
(function (IconWrapperColor) {
|
|
3
3
|
IconWrapperColor["GREEN"] = "#2CB45F";
|
|
4
4
|
IconWrapperColor["RED"] = "#AC4463";
|
|
5
|
-
IconWrapperColor["
|
|
5
|
+
IconWrapperColor["ORANGE2"] = "#F6861f";
|
|
6
6
|
})(IconWrapperColor || (IconWrapperColor = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcjogc3RyaW5nO1xuICBoZWFkZXJUZXh0OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIHNob3dNb3JlPzogYm9vbGVhbjtcbiAgfVtdO1xuICBpY29uSW5uZXJDb2xvcjogc3RyaW5nO1xuICBpY29uV3JhcHBlckNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBlbnVtIEljb25XcmFwcGVyQ29sb3Ige1xuICBHUkVFTiA9ICcjMkNCNDVGJyxcbiAgUkVEID0gJyNBQzQ0NjMnLFxuICBPUkFOR0UyID0gJyNGNjg2MWYnLFxufVxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, NgModule, EventEmitter, Output, Pipe, Injectable, ViewEncapsulation, ViewChild } from '@angular/core';
|
|
2
|
+
import { Component, Input, NgModule, EventEmitter, Output, Pipe, Injectable, ViewEncapsulation, ViewChild, HostListener } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { SlicePipe, CommonModule, DecimalPipe } from '@angular/common';
|
|
5
5
|
import * as i1$1 from 'ngx-bootstrap/dropdown';
|
|
@@ -4577,14 +4577,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4577
4577
|
|
|
4578
4578
|
class AdditionalInformationCardComponent {
|
|
4579
4579
|
constructor() { }
|
|
4580
|
+
ngOnInit() {
|
|
4581
|
+
this.truncateText();
|
|
4582
|
+
this.hasMore = true;
|
|
4583
|
+
}
|
|
4584
|
+
onWindowResize() {
|
|
4585
|
+
this.truncateText();
|
|
4586
|
+
}
|
|
4587
|
+
truncateText() {
|
|
4588
|
+
if (this.contentHeight) {
|
|
4589
|
+
let getheight = this.contentHeight.nativeElement.offsetHeight;
|
|
4590
|
+
const contentClass = this.contentHeight.nativeElement.parentElement;
|
|
4591
|
+
if (getheight > 60) {
|
|
4592
|
+
setTimeout(() => {
|
|
4593
|
+
contentClass.classList.add('truncate-text');
|
|
4594
|
+
this.hasMore = true;
|
|
4595
|
+
}, 50);
|
|
4596
|
+
}
|
|
4597
|
+
else {
|
|
4598
|
+
contentClass.classList.remove('truncate-text');
|
|
4599
|
+
this.hasMore = true;
|
|
4600
|
+
}
|
|
4601
|
+
}
|
|
4602
|
+
}
|
|
4603
|
+
onMoreClick() {
|
|
4604
|
+
this.contentHeight.nativeElement.parentElement.classList.remove('truncate-text');
|
|
4605
|
+
this.hasMore = false;
|
|
4606
|
+
}
|
|
4607
|
+
onLessClick() {
|
|
4608
|
+
this.contentHeight.nativeElement.parentElement.classList.add('truncate-text');
|
|
4609
|
+
this.hasMore = true;
|
|
4610
|
+
}
|
|
4580
4611
|
}
|
|
4581
4612
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4582
|
-
AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div
|
|
4613
|
+
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 class=\"sfx-pb-10 sfx-font-bold\">\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 });
|
|
4583
4614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
4584
4615
|
type: Component,
|
|
4585
|
-
args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div
|
|
4616
|
+
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 class=\"sfx-pb-10 sfx-font-bold\">\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"] }]
|
|
4586
4617
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
4587
4618
|
type: Input
|
|
4619
|
+
}], contentHeight: [{
|
|
4620
|
+
type: ViewChild,
|
|
4621
|
+
args: ['contentHeight']
|
|
4622
|
+
}], onWindowResize: [{
|
|
4623
|
+
type: HostListener,
|
|
4624
|
+
args: ['window:resize', ['$event']]
|
|
4588
4625
|
}] } });
|
|
4589
4626
|
|
|
4590
4627
|
class AdditionalInformationCardListComponent {
|