@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
package/esm2020/lib/atoms/chat-history-message-bubble/chat-history-message-bubble.component.mjs
CHANGED
|
@@ -5,11 +5,11 @@ export class ChatHistoryMessageBubbleComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
ChatHistoryMessageBubbleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
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\"
|
|
8
|
+
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"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
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\"
|
|
11
|
+
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"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageBubbleModel: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQVF6RCxNQUFNLE9BQU8saUNBQWlDO0lBRTVDLGdCQUFlLENBQUM7OzhIQUZMLGlDQUFpQztrSEFBakMsaUNBQWlDLHdKQ1I5Qyxva0JBaUJBOzJGRFRhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDRSxzQ0FBc0M7MEVBS3ZDLDZCQUE2QjtzQkFBckMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWwgfSBmcm9tICcuL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWw6IENoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWxcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiY2hhdC1idWJibGUgc2Z4LXAtMjBcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdyZWNlaXZlLWJ1YmJsZSc6IGNoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsLmlzUmVjZWl2ZXIsXG4gICAgICAnc2VudC1idWJibGUnOiAhY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWwuaXNSZWNlaXZlclxuICAgIH1cIlxuICA+XG4gICAgPHAgY2xhc3M9XCJyZWNlaXZlLXRhZyBzZngtbWItNSBzZngtZm9udC1ib2xkXCI+XG4gICAgICB7eyBjaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVNb2RlbC5uYW1lVGFnIH19XG4gICAgPC9wPlxuICAgIDxwIGNsYXNzPVwic2Z4LW1iLTBcIiBbaW5uZXJIVE1MXT1cImNoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsLm1lc3NhZ2VDb250ZW50XCI+PC9wPlxuICAgIDxzcGFuIGNsYXNzPVwidGltZS1zdGFtcFwiPnt7XG4gICAgICBjaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVNb2RlbC50aW1lU3RhbXBcbiAgICB9fTwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
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.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 });
|
|
8
|
+
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.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 });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
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"] }]
|
|
11
|
+
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"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], tooltipHtml: [{
|
package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs
CHANGED
|
@@ -39,10 +39,10 @@ export class AdditionalInformationCardComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
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
|
|
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 });
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
44
|
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
|
|
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"] }]
|
|
46
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], contentHeight: [{
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
52
|
type: HostListener,
|
|
53
53
|
args: ['window:resize', ['$event']]
|
|
54
54
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDakIvQyw4a0VBa0VBOzJGRGpEYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBwdWJsaWMgaGFzTW9yZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRIZWlnaHQnKVxuICBjb250ZW50SGVpZ2h0OiBFbGVtZW50UmVmO1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25XaW5kb3dSZXNpemUoKSB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgfVxuXG4gIHRydW5jYXRlVGV4dCgpIHtcbiAgICBpZiAodGhpcy5jb250ZW50SGVpZ2h0KSB7XG4gICAgICBsZXQgZ2V0aGVpZ2h0ID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgY29uc3QgY29udGVudENsYXNzID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgICAgIGlmIChnZXRoZWlnaHQgPiA2MCkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LmFkZCgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICAgIH0sIDUwKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QucmVtb3ZlKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIG9uTW9yZUNsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gZmFsc2U7XG4gIH1cbiAgb25MZXNzQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcj86IHN0cmluZztcbiAgaGVhZGVyVGV4dD86IHN0cmluZztcbiAgYWRkaXRpb25hbEluZm9ybWF0aW9uOiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgc2hvd01vcmU/OiBib29sZWFuO1xuICB9W107XG4gIGljb25Jbm5lckNvbG9yOiBzdHJpbmc7XG4gIGljb25XcmFwcGVyQ29sb3I6IHN0cmluZztcbn1cblxuZXhwb3J0IGVudW0gSWNvbldyYXBwZXJDb2xvciB7XG4gIEdSRUVOID0gJyMyQ0I0NUYnLFxuICBSRUQgPSAnI0FDNDQ2MycsXG4gIE9SQU5HRTIgPSAnI0Y2ODYxZicsXG59XG4iXX0=
|
|
@@ -5,11 +5,11 @@ export class ChatHistoryMessageBubbleComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
ChatHistoryMessageBubbleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
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\"
|
|
8
|
+
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"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageBubbleComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
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\"
|
|
11
|
+
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"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageBubbleModel: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvY2hhdC1oaXN0b3J5LW1lc3NhZ2UtYnViYmxlL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQVF6RCxNQUFNLE9BQU8saUNBQWlDO0lBRTVDLGdCQUFlLENBQUM7OzhIQUZMLGlDQUFpQztrSEFBakMsaUNBQWlDLHdKQ1I5Qyxva0JBaUJBOzJGRFRhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDRSxzQ0FBc0M7MEVBS3ZDLDZCQUE2QjtzQkFBckMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWwgfSBmcm9tICcuL2NoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNoYXQtaGlzdG9yeS1tZXNzYWdlLWJ1YmJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGF0LWhpc3RvcnktbWVzc2FnZS1idWJibGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWw6IENoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsO1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWxcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiY2hhdC1idWJibGUgc2Z4LXAtMjBcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdyZWNlaXZlLWJ1YmJsZSc6IGNoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsLmlzUmVjZWl2ZXIsXG4gICAgICAnc2VudC1idWJibGUnOiAhY2hhdEhpc3RvcnlNZXNzYWdlQnViYmxlTW9kZWwuaXNSZWNlaXZlclxuICAgIH1cIlxuICA+XG4gICAgPHAgY2xhc3M9XCJyZWNlaXZlLXRhZyBzZngtbWItNSBzZngtZm9udC1ib2xkXCI+XG4gICAgICB7eyBjaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVNb2RlbC5uYW1lVGFnIH19XG4gICAgPC9wPlxuICAgIDxwIGNsYXNzPVwic2Z4LW1iLTBcIiBbaW5uZXJIVE1MXT1cImNoYXRIaXN0b3J5TWVzc2FnZUJ1YmJsZU1vZGVsLm1lc3NhZ2VDb250ZW50XCI+PC9wPlxuICAgIDxzcGFuIGNsYXNzPVwidGltZS1zdGFtcFwiPnt7XG4gICAgICBjaGF0SGlzdG9yeU1lc3NhZ2VCdWJibGVNb2RlbC50aW1lU3RhbXBcbiAgICB9fTwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs
CHANGED
|
@@ -5,10 +5,10 @@ export class TooltipWrapperComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
}
|
|
7
7
|
TooltipWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
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.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 });
|
|
8
|
+
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.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 });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
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"] }]
|
|
11
|
+
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"] }]
|
|
12
12
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], tooltipHtml: [{
|
|
@@ -39,10 +39,10 @@ export class AdditionalInformationCardComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
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
|
|
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 });
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
|
|
44
44
|
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
|
|
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"] }]
|
|
46
46
|
}], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], contentHeight: [{
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
52
52
|
type: HostListener,
|
|
53
53
|
args: ['window:resize', ['$event']]
|
|
54
54
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxrQ0FBa0M7SUFHN0MsZ0JBQWUsQ0FBQztJQUloQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUM5RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7WUFDcEUsSUFBSSxTQUFTLEdBQUcsRUFBRSxFQUFFO2dCQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO29CQUNkLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO29CQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFDdEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQ1I7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUM3RCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUMxRCxlQUFlLENBQ2hCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzsrSEEzQ1Usa0NBQWtDO21IQUFsQyxrQ0FBa0Msc1VDakIvQyw4a0VBa0VBOzJGRGpEYSxrQ0FBa0M7a0JBTjlDLFNBQVM7K0JBQ0Usc0NBQXNDLGlCQUdqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QiwwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixTQUFTO3VCQUFDLGVBQWU7Z0JBUTFCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw6IFBhcnRpYWw8QWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWw+O1xuICBwdWJsaWMgaGFzTW9yZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRIZWlnaHQnKVxuICBjb250ZW50SGVpZ2h0OiBFbGVtZW50UmVmO1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRydW5jYXRlVGV4dCgpO1xuICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25XaW5kb3dSZXNpemUoKSB7XG4gICAgdGhpcy50cnVuY2F0ZVRleHQoKTtcbiAgfVxuXG4gIHRydW5jYXRlVGV4dCgpIHtcbiAgICBpZiAodGhpcy5jb250ZW50SGVpZ2h0KSB7XG4gICAgICBsZXQgZ2V0aGVpZ2h0ID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgICAgY29uc3QgY29udGVudENsYXNzID0gdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudDtcbiAgICAgIGlmIChnZXRoZWlnaHQgPiA2MCkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBjb250ZW50Q2xhc3MuY2xhc3NMaXN0LmFkZCgndHJ1bmNhdGUtdGV4dCcpO1xuICAgICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICAgIH0sIDUwKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnRlbnRDbGFzcy5jbGFzc0xpc3QucmVtb3ZlKCd0cnVuY2F0ZS10ZXh0Jyk7XG4gICAgICAgIHRoaXMuaGFzTW9yZSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIG9uTW9yZUNsaWNrKCkge1xuICAgIHRoaXMuY29udGVudEhlaWdodC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICd0cnVuY2F0ZS10ZXh0J1xuICAgICk7XG4gICAgdGhpcy5oYXNNb3JlID0gZmFsc2U7XG4gIH1cbiAgb25MZXNzQ2xpY2soKSB7XG4gICAgdGhpcy5jb250ZW50SGVpZ2h0Lm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5jbGFzc0xpc3QuYWRkKFxuICAgICAgJ3RydW5jYXRlLXRleHQnXG4gICAgKTtcbiAgICB0aGlzLmhhc01vcmUgPSB0cnVlO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxcIlxuICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pdGVtLXdyYXBwZXJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWljb25cIj5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICBbaXNJbnZlcnNlXT1cInRydWVcIlxuICAgICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiXG4gICAgPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbklubmVyQ29sb3JcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG5cbiAgPGRpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNmeC1wYi0xMCBzZngtZm9udC1ib2xkXCJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlciAmJlxuICAgICAgICBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXJUZXh0XCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID57eyBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5oZWFkZXIgfX06XG4gICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgaW5mb3JtYXRpb24gb2YgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtZGVzY3JpcHRpb25cIlxuICAgID5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCIhaW5mb3JtYXRpb24uc2hvd01vcmVcIiBjbGFzcz1cImNhcmQtd3JhcC10ZXh0XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTUgc2Z4LWZvbnQtYm9sZCBwdWxsLWxlZnQgc2Z4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICA+e3sgaW5mb3JtYXRpb24ubGFiZWwgfX06PC9zcGFuXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cImluZm9ybWF0aW9uLnNob3dNb3JlXCIgY2xhc3M9XCJjYXJkLXdyYXAtdGV4dFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGQgcHVsbC1sZWZ0IHNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgICAgPnt7IGluZm9ybWF0aW9uLmxhYmVsIH19Ojwvc3BhblxuICAgICAgICA+XG4gICAgICAgIDxzcGFuICNjb250ZW50SGVpZ2h0IGNsYXNzPVwic2Z4LWQtYmxvY2tcIlxuICAgICAgICAgID57eyBpbmZvcm1hdGlvbi50ZXh0IH19XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OjtcIlxuICAgICAgICAgICAgKm5nSWY9XCJoYXNNb3JlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2Z4LWJ0bi1saW5rXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVDbGljaygpXCJcbiAgICAgICAgICAgID5tb3JlPC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiamF2YXNjcmlwdDo7XCJcbiAgICAgICAgICAgICpuZ0lmPVwiIWhhc01vcmVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZngtYnRuLWxpbmsgaGFzTGVzc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwib25MZXNzQ2xpY2soKVwiXG4gICAgICAgICAgICA+bGVzczwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZix1Q0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcj86IHN0cmluZztcbiAgaGVhZGVyVGV4dD86IHN0cmluZztcbiAgYWRkaXRpb25hbEluZm9ybWF0aW9uOiB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgc2hvd01vcmU/OiBib29sZWFuO1xuICB9W107XG4gIGljb25Jbm5lckNvbG9yOiBzdHJpbmc7XG4gIGljb25XcmFwcGVyQ29sb3I6IHN0cmluZztcbn1cblxuZXhwb3J0IGVudW0gSWNvbldyYXBwZXJDb2xvciB7XG4gIEdSRUVOID0gJyMyQ0I0NUYnLFxuICBSRUQgPSAnI0FDNDQ2MycsXG4gIE9SQU5HRTIgPSAnI0Y2ODYxZicsXG59XG4iXX0=
|
|
@@ -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: [{
|