@symphony-talent/component-library 4.105.0 → 4.107.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-avatar/chat-history-message-avatar.component.mjs +5 -3
- package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/lib/molecules/chat-history-message-item/chat-history-message-item.component.mjs +3 -3
- package/esm2020/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.component.mjs +3 -3
- package/esm2020/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/molecules/chat-history-message-item/chat-history-message-item.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +10 -8
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +10 -8
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +10 -8
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +10 -8
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.d.ts +2 -1
- package/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.d.ts +5 -0
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/chat-history-message-avatar/chat-history-message-avatar.component.d.ts +2 -1
- package/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.d.ts +5 -0
|
@@ -387,14 +387,16 @@ class ChatHistoryMessageAvatarComponent {
|
|
|
387
387
|
constructor() { }
|
|
388
388
|
}
|
|
389
389
|
ChatHistoryMessageAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
390
|
-
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
390
|
+
ChatHistoryMessageAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: { initials: "initials", imgSource: "imgSource", isSender: "isSender" }, ngImport: i0, template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
391
391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageAvatarComponent, decorators: [{
|
|
392
392
|
type: Component,
|
|
393
|
-
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"initials && !imgSource\" class=\"sfx-font18\">{{ initials }}</span>\n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
393
|
+
args: [{ selector: 'symphony-chat-history-message-avatar', template: "<div class=\"sfx-d-flex chat-avatar-wrap\">\n <span *ngIf=\"isSender === 'true'\" class=\"sfx-font18 si-chatbot\"></span>\n <span *ngIf=\"initials && !imgSource && isSender === 'false'\" class=\"sfx-font18\">{{ initials }}</span>\n \n <img\n *ngIf=\"imgSource && initials\"\n src=\"{{ imgSource }}\"\n class=\"img-responsive\"\n />\n</div>\n", styles: [".chat-avatar-wrap{width:40px;height:40px;border-radius:50%;background:#5b6d80;justify-content:center;align-items:center;color:#fff}.chat-avatar-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:50%}\n"] }]
|
|
394
394
|
}], ctorParameters: function () { return []; }, propDecorators: { initials: [{
|
|
395
395
|
type: Input
|
|
396
396
|
}], imgSource: [{
|
|
397
397
|
type: Input
|
|
398
|
+
}], isSender: [{
|
|
399
|
+
type: Input
|
|
398
400
|
}] } });
|
|
399
401
|
|
|
400
402
|
class ChatHistoryMessageAvatarModule {
|
|
@@ -697,10 +699,10 @@ class TooltipWrapperComponent {
|
|
|
697
699
|
constructor() { }
|
|
698
700
|
}
|
|
699
701
|
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!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 });
|
|
702
|
+
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!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;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
703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TooltipWrapperComponent, decorators: [{
|
|
702
704
|
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!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"] }]
|
|
705
|
+
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!important;box-shadow:none!important;background-color:#334860!important;color:#fff!important;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
706
|
}], ctorParameters: function () { return []; }, propDecorators: { placement: [{
|
|
705
707
|
type: Input
|
|
706
708
|
}], tooltipHtml: [{
|
|
@@ -2980,10 +2982,10 @@ class ChatHistoryMessageItemComponent {
|
|
|
2980
2982
|
constructor() { }
|
|
2981
2983
|
}
|
|
2982
2984
|
ChatHistoryMessageItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2983
|
-
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
2985
|
+
ChatHistoryMessageItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryMessageItemComponent, selector: "symphony-chat-history-message-item", inputs: { chatHistoryMessageItemModel: "chatHistoryMessageItemModel" }, ngImport: i0, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"], components: [{ type: ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: ["chatDateStamp", "hasBorder"] }, { type: ChatHistoryMessageAvatarComponent, selector: "symphony-chat-history-message-avatar", inputs: ["initials", "imgSource", "isSender"] }, { type: ChatHistoryMessageBubbleComponent, selector: "symphony-chat-history-message-bubble", inputs: ["chatHistoryMessageBubbleModel"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2984
2986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryMessageItemComponent, decorators: [{
|
|
2985
2987
|
type: Component,
|
|
2986
|
-
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#
|
|
2988
|
+
args: [{ selector: 'symphony-chat-history-message-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"chatHistoryMessageItemModel\">\n <symphony-chat-history-date-stamp\n class=\"sfx-d-inline-block sfx-wid-100 sfx-mb-20\"\n *ngIf=\"chatHistoryMessageItemModel.dateStamp\"\n [hasBorder]=\"chatHistoryMessageItemModel.dateStampBorder\"\n chatDateStamp=\"{{ chatHistoryMessageItemModel.dateStamp }}\"\n ></symphony-chat-history-date-stamp>\n <div\n class=\"sfx-d-flex\"\n [ngClass]=\"{\n 'received-item': chatHistoryMessageItemModel.isSender,\n 'sent-item': !chatHistoryMessageItemModel.isSender\n }\"\n >\n <symphony-chat-history-message-avatar\n class=\"chat-avatar\"\n initials=\"{{ chatHistoryMessageItemModel.initials }}\"\n imgSource=\"{{ chatHistoryMessageItemModel.imgSource }}\"\n isSender=\"{{ chatHistoryMessageItemModel.isSender }}\"\n ></symphony-chat-history-message-avatar>\n <symphony-chat-history-message-bubble\n [chatHistoryMessageBubbleModel]=\"\n chatHistoryMessageItemModel.chatHistoryMessageBubble\n \"\n ></symphony-chat-history-message-bubble>\n </div>\n</div>\n", styles: [".sent-item .chat-avatar{margin-right:10px}.sent-item .chat-avatar .chat-avatar-wrap{background:#AC4463;color:#fff}.received-item{flex-direction:row-reverse}.received-item .chat-avatar{margin-left:10px}.received-item .chat-avatar .chat-avatar-wrap{background:#334860;color:#fff}\n"] }]
|
|
2987
2989
|
}], ctorParameters: function () { return []; }, propDecorators: { chatHistoryMessageItemModel: [{
|
|
2988
2990
|
type: Input
|
|
2989
2991
|
}] } });
|
|
@@ -8921,10 +8923,10 @@ class AssignToUserModalComponent {
|
|
|
8921
8923
|
}
|
|
8922
8924
|
}
|
|
8923
8925
|
AssignToUserModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8924
|
-
AssignToUserModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignToUserModalComponent, selector: "symphony-assign-to-user-modal", inputs: { pageModel: "pageModel" }, outputs: { buttonClicked: "buttonClicked", reloadClicked: "reloadClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n <symphony-paragraph sfx-modal-subtitle\n >{{pageModel.modelSubTitle}}</symphony-paragraph\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <section class=\"row sfx-p-30\" *ngIf=\"!pageModel.isLoading && !pageModel.
|
|
8926
|
+
AssignToUserModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignToUserModalComponent, selector: "symphony-assign-to-user-modal", inputs: { pageModel: "pageModel" }, outputs: { buttonClicked: "buttonClicked", reloadClicked: "reloadClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n <symphony-paragraph sfx-modal-subtitle\n >{{pageModel.modelSubTitle}}</symphony-paragraph\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <section class=\"row sfx-p-30\" *ngIf=\"!pageModel.isLoading && !pageModel.confirmationFlag\" sfx-modal-body-area>\n <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n </div>\n \n </section> \n <section *ngIf=\"pageModel.confirmationFlag && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40 sfx-pl-30 sfx-pr-30\" sfx-modal-body-area>\n <symphony-paragraph\n >{{pageModel.confirmationTextLine1}}</symphony-paragraph>\n <symphony-paragraph\n >{{pageModel.confirmationTextLine2}}</symphony-paragraph>\n </section> \n <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n <symphony-sfx-loader \n >\n </symphony-sfx-loader>\n </section> \n <symphony-button-v2\n sfx-button-secondary\n id=\"button-modal-cancel\"\n class=\"pull-right sfx-d-flex\"\n [text]=\"pageModel.cancelButtonText\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n sfx-button-primary\n id=\"button-modal-assign\"\n class=\"pull-right sfx-d-flex\"\n [text]=\"pageModel.confirmationButtonText\"\n [disabled]=\"pageModel.assignBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
8925
8927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, decorators: [{
|
|
8926
8928
|
type: Component,
|
|
8927
|
-
args: [{ selector: 'symphony-assign-to-user-modal', template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n <symphony-paragraph sfx-modal-subtitle\n >{{pageModel.modelSubTitle}}</symphony-paragraph\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <section class=\"row sfx-p-30\" *ngIf=\"!pageModel.isLoading && !pageModel.
|
|
8929
|
+
args: [{ selector: 'symphony-assign-to-user-modal', template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n <symphony-paragraph sfx-modal-subtitle\n >{{pageModel.modelSubTitle}}</symphony-paragraph\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n\n <section class=\"row sfx-p-30\" *ngIf=\"!pageModel.isLoading && !pageModel.confirmationFlag\" sfx-modal-body-area>\n <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n </div>\n \n </section> \n <section *ngIf=\"pageModel.confirmationFlag && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40 sfx-pl-30 sfx-pr-30\" sfx-modal-body-area>\n <symphony-paragraph\n >{{pageModel.confirmationTextLine1}}</symphony-paragraph>\n <symphony-paragraph\n >{{pageModel.confirmationTextLine2}}</symphony-paragraph>\n </section> \n <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\" sfx-modal-body-area>\n <symphony-sfx-loader \n >\n </symphony-sfx-loader>\n </section> \n <symphony-button-v2\n sfx-button-secondary\n id=\"button-modal-cancel\"\n class=\"pull-right sfx-d-flex\"\n [text]=\"pageModel.cancelButtonText\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n <symphony-button-v2\n sfx-button-primary\n id=\"button-modal-assign\"\n class=\"pull-right sfx-d-flex\"\n [text]=\"pageModel.confirmationButtonText\"\n [disabled]=\"pageModel.assignBtnDisabled\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""] }]
|
|
8928
8930
|
}], ctorParameters: function () { return []; }, propDecorators: { pageModel: [{
|
|
8929
8931
|
type: Input
|
|
8930
8932
|
}], buttonClicked: [{
|