@memberjunction/ng-skip-chat 2.14.0 → 2.15.0

package/dist/lib/skip-chat/skip-chat.component.js

@@ -14,7 +14,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var SkipChatComponent_1;
-import { Component, ViewChild, ViewContainerRef, Input, } from '@angular/core';
+import { Component, ViewChild, ViewContainerRef, Input, Output, EventEmitter, } from '@angular/core';
 import { ActivationEnd } from '@angular/router';
 import { LogError, Metadata, CompositeKey } from '@memberjunction/core';
 import { Container } from '@memberjunction/ng-container-directives';
@@ -30,7 +30,7 @@ import * as i2 from "@angular/router";
 import * as i3 from "@angular/common";
 import * as i4 from "@progress/kendo-angular-layout";
 import * as i5 from "@angular/forms";
-import * as i6 from "@progress/kendo-angular-indicators";
+import * as i6 from "@progress/kendo-angular-dialog";
 import * as i7 from "@memberjunction/ng-container-directives";
 import * as i8 from "@progress/kendo-angular-listview";
 import * as i9 from "@progress/kendo-angular-buttons";
@@ -44,13 +44,13 @@ const _c5 = ["topLevelDiv"];
 const _c6 = () => ({ "item-border": true });
 function SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵelementStart(0, "button", 29);
     i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CreateNewConversation()); });
     i0.ɵɵtext(1, "+");
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 34);
+    i0.ɵɵelement(0, "span", 35);
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -63,7 +63,7 @@ function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Temp
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "textarea", 35);
+    i0.ɵɵelementStart(0, "textarea", 36);
     i0.ɵɵtwoWayListener("ngModelChange", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const dataItem_r6 = i0.ɵɵnextContext().dataItem; i0.ɵɵtwoWayBindingSet(dataItem_r6.Name, $event) || (dataItem_r6.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -72,31 +72,31 @@ function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵelementStart(0, "span", 42);
     i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r8); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editConvo(dataItem_r6)); });
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 42);
-    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r9); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteConvo(dataItem_r6)); });
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r9); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.showDeleteConvoDialog(dataItem_r6)); });
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵelementStart(0, "span", 44);
     i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r10); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.saveConvoName(dataItem_r6)); });
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelementStart(0, "span", 45);
     i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r11); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.cancelConvoEdit(dataItem_r6)); });
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template, 1, 0, "span", 37)(2, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template, 1, 0, "span", 38)(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template, 1, 0, "span", 39)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template, 1, 0, "span", 40);
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template, 1, 0, "span", 38)(2, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template, 1, 0, "span", 39)(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template, 1, 0, "span", 40)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template, 1, 0, "span", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -111,13 +111,13 @@ function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Templ
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelementStart(0, "div", 30);
     i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template_div_click_0_listener() { const dataItem_r6 = i0.ɵɵrestoreView(_r5).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectConversation(dataItem_r6)); });
-    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_1_Template, 1, 0, "span", 30);
-    i0.ɵɵelementStart(2, "div", 31);
-    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Template, 2, 1, "span", 19)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template, 1, 1, "textarea", 32);
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_1_Template, 1, 0, "span", 31);
+    i0.ɵɵelementStart(2, "div", 32);
+    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Template, 2, 1, "span", 19)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template, 1, 1, "textarea", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Template, 5, 4, "div", 33);
+    i0.ɵɵtemplate(5, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Template, 5, 4, "div", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dataItem_r6 = ctx.dataItem;
@@ -133,26 +133,28 @@ function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template(rf
     i0.ɵɵproperty("ngIf", (ctx_r2.SelectedConversation == null ? null : ctx_r2.SelectedConversation.ID) === dataItem_r6.ID);
 } }
 function SkipChatComponent_kendo_splitter_pane_3_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
-    i0.ɵɵelement(2, "img", 24);
-    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template, 2, 0, "button", 25);
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
+    i0.ɵɵelement(2, "img", 25);
+    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template, 2, 0, "button", 26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-listview", 26, 3);
-    i0.ɵɵtemplate(6, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template, 6, 6, "ng-template", 27);
+    i0.ɵɵelementStart(4, "kendo-listview", 27, 3);
+    i0.ɵɵtemplate(6, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template, 6, 6, "ng-template", 28);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("src", ctx_r2.SkipLogoURL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.AllowNewConversations);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("height", 280, "px");
-    i0.ɵɵproperty("data", ctx_r2.Conversations)("itemClass", i0.ɵɵpureFunction0(7, _c6))("fillWidth", false)("bottomMargin", 20);
+    i0.ɵɵproperty("data", ctx_r2.Conversations)("itemClass", i0.ɵɵpureFunction0(8, _c6))("fillWidth", false)("bottomMargin", 20);
 } }
 function SkipChatComponent_kendo_splitter_pane_3_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-splitter-pane", 20);
+    i0.ɵɵelementStart(0, "kendo-splitter-pane", 21);
     i0.ɵɵlistener("collapsedChange", function SkipChatComponent_kendo_splitter_pane_3_Template_kendo_splitter_pane_collapsedChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.splitterCollapseStateChanged($event)); });
-    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_Template, 7, 8, "div", 21);
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_Template, 7, 9, "div", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -161,44 +163,42 @@ function SkipChatComponent_kendo_splitter_pane_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("ngIf", ctx_r2.ShowConversationList);
 } }
 function SkipChatComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵelement(1, "kendo-loader");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelement(0, "div", 46);
 } }
 function SkipChatComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
-    i0.ɵɵelement(2, "img", 48);
-    i0.ɵɵelementStart(3, "div", 49);
+    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48);
+    i0.ɵɵelement(2, "img", 49);
+    i0.ɵɵelementStart(3, "div", 50);
     i0.ɵɵtext(4, "What can I help with today?");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 50)(6, "div", 51)(7, "div", 52);
+    i0.ɵɵelementStart(5, "div", 51)(6, "div", 52)(7, "div", 53);
     i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_7_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[0].prompt)); });
-    i0.ɵɵelementStart(8, "span", 53);
+    i0.ɵɵelementStart(8, "span", 54);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "span");
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 52);
+    i0.ɵɵelementStart(12, "div", 53);
     i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_12_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[1].prompt)); });
-    i0.ɵɵelementStart(13, "span", 53);
+    i0.ɵɵelementStart(13, "span", 54);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(15, "span");
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 51)(18, "div", 52);
+    i0.ɵɵelementStart(17, "div", 52)(18, "div", 53);
     i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_18_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[2].prompt)); });
-    i0.ɵɵelementStart(19, "span", 53);
+    i0.ɵɵelementStart(19, "span", 54);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "span");
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 52);
+    i0.ɵɵelementStart(23, "div", 53);
     i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_23_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[3].prompt)); });
-    i0.ɵɵelementStart(24, "span", 53);
+    i0.ɵɵelementStart(24, "span", 54);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(26, "span");
@@ -206,7 +206,9 @@ function SkipChatComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("src", ctx_r2.SkipLogoURL, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[0].topLine);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[0].bottomLine);
@@ -225,26 +227,47 @@ function SkipChatComponent_div_10_Template(rf, ctx) { if (rf & 1) {
 } }
 function SkipChatComponent_span_12_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 54);
+    i0.ɵɵelementStart(0, "span", 55);
     i0.ɵɵlistener("click", function SkipChatComponent_span_12_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToBottomAnimate()); });
-    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelement(1, "i", 56);
     i0.ɵɵelementEnd();
 } }
 function SkipChatComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16)(1, "span", 56);
+    i0.ɵɵelementStart(0, "button", 16)(1, "span", 57);
     i0.ɵɵlistener("click", function SkipChatComponent_Conditional_17_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showDataContext()); });
     i0.ɵɵelementEnd()();
 } }
 function SkipChatComponent_div_20_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "mj-data-context-dialog", 57);
+    i0.ɵɵelementStart(0, "div")(1, "mj-data-context-dialog", 58);
     i0.ɵɵlistener("dialogClosed", function SkipChatComponent_div_20_Template_mj_data_context_dialog_dialogClosed_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDataContextDialog()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("dataContextId", ctx_r2.DataContextID);
+    i0.ɵɵproperty("dataContextId", ctx_r2.DataContextID)("Provider", ctx_r2.ProviderToUse);
+} }
+function SkipChatComponent_kendo_dialog_21_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 59);
+    i0.ɵɵlistener("close", function SkipChatComponent_kendo_dialog_21_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDeleteConversation("no")); });
+    i0.ɵɵelementStart(1, "p", 60);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 61);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_dialog_21_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDeleteConversation("yes")); });
+    i0.ɵɵtext(5, " Yes ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 29);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_dialog_21_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDeleteConversation("no")); });
+    i0.ɵɵtext(7, " No ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 250)("width", 450);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Would you like to delete ", ctx_r2.SelectedConversation == null ? null : ctx_r2.SelectedConversation.Name, "? ");
 } }
 let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends BaseNavigationComponent {
     constructor(el, sharedService, renderer, route, router, location, cdRef) {
@@ -268,13 +291,26 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
         this.LinkedEntityCompositeKey = new CompositeKey();
         this.ShowDataContextButton = true;
         this.IncludeLinkedConversationsInList = false;
+        this.SkipLogoURL = "assets/Skip Full Logo - Transparent.png";
+        this.SkipMarkOnlyLogoURL = "assets/Skip - Mark Only - Small.png";
+        /**
+         * Set this property in order to set the user image. This can either be a URL or a Blob
+         */
+        this.UserImage = undefined;
         /**
          * If true, the component will update the browser URL when the conversation changes. If false, it will not update the URL. Default is true.
          */
         this.UpdateAppRoute = true;
+        /**
+         * Event emitted when the user clicks on a matching report and the application needs to handle the navigation
+         */
+        this.NavigateToMatchingReport = new EventEmitter();
+        /**
+         * Event emitted whenever a conversation is selected
+         */
+        this.ConversationSelected = new EventEmitter();
         this._showScrollToBottomIcon = false;
         this._messageInProgress = false;
-        this.refreshOnAttach = false;
         this._conversationsInProgress = {};
         this._conversationsToReload = {};
         this._conversationLoadComplete = false;
@@ -303,9 +339,16 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
                 prompt: 'I need help with marketing, can you help me analyze my data and then think about ways to segment my audience and build campaigns to improve revenue and retention?',
             },
         ];
-        this._loaded = false;
+        this._initialLoadComplete = false;
+        this._isLoading = false;
+        this._numLoads = 0;
+        /**
+         * This property is used to determine if the component should automatically load the data when it is first shown. Default is true. Turn this off if you want to have more control over the loading sequence and manually call the Load() method when ready.
+         */
+        this.AutoLoad = true;
         this._scrollToBottom = false;
         this._oldConvoName = '';
+        this.confirmDeleteConversationDialogOpen = false;
         this._usedStartMessages = [];
         this._processingStatus = {};
         this.isDataContextDialogVisible = false;
@@ -452,54 +495,64 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
         }
     }
     ngAfterViewInit() {
-        this.updateParentTabPanelStyling();
-        // create an intersection observer to see if we are visible
-        this._intersectionObserver = new IntersectionObserver((entries) => {
-            const [entry] = entries;
-            if (!entry.isIntersecting) {
-                // we are NOT visible, so decrement the count of visible instances, but only if we were ever visible, meaning sometimes we get this situation before we are ever shown
-                if (this._loaded) {
-                    // don't go below 0
-                    SkipChatComponent_1.__skipChatWindowsCurrentlyVisible = Math.max(0, SkipChatComponent_1.__skipChatWindowsCurrentlyVisible - 1);
-                }
-            }
-            else {
-                // we are now visible, increment the count of visible instances
-                SkipChatComponent_1.__skipChatWindowsCurrentlyVisible++;
-                if (!this._loaded) {
-                    // we are now visible, for the first time, first fire off an InvokeManualResize to ensure the parent container is resized properly
-                    this.sharedService.InvokeManualResize();
-                    // first do stuff if we're on "global" skip chat mode...
-                    if (this.ShowConversationList && !this.LinkedEntity && this.LinkedEntity.trim().length === 0 && !this.CompositeKeyIsPopulated()) {
-                        // only subscribe to the route params if we don't have a linked entity and record id, meaning we're in the context of the top level Skip Chat UI, not embedded somewhere
-                        this.paramsSubscription = this.route.params.subscribe((params) => {
-                            if (!this._loaded) {
-                                this._loaded = true; // do this once
-                                const conversationId = params.conversationId;
-                                if (conversationId) {
-                                    this.loadConversations(conversationId); // Load the conversation based on the conversationId
-                                }
-                                else {
-                                    this.loadConversations();
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.AutoLoad)
+                yield this.Load();
+        });
+    }
+    Load() {
+        return __awaiter(this, arguments, void 0, function* (forceRefresh = false) {
+            if (!this._initialLoadComplete || forceRefresh) {
+                this.updateParentTabPanelStyling();
+                // create an intersection observer to see if we are visible
+                this._intersectionObserver = new IntersectionObserver((entries) => __awaiter(this, void 0, void 0, function* () {
+                    const [entry] = entries;
+                    if (!entry.isIntersecting) {
+                        // we are NOT visible, so decrement the count of visible instances, but only if we were ever visible, meaning sometimes we get this situation before we are ever shown
+                        if (this._initialLoadComplete) {
+                            // don't go below 0
+                            SkipChatComponent_1.__skipChatWindowsCurrentlyVisible = Math.max(0, SkipChatComponent_1.__skipChatWindowsCurrentlyVisible - 1);
+                        }
+                    }
+                    else {
+                        // we are now visible, increment the count of visible instances
+                        SkipChatComponent_1.__skipChatWindowsCurrentlyVisible++;
+                        if (!this._initialLoadComplete) {
+                            // we are now visible, for the first time, first fire off an InvokeManualResize to ensure the parent container is resized properly
+                            this.sharedService.InvokeManualResize();
+                            // first do stuff if we're on "global" skip chat mode...
+                            if (this.ShowConversationList && !this.LinkedEntity && this.LinkedEntity.trim().length === 0 && !this.CompositeKeyIsPopulated()) {
+                                // only subscribe to the route params if we don't have a linked entity and record id, meaning we're in the context of the top level Skip Chat UI, not embedded somewhere
+                                this.paramsSubscription = this.route.params.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
+                                    if (!this._initialLoadComplete) {
+                                        this._initialLoadComplete = true; // do this once
+                                        const conversationId = params.conversationId;
+                                        if (conversationId) {
+                                            yield this.loadConversations(conversationId); // Load the conversation based on the conversationId
+                                        }
+                                        else {
+                                            yield this.loadConversations();
+                                        }
+                                    }
+                                }));
+                            }
+                            else if (this.LinkedEntity && this.CompositeKeyIsPopulated()) {
+                                // now, do stuff if we are embedded in another component with a LinkedEntity/LinkedEntityRecordID
+                                if (!this._initialLoadComplete) {
+                                    this._initialLoadComplete = true; // do this once
+                                    yield this.loadConversations(); // Load the conversation which will filter by the linked entity and record id
                                 }
                             }
-                        });
-                    }
-                    else if (this.LinkedEntity && this.CompositeKeyIsPopulated()) {
-                        // now, do stuff if we are embedded in another component with a LinkedEntity/LinkedEntityRecordID
-                        if (!this._loaded) {
-                            this._loaded = true; // do this once
-                            this.loadConversations(); // Load the conversation which will filter by the linked entity and record id
+                            this.checkScroll();
                         }
+                        // Only care about the first time we are visible, so unobserve here to save resources
+                        //this._intersectionObserver!.unobserve(this.topLevelDiv.nativeElement);
                     }
-                    this.checkScroll();
-                }
-                // Only care about the first time we are visible, so unobserve here to save resources
-                //this._intersectionObserver!.unobserve(this.topLevelDiv.nativeElement);
+                }));
+                // now fire up the observer on the top level div
+                this._intersectionObserver.observe(this.topLevelDiv.nativeElement);
             }
         });
-        // now fire up the observer on the top level div
-        this._intersectionObserver.observe(this.topLevelDiv.nativeElement);
     }
     ngAfterViewChecked() {
         if (this._scrollToBottom) {
@@ -518,6 +571,7 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
     }
     loadConversations() {
         return __awaiter(this, arguments, void 0, function* (conversationIdToLoad = undefined) {
+            this._isLoading = true;
             let cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
             if (!cachedConversations) {
                 // load up from the database as we don't have any cached conversations
@@ -549,24 +603,26 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
             }
             if (this.Conversations.length === 0) {
                 // no conversations, so create a new one
-                this.CreateNewConversation();
+                yield this.CreateNewConversation();
                 this.sharedService.InvokeManualResize(1);
             }
             else if (conversationIdToLoad) {
                 // we have > 0 convos and we were asked to load a specific one
                 const convo = this.Conversations.find((c) => c.ID == conversationIdToLoad);
                 if (convo) {
-                    this.SelectConversation(convo);
+                    yield this.SelectConversation(convo);
                 }
                 else {
                     // we didn't find the conversation so just select the first one
-                    this.SelectConversation(this.Conversations[0]);
+                    yield this.SelectConversation(this.Conversations[0]);
                 }
             }
             else {
                 // select the first conversation since no param was provided and we have > 0 convos
-                this.SelectConversation(this.Conversations[0]);
+                yield this.SelectConversation(this.Conversations[0]);
             }
+            this._isLoading = false;
+            this._numLoads++;
         });
     }
     editConvo(conversation) {
@@ -609,33 +665,44 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
                 this.sharedService.CreateSimpleNotification('Error saving conversation name', 'error', 5000);
         });
     }
+    showDeleteConvoDialog(conversation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.confirmDeleteConversationDialogOpen = true;
+            this._conversationToDelete = conversation;
+        });
+    }
+    closeDeleteConversation(yesno) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.confirmDeleteConversationDialogOpen = false;
+            if (this._conversationToDelete && yesno === 'yes')
+                yield this.deleteConvo(this._conversationToDelete);
+        });
+    }
     deleteConvo(conversation) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (confirm('Are you sure you want to delete this conversation?')) {
-                // delete the conversation - we might need to load the entity if the current object isn't a "real object"
-                if (yield this.DeleteConversation(conversation.ID)) {
-                    // get the index of the conversation
-                    const idx = this.Conversations.findIndex((c) => c.ID === conversation.ID);
-                    // remove the conversation from the list that is bound to the UI
-                    this.Conversations = this.Conversations.filter((c) => c.ID != conversation.ID);
-                    // also, remove the conversation from the cache
-                    const cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
-                    if (cachedConversations) {
-                        MJGlobal.Instance.ObjectCache.Replace('Conversations', cachedConversations.filter((c) => c.ID != conversation.ID));
-                    }
-                    else {
-                        MJGlobal.Instance.ObjectCache.Add('Conversations', this.Conversations);
-                    }
-                    if (this.Conversations.length > 0) {
-                        const newIdx = idx > 0 ? idx - 1 : 0;
-                        this.SelectConversation(this.Conversations[newIdx]);
-                    }
-                    else
-                        this.Messages = [];
+            // delete the conversation - we might need to load the entity if the current object isn't a "real object"
+            if (yield this.DeleteConversation(conversation.ID)) {
+                // get the index of the conversation
+                const idx = this.Conversations.findIndex((c) => c.ID === conversation.ID);
+                // remove the conversation from the list that is bound to the UI
+                this.Conversations = this.Conversations.filter((c) => c.ID != conversation.ID);
+                // also, remove the conversation from the cache
+                const cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
+                if (cachedConversations) {
+                    MJGlobal.Instance.ObjectCache.Replace('Conversations', cachedConversations.filter((c) => c.ID != conversation.ID));
                 }
                 else {
-                    this.sharedService.CreateSimpleNotification('Error deleting conversation', 'error', 5000);
+                    MJGlobal.Instance.ObjectCache.Add('Conversations', this.Conversations);
+                }
+                if (this.Conversations.length > 0) {
+                    const newIdx = idx > 0 ? idx - 1 : 0;
+                    this.SelectConversation(this.Conversations[newIdx]);
                 }
+                else
+                    this.Messages = [];
+            }
+            else {
+                this.sharedService.CreateSimpleNotification('Error deleting conversation', 'error', 5000);
             }
         });
     }
@@ -772,8 +839,8 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
                 if (this.UpdateAppRoute) {
                     // finally update the browser URL since we've changed the conversation ID
                     this.location.go('/askskip/' + conversation.ID);
-                    //      this.router.navigate(['askskip', conversation.ID]);
                 }
+                this.ConversationSelected.emit(conversation.ID);
             }
         });
     }
@@ -899,7 +966,7 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
                 this.cdRef.detectChanges();
                 // invoke manual resize with a delay to ensure that the scroll to bottom has taken place
                 //this.sharedService.InvokeManualResize();
-                this.SetSkipStatusMessage('', 3500); // slight delay to ensure that the message is removed after the UI has updated with the new response message
+                this.SetSkipStatusMessage('', 500); // slight delay to ensure that the message is removed after the UI has updated with the new response message
                 // now set focus on the input box
                 this.askSkipInput.nativeElement.focus();
             }
@@ -974,6 +1041,12 @@ let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends Ba
         const componentRef = this.askSkip.viewContainerRef.createComponent(SkipSingleMessageComponent);
         // Pass the message details to the component instance
         const obj = componentRef.instance;
+        obj.NavigateToMatchingReport.subscribe((reportId) => {
+            this.NavigateToMatchingReport.emit(reportId);
+        });
+        obj.Provider = this.ProviderToUse;
+        obj.SkipMarkOnlyLogoURL = this.SkipMarkOnlyLogoURL;
+        obj.UserImage = this.UserImage;
         obj.ConversationRecord = this.SelectedConversation;
         obj.ConversationDetailRecord = messageDetail;
         obj.DataContext = this.DataContext;
@@ -1214,13 +1287,13 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.askSkipInput = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topLevelDiv = _t.first);
-    } }, inputs: { AllowSend: "AllowSend", Messages: "Messages", Conversations: "Conversations", SelectedConversation: "SelectedConversation", ConversationEditMode: "ConversationEditMode", ShowConversationList: "ShowConversationList", AllowNewConversations: "AllowNewConversations", Title: "Title", DataContextID: "DataContextID", LinkedEntity: "LinkedEntity", LinkedEntityCompositeKey: "LinkedEntityCompositeKey", ShowDataContextButton: "ShowDataContextButton", IncludeLinkedConversationsInList: "IncludeLinkedConversationsInList", UpdateAppRoute: "UpdateAppRoute", Provider: "Provider", WelcomeQuestions: "WelcomeQuestions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 10, consts: [["topLevelDiv", ""], ["AskSkipPanel", "", "scrollContainer", ""], ["AskSkipInput", ""], ["conversationList", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], ["orientation", "horizontal"], ["size", "272px", 3, "collapsible", "scrollable", "resizable", "collapsedChange", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-wrapper"], [1, "messages", 3, "scroll"], ["class", "waiting-for-ai", 4, "ngIf"], ["class", "welcome-wrapper", 4, "ngIf"], ["mjContainer", "", "mjSkipResize", "true"], ["class", "scroll-to-bottom-icon", 3, "click", 4, "ngIf"], [1, "input-area"], [1, "text-area-wrapper"], ["type", "text", "placeholder", "Ask Skip a question", 3, "keyup.enter", "input", "disabled"], ["kendoButton", ""], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], [4, "ngIf"], ["size", "272px", 3, "collapsedChange", "collapsible", "scrollable", "resizable"], ["class", "conversation-history", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], ["src", "assets/Skip Full Logo - Transparent.png", 1, "avatar"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], ["maxlength", "100", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "edit-conversation-panel", 4, "ngIf"], [1, "fa-regular", "fa-clock"], ["maxlength", "100", 3, "ngModelChange", "ngModel"], [1, "edit-conversation-panel"], ["class", "fa-solid fa-pen-to-square", 3, "click", 4, "ngIf"], ["class", "fa-regular fa-trash-can", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-check", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-xmark", 3, "click", 4, "ngIf"], [1, "fa-solid", "fa-pen-to-square", 3, "click"], [1, "fa-regular", "fa-trash-can", 3, "click"], [1, "fa-solid", "fa-check", 3, "click"], [1, "fa-solid", "fa-xmark", 3, "click"], [1, "waiting-for-ai"], [1, "welcome-wrapper"], [1, "welcome-message"], ["src", "assets/Skip Full Logo - Transparent.png"], [1, "welcome-header-text"], [1, "welcome-suggested-questions"], [1, "welcome-suggested-questions-col"], [1, "welcome-question", 3, "click"], [1, "welcome-question-header"], [1, "scroll-to-bottom-icon", 3, "click"], [1, "fas", "fa-arrow-down"], [1, "fa-solid", "fa-gear", 3, "click"], [3, "dialogClosed", "dataContextId"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { AllowSend: "AllowSend", Messages: "Messages", Conversations: "Conversations", SelectedConversation: "SelectedConversation", ConversationEditMode: "ConversationEditMode", ShowConversationList: "ShowConversationList", AllowNewConversations: "AllowNewConversations", Title: "Title", DataContextID: "DataContextID", LinkedEntity: "LinkedEntity", LinkedEntityCompositeKey: "LinkedEntityCompositeKey", ShowDataContextButton: "ShowDataContextButton", IncludeLinkedConversationsInList: "IncludeLinkedConversationsInList", SkipLogoURL: "SkipLogoURL", SkipMarkOnlyLogoURL: "SkipMarkOnlyLogoURL", UserImage: "UserImage", UpdateAppRoute: "UpdateAppRoute", Provider: "Provider", WelcomeQuestions: "WelcomeQuestions", AutoLoad: "AutoLoad" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", ConversationSelected: "ConversationSelected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 22, vars: 11, consts: [["topLevelDiv", ""], ["AskSkipPanel", "", "scrollContainer", ""], ["AskSkipInput", ""], ["conversationList", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], ["orientation", "horizontal"], ["size", "272px", 3, "collapsible", "scrollable", "resizable", "collapsedChange", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-wrapper"], [1, "messages", 3, "scroll"], ["class", "waiting-for-ai", 4, "ngIf"], ["class", "welcome-wrapper", 4, "ngIf"], ["mjContainer", "", "mjSkipResize", "true"], ["class", "scroll-to-bottom-icon", 3, "click", 4, "ngIf"], [1, "input-area"], [1, "text-area-wrapper"], ["type", "text", "placeholder", "Ask Skip a question", 3, "keyup.enter", "input", "disabled"], ["kendoButton", ""], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], [4, "ngIf"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], ["size", "272px", 3, "collapsedChange", "collapsible", "scrollable", "resizable"], ["class", "conversation-history", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], [1, "avatar", 3, "src"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], ["maxlength", "100", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "edit-conversation-panel", 4, "ngIf"], [1, "fa-regular", "fa-clock"], ["maxlength", "100", 3, "ngModelChange", "ngModel"], [1, "edit-conversation-panel"], ["class", "fa-solid fa-pen-to-square", 3, "click", 4, "ngIf"], ["class", "fa-regular fa-trash-can", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-check", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-xmark", 3, "click", 4, "ngIf"], [1, "fa-solid", "fa-pen-to-square", 3, "click"], [1, "fa-regular", "fa-trash-can", 3, "click"], [1, "fa-solid", "fa-check", 3, "click"], [1, "fa-solid", "fa-xmark", 3, "click"], [1, "waiting-for-ai"], [1, "welcome-wrapper"], [1, "welcome-message"], [3, "src"], [1, "welcome-header-text"], [1, "welcome-suggested-questions"], [1, "welcome-suggested-questions-col"], [1, "welcome-question", 3, "click"], [1, "welcome-question-header"], [1, "scroll-to-bottom-icon", 3, "click"], [1, "fas", "fa-arrow-down"], [1, "fa-solid", "fa-gear", 3, "click"], [3, "dialogClosed", "dataContextId", "Provider"], ["title", "Please confirm", 3, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "div", 4, 0)(2, "kendo-splitter", 5);
         i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_Template, 2, 4, "kendo-splitter-pane", 6);
         i0.ɵɵelementStart(4, "kendo-splitter-pane")(5, "div", 7)(6, "div", 8, 1);
         i0.ɵɵlistener("scroll", function SkipChatComponent_Template_div_scroll_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.checkScroll()); });
-        i0.ɵɵtemplate(9, SkipChatComponent_div_9_Template, 2, 0, "div", 9)(10, SkipChatComponent_div_10_Template, 28, 8, "div", 10);
+        i0.ɵɵtemplate(9, SkipChatComponent_div_9_Template, 1, 0, "div", 9)(10, SkipChatComponent_div_10_Template, 28, 9, "div", 10);
         i0.ɵɵelement(11, "div", 11);
         i0.ɵɵtemplate(12, SkipChatComponent_span_12_Template, 2, 0, "span", 12);
         i0.ɵɵelementEnd();
@@ -1232,7 +1305,7 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         i0.ɵɵlistener("click", function SkipChatComponent_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sendSkipMessage()); });
         i0.ɵɵelement(19, "span", 18);
         i0.ɵɵelementEnd()()()()()();
-        i0.ɵɵtemplate(20, SkipChatComponent_div_20_Template, 2, 1, "div", 19);
+        i0.ɵɵtemplate(20, SkipChatComponent_div_20_Template, 2, 2, "div", 19)(21, SkipChatComponent_kendo_dialog_21_Template, 8, 3, "kendo-dialog", 20);
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 10)("rightMargin", 10);
         i0.ɵɵadvance(3);
@@ -1251,14 +1324,16 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         i0.ɵɵproperty("disabled", ctx.IsTextAreaEmpty() || ctx.SelectedConversation !== undefined && ctx.IsSkipProcessing(ctx.SelectedConversation));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.isDataContextDialogVisible);
-    } }, dependencies: [i3.NgClass, i3.NgIf, i4.SplitterComponent, i4.SplitterPaneComponent, i5.DefaultValueAccessor, i5.NgControlStatus, i5.MaxLengthValidator, i5.NgModel, i6.LoaderComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent], styles: [".chat-container[_ngcontent-%COMP%] {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    \n\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    position: relative; \n\n    background-color: #f9f9f9;\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; \n\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip[_ngcontent-%COMP%] {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    height: 25px;\n}\n\n.skip-title[_ngcontent-%COMP%] {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list[_ngcontent-%COMP%] {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n\n\n.welcome-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked[_ngcontent-%COMP%] {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; \n\n}\n\n.welcome-header-text[_ngcontent-%COMP%] {\n    font-size: larger;\n    font-weight: bold;\n}\n\n\n\n.welcome-suggested-questions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col[_ngcontent-%COMP%] {\n    display: flex;\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column; \n\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; \n\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header[_ngcontent-%COMP%] {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; \n\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages[_ngcontent-%COMP%] {\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    \n\n    margin-bottom: 5px;\n\n    margin-top: 2px; \n\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between; \n\n    align-items: center; \n\n}\n.avatar[_ngcontent-%COMP%] {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    \n\n    margin-right: auto; \n\n}\n\n.conversation-item[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; \n\n\n    flex-wrap: wrap; \n\n}\n\n.text-container[_ngcontent-%COMP%] {\n    flex: 1; \n\n    display: flex;\n    flex-direction: column; \n\n}\n\n.text-container[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: none; \n\n    \n\n}\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-top: 3px;\n}\n\n.conversation-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: inline-block;\n    white-space: pre-wrap;  \n\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     \n\n}\n\n.conversation-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected[_ngcontent-%COMP%] {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-right: 11px;\n}\n.edit-conversation-panel[_ngcontent-%COMP%] {\n    width: 100%; \n\n    display: flex;\n    justify-content: flex-end; \n\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%]:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area[_ngcontent-%COMP%] {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:first-of-type {\n    margin-left: -40px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%] {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; \n\n\n    overflow: hidden;    \n    align-items: center;\n\n    \n\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; \n\n\n    width: 100%;\n    overflow-y: hidden; \n\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%]:disabled {\n    background-color: white;\n}\n\n.input-wrapper[_ngcontent-%COMP%] {\n    flex-grow: 1; \n\n    height: 100%;\n}\n\n.waiting-for-ai[_ngcontent-%COMP%] {\n    position: absolute;\n    display: flex; \n\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 100px; \n\n    left: 50%; \n\n    transform: translateX(-50%); \n\n    z-index: 1000; \n\n    background-color: white; \n\n    color: black; \n\n    border-radius: 50%; \n\n    width: 40px; \n\n    height: 40px; \n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); \n\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap; \n\n        align-content: flex-end; \n\n    }\n}"] });
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.confirmDeleteConversationDialogOpen);
+    } }, dependencies: [i3.NgClass, i3.NgIf, i4.SplitterComponent, i4.SplitterPaneComponent, i5.DefaultValueAccessor, i5.NgControlStatus, i5.MaxLengthValidator, i5.NgModel, i6.DialogComponent, i6.DialogActionsComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent], styles: [".chat-container[_ngcontent-%COMP%] {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    \n\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    position: relative; \n\n    background-color: #f9f9f9;\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; \n\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip[_ngcontent-%COMP%] {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    height: 25px;\n}\n\n.skip-title[_ngcontent-%COMP%] {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list[_ngcontent-%COMP%] {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n\n\n.welcome-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked[_ngcontent-%COMP%] {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; \n\n}\n\n.welcome-header-text[_ngcontent-%COMP%] {\n    font-size: larger;\n    font-weight: bold;\n}\n\n\n\n.welcome-suggested-questions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col[_ngcontent-%COMP%] {\n    display: flex;\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column; \n\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; \n\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header[_ngcontent-%COMP%] {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; \n\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages[_ngcontent-%COMP%] {\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    \n\n    margin-bottom: 5px;\n\n    margin-top: 2px; \n\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between; \n\n    align-items: center; \n\n}\n.avatar[_ngcontent-%COMP%] {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    \n\n    margin-right: auto; \n\n}\n\n.conversation-item[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; \n\n\n    flex-wrap: wrap; \n\n}\n\n.text-container[_ngcontent-%COMP%] {\n    flex: 1; \n\n    display: flex;\n    flex-direction: column; \n\n}\n\n.text-container[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: none; \n\n    \n\n}\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-top: 3px;\n}\n\n.conversation-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: inline-block;\n    white-space: pre-wrap;  \n\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     \n\n}\n\n.conversation-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected[_ngcontent-%COMP%] {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-right: 11px;\n}\n.edit-conversation-panel[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end; \n\n    margin-top: 2px; \n\n    margin-right: 2px; \n\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%]:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area[_ngcontent-%COMP%] {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:first-of-type {\n    margin-left: -40px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%] {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; \n\n\n    overflow: hidden;    \n    align-items: center;\n\n    \n\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; \n\n\n    width: 100%;\n    overflow-y: hidden; \n\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%]:disabled {\n    background-color: white;\n}\n\n.input-wrapper[_ngcontent-%COMP%] {\n    flex-grow: 1; \n\n    height: 100%;\n}\n\n.waiting-for-ai[_ngcontent-%COMP%] {\n    position: absolute;\n    display: flex; \n\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 100px; \n\n    left: 50%; \n\n    transform: translateX(-50%); \n\n    z-index: 1000; \n\n    background-color: white; \n\n    color: black; \n\n    border-radius: 50%; \n\n    width: 40px; \n\n    height: 40px; \n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); \n\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap; \n\n        align-content: flex-end; \n\n    }\n}"] });
 SkipChatComponent = SkipChatComponent_1 = __decorate([
     RegisterClass(BaseNavigationComponent, 'Ask Skip')
 ], SkipChatComponent);
 export { SkipChatComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkipChatComponent, [{
         type: Component,
-        args: [{ selector: 'skip-chat', template: "<div class = \"chat-container\" mjFillContainer #topLevelDiv [bottomMargin]=\"10\" [rightMargin]=\"10\">\n    <kendo-splitter orientation=\"horizontal\">\n        <kendo-splitter-pane *ngIf=\"ShowConversationList\" [collapsible]=\"true\" [scrollable]=\"false\" [resizable]=\"false\" size=\"272px\" (collapsedChange)=\"splitterCollapseStateChanged($event)\">\n            <div class=\"conversation-history\" *ngIf=\"ShowConversationList\">\n                <div class=\"new-chat-area\">\n                    <img src=\"assets/Skip Full Logo - Transparent.png\" class=\"avatar\" />\n                    <button kendoButton *ngIf=\"AllowNewConversations\" (click)=\"CreateNewConversation()\">+</button>\n                </div>\n                <kendo-listview\n                    class=\"conversation-list\"\n                    [data]=\"Conversations\"\n                    [style.height.px]=\"280\"\n                    [itemClass]=\"{ 'item-border': true }\" \n                    mjFillContainer \n                    [fillWidth]=\"false\"\n                    [bottomMargin]=\"20\"\n                    #conversationList\n                    >\n                    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n                        <div class=\"conversation-item\" \n                             [ngClass]=\"GetConversationItemClass(dataItem)\"\n                             [title]=\"dataItem.Name\" \n                             (click)=\"SelectConversation(dataItem)\"> \n                            <span *ngIf=\"SelectedConversation && IsSkipProcessing(dataItem)\" class=\"fa-regular fa-clock\"></span>\n                            <div class=\"text-container\">\n                                <span *ngIf=\"dataItem.ID !== SelectedConversation?.ID || !ConversationEditMode\">{{ dataItem.Name }}</span>\n                                <textarea *ngIf=\"dataItem.ID === SelectedConversation?.ID && ConversationEditMode\" [(ngModel)]=\"dataItem.Name\" maxlength=\"100\"></textarea>\n                            </div>\n                            <div *ngIf=\"SelectedConversation?.ID === dataItem.ID\" class=\"edit-conversation-panel\">\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-solid fa-pen-to-square\" (click)=\"editConvo(dataItem)\"></span>\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-regular fa-trash-can\" (click)=\"deleteConvo(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-check\" (click)=\"saveConvoName(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-xmark\" (click)=\"cancelConvoEdit(dataItem)\"></span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </kendo-listview>\n                <!-- COMMENTED OUT as we don't want to support embedded conversations in the UI for now\n                     <div class=\"embedded-conversations\"><input kendoCheckBox type=\"checkbox\" [(ngModel)]=\"IncludeLinkedConversationsInList\" (ngModelChange)=\"loadConversations()\"/> <span (click)=\"FlipEmbeddedConversationState()\">Show Linked Conversations</span></div> -->\n            </div>\n        </kendo-splitter-pane>\n        <kendo-splitter-pane>\n            <div class=\"conversation-wrapper\" mjFillContainer>\n                <div #AskSkipPanel class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\n                    <div class=\"waiting-for-ai\" *ngIf=\"Messages && Messages.length > 0 && SelectedConversation && IsSkipProcessing(SelectedConversation)\">\n                        <kendo-loader></kendo-loader>\n                    </div>\n                    <div class=\"welcome-wrapper\" *ngIf=\"(!Messages || Messages.length ===0) && _conversationLoadComplete\">\n                        <div class='welcome-message'>\n                            <img src=\"assets/Skip Full Logo - Transparent.png\"/>\n                            <div class=\"welcome-header-text\">What can I help with today?</div>\n                        </div>\n                        <div class='welcome-suggested-questions'>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[0].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[0].topLine}}</span>\n                                    <span>{{WelcomeQuestions[0].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[1].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[1].topLine}}</span>\n                                    <span>{{WelcomeQuestions[1].bottomLine}}</span>\n                                </div>    \n                            </div>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[2].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[2].topLine}}</span>\n                                    <span>{{WelcomeQuestions[2].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[3].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[3].topLine}}</span>\n                                    <span>{{WelcomeQuestions[3].bottomLine}}</span>\n                                </div>    \n                            </div>\n                        </div>    \n                    </div>\n                    <div mjContainer mjSkipResize=\"true\"><!--mjSkipResize results in everything below this level NOT being resized, performance optimization-->\n                        <!-- Dynamic messages will be injected here -->\n                    </div>\n                    <span class=\"scroll-to-bottom-icon\" *ngIf=\"_showScrollToBottomIcon && Messages && Messages.length > 0\" (click)=\"scrollToBottomAnimate()\"><i class=\"fas fa-arrow-down\"></i></span>\n                </div>\n                <div class=\"input-area\">\n                    <div class=\"text-area-wrapper\">\n                        <textarea\n                            #AskSkipInput \n                            [disabled]=\"SelectedConversation && IsSkipProcessing(SelectedConversation)\" \n                            (keyup.enter)=\"onEnter($event)\" \n                            (input)=\"onInputChange($event)\"\n                            type=\"text\" \n                            placeholder=\"Ask Skip a question\"></textarea>\n                    </div>\n                    @if (ShowDataContextButton) {\n                        <button kendoButton >\n                            <span class=\"fa-solid fa-gear\" \n                                  (click)=\"showDataContext()\"></span>\n                        </button>    \n                    }\n                    <button kendoButton \n                            [disabled]=\"IsTextAreaEmpty() || (SelectedConversation !== undefined && IsSkipProcessing(SelectedConversation))\" \n                            (click)=\"sendSkipMessage()\">\n                            <span class=\"fas fa-solid fa-arrow-up\"></span>\n                    </button>\n                </div>\n            </div>\n        </kendo-splitter-pane>\n    </kendo-splitter>\n</div>     \n\n<div *ngIf=\"isDataContextDialogVisible\">\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\"></mj-data-context-dialog>\n</div>", styles: [".chat-container {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    /*initial sizes*/\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper {\n    display: flex;\n    flex-direction: column;\n    position: relative; /* Add this line if the wrapper needs to be a reference point */\n    background-color: #f9f9f9;\n}\n\n.new-conversation {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history > button {\n    height: 25px;\n}\n\n.skip-title {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n/* Center the welcome message vertically and horizontally */\n.welcome-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations > span {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message img {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; /* Adds some space between the image and the text below */\n}\n\n.welcome-header-text {\n    font-size: larger;\n    font-weight: bold;\n}\n\n/* Position the welcome-suggested-questions at the bottom of its container */\n.welcome-suggested-questions {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col {\n    display: flex;\n}\n\n/* Flex layout for questions, two per row */\n.welcome-question {\n    display: flex;\n    flex-direction: column; /* Stack the header and text vertically */\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; /* Adds some space around each question */\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; /* Ensures the header is on its own line */\n}\n\n/* Non-bold text for the content below the header */\n.welcome-question span:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages {\n    overflow-y: auto; /* enable scrolling if the content overflows */\n    overflow-x: hidden; /* hide horizontal scrollbar */\n    /* border: solid 1px rgba(0, 0, 0, 0.08); */\n    margin-bottom: 5px;\n\n    margin-top: 2px; /* align it with the top of converation history exactly*/\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area {\n    display: flex;\n    justify-content: space-between; /* Aligns children (img and button) to each end */\n    align-items: center; /* Centers children vertically */\n}\n.avatar {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    /* Ensure the image aligns to the left */\n    margin-right: auto; /* Pushes everything else to the right */\n}\n\n.conversation-item {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; /* Align items to the top */\n\n    flex-wrap: wrap; /* Allow items to wrap to the next line */\n}\n\n.text-container {\n    flex: 1; /* Take up remaining space */\n    display: flex;\n    flex-direction: column; /* Stack children vertically */\n}\n\n.text-container textarea {\n    resize: none; /* Disable resizing */\n    /* Add more styles for the textarea if needed */\n}\n\n.conversation-item > .conversation-icon {\n    margin-top: 3px;\n}\n\n.conversation-item span {\n    display: inline-block;\n    white-space: pre-wrap;  /* Allow text to wrap */\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     /* Move the text to the right */\n}\n\n.conversation-item:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item > .conversation-icon {\n    margin-right: 11px;\n}\n.edit-conversation-panel {\n    width: 100%; /* Take up the full width */\n    display: flex;\n    justify-content: flex-end; /* Align icons to the right */\n}\n.edit-conversation-panel > .k-icon {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel > .k-icon:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area > button {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area > button:first-of-type {\n    margin-left: -40px;\n}\n.input-area > button:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; /* Prevent it from growing beyond the container */\n\n    overflow: hidden;    \n    align-items: center;\n\n    /*combined width and padding is 800*/\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper > textarea {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; /* Initial height */\n\n    width: 100%;\n    overflow-y: hidden; /* Hide scrollbar */\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper > textarea:disabled {\n    background-color: white;\n}\n\n.input-wrapper {\n    flex-grow: 1; /* This will make the input-wrapper take the remaining space */\n    height: 100%;\n}\n\n.waiting-for-ai {\n    position: absolute;\n    display: flex; /* Use flexbox layout */\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon {\n    position: absolute;\n    bottom: 100px; /* Adjust as needed to position away from the bottom edge */\n    left: 50%; /* Start at the exact horizontal center */\n    transform: translateX(-50%); /* Shift it back by half its width to center it */\n    z-index: 1000; /* Ensure it stays on top */\n    background-color: white; /* Circle background color - adjust as needed */\n    color: black; /* Icon color - adjust as needed */\n    border-radius: 50%; /* Makes the background a circle */\n    width: 40px; /* Circle size - adjust as needed */\n    height: 40px; /* Circle size - adjust as needed */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); /* Optional: Adds a subtle shadow for better visibility */\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions {\n        display: flex;\n        flex-wrap: wrap; /* Allows questions to wrap to the next line */\n        align-content: flex-end; /* Aligns the content to the bottom */\n    }\n}\n  "] }]
+        args: [{ selector: 'skip-chat', template: "<div class = \"chat-container\" mjFillContainer #topLevelDiv [bottomMargin]=\"10\" [rightMargin]=\"10\">\n    <kendo-splitter orientation=\"horizontal\">\n        <kendo-splitter-pane *ngIf=\"ShowConversationList\" [collapsible]=\"true\" [scrollable]=\"false\" [resizable]=\"false\" size=\"272px\" (collapsedChange)=\"splitterCollapseStateChanged($event)\">\n            <div class=\"conversation-history\" *ngIf=\"ShowConversationList\">\n                <div class=\"new-chat-area\">\n                    <img [src]=\"SkipLogoURL\" class=\"avatar\" />\n                    <button kendoButton *ngIf=\"AllowNewConversations\" (click)=\"CreateNewConversation()\">+</button>\n                </div>\n                <kendo-listview\n                    class=\"conversation-list\"\n                    [data]=\"Conversations\"\n                    [style.height.px]=\"280\"\n                    [itemClass]=\"{ 'item-border': true }\" \n                    mjFillContainer \n                    [fillWidth]=\"false\"\n                    [bottomMargin]=\"20\"\n                    #conversationList\n                    >\n                    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n                        <div class=\"conversation-item\" \n                                [ngClass]=\"GetConversationItemClass(dataItem)\"\n                                [title]=\"dataItem.Name\" \n                                (click)=\"SelectConversation(dataItem)\"> \n                            <span *ngIf=\"SelectedConversation && IsSkipProcessing(dataItem)\" class=\"fa-regular fa-clock\"></span>\n                            <div class=\"text-container\">\n                                <span *ngIf=\"dataItem.ID !== SelectedConversation?.ID || !ConversationEditMode\">{{ dataItem.Name }}</span>\n                                <textarea *ngIf=\"dataItem.ID === SelectedConversation?.ID && ConversationEditMode\" [(ngModel)]=\"dataItem.Name\" maxlength=\"100\"></textarea>\n                            </div>\n                            <div *ngIf=\"SelectedConversation?.ID === dataItem.ID\" class=\"edit-conversation-panel\">\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-solid fa-pen-to-square\" (click)=\"editConvo(dataItem)\"></span>\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-regular fa-trash-can\" (click)=\"showDeleteConvoDialog(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-check\" (click)=\"saveConvoName(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-xmark\" (click)=\"cancelConvoEdit(dataItem)\"></span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </kendo-listview>\n                <!-- COMMENTED OUT as we don't want to support embedded conversations in the UI for now\n                        <div class=\"embedded-conversations\"><input kendoCheckBox type=\"checkbox\" [(ngModel)]=\"IncludeLinkedConversationsInList\" (ngModelChange)=\"loadConversations()\"/> <span (click)=\"FlipEmbeddedConversationState()\">Show Linked Conversations</span></div> -->\n            </div>\n        </kendo-splitter-pane>\n        <kendo-splitter-pane>\n            <div class=\"conversation-wrapper\" mjFillContainer>\n                <div #AskSkipPanel class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\n                    <div class=\"waiting-for-ai\" *ngIf=\"Messages && Messages.length > 0 && SelectedConversation && IsSkipProcessing(SelectedConversation)\">\n                        <!-- MOVED THIS TO INSIDE MESSAGE - REMOVE THIS ENTIRE DIV ---- <kendo-loader></kendo-loader> -->\n                    </div>\n                    <div class=\"welcome-wrapper\" *ngIf=\"(!Messages || Messages.length ===0) && _conversationLoadComplete\">\n                        <div class='welcome-message'>\n                            <img [src]=\"SkipLogoURL\" />\n                            <div class=\"welcome-header-text\">What can I help with today?</div>\n                        </div>\n                        <div class='welcome-suggested-questions'>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[0].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[0].topLine}}</span>\n                                    <span>{{WelcomeQuestions[0].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[1].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[1].topLine}}</span>\n                                    <span>{{WelcomeQuestions[1].bottomLine}}</span>\n                                </div>    \n                            </div>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[2].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[2].topLine}}</span>\n                                    <span>{{WelcomeQuestions[2].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[3].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[3].topLine}}</span>\n                                    <span>{{WelcomeQuestions[3].bottomLine}}</span>\n                                </div>    \n                            </div>\n                        </div>    \n                    </div>\n                    <div mjContainer mjSkipResize=\"true\"><!--mjSkipResize results in everything below this level NOT being resized, performance optimization-->\n                        <!-- Dynamic messages will be injected here -->\n                    </div>\n                    <span class=\"scroll-to-bottom-icon\" *ngIf=\"_showScrollToBottomIcon && Messages && Messages.length > 0\" (click)=\"scrollToBottomAnimate()\"><i class=\"fas fa-arrow-down\"></i></span>\n                </div>\n                <div class=\"input-area\">\n                    <div class=\"text-area-wrapper\">\n                        <textarea\n                            #AskSkipInput \n                            [disabled]=\"SelectedConversation && IsSkipProcessing(SelectedConversation)\" \n                            (keyup.enter)=\"onEnter($event)\" \n                            (input)=\"onInputChange($event)\"\n                            type=\"text\" \n                            placeholder=\"Ask Skip a question\"></textarea>\n                    </div>\n                    @if (ShowDataContextButton) {\n                        <button kendoButton >\n                            <span class=\"fa-solid fa-gear\" \n                                    (click)=\"showDataContext()\"></span>\n                        </button>    \n                    }\n                    <button kendoButton \n                            [disabled]=\"IsTextAreaEmpty() || (SelectedConversation !== undefined && IsSkipProcessing(SelectedConversation))\" \n                            (click)=\"sendSkipMessage()\">\n                            <span class=\"fas fa-solid fa-arrow-up\"></span>\n                    </button>\n                </div>\n            </div>\n        </kendo-splitter-pane>\n    </kendo-splitter>\n</div>     \n\n<div *ngIf=\"isDataContextDialogVisible\">\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\" [Provider]=\"ProviderToUse\"></mj-data-context-dialog>\n</div>\n\n\n<kendo-dialog\n    title=\"Please confirm\"\n    *ngIf=\"confirmDeleteConversationDialogOpen\"\n    (close)=\"closeDeleteConversation('no')\"\n    [minWidth]=\"250\"\n    [width]=\"450\"\n>\n    <p style=\"margin: 30px; text-align: center;\">\n        Would you like to delete {{SelectedConversation?.Name}}?\n    </p>\n    <kendo-dialog-actions>\n        <button kendoButton (click)=\"closeDeleteConversation('yes')\" themeColor=\"primary\">\n            Yes\n        </button>\n    <button kendoButton (click)=\"closeDeleteConversation('no')\">\n        No\n    </button>\n    </kendo-dialog-actions>\n</kendo-dialog>    ", styles: [".chat-container {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    /*initial sizes*/\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper {\n    display: flex;\n    flex-direction: column;\n    position: relative; /* Add this line if the wrapper needs to be a reference point */\n    background-color: #f9f9f9;\n}\n\n.new-conversation {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history > button {\n    height: 25px;\n}\n\n.skip-title {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n/* Center the welcome message vertically and horizontally */\n.welcome-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations > span {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message img {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; /* Adds some space between the image and the text below */\n}\n\n.welcome-header-text {\n    font-size: larger;\n    font-weight: bold;\n}\n\n/* Position the welcome-suggested-questions at the bottom of its container */\n.welcome-suggested-questions {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col {\n    display: flex;\n}\n\n/* Flex layout for questions, two per row */\n.welcome-question {\n    display: flex;\n    flex-direction: column; /* Stack the header and text vertically */\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; /* Adds some space around each question */\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; /* Ensures the header is on its own line */\n}\n\n/* Non-bold text for the content below the header */\n.welcome-question span:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages {\n    overflow-y: auto; /* enable scrolling if the content overflows */\n    overflow-x: hidden; /* hide horizontal scrollbar */\n    /* border: solid 1px rgba(0, 0, 0, 0.08); */\n    margin-bottom: 5px;\n\n    margin-top: 2px; /* align it with the top of converation history exactly*/\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area {\n    display: flex;\n    justify-content: space-between; /* Aligns children (img and button) to each end */\n    align-items: center; /* Centers children vertically */\n}\n.avatar {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    /* Ensure the image aligns to the left */\n    margin-right: auto; /* Pushes everything else to the right */\n}\n\n.conversation-item {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; /* Align items to the top */\n\n    flex-wrap: wrap; /* Allow items to wrap to the next line */\n}\n\n.text-container {\n    flex: 1; /* Take up remaining space */\n    display: flex;\n    flex-direction: column; /* Stack children vertically */\n}\n\n.text-container textarea {\n    resize: none; /* Disable resizing */\n    /* Add more styles for the textarea if needed */\n}\n\n.conversation-item > .conversation-icon {\n    margin-top: 3px;\n}\n\n.conversation-item span {\n    display: inline-block;\n    white-space: pre-wrap;  /* Allow text to wrap */\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     /* Move the text to the right */\n}\n\n.conversation-item:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item > .conversation-icon {\n    margin-right: 11px;\n}\n.edit-conversation-panel {\n    display: flex;\n    justify-content: flex-end; /* Align icons to the right */\n    margin-top: 2px; /* litle buffer on top */\n    margin-right: 2px; /* litle buffer to the right */\n}\n.edit-conversation-panel > .k-icon {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel > .k-icon:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area > button {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area > button:first-of-type {\n    margin-left: -40px;\n}\n.input-area > button:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; /* Prevent it from growing beyond the container */\n\n    overflow: hidden;    \n    align-items: center;\n\n    /*combined width and padding is 800*/\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper > textarea {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; /* Initial height */\n\n    width: 100%;\n    overflow-y: hidden; /* Hide scrollbar */\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper > textarea:disabled {\n    background-color: white;\n}\n\n.input-wrapper {\n    flex-grow: 1; /* This will make the input-wrapper take the remaining space */\n    height: 100%;\n}\n\n.waiting-for-ai {\n    position: absolute;\n    display: flex; /* Use flexbox layout */\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon {\n    position: absolute;\n    bottom: 100px; /* Adjust as needed to position away from the bottom edge */\n    left: 50%; /* Start at the exact horizontal center */\n    transform: translateX(-50%); /* Shift it back by half its width to center it */\n    z-index: 1000; /* Ensure it stays on top */\n    background-color: white; /* Circle background color - adjust as needed */\n    color: black; /* Icon color - adjust as needed */\n    border-radius: 50%; /* Makes the background a circle */\n    width: 40px; /* Circle size - adjust as needed */\n    height: 40px; /* Circle size - adjust as needed */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); /* Optional: Adds a subtle shadow for better visibility */\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions {\n        display: flex;\n        flex-wrap: wrap; /* Allows questions to wrap to the next line */\n        align-content: flex-end; /* Aligns the content to the bottom */\n    }\n}\n  "] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i0.Renderer2 }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i3.Location }, { type: i0.ChangeDetectorRef }], { AllowSend: [{
             type: Input
         }], Messages: [{
@@ -1285,10 +1360,20 @@ export { SkipChatComponent };
             type: Input
         }], IncludeLinkedConversationsInList: [{
             type: Input
+        }], SkipLogoURL: [{
+            type: Input
+        }], SkipMarkOnlyLogoURL: [{
+            type: Input
+        }], UserImage: [{
+            type: Input
         }], UpdateAppRoute: [{
             type: Input
         }], Provider: [{
             type: Input
+        }], NavigateToMatchingReport: [{
+            type: Output
+        }], ConversationSelected: [{
+            type: Output
         }], askSkip: [{
             type: ViewChild,
             args: [Container, { static: true }]
@@ -1312,6 +1397,8 @@ export { SkipChatComponent };
             args: ['topLevelDiv']
         }], WelcomeQuestions: [{
             type: Input
+        }], AutoLoad: [{
+            type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipChatComponent, { className: "SkipChatComponent", filePath: "src/lib/skip-chat/skip-chat.component.ts", lineNumber: 41 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipChatComponent, { className: "SkipChatComponent", filePath: "src/lib/skip-chat/skip-chat.component.ts", lineNumber: 43 }); })();
 //# sourceMappingURL=skip-chat.component.js.map