@symphony-talent/component-library 4.103.0 → 4.104.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/atoms/chat-history-message-bubble/chat-history-message-bubble.component.mjs +3 -3
- package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs +3 -3
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/chat-history-message-bubble/chat-history-message-bubble.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- 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.model.d.ts +2 -2
|
@@ -415,10 +415,10 @@ class ChatHistoryMessageBubbleComponent {
|
|
|
415
415
|
constructor() { }
|
|
416
416
|
}
|
|
417
417
|
ChatHistoryMessageBubbleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
418
|
-
ChatHistoryMessageBubbleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: { chatHistoryMessageBubbleModel: "chatHistoryMessageBubbleModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n <div\n class=\"chat-bubble sfx-p-20\"\n [ngClass]=\"{\n 'receive-bubble': chatHistoryMessageBubbleModel.isReceiver,\n 'sent-bubble': !chatHistoryMessageBubbleModel.isReceiver\n }\"\n >\n <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n {{ chatHistoryMessageBubbleModel.nameTag }}\n </p>\n <p class=\"sfx-mb-0\"
|
|
418
|
+
ChatHistoryMessageBubbleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: { chatHistoryMessageBubbleModel: "chatHistoryMessageBubbleModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n <div\n class=\"chat-bubble sfx-p-20\"\n [ngClass]=\"{\n 'receive-bubble': chatHistoryMessageBubbleModel.isReceiver,\n 'sent-bubble': !chatHistoryMessageBubbleModel.isReceiver\n }\"\n >\n <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n {{ chatHistoryMessageBubbleModel.nameTag }}\n </p>\n <p class=\"sfx-mb-0\" [innerHTML]=\"chatHistoryMessageBubbleModel.messageContent\"></p>\n <span class=\"time-stamp\">{{\n chatHistoryMessageBubbleModel.timeStamp\n }}</span>\n </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;min-width:100px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{font-size:12px;line-height:16px;position:absolute;right:10px;bottom:5px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
419
419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, decorators: [{
|
|
420
420
|
type: Component,
|
|
421
|
-
args: [{ selector: 'symphony-chat-history-message-bubble', template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n <div\n class=\"chat-bubble sfx-p-20\"\n [ngClass]=\"{\n 'receive-bubble': chatHistoryMessageBubbleModel.isReceiver,\n 'sent-bubble': !chatHistoryMessageBubbleModel.isReceiver\n }\"\n >\n <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n {{ chatHistoryMessageBubbleModel.nameTag }}\n </p>\n <p class=\"sfx-mb-0\"
|
|
421
|
+
args: [{ selector: 'symphony-chat-history-message-bubble', template: "<div *ngIf=\"chatHistoryMessageBubbleModel\">\n <div\n class=\"chat-bubble sfx-p-20\"\n [ngClass]=\"{\n 'receive-bubble': chatHistoryMessageBubbleModel.isReceiver,\n 'sent-bubble': !chatHistoryMessageBubbleModel.isReceiver\n }\"\n >\n <p class=\"receive-tag sfx-mb-5 sfx-font-bold\">\n {{ chatHistoryMessageBubbleModel.nameTag }}\n </p>\n <p class=\"sfx-mb-0\" [innerHTML]=\"chatHistoryMessageBubbleModel.messageContent\"></p>\n <span class=\"time-stamp\">{{\n chatHistoryMessageBubbleModel.timeStamp\n }}</span>\n </div>\n</div>\n", styles: [".chat-bubble{border-radius:6px;min-width:100px;max-width:415px;position:relative}.chat-bubble .receive-tag{display:none}.chat-bubble:after{content:\" \";height:0;width:0;position:absolute;pointer-events:none;border-style:solid}.chat-bubble.sent-bubble{background:#2b8ff3;color:#fff;border-top-right-radius:0}.chat-bubble.sent-bubble .time-stamp{color:#d2d8e5}.chat-bubble.sent-bubble:after{border-width:0 0 13px 13px;border-color:transparent transparent transparent #2b8ff3;right:-13px;top:0px;border-radius:0 4px 0 0}.chat-bubble.receive-bubble{background:#e4e7ef;color:#000;border-top-left-radius:0}.chat-bubble.receive-bubble .receive-tag{display:block}.chat-bubble.receive-bubble .time-stamp{color:#82919f}.chat-bubble.receive-bubble:after{border-width:0px 13px 13px 0px;border-color:transparent #e4e7ef transparent transparent;left:-13px;top:0px;border-radius:4px 0 0}.chat-bubble .time-stamp{font-size:12px;line-height:16px;position:absolute;right:10px;bottom:5px}\n"] }]
|
|
422
422
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageBubbleModel: [{
|
|
423
423
|
type: Input
|
|
424
424
|
}] } });
|
|
@@ -697,10 +697,10 @@ class TooltipWrapperComponent {
|
|
|
697
697
|
constructor() { }
|
|
698
698
|
}
|
|
699
699
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
700
|
-
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
700
|
+
TooltipWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: { placement: "placement", tooltipHtml: "tooltipHtml", toolTipClass: "toolTipClass" }, ngImport: i0, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], directives: [{ type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
701
701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
702
702
|
type: Component,
|
|
703
|
-
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
703
|
+
args: [{ selector: 'symphony-tooltip-wrapper', encapsulation: ViewEncapsulation.None, template: "<ng-template #popTemplate\n ><div style=\"text-align: left\" [innerHtml]=\"tooltipHtml\"></div\n></ng-template>\n<span\n class=\"sfx-d-inline-block\"\n [tooltip]=\"popTemplate\"\n placement=\"{{ placement }}\"\n containerClass=\"sfx-info-tooltip item-tooltip {{ toolTipClass }}\"\n [adaptivePosition]=\"false\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [".sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip.toolTipV2{top:0px!important;left:1px!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.sfx-info-tooltip.toolTipV2 .tooltip-inner{padding:2px 10px;box-shadow:none!important;background-color:#334860!important;color:#fff;border-radius:5px!important;text-align:center;font-weight:400}.sfx-info-tooltip.toolTipV2 .tooltip-arrow{border-top-color:#334860!important}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
704
704
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
705
705
|
type: Input
|
|
706
706
|
}], tooltipHtml: [{
|
|
@@ -4944,10 +4944,10 @@ class AdditionalInformationCardComponent {
|
|
|
4944
4944
|
}
|
|
4945
4945
|
}
|
|
4946
4946
|
AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4947
|
-
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
|
|
4947
|
+
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 });
|
|
4948
4948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
4949
4949
|
type: Component,
|
|
4950
|
-
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
|
|
4950
|
+
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"] }]
|
|
4951
4951
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
4952
4952
|
type: Input
|
|
4953
4953
|
}], contentHeight: [{
|