@memberjunction/ng-base-forms 1.1.2 → 1.2.0

package/dist/lib/form-toolbar.d.ts

@@ -1,9 +1,14 @@
 import { BaseFormComponent } from './base-form-component';
+import { PrimaryKeyValue } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 export declare class FormToolbarComponent {
+    ShowSkipChatButton: boolean;
     form: BaseFormComponent;
     saveRecord(event: MouseEvent): void;
+    get LinkedEntityPrimaryKeys(): PrimaryKeyValue[];
+    SkipChatVisible: boolean;
+    ShowSkipChat(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormToolbarComponent, "mj-form-toolbar", never, { "form": { "alias": "form"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormToolbarComponent, "mj-form-toolbar", never, { "ShowSkipChatButton": { "alias": "ShowSkipChatButton"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=form-toolbar.d.ts.map

package/dist/lib/form-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-toolbar.d.ts","sourceRoot":"","sources":["../../src/lib/form-toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAG1D,qBAyDa,oBAAoB;IACpB,IAAI,EAAG,iBAAiB,CAAC;IAE3B,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAHjC,oBAAoB;2CAApB,oBAAoB;CAWhC"}
+{"version":3,"file":"form-toolbar.d.ts","sourceRoot":"","sources":["../../src/lib/form-toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAY,eAAe,EAAiC,MAAM,sBAAsB,CAAC;;AAKhG,qBAwEa,oBAAoB;IACpB,kBAAkB,EAAE,OAAO,CAAQ;IACnC,IAAI,EAAG,iBAAiB,CAAC;IAE3B,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAS1C,IAAW,uBAAuB,IAAI,eAAe,EAAE,CAEtD;IAEM,eAAe,EAAE,OAAO,CAAS;IACjC,YAAY,IAAI,IAAI;yCAlBlB,oBAAoB;2CAApB,oBAAoB;CAsBhC"}

package/dist/lib/form-toolbar.js

@@ -1,38 +1,40 @@
 import { Component, Input } from '@angular/core';
+import { SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-record-changes";
 import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@memberjunction/ng-ask-skip";
 function FormToolbarComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.form.StartEditMode()); });
-    i0.ɵɵelement(1, "span", 5);
-    i0.ɵɵelementStart(2, "span", 6);
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.form.StartEditMode()); });
+    i0.ɵɵelement(1, "span", 7);
+    i0.ɵɵelementStart(2, "span", 8);
     i0.ɵɵtext(3, "Edit");
     i0.ɵɵelementEnd()();
 } }
 function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r10.form.RemoveFavorite()); });
-    i0.ɵɵelement(1, "span", 9);
-    i0.ɵɵelementEnd();
-} }
-function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r12.form.MakeFavorite()); });
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r12.form.RemoveFavorite()); });
     i0.ɵɵelement(1, "span", 11);
     i0.ɵɵelementEnd();
 } }
+function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r14.form.MakeFavorite()); });
+    i0.ɵɵelement(1, "span", 13);
+    i0.ɵɵelementEnd();
+} }
 function FormToolbarComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormToolbarComponent_Conditional_1_Conditional_1_Conditional_0_Template, 2, 0, "button", 7)(1, FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template, 2, 0);
+    i0.ɵɵtemplate(0, FormToolbarComponent_Conditional_1_Conditional_1_Conditional_0_Template, 2, 0, "button", 9)(1, FormToolbarComponent_Conditional_1_Conditional_1_Conditional_1_Template, 2, 0);
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(0, ctx_r5.form.IsFavorite ? 0 : 1);
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(0, ctx_r7.form.IsFavorite ? 0 : 1);
 } }
 function FormToolbarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, FormToolbarComponent_Conditional_1_Conditional_0_Template, 4, 0, "button", 3)(1, FormToolbarComponent_Conditional_1_Conditional_1_Template, 2, 1);
+    i0.ɵɵtemplate(0, FormToolbarComponent_Conditional_1_Conditional_0_Template, 4, 0, "button", 5)(1, FormToolbarComponent_Conditional_1_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵconditional(0, ctx_r0.form.UserCanEdit ? 0 : -1);
@@ -40,53 +42,73 @@ function FormToolbarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(1, ctx_r0.form.FavoriteInitDone ? 1 : -1);
 } }
 function FormToolbarComponent_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 17);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_2_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.form.ShowChanges()); });
-    i0.ɵɵelement(1, "span", 18);
-    i0.ɵɵelementStart(2, "span", 6);
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_2_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.form.ShowChanges()); });
+    i0.ɵɵelement(1, "span", 20);
+    i0.ɵɵelementStart(2, "span", 8);
     i0.ɵɵtext(3, "Changes");
     i0.ɵɵelementEnd()();
 } }
 function FormToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("mouseup", function FormToolbarComponent_Conditional_2_Template_button_mouseup_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.saveRecord($event)); });
-    i0.ɵɵelement(1, "span", 13);
-    i0.ɵɵelementStart(2, "span", 6);
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("mouseup", function FormToolbarComponent_Conditional_2_Template_button_mouseup_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.saveRecord($event)); });
+    i0.ɵɵelement(1, "span", 15);
+    i0.ɵɵelementStart(2, "span", 8);
     i0.ɵɵtext(3, "Save");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "button", 14);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.form.CancelEdit()); });
-    i0.ɵɵelement(5, "span", 15);
-    i0.ɵɵelementStart(6, "span", 6);
+    i0.ɵɵelementStart(4, "button", 16);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.form.CancelEdit()); });
+    i0.ɵɵelement(5, "span", 17);
+    i0.ɵɵelementStart(6, "span", 8);
     i0.ɵɵtext(7, "Cancel");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, FormToolbarComponent_Conditional_2_Conditional_8_Template, 4, 0, "button", 16);
+    i0.ɵɵtemplate(8, FormToolbarComponent_Conditional_2_Conditional_8_Template, 4, 0, "button", 18);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(8);
     i0.ɵɵconditional(8, ctx_r1.form.record.Dirty ? 8 : -1);
 } }
 function FormToolbarComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.form.handleHistoryDialog()); });
-    i0.ɵɵelement(1, "span", 20);
-    i0.ɵɵelementStart(2, "span", 6);
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.form.handleHistoryDialog()); });
+    i0.ɵɵelement(1, "span", 22);
+    i0.ɵɵelementStart(2, "span", 8);
     i0.ɵɵtext(3, "History");
     i0.ɵɵelementEnd()();
 } }
 function FormToolbarComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-changes", 21);
-    i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_Conditional_4_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.form.handleHistoryDialog()); });
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 23);
+    i0.ɵɵlistener("click", function FormToolbarComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.ShowSkipChat()); });
+    i0.ɵɵelement(1, "span", 24);
+    i0.ɵɵelementEnd();
+} }
+function FormToolbarComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-skip-chat-with-record-window", 25, 26);
+    i0.ɵɵlistener("WindowClosed", function FormToolbarComponent_Conditional_5_Template_mj_skip_chat_with_record_window_WindowClosed_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.ShowSkipChat()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("record", ctx_r3.form.record);
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("LinkedEntityID", ctx_r4.form.EntityInfo.ID)("LinkedEntityPrimaryKeys", ctx_r4.LinkedEntityPrimaryKeys)("WindowOpened", ctx_r4.SkipChatVisible);
+} }
+function FormToolbarComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-changes", 27);
+    i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_Conditional_6_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.form.handleHistoryDialog()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("record", ctx_r5.form.record);
 } }
 export class FormToolbarComponent {
+    constructor() {
+        this.ShowSkipChatButton = true;
+        this.SkipChatVisible = false;
+    }
     saveRecord(event) {
         // Ensure the button takes focus
         const button = event.target;
@@ -94,11 +116,18 @@ export class FormToolbarComponent {
         // Proceed to call your save record function
         this.form.SaveRecord(true);
     }
+    get LinkedEntityPrimaryKeys() {
+        return this.form.record.PrimaryKeys.map(pk => ({ FieldName: pk.Name, Value: pk.Value }));
+    }
+    ShowSkipChat() {
+        this.SkipChatVisible = !this.SkipChatVisible;
+        SharedService.Instance.InvokeManualResize();
+    }
 }
 FormToolbarComponent.ɵfac = function FormToolbarComponent_Factory(t) { return new (t || FormToolbarComponent)(); };
-FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { form: "form" }, decls: 5, vars: 3, consts: [[1, "toolbar-container"], ["kendoButton", "", "title", "Show History"], [3, "record"], ["kendoButton", "", "title", "Edit Record"], ["kendoButton", "", "title", "Edit Record", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "button-text"], ["kendoButton", "", "title", "Remove Favorite"], ["kendoButton", "", "title", "Remove Favorite", 3, "click"], [1, "fa-solid", "fa-star"], ["kendoButton", "", "title", "Make Favorite", 3, "click"], [1, "fa-regular", "fa-star"], ["kendoButton", "", "title", "Save Record", 3, "mouseup"], [1, "fa-solid", "fa-floppy-disk"], ["kendoButton", "", "title", "Cancel Edit", 3, "click"], [1, "fa-solid", "fa-rotate-left"], ["kendoButton", "", "title", "Fields you have changed"], ["kendoButton", "", "title", "Fields you have changed", 3, "click"], [1, "fa-solid", "fa-clipboard-list"], ["kendoButton", "", "title", "Show History", 3, "click"], [1, "fa-solid", "fa-business-time"], [3, "record", "dialogClosed"]], template: function FormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { ShowSkipChatButton: "ShowSkipChatButton", form: "form" }, decls: 7, vars: 5, consts: [[1, "toolbar-container"], ["kendoButton", "", "title", "Show History"], ["kendoButton", "", "title", "Discuss this record with Skip"], [3, "LinkedEntityID", "LinkedEntityPrimaryKeys", "WindowOpened"], [3, "record"], ["kendoButton", "", "title", "Edit Record"], ["kendoButton", "", "title", "Edit Record", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "button-text"], ["kendoButton", "", "title", "Remove Favorite"], ["kendoButton", "", "title", "Remove Favorite", 3, "click"], [1, "fa-solid", "fa-star"], ["kendoButton", "", "title", "Make Favorite", 3, "click"], [1, "fa-regular", "fa-star"], ["kendoButton", "", "title", "Save Record", 3, "mouseup"], [1, "fa-solid", "fa-floppy-disk"], ["kendoButton", "", "title", "Cancel Edit", 3, "click"], [1, "fa-solid", "fa-rotate-left"], ["kendoButton", "", "title", "Fields you have changed"], ["kendoButton", "", "title", "Fields you have changed", 3, "click"], [1, "fa-solid", "fa-clipboard-list"], ["kendoButton", "", "title", "Show History", 3, "click"], [1, "fa-solid", "fa-business-time"], ["kendoButton", "", "title", "Discuss this record with Skip", 3, "click"], [1, "fa-regular", "fa-comment-dots"], [3, "LinkedEntityID", "LinkedEntityPrimaryKeys", "WindowOpened", "WindowClosed"], ["mjChat", ""], [3, "record", "dialogClosed"]], template: function FormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, FormToolbarComponent_Conditional_1_Template, 2, 2)(2, FormToolbarComponent_Conditional_2_Template, 9, 1)(3, FormToolbarComponent_Conditional_3_Template, 4, 0, "button", 1)(4, FormToolbarComponent_Conditional_4_Template, 1, 1, "mj-record-changes", 2);
+        i0.ɵɵtemplate(1, FormToolbarComponent_Conditional_1_Template, 2, 2)(2, FormToolbarComponent_Conditional_2_Template, 9, 1)(3, FormToolbarComponent_Conditional_3_Template, 4, 0, "button", 1)(4, FormToolbarComponent_Conditional_4_Template, 2, 0, "button", 2)(5, FormToolbarComponent_Conditional_5_Template, 2, 3, "mj-skip-chat-with-record-window", 3)(6, FormToolbarComponent_Conditional_6_Template, 1, 1, "mj-record-changes", 4);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance();
@@ -106,8 +135,12 @@ FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormTo
         i0.ɵɵadvance(2);
         i0.ɵɵconditional(3, (ctx.form.EntityInfo == null ? null : ctx.form.EntityInfo.TrackRecordChanges) ? 3 : -1);
         i0.ɵɵadvance();
-        i0.ɵɵconditional(4, ctx.form.isHistoryDialogOpen ? 4 : -1);
-    } }, dependencies: [i1.RecordChangesComponent, i2.ButtonComponent], styles: ["button[_ngcontent-%COMP%] { margin-right: 10px; }", ".button-text[_ngcontent-%COMP%] { margin-left: 7px; }", ".toolbar-container[_ngcontent-%COMP%] { border-bottom: solid 1px lightgray; padding-bottom: 10px; margin-bottom: 5px; }"] });
+        i0.ɵɵconditional(4, ctx.ShowSkipChatButton ? 4 : -1);
+        i0.ɵɵadvance();
+        i0.ɵɵconditional(5, ctx.form.EntityInfo ? 5 : -1);
+        i0.ɵɵadvance();
+        i0.ɵɵconditional(6, ctx.form.isHistoryDialogOpen ? 6 : -1);
+    } }, dependencies: [i1.RecordChangesComponent, i2.ButtonComponent, i3.SkipChatWithRecordWindowComponent], styles: ["button[_ngcontent-%COMP%] { margin-right: 10px; }", ".button-text[_ngcontent-%COMP%] { margin-left: 7px; }", ".toolbar-container[_ngcontent-%COMP%] { border-bottom: solid 1px lightgray; padding-bottom: 10px; margin-bottom: 5px; }"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormToolbarComponent, [{
         type: Component,
         args: [{ selector: 'mj-form-toolbar', template: `
@@ -154,12 +187,29 @@ FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormTo
                     <span class="button-text">History</span>
                 </button> 
             }
+            @if (ShowSkipChatButton) {
+                <button kendoButton (click)="ShowSkipChat()" title="Discuss this record with Skip">
+                    <span class="fa-regular fa-comment-dots"></span>
+                </button> 
+            }
+            @if (form.EntityInfo) {
+                <mj-skip-chat-with-record-window
+                    [LinkedEntityID]="form.EntityInfo.ID"
+                    [LinkedEntityPrimaryKeys]="LinkedEntityPrimaryKeys"            
+                    #mjChat
+                    [WindowOpened]="SkipChatVisible" 
+                    (WindowClosed)="ShowSkipChat()"
+                >
+                </mj-skip-chat-with-record-window>
+            }
             @if (form.isHistoryDialogOpen) {
                 <mj-record-changes [record]="form.record" (dialogClosed)="form.handleHistoryDialog()"></mj-record-changes>
             }
         </div>
     `, styles: ["button { margin-right: 10px; }", ".button-text { margin-left: 7px; }", ".toolbar-container { border-bottom: solid 1px lightgray; padding-bottom: 10px; margin-bottom: 5px; }"] }]
-    }], null, { form: [{
+    }], null, { ShowSkipChatButton: [{
+            type: Input
+        }], form: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormToolbarComponent, { className: "FormToolbarComponent", filePath: "src/lib/form-toolbar.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormToolbarComponent, { className: "FormToolbarComponent", filePath: "src/lib/form-toolbar.ts", lineNumber: 83 }); })();

package/dist/module.d.ts

@@ -11,9 +11,10 @@ import * as i9 from "@progress/kendo-angular-inputs";
 import * as i10 from "@progress/kendo-angular-dateinputs";
 import * as i11 from "@progress/kendo-angular-dropdowns";
 import * as i12 from "@memberjunction/ng-link-directives";
+import * as i13 from "@memberjunction/ng-ask-skip";
 export declare class BaseFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BaseFormsModule, [typeof i1.SectionLoaderComponent, typeof i2.FormToolbarComponent, typeof i3.MJFormField], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.MJTabStripModule, typeof i7.RecordChangesModule, typeof i8.ButtonsModule, typeof i9.InputsModule, typeof i10.DateInputsModule, typeof i11.DropDownsModule, typeof i12.LinkDirectivesModule], [typeof i1.SectionLoaderComponent, typeof i2.FormToolbarComponent, typeof i3.MJFormField]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaseFormsModule, [typeof i1.SectionLoaderComponent, typeof i2.FormToolbarComponent, typeof i3.MJFormField], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.MJTabStripModule, typeof i7.RecordChangesModule, typeof i8.ButtonsModule, typeof i9.InputsModule, typeof i10.DateInputsModule, typeof i11.DropDownsModule, typeof i12.LinkDirectivesModule, typeof i13.AskSkipModule], [typeof i1.SectionLoaderComponent, typeof i2.FormToolbarComponent, typeof i3.MJFormField]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaseFormsModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,qBAuBa,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAoBA,qBAwBa,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAAI"}

package/dist/module.js

@@ -12,6 +12,7 @@ import { SectionLoaderComponent } from './lib/section-loader-component';
 import { FormToolbarComponent } from './lib/form-toolbar';
 import { MJFormField } from './lib/base-field-component';
 import { LinkDirectivesModule } from '@memberjunction/ng-link-directives';
+import { AskSkipModule } from '@memberjunction/ng-ask-skip';
 import * as i0 from "@angular/core";
 export class BaseFormsModule {
 }
@@ -25,7 +26,8 @@ BaseFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMo
         InputsModule,
         DateInputsModule,
         DropDownsModule,
-        LinkDirectivesModule] });
+        LinkDirectivesModule,
+        AskSkipModule] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseFormsModule, [{
         type: NgModule,
         args: [{
@@ -43,7 +45,8 @@ BaseFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMo
                     InputsModule,
                     DateInputsModule,
                     DropDownsModule,
-                    LinkDirectivesModule
+                    LinkDirectivesModule,
+                    AskSkipModule
                 ],
                 exports: [
                     SectionLoaderComponent,
@@ -62,6 +65,7 @@ BaseFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMo
         InputsModule,
         DateInputsModule,
         DropDownsModule,
-        LinkDirectivesModule], exports: [SectionLoaderComponent,
+        LinkDirectivesModule,
+        AskSkipModule], exports: [SectionLoaderComponent,
         FormToolbarComponent,
         MJFormField] }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-base-forms",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "MemberJunction: Angular Base Form Components",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,11 +25,12 @@
     "@angular/router": "~17.2.2"
   },
   "dependencies": {
-    "@memberjunction/global": "~1.1.2",
-    "@memberjunction/core": "~1.1.2",
-    "@memberjunction/ng-record-changes": "~1.1.2",
-    "@memberjunction/ng-tabstrip": "~1.1.2",
-    "@memberjunction/ng-link-directives": "~1.1.2",
+    "@memberjunction/global": "~1.2.0",
+    "@memberjunction/core": "~1.2.0",
+    "@memberjunction/ng-ask-skip": "~1.2.0",
+    "@memberjunction/ng-record-changes": "~1.2.0",
+    "@memberjunction/ng-tabstrip": "~1.2.0",
+    "@memberjunction/ng-link-directives": "~1.2.0",
     "@progress/kendo-angular-buttons": "~15.1.0",
     "@progress/kendo-angular-dropdowns": "~15.1.0",
     "@progress/kendo-angular-inputs": "~15.1.0",