@memberjunction/ng-skip-chat 2.33.0 → 2.34.1

package/dist/lib/module.d.ts

@@ -27,7 +27,7 @@ import * as i25 from "@memberjunction/ng-resource-permissions";
 import * as i26 from "ngx-markdown";
 export declare class SkipChatModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipChatModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkipChatModule, [typeof i1.SkipChatComponent, typeof i2.SkipSingleMessageComponent, typeof i3.SkipDynamicLinearReportComponent, typeof i4.SkipDynamicReportWrapperComponent, typeof i5.SkipDynamicChartComponent, typeof i6.SkipDynamicGridComponent, typeof i7.SkipDynamicHTMLReportComponent], [typeof i8.CommonModule, typeof i9.LayoutModule, typeof i10.FormsModule, typeof i11.IndicatorsModule, typeof i12.DialogsModule, typeof i13.InputsModule, typeof i14.LabelModule, typeof i15.ContainerDirectivesModule, typeof i16.ListViewModule, typeof i17.MJNotificationsModule, typeof i18.DropDownsModule, typeof i19.GridModule, typeof i20.ButtonsModule, typeof i21.PlotlyViaCDNModule, typeof i22.DataContextModule, typeof i23.OverlayModule, typeof i24.ExcelExportModule, typeof i25.ResourcePermissionsModule, typeof i26.MarkdownModule], [typeof i1.SkipChatComponent, typeof i2.SkipSingleMessageComponent, typeof i3.SkipDynamicLinearReportComponent, typeof i4.SkipDynamicReportWrapperComponent, typeof i5.SkipDynamicChartComponent, typeof i6.SkipDynamicGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkipChatModule, [typeof i1.SkipChatComponent, typeof i2.SkipSingleMessageComponent, typeof i3.SkipDynamicLinearReportComponent, typeof i4.SkipDynamicReportWrapperComponent, typeof i5.SkipDynamicChartComponent, typeof i6.SkipDynamicGridComponent, typeof i7.SkipDynamicHTMLReportComponent], [typeof i8.CommonModule, typeof i9.LayoutModule, typeof i10.FormsModule, typeof i11.IndicatorsModule, typeof i12.DialogsModule, typeof i13.InputsModule, typeof i14.LabelModule, typeof i15.ContainerDirectivesModule, typeof i16.ListViewModule, typeof i17.MJNotificationsModule, typeof i18.DropDownsModule, typeof i19.GridModule, typeof i20.ButtonsModule, typeof i21.PlotlyViaCDNModule, typeof i22.DataContextModule, typeof i23.OverlayModule, typeof i24.ExcelExportModule, typeof i25.ResourcePermissionsModule, typeof i26.MarkdownModule], [typeof i1.SkipChatComponent, typeof i2.SkipSingleMessageComponent, typeof i3.SkipDynamicLinearReportComponent, typeof i4.SkipDynamicReportWrapperComponent, typeof i5.SkipDynamicChartComponent, typeof i6.SkipDynamicGridComponent, typeof i7.SkipDynamicHTMLReportComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkipChatModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,qBAwCa,cAAc;yCAAd,cAAc;0CAAd,cAAc;0CAAd,cAAc;CAC1B"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,qBAyCa,cAAc;yCAAd,cAAc;0CAAd,cAAc;0CAAd,cAAc;CAC1B"}

package/dist/lib/module.js

@@ -100,6 +100,7 @@ SkipChatModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMod
                     SkipDynamicReportWrapperComponent,
                     SkipDynamicChartComponent,
                     SkipDynamicGridComponent,
+                    SkipDynamicHTMLReportComponent
                 ]
             }]
     }], null, null); })();
@@ -131,5 +132,6 @@ SkipChatModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMod
         SkipDynamicLinearReportComponent,
         SkipDynamicReportWrapperComponent,
         SkipDynamicChartComponent,
-        SkipDynamicGridComponent] }); })();
+        SkipDynamicGridComponent,
+        SkipDynamicHTMLReportComponent] }); })();
 //# sourceMappingURL=module.js.map

package/dist/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"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"}

package/dist/lib/skip-chat/skip-chat.component.d.ts

@@ -9,6 +9,7 @@ import { DataContext } from '@memberjunction/data-context';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { ResourcePermissionsComponent } from '@memberjunction/ng-resource-permissions';
+import { DrillDownInfo } from '../drill-down-info';
 import * as i0 from "@angular/core";
 export declare class SkipChatComponent extends BaseAngularComponent implements OnInit, AfterViewInit, AfterViewChecked, OnDestroy {
     private el;
@@ -81,6 +82,10 @@ export declare class SkipChatComponent extends BaseAngularComponent implements O
      * This event fires whenever a new report is created.
      */
     NewReportCreated: EventEmitter<string>;
+    /**
+     * This event fires whenever a drill down is requested within a given report.
+     */
+    DrillDownEvent: EventEmitter<DrillDownInfo>;
     askSkip: Container;
     askSkipPanel: ElementRef;
     mjContainerRef: ViewContainerRef;
@@ -235,6 +240,6 @@ export declare class SkipChatComponent extends BaseAngularComponent implements O
     protected deleteMessage(message: ConversationDetailEntity): Promise<void>;
     get NumVisibleButtons(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipChatComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkipChatComponent, "skip-chat", never, { "AllowSend": { "alias": "AllowSend"; "required": false; }; "Messages": { "alias": "Messages"; "required": false; }; "Conversations": { "alias": "Conversations"; "required": false; }; "SelectedConversation": { "alias": "SelectedConversation"; "required": false; }; "ConversationEditMode": { "alias": "ConversationEditMode"; "required": false; }; "ShowConversationList": { "alias": "ShowConversationList"; "required": false; }; "AllowNewConversations": { "alias": "AllowNewConversations"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "DataContextID": { "alias": "DataContextID"; "required": false; }; "LinkedEntity": { "alias": "LinkedEntity"; "required": false; }; "LinkedEntityCompositeKey": { "alias": "LinkedEntityCompositeKey"; "required": false; }; "ShowDataContextButton": { "alias": "ShowDataContextButton"; "required": false; }; "IncludeLinkedConversationsInList": { "alias": "IncludeLinkedConversationsInList"; "required": false; }; "SkipLogoURL": { "alias": "SkipLogoURL"; "required": false; }; "SkipMarkOnlyLogoURL": { "alias": "SkipMarkOnlyLogoURL"; "required": false; }; "UserImage": { "alias": "UserImage"; "required": false; }; "VerboseLogging": { "alias": "VerboseLogging"; "required": false; }; "UpdateAppRoute": { "alias": "UpdateAppRoute"; "required": false; }; "ShowSkipLogoInConversationList": { "alias": "ShowSkipLogoInConversationList"; "required": false; }; "ShowSharingButton": { "alias": "ShowSharingButton"; "required": false; }; "SharingExcludeRoleNames": { "alias": "SharingExcludeRoleNames"; "required": false; }; "SharingExcludeEmails": { "alias": "SharingExcludeEmails"; "required": false; }; "DefaultTextboxPlaceholder": { "alias": "DefaultTextboxPlaceholder"; "required": false; }; "ProcessingTextBoxPlaceholder": { "alias": "ProcessingTextBoxPlaceholder"; "required": false; }; "WelcomeQuestions": { "alias": "WelcomeQuestions"; "required": false; }; "AutoLoad": { "alias": "AutoLoad"; "required": false; }; }, { "NavigateToMatchingReport": "NavigateToMatchingReport"; "ConversationSelected": "ConversationSelected"; "NewReportCreated": "NewReportCreated"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkipChatComponent, "skip-chat", never, { "AllowSend": { "alias": "AllowSend"; "required": false; }; "Messages": { "alias": "Messages"; "required": false; }; "Conversations": { "alias": "Conversations"; "required": false; }; "SelectedConversation": { "alias": "SelectedConversation"; "required": false; }; "ConversationEditMode": { "alias": "ConversationEditMode"; "required": false; }; "ShowConversationList": { "alias": "ShowConversationList"; "required": false; }; "AllowNewConversations": { "alias": "AllowNewConversations"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "DataContextID": { "alias": "DataContextID"; "required": false; }; "LinkedEntity": { "alias": "LinkedEntity"; "required": false; }; "LinkedEntityCompositeKey": { "alias": "LinkedEntityCompositeKey"; "required": false; }; "ShowDataContextButton": { "alias": "ShowDataContextButton"; "required": false; }; "IncludeLinkedConversationsInList": { "alias": "IncludeLinkedConversationsInList"; "required": false; }; "SkipLogoURL": { "alias": "SkipLogoURL"; "required": false; }; "SkipMarkOnlyLogoURL": { "alias": "SkipMarkOnlyLogoURL"; "required": false; }; "UserImage": { "alias": "UserImage"; "required": false; }; "VerboseLogging": { "alias": "VerboseLogging"; "required": false; }; "UpdateAppRoute": { "alias": "UpdateAppRoute"; "required": false; }; "ShowSkipLogoInConversationList": { "alias": "ShowSkipLogoInConversationList"; "required": false; }; "ShowSharingButton": { "alias": "ShowSharingButton"; "required": false; }; "SharingExcludeRoleNames": { "alias": "SharingExcludeRoleNames"; "required": false; }; "SharingExcludeEmails": { "alias": "SharingExcludeEmails"; "required": false; }; "DefaultTextboxPlaceholder": { "alias": "DefaultTextboxPlaceholder"; "required": false; }; "ProcessingTextBoxPlaceholder": { "alias": "ProcessingTextBoxPlaceholder"; "required": false; }; "WelcomeQuestions": { "alias": "WelcomeQuestions"; "required": false; }; "AutoLoad": { "alias": "AutoLoad"; "required": false; }; }, { "NavigateToMatchingReport": "NavigateToMatchingReport"; "ConversationSelected": "ConversationSelected"; "NewReportCreated": "NewReportCreated"; "DrillDownEvent": "DrillDownEvent"; }, never, never, false, never>;
 }
 //# sourceMappingURL=skip-chat.component.d.ts.map

package/dist/lib/skip-chat/skip-chat.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-chat.component.d.ts","sourceRoot":"","sources":["../../../src/lib/skip-chat/skip-chat.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"skip-chat.component.d.ts","sourceRoot":"","sources":["../../../src/lib/skip-chat/skip-chat.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EAEhB,MAAM,EAEN,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,SAAS,EAET,iBAAiB,EAEjB,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAiB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAY,QAAQ,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAA4C,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEjK,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAIpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAOrE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;;AAEnD,qBAKa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS;IA2JrH,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,mBAAmB;IAhKpB,SAAS,EAAE,OAAO,CAAQ;IACnB,QAAQ,EAAE,wBAAwB,EAAE,CAAM;IAC1C,aAAa,EAAE,kBAAkB,EAAE,CAAM;IACzC,oBAAoB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACrD,oBAAoB,EAAE,OAAO,CAAS;IACtD;;OAEG;IACa,oBAAoB,EAAE,OAAO,CAAQ;IACrC,qBAAqB,EAAE,OAAO,CAAQ;IACtC,KAAK,EAAE,MAAM,CAAc;IAC3B,aAAa,EAAE,MAAM,CAAM;IAC3B,YAAY,EAAE,MAAM,CAAM;IAC1B,wBAAwB,EAAE,YAAY,CAAsB;IAC5D,qBAAqB,EAAE,OAAO,CAAQ;IACtC,gCAAgC,EAAE,OAAO,CAAS;IAClD,WAAW,EAAE,MAAM,CAA6C;IAChE,mBAAmB,EAAE,MAAM,CAAyC;IACpF;;OAEG;IACa,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAa;IAEjD,cAAc,EAAE,OAAO,CAAS;IAEhD;;OAEG;IACa,cAAc,EAAE,OAAO,CAAQ;IAE/C;;OAEG;IACa,8BAA8B,EAAE,OAAO,CAAS;IAEhE;;OAEG;IACa,iBAAiB,EAAE,OAAO,CAAQ;IAElD;;OAEG;IACa,uBAAuB,EAAE,MAAM,EAAE,CAAM;IAEvD;;OAEG;IACa,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpD;;OAEG;IACa,yBAAyB,EAAE,MAAM,CAAuC;IACxF;;OAEG;IACa,4BAA4B,EAAE,MAAM,CAAoB;IAIxE;;OAEG;IACO,wBAAwB,uBAA8B;IAEhE;;OAEG;IACO,oBAAoB,uBAA8B;IAE5D;;OAEG;IACO,gBAAgB,uBAA8B;IAExD;;OAEG;IACO,cAAc,8BAAqC;IAGrB,OAAO,EAAG,SAAS,CAAC;IACf,YAAY,EAAG,UAAU,CAAC;IACjB,cAAc,EAAG,gBAAgB,CAAC;IACtC,gBAAgB,EAAG,iBAAiB,CAAC;IAC5D,YAAY,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,eAAe,CAAyB;IACpD,WAAW,EAAG,UAAU,CAAC;IACnD,IAAsC,sBAAsB,CAC1D,SAAS,EAAE,4BAA4B,GAAG,SAAS,EASpD;IACD,mBAAmB,EAAE,4BAA4B,GAAG,IAAI,CAAQ;IAGhE;;OAEG;IACI,yBAAyB,EAAE,OAAO,CAAQ;IAE1C,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/C,WAAW,EAAG,WAAW,CAAC;IAE1B,uBAAuB,UAAS;IAEhC,0BAA0B,EAAE,MAAM,CAA+B;IAExE,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,wBAAwB,CAA8B;IAC9D,OAAO,CAAC,sBAAsB,CAAkC;IACzD,yBAAyB,EAAE,OAAO,CAAS;IAClD,OAAO,CAAC,iBAAiB,CAAuC;IAChE,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,MAAM,CAAC,iCAAiC,CAAa;IAC7D,OAAO,CAAC,GAAG,CAAC,CAAe;IAE3B;;OAEG;IACa,gBAAgB;;;;QAwB9B;gBAGQ,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,iBAAiB,EACxB,mBAAmB,EAAE,qBAAqB;IAKpD,OAAO,CAAC,kBAAkB,CAAgB;IAC1C,QAAQ;IAGR,WAAkB,+BAA+B,IAAI,MAAM,CAE1D;IAED,OAAO,CAAC,iBAAiB,CAA2B;IACpD,OAAO,CAAC,sBAAsB,CAA2B;IACzD,SAAS,CAAC,wBAAwB;IAqDlC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM;IAMpC,SAAS,CAAC,sBAAsB,CAAC,SAAS,EAAE,GAAG;IAoCxC,4BAA4B,CAAC,CAAC,EAAE,OAAO;IAI9C,IAAW,gCAAgC,IAAI,OAAO,CAErD;IAEM,uBAAuB,CAAC,IAAI,GAAE,OAAc;IAQ5C,wBAAwB,CAAC,IAAI,EAAE,kBAAkB;IAWxD,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAU7D,SAAS,CAAC,yBAAyB,CAAC,OAAO,EAAE,MAAM;cA2BnC,2BAA2B;IAe3C,IAAW,cAAc,IAAI,MAAM,GAAG,IAAI,CAQzC;IAED,WAAW;IAUX,SAAS,CAAC,2BAA2B;IAsB9B,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAa;IAC3D,oBAAoB,EAAE,OAAO,CAAS;IACtC,UAAU,EAAE,OAAO,CAAS;IAC5B,SAAS,EAAE,MAAM,CAAK;IAChB,eAAe;IAK5B,SAAS,KAAK,wBAAwB,IAAI,wBAAwB,CAEjE;IAGD;;OAEG;IACa,QAAQ,EAAE,OAAO,CAAQ;IAC5B,IAAI,CAAC,YAAY,GAAE,OAAe;IAiE/C;;OAEG;IACI,OAAO;IAId,OAAO,CAAC,eAAe,CAAkB;IACzC,kBAAkB,IAAI,IAAI;IAYnB,6BAA6B;IAKpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAA0B;cACtC,iBAAiB,CAAC,oBAAoB,GAAE,MAAM,GAAG,SAAqB;IAqFtF;;;;OAIG;IACU,sBAAsB,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,GAAG,SAAS,CAAC;IAYpG,OAAO,CAAC,aAAa,CAAc;IAC5B,SAAS,CAAC,YAAY,EAAE,kBAAkB;IAK1C,eAAe,CAAC,YAAY,EAAE,kBAAkB;IAK1C,aAAa,CAAC,YAAY,EAAE,kBAAkB;IA+BpD,mCAAmC,EAAE,OAAO,CAAS;IAC5D,OAAO,CAAC,qBAAqB,CAAiC;IACjD,qBAAqB,CAAC,YAAY,EAAE,kBAAkB;IAItD,uBAAuB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAM3C,WAAW,CAAC,YAAY,EAAE,kBAAkB;IAgC5C,qBAAqB;IAqElC,OAAO,CAAC,KAAK,EAAE,GAAG;IAIlB;;;OAGG;IACU,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC;IAoB1G;;;;;OAKG;IACU,kCAAkC,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAkBrI,8CAA8C,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAQ;IAE/F;;;;OAIG;IACU,kBAAkB,CAAC,YAAY,EAAE,kBAAkB;IAkHhE,SAAS,CAAC,oBAAoB,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;IAkB5D,aAAa,CAAC,KAAK,EAAE,GAAG;IAMxB,eAAe;IAUf,OAAO,CAAC,MAAM,CAAC,cAAc,CAS3B;IACF,OAAO,CAAC,kBAAkB,CAAgB;IAC1C,OAAO,CAAC,oBAAoB;IAa5B,SAAS,CAAC,mBAAmB,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAUxD,UAAU,CAAC,GAAG,EAAE,MAAM;IAqGtB,eAAe;IASrB,aAAa;IAKb,+BAA+B,CAAC,MAAM,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO;IAwBrH,oCAAoC,CAAC,MAAM,EAAE,wBAAwB;IAkB5E,SAAS,CAAC,sBAAsB,CAAC,aAAa,EAAE,wBAAwB;IAgBxE,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,wBAAwB,EAAE,qBAAqB,GAAE,OAAc;IAa3G,SAAS,CAAC,sBAAsB;IAUhC,SAAS,CAAC,iBAAiB,CAAC,aAAa,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,OAAO;IA0DjG,WAAW;IAmBX,cAAc,IAAI,IAAI;IAMtB,qBAAqB;cAOL,sBAAsB,IAAI,OAAO,CAAC,MAAM,CAAC;IAmEnD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,oBAAoB,EAAE,kBAAkB,GAAG,SAAS;cAgCvG,kBAAkB,CAAC,cAAc,EAAE,MAAM;IAOzD,OAAO,CAAC,iBAAiB,CAA8B;IACvD,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,kBAAkB,GAAG,OAAO;IAY9D,eAAe,IAAI,OAAO;IAgB1B,0BAA0B,EAAE,OAAO,CAAS;IAC5C,qBAAqB;IAGrB,sBAAsB;IAItB,sBAAsB,EAAE,OAAO,CAAS;IACxC,iBAAiB;IAGX,kBAAkB,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI;IAgBpD,OAAO,CAAC,uBAAuB;IAIxB,UAAU;IAMV,UAAU;IAejB,OAAO,CAAC,0BAA0B;IAY3B,oCAAoC,EAAE,OAAO,CAAS;IACtD,qBAAqB,EAAE,wBAAwB,GAAG,SAAS,CAAC;IAC5D,uBAAuB,EAAE,MAAM,GAAG,QAAQ,CAAU;IACpD,gCAAgC,CAAC,OAAO,EAAE,wBAAwB,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ;IAO3F,wBAAwB,CAAC,OAAO,EAAE,wBAAwB;IAG1D,0BAA0B,CAAC,OAAO,EAAE,wBAAwB;IAI5D,8BAA8B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;cAgBzC,WAAW,CAAC,OAAO,EAAE,wBAAwB;cAQ7C,aAAa,CAAC,OAAO,EAAE,wBAAwB;IAgD/D,IAAW,iBAAiB,IAAI,MAAM,CAOrC;yCA7iDU,iBAAiB;2CAAjB,iBAAiB;CA8iD7B"}

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

@@ -421,6 +421,10 @@ export class SkipChatComponent extends BaseAngularComponent {
          * This event fires whenever a new report is created.
          */
         this.NewReportCreated = new EventEmitter();
+        /**
+         * This event fires whenever a drill down is requested within a given report.
+         */
+        this.DrillDownEvent = new EventEmitter();
         this.resourcePermissions = null;
         /**
          * Internal state variable to track if the conversation list is visible or not. Defaults to true. Conversation List only is shown if this is true and ShowConversationList is true.
@@ -1430,6 +1434,9 @@ export class SkipChatComponent extends BaseAngularComponent {
         obj.EditMessageRequested.subscribe((message) => {
             this.HandleMessageEditRequest(message);
         });
+        obj.DrillDownEvent.subscribe((drillDownInfo) => {
+            this.DrillDownEvent.emit(drillDownInfo);
+        });
         obj.Provider = this.ProviderToUse;
         obj.SkipMarkOnlyLogoURL = this.SkipMarkOnlyLogoURL;
         obj.UserImage = this.UserImage;
@@ -1462,9 +1469,12 @@ export class SkipChatComponent extends BaseAngularComponent {
             const buffer = 15; // Tolerance in pixels
             // Calculate the difference between the scroll height and the sum of scroll top and client height
             const scrollDifference = element.scrollHeight - (element.scrollTop + element.clientHeight);
+            // Only show the icon if there's actually content to scroll (more than the viewport height)
+            const hasScrollableContent = element.scrollHeight > element.clientHeight + 50; // 50px as minimum scrollable content
             // Consider it at the bottom if the difference is less than or equal to the buffer
             const atBottom = scrollDifference <= buffer;
-            this._showScrollToBottomIcon = !atBottom;
+            // Only show the icon if not at bottom AND has enough content to scroll
+            this._showScrollToBottomIcon = !atBottom && hasScrollableContent;
         }
     }
     scrollToBottom() {
@@ -1793,7 +1803,7 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topLevelDiv = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourcePermissionsRef = _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", SkipLogoURL: "SkipLogoURL", SkipMarkOnlyLogoURL: "SkipMarkOnlyLogoURL", UserImage: "UserImage", VerboseLogging: "VerboseLogging", UpdateAppRoute: "UpdateAppRoute", ShowSkipLogoInConversationList: "ShowSkipLogoInConversationList", ShowSharingButton: "ShowSharingButton", SharingExcludeRoleNames: "SharingExcludeRoleNames", SharingExcludeEmails: "SharingExcludeEmails", DefaultTextboxPlaceholder: "DefaultTextboxPlaceholder", ProcessingTextBoxPlaceholder: "ProcessingTextBoxPlaceholder", WelcomeQuestions: "WelcomeQuestions", AutoLoad: "AutoLoad" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", ConversationSelected: "ConversationSelected", NewReportCreated: "NewReportCreated" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 12, consts: [["topLevelDiv", ""], ["AskSkipPanel", "", "scrollContainer", ""], ["conversationList", ""], ["AskSkipInput", ""], ["resourcePermissions", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], [1, "layout"], [1, "left-panel"], [1, "fa-solid", "fa-table-columns", "toggle-icon"], [1, "right-panel"], ["mjFillContainer", "", 1, "conversation-wrapper"], [1, "messages", 3, "scroll"], ["class", "welcome-wrapper", 4, "ngIf"], [1, "loading-convo-messages-wrapper"], ["mjContainer", "", "mjSkipResize", "true"], ["class", "scroll-to-bottom-icon", 3, "click", 4, "ngIf"], [1, "input-area"], [3, "dataContextId", "Provider"], ["title", "Share Conversation", 3, "width", "height"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], [1, "fa-solid", "fa-table-columns", "toggle-icon", 3, "click"], [1, "avatar", 3, "src"], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], [4, "ngIf"], ["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, "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, "text-area-wrapper"], ["type", "text", 3, "keyup.enter", "input", "disabled", "placeholder"], [1, "button-area"], ["kendoButton", ""], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], ["kendoButton", "", 1, "share-button"], [1, "fa-solid", "fa-gear", 3, "click"], [1, "fa-solid", "fa-share", 3, "click"], [3, "dialogClosed", "dataContextId", "Provider"], ["title", "Share Conversation", 3, "close", "width", "height"], [3, "Provider", "ResourceTypeID", "ResourceRecordID", "ExcludedRoleNames", "ExcludedUserEmails"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["title", "Please confirm", 3, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"]], 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", VerboseLogging: "VerboseLogging", UpdateAppRoute: "UpdateAppRoute", ShowSkipLogoInConversationList: "ShowSkipLogoInConversationList", ShowSharingButton: "ShowSharingButton", SharingExcludeRoleNames: "SharingExcludeRoleNames", SharingExcludeEmails: "SharingExcludeEmails", DefaultTextboxPlaceholder: "DefaultTextboxPlaceholder", ProcessingTextBoxPlaceholder: "ProcessingTextBoxPlaceholder", WelcomeQuestions: "WelcomeQuestions", AutoLoad: "AutoLoad" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", ConversationSelected: "ConversationSelected", NewReportCreated: "NewReportCreated", DrillDownEvent: "DrillDownEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 12, consts: [["topLevelDiv", ""], ["AskSkipPanel", "", "scrollContainer", ""], ["conversationList", ""], ["AskSkipInput", ""], ["resourcePermissions", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], [1, "layout"], [1, "left-panel"], [1, "fa-solid", "fa-table-columns", "toggle-icon"], [1, "right-panel"], [1, "conversation-wrapper"], [1, "messages", 3, "scroll"], ["class", "welcome-wrapper", 4, "ngIf"], [1, "loading-convo-messages-wrapper"], ["mjContainer", "", "mjSkipResize", "true"], ["class", "scroll-to-bottom-icon", 3, "click", 4, "ngIf"], [1, "input-area"], [3, "dataContextId", "Provider"], ["title", "Share Conversation", 3, "width", "height"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], [1, "fa-solid", "fa-table-columns", "toggle-icon", 3, "click"], [1, "avatar", 3, "src"], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], [4, "ngIf"], ["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, "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, "text-area-wrapper"], ["type", "text", 3, "keyup.enter", "input", "disabled", "placeholder"], [1, "button-area"], ["kendoButton", ""], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], ["kendoButton", "", 1, "share-button"], [1, "fa-solid", "fa-gear", 3, "click"], [1, "fa-solid", "fa-share", 3, "click"], [3, "dialogClosed", "dataContextId", "Provider"], ["title", "Share Conversation", 3, "close", "width", "height"], [3, "Provider", "ResourceTypeID", "ResourceRecordID", "ExcludedRoleNames", "ExcludedUserEmails"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["title", "Please confirm", 3, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "div", 5, 0)(2, "div", 6);
         i0.ɵɵtemplate(3, SkipChatComponent_Conditional_3_Template, 9, 9, "div", 7)(4, SkipChatComponent_Conditional_4_Template, 1, 0, "span", 8);
@@ -1828,10 +1838,10 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         i0.ɵɵproperty("ngIf", ctx.confirmDeleteConversationDialogOpen);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.confirmMessageEditOrDeleteDialogOpen);
-    } }, dependencies: [i2.NgClass, i2.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.MaxLengthValidator, i4.NgModel, i5.LoaderComponent, i6.DialogComponent, i6.DialogActionsComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent, i11.ResourcePermissionsComponent], styles: [".layout[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row; \n\n    height: 100%; \n\n    width: 100%; \n\n    position: relative;\n}\n\n.left-panel[_ngcontent-%COMP%] {\n    width: 272px; \n\n    background-color: #f8f9fa; \n\n    border-right: 1px solid #ddd; \n\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    position: relative;\n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n}\n\n\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n.right-panel[_ngcontent-%COMP%] {\n    flex: 1; \n\n    overflow-y: auto; \n\n}\n\n\n.new-convo-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel[_ngcontent-%COMP%]   .toggle-icon[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; \n\n}\n\n\n.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: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; \n\n    overflow-x: hidden; \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    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n}\n\n\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar {\nwidth: 8px; \n\nbackground-color: #f8f9fa; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\nbackground-color: #d3d3d3; \n\nborder-radius: 4px; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\nbackground-color: #c0c0c0; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-track {\nbackground-color: #f8f9fa; \n\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-area[_ngcontent-%COMP%] {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n\n\n.button-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\n}\n\n\n\n\n\n\n\n\n\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\n\n\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.loading-convo-messages-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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}"] });
+    } }, dependencies: [i2.NgClass, i2.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.MaxLengthValidator, i4.NgModel, i5.LoaderComponent, i6.DialogComponent, i6.DialogActionsComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent, i11.ResourcePermissionsComponent], styles: [".layout[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row; \n\n    height: 100%; \n\n    width: 100%; \n\n    position: relative;\n}\n\n.left-panel[_ngcontent-%COMP%] {\n    width: 272px; \n\n    background-color: #f8f9fa; \n\n    border-right: 1px solid #ddd; \n\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    position: relative;\n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n}\n\n\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n.right-panel[_ngcontent-%COMP%] {\n    flex: 1; \n\n    overflow-y: auto; \n\n}\n\n\n.new-convo-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel[_ngcontent-%COMP%]   .toggle-icon[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; \n\n}\n\n\n.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    height: 100%; \n\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; \n\n    overflow-x: hidden; \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    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n    position: relative; \n\n}\n\n\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar {\nwidth: 8px; \n\nbackground-color: #f8f9fa; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\nbackground-color: #d3d3d3; \n\nborder-radius: 4px; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\nbackground-color: #c0c0c0; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-track {\nbackground-color: #f8f9fa; \n\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    position: sticky;\n    bottom: 0;\n    background-color: #f9f9f9;\n    z-index: 10;\n}\n\n.input-area[_ngcontent-%COMP%]    > .button-area[_ngcontent-%COMP%] {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n\n\n.button-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\n}\n\n\n\n\n\n\n\n\n\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\n\n\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: fixed;\n    bottom: 120px; \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    opacity: 0.9; \n\n}\n\n.loading-convo-messages-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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}"] });
 (() => { (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    <div class=\"layout\">\n        @if (IsConversationListVisible) {\n            <div class=\"left-panel\">\n                <div class=\"conversation-history\">\n                    <div class=\"new-chat-area\">\n                        <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(false)\"></span>\n                        @if (ShowSkipLogoInConversationList) {\n                            <img [src]=\"SkipLogoURL\" class=\"avatar\" />\n                        }\n                        @if (AllowNewConversations) {\n                            <span class=\"fa-solid fa-pen-to-square new-convo-icon\" (click)=\"CreateNewConversation()\"></span>                            \n                        }\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]=\"50\"\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            </div>\n        }\n        @if (!IsConversationListVisible) {\n            <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(true)\"></span>\n        }\n\n        <div class=\"right-panel\">\n            <div class=\"conversation-wrapper\" mjFillContainer>\n                <div #AskSkipPanel class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\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                    @if (!_conversationLoadComplete) {\n                        <div class=\"loading-convo-messages-wrapper\">\n                            <kendo-loader></kendo-loader>\n                        </div>\n                    }   \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                @if (SelectedConversationCurrentUserPermissionLevel === 'Owner' || \n                     SelectedConversationCurrentUserPermissionLevel === 'Edit') {\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]=\"_AskSkipTextboxPlaceholder\"></textarea>\n                        </div>\n                        <div class=\"button-area\" [style.marginLeft.px]=\"-35 * NumVisibleButtons\">\n                            @if (ShowDataContextButton) {\n                                <button kendoButton >\n                                    <span class=\"fa-solid fa-gear\" \n                                            (click)=\"showDataContextDialog()\"></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                            @if (ShowSharingButton && SelectedConversationCurrentUserPermissionLevel === 'Owner') {\n                                <button kendoButton class=\"share-button\">\n                                    <span class=\"fa-solid fa-share\"\n                                            (click)=\"showSharingDialog()\"></span>\n                                </button>    \n                            }\n                        </div>\n                    </div>\n                }\n            </div>    \n        </div>\n    </div> \n</div>     \n\n@if(isDataContextDialogVisible) {\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\" [Provider]=\"ProviderToUse\"></mj-data-context-dialog>\n}\n@if(isSharingDialogVisible && SelectedConversation && conversationResourceTypeID) {\n    <kendo-dialog\n        title=\"Share Conversation\"\n        (close)=\"closeSharingDialog('no')\"\n        [width]=\"650\"\n        [height]=\"400\"\n    >\n        <mj-resource-permissions \n            [Provider]=\"Provider\"\n            [ResourceTypeID]=\"conversationResourceTypeID\"\n            [ResourceRecordID]=\"SelectedConversation.ID\"\n            [ExcludedRoleNames]=\"SharingExcludeRoleNames\"\n            [ExcludedUserEmails]=\"SharingExcludeEmails\"\n            #resourcePermissions\n        >\n        </mj-resource-permissions>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"closeSharingDialog('yes')\" themeColor=\"primary\">\n                Save\n            </button>\n        <button kendoButton (click)=\"closeSharingDialog('no')\">\n            Cancel\n        </button>\n        </kendo-dialog-actions>\n    </kendo-dialog>    \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>    \n\n<kendo-dialog\n    title=\"Please confirm\"\n    *ngIf=\"confirmMessageEditOrDeleteDialogOpen\"\n    (close)=\"closeMessageEditOrDeleteDialog('no')\"\n    [minWidth]=\"250\"\n    [width]=\"450\"\n>\n    <p style=\"margin: 30px; text-align: center;\">\n        Would you like to {{messageEditOrDeleteType}} this message? Doing so will result in any subsequent messages in the conversation being deleted.\n    </p>\n    <kendo-dialog-actions>\n        <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('yes')\" themeColor=\"primary\">\n            Yes\n        </button>\n    <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('no')\">\n        No\n    </button>\n    </kendo-dialog-actions>\n</kendo-dialog>  ", styles: [".layout {\n    display: flex;\n    flex-direction: row; /* Ensures left and right panels are side by side */\n    height: 100%; /* Fill the available height */\n    width: 100%; /* Fill the available width */\n    position: relative;\n}\n\n.left-panel {\n    width: 272px; /* Fixed width for the conversation list */\n    background-color: #f8f9fa; /* Optional: Background color */\n    border-right: 1px solid #ddd; /* Optional: Add a divider */\n    overflow-y: auto; /* Enable scrolling if content overflows */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\n    position: relative;\n\n    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.left-panel::-webkit-scrollbar {\n    width: 8px; /* Narrower scrollbar */\n    background-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.left-panel::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; /* Lighter gray scrollbar thumb */\n    border-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.left-panel::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.left-panel::-webkit-scrollbar-track {\n    background-color: #f8f9fa; /* Background of the scrollbar track */\n}\n\n.right-panel {\n    flex: 1; /* Take up the remaining space */\n    overflow-y: auto; /* Enable scrolling for the conversation content */\n}\n\n\n.new-convo-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel .toggle-icon {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; /* For the right panel toggle */\n}\n\n\n.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: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\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    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.messages::-webkit-scrollbar {\nwidth: 8px; /* Narrower scrollbar */\nbackground-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.messages::-webkit-scrollbar-thumb {\nbackground-color: #d3d3d3; /* Lighter gray scrollbar thumb */\nborder-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.messages::-webkit-scrollbar-thumb:hover {\nbackground-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.messages::-webkit-scrollbar-track {\nbackground-color: #f8f9fa; /* Background of the scrollbar track */\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-area {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n/*all buttons in the button area within the input area*/\n.button-area > button {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\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.input-area > .share-button {\n    margin-left: 10px;\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.loading-convo-messages-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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  \n"] }]
+        args: [{ selector: 'skip-chat', template: "<div class = \"chat-container\" mjFillContainer #topLevelDiv [bottomMargin]=\"10\" [rightMargin]=\"10\">\n    <div class=\"layout\">\n        @if (IsConversationListVisible) {\n            <div class=\"left-panel\">\n                <div class=\"conversation-history\">\n                    <div class=\"new-chat-area\">\n                        <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(false)\"></span>\n                        @if (ShowSkipLogoInConversationList) {\n                            <img [src]=\"SkipLogoURL\" class=\"avatar\" />\n                        }\n                        @if (AllowNewConversations) {\n                            <span class=\"fa-solid fa-pen-to-square new-convo-icon\" (click)=\"CreateNewConversation()\"></span>                            \n                        }\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]=\"50\"\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            </div>\n        }\n        @if (!IsConversationListVisible) {\n            <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(true)\"></span>\n        }\n\n        <div class=\"right-panel\">\n            <div class=\"conversation-wrapper\">\n                <div #AskSkipPanel class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\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                    @if (!_conversationLoadComplete) {\n                        <div class=\"loading-convo-messages-wrapper\">\n                            <kendo-loader></kendo-loader>\n                        </div>\n                    }   \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                @if (SelectedConversationCurrentUserPermissionLevel === 'Owner' || \n                     SelectedConversationCurrentUserPermissionLevel === 'Edit') {\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]=\"_AskSkipTextboxPlaceholder\"></textarea>\n                        </div>\n                        <div class=\"button-area\" [style.marginLeft.px]=\"-35 * NumVisibleButtons\">\n                            @if (ShowDataContextButton) {\n                                <button kendoButton >\n                                    <span class=\"fa-solid fa-gear\" \n                                            (click)=\"showDataContextDialog()\"></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                            @if (ShowSharingButton && SelectedConversationCurrentUserPermissionLevel === 'Owner') {\n                                <button kendoButton class=\"share-button\">\n                                    <span class=\"fa-solid fa-share\"\n                                            (click)=\"showSharingDialog()\"></span>\n                                </button>    \n                            }\n                        </div>\n                    </div>\n                }\n            </div>    \n        </div>\n    </div> \n</div>     \n\n@if(isDataContextDialogVisible) {\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\" [Provider]=\"ProviderToUse\"></mj-data-context-dialog>\n}\n@if(isSharingDialogVisible && SelectedConversation && conversationResourceTypeID) {\n    <kendo-dialog\n        title=\"Share Conversation\"\n        (close)=\"closeSharingDialog('no')\"\n        [width]=\"650\"\n        [height]=\"400\"\n    >\n        <mj-resource-permissions \n            [Provider]=\"Provider\"\n            [ResourceTypeID]=\"conversationResourceTypeID\"\n            [ResourceRecordID]=\"SelectedConversation.ID\"\n            [ExcludedRoleNames]=\"SharingExcludeRoleNames\"\n            [ExcludedUserEmails]=\"SharingExcludeEmails\"\n            #resourcePermissions\n        >\n        </mj-resource-permissions>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"closeSharingDialog('yes')\" themeColor=\"primary\">\n                Save\n            </button>\n        <button kendoButton (click)=\"closeSharingDialog('no')\">\n            Cancel\n        </button>\n        </kendo-dialog-actions>\n    </kendo-dialog>    \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>    \n\n<kendo-dialog\n    title=\"Please confirm\"\n    *ngIf=\"confirmMessageEditOrDeleteDialogOpen\"\n    (close)=\"closeMessageEditOrDeleteDialog('no')\"\n    [minWidth]=\"250\"\n    [width]=\"450\"\n>\n    <p style=\"margin: 30px; text-align: center;\">\n        Would you like to {{messageEditOrDeleteType}} this message? Doing so will result in any subsequent messages in the conversation being deleted.\n    </p>\n    <kendo-dialog-actions>\n        <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('yes')\" themeColor=\"primary\">\n            Yes\n        </button>\n    <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('no')\">\n        No\n    </button>\n    </kendo-dialog-actions>\n</kendo-dialog>  ", styles: [".layout {\n    display: flex;\n    flex-direction: row; /* Ensures left and right panels are side by side */\n    height: 100%; /* Fill the available height */\n    width: 100%; /* Fill the available width */\n    position: relative;\n}\n\n.left-panel {\n    width: 272px; /* Fixed width for the conversation list */\n    background-color: #f8f9fa; /* Optional: Background color */\n    border-right: 1px solid #ddd; /* Optional: Add a divider */\n    overflow-y: auto; /* Enable scrolling if content overflows */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\n    position: relative;\n\n    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.left-panel::-webkit-scrollbar {\n    width: 8px; /* Narrower scrollbar */\n    background-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.left-panel::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; /* Lighter gray scrollbar thumb */\n    border-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.left-panel::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.left-panel::-webkit-scrollbar-track {\n    background-color: #f8f9fa; /* Background of the scrollbar track */\n}\n\n.right-panel {\n    flex: 1; /* Take up the remaining space */\n    overflow-y: auto; /* Enable scrolling for the conversation content */\n}\n\n\n.new-convo-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel .toggle-icon {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; /* For the right panel toggle */\n}\n\n\n.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    height: 100%; /* Ensure it takes full height */\n}\n\n.new-conversation {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history {\n    width: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\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    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n    position: relative; /* For proper positioning of scroll icon */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.messages::-webkit-scrollbar {\nwidth: 8px; /* Narrower scrollbar */\nbackground-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.messages::-webkit-scrollbar-thumb {\nbackground-color: #d3d3d3; /* Lighter gray scrollbar thumb */\nborder-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.messages::-webkit-scrollbar-thumb:hover {\nbackground-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.messages::-webkit-scrollbar-track {\nbackground-color: #f8f9fa; /* Background of the scrollbar track */\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    position: sticky;\n    bottom: 0;\n    background-color: #f9f9f9;\n    z-index: 10;\n}\n\n.input-area > .button-area {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n/*all buttons in the button area within the input area*/\n.button-area > button {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\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.input-area > .share-button {\n    margin-left: 10px;\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: fixed;\n    bottom: 120px; /* Position relative to the viewport */\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 */\n    color: black; /* Icon color */\n    border-radius: 50%; /* Makes the background a circle */\n    width: 40px; /* Circle size */\n    height: 40px; /* Circle size */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); /* Subtle shadow for better visibility */\n    cursor: pointer;\n    opacity: 0.9; /* Slightly transparent */\n}\n\n.loading-convo-messages-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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  \n"] }]
     }], () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: i2.Location }, { type: i0.ChangeDetectorRef }, { type: i3.MJNotificationService }], { AllowSend: [{
             type: Input
         }], Messages: [{
@@ -1886,6 +1896,8 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
             type: Output
         }], NewReportCreated: [{
             type: Output
+        }], DrillDownEvent: [{
+            type: Output
         }], askSkip: [{
             type: ViewChild,
             args: [Container, { static: true }]
@@ -1915,5 +1927,5 @@ SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatC
         }], AutoLoad: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipChatComponent, { className: "SkipChatComponent", filePath: "src/lib/skip-chat/skip-chat.component.ts", lineNumber: 44 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipChatComponent, { className: "SkipChatComponent", filePath: "src/lib/skip-chat/skip-chat.component.ts", lineNumber: 45 }); })();
 //# sourceMappingURL=skip-chat.component.js.map