@symphony-talent/component-library 4.86.0 → 4.87.0

package/fesm2020/symphony-talent-component-library.mjs

@@ -7855,10 +7855,10 @@ class ChatbotHistoryModalComponent {
     }
 }
 ChatbotHistoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatbotHistoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatbotHistoryModalComponent, selector: "symphony-chatbot-history-modal", inputs: { chatbotHistoryModel: "chatbotHistoryModel" }, outputs: { closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"chatbotHistoryModel\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{chatbotHistoryModel.modalTitle}}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle\n    >{{chatbotHistoryModel.modalSubtitle}}</symphony-paragraph\n  >\n  <section class=\"sfx-p-30 chatModal-body\" sfx-modal-body-area>\n    <symphony-chat-history-message-list\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: ["messageItemsList"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ChatbotHistoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatbotHistoryModalComponent, selector: "symphony-chatbot-history-modal", inputs: { chatbotHistoryModel: "chatbotHistoryModel" }, outputs: { closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: ["messageItemsList"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-chatbot-history-modal', template: "<symphony-two-column-modal-template *ngIf=\"chatbotHistoryModel\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{chatbotHistoryModel.modalTitle}}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle\n    >{{chatbotHistoryModel.modalSubtitle}}</symphony-paragraph\n  >\n  <section class=\"sfx-p-30 chatModal-body\" sfx-modal-body-area>\n    <symphony-chat-history-message-list\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"] }]
+            args: [{ selector: 'symphony-chatbot-history-modal', template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { chatbotHistoryModel: [{
                 type: Input
             }], closeButtonClicked: [{
@@ -7873,7 +7873,8 @@ ChatbotHistoryModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         IconModule,
         H4Module,
         ChatHistoryMessageListModule,
-        ParagraphModule], exports: [ChatbotHistoryModalComponent] });
+        ParagraphModule,
+        SfxLoaderModule], exports: [ChatbotHistoryModalComponent] });
 ChatbotHistoryModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, imports: [[
             CommonModule,
             TwoColumnModalModule,
@@ -7881,6 +7882,7 @@ ChatbotHistoryModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
             H4Module,
             ChatHistoryMessageListModule,
             ParagraphModule,
+            SfxLoaderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalModule, decorators: [{
             type: NgModule,
@@ -7893,6 +7895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         H4Module,
                         ChatHistoryMessageListModule,
                         ParagraphModule,
+                        SfxLoaderModule
                     ],
                     exports: [ChatbotHistoryModalComponent],
                 }]