@memberjunction/ng-user-view-grid 1.3.3 → 1.4.1

package/dist/lib/ng-user-view-grid.component.js

@@ -8,14 +8,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Component, ViewChild, ElementRef, Output, EventEmitter, Input } from '@angular/core';
-import { Metadata, RunView, EntityFieldTSType, LogError, CompositeKey, PotentialDuplicateRequest } from '@memberjunction/core';
+import { Metadata, RunView, EntityFieldTSType, LogError, CompositeKey, PotentialDuplicateRequest, FieldValueCollection } from '@memberjunction/core';
 import { ViewInfo } from '@memberjunction/core-entities';
 import { GridComponent } from "@progress/kendo-angular-grid";
 import { Keys } from '@progress/kendo-angular-common';
-import { Subject } from 'rxjs';
+import { Subject, distinctUntilChanged } from 'rxjs';
+import { debounceTime } from "rxjs/operators";
 import { ExcelExportComponent } from '@progress/kendo-angular-excel-export';
 import { MJEventType, MJGlobal } from '@memberjunction/global';
 import { TextAreaComponent } from '@progress/kendo-angular-inputs';
+import { BaseFormComponentEventCodes, SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/router";
@@ -26,248 +28,333 @@ import * as i6 from "@progress/kendo-angular-excel-export";
 import * as i7 from "@progress/kendo-angular-buttons";
 import * as i8 from "@memberjunction/ng-compare-records";
 import * as i9 from "@memberjunction/ng-container-directives";
+import * as i10 from "@progress/kendo-angular-inputs";
+import * as i11 from "@memberjunction/ng-entity-form-dialog";
+import * as i12 from "@progress/kendo-angular-indicators";
 const _c0 = ["kendoGrid"];
 const _c1 = ["excelExport"];
 const _c2 = ["recordCompareRef"];
 const _c3 = ["analysisQuestion"];
 const _c4 = ["analysisResults"];
 const _c5 = ["compareDialogContainer"];
-function UserViewGridComponent_ng_template_3_button_0_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.doExcelExport()); });
-    i0.ɵɵelement(1, "span", 17);
-    i0.ɵɵtext(2, " Export to Excel ");
+const _c6 = ["entityFormDialog"];
+function UserViewGridComponent_ng_template_3_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r18.doCreateNewRecord()); });
+    i0.ɵɵelement(1, "span", 21);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" New ", ctx_r16.entityRecord == null ? null : ctx_r16.entityRecord.EntityInfo == null ? null : ctx_r16.entityRecord.EntityInfo.Name, " ");
 } }
-function UserViewGridComponent_ng_template_3_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.enableCheckbox(false, "duplicate")); });
-    i0.ɵɵtext(1, " Search For Duplicates ");
+function UserViewGridComponent_ng_template_3_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.RefreshFromSavedParams()); });
+    i0.ɵɵelement(1, "span", 23);
+    i0.ɵɵtext(2, " Refresh ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r9.duplicateMode && ctx_r9.recordsToCompare.length < 2);
 } }
-function UserViewGridComponent_ng_template_3_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.enableCheckbox(false, "duplicate")); });
-    i0.ɵɵtext(1, " Search For Duplicates ");
+function UserViewGridComponent_ng_template_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, UserViewGridComponent_ng_template_3_Conditional_0_Conditional_0_Template, 3, 1, "button", 16);
+    i0.ɵɵelementStart(1, "button", 17);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.doExcelExport()); });
+    i0.ɵɵelement(2, "span", 18);
+    i0.ɵɵtext(3, " Export to Excel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r23); const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.enableCheckbox(false, "duplicate")); });
+    i0.ɵɵtext(5, " Search For Duplicates ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r23); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.enableCheckbox(false, "addToList")); });
+    i0.ɵɵtext(7, " Add To List ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r23); const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.enableMergeOrCompare(false, "merge")); });
+    i0.ɵɵtext(9, " Merge ");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_0_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r23); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.enableMergeOrCompare(false, "compare")); });
+    i0.ɵɵtext(11, " Compare ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(12, UserViewGridComponent_ng_template_3_Conditional_0_Conditional_12_Template, 3, 0, "button", 20);
 } if (rf & 2) {
     const ctx_r10 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r10.duplicateMode && ctx_r10.recordsToCompare.length < 2);
+    i0.ɵɵconditional(0, ctx_r10.ShowCreateNewRecordButton && ctx_r10.UserCanCreateNewRecord ? 0 : -1);
+    i0.ɵɵadvance(12);
+    i0.ɵɵconditional(12, ctx_r10.showRefreshButton ? 12 : -1);
 } }
-function UserViewGridComponent_ng_template_3_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.enableMergeOrCompare(false, "compare")); });
-    i0.ɵɵtext(1, "Compare");
+function UserViewGridComponent_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.enableCheckbox(false, "duplicate")); });
+    i0.ɵɵtext(1, " Search For Duplicates ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r11.compareMode && ctx_r11.recordsToCompare.length < 2);
+    i0.ɵɵproperty("disabled", ctx_r11.duplicateMode && ctx_r11.recordsToCompare.length < 2);
 } }
-function UserViewGridComponent_ng_template_3_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.enableMergeOrCompare(false, "compare")); });
-    i0.ɵɵtext(1, "Compare");
+function UserViewGridComponent_ng_template_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r30.enableCheckbox(false, "addToList")); });
+    i0.ɵɵtext(1, " Add To List ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r12 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r12.compareMode && ctx_r12.recordsToCompare.length < 2);
+    i0.ɵɵproperty("disabled", ctx_r12.addToListMode && ctx_r12.recordsToCompare.length === 0);
 } }
-function UserViewGridComponent_ng_template_3_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.enableMergeOrCompare(false, "merge")); });
-    i0.ɵɵtext(1, "Merge");
+function UserViewGridComponent_ng_template_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r32.enableMergeOrCompare(false, "compare")); });
+    i0.ɵɵtext(1, " Compare ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r13.mergeMode && ctx_r13.recordsToCompare.length < 2);
+    i0.ɵɵproperty("disabled", ctx_r13.compareMode && ctx_r13.recordsToCompare.length < 2);
 } }
-function UserViewGridComponent_ng_template_3_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.enableMergeOrCompare(false, "merge")); });
-    i0.ɵɵtext(1, "Merge");
+function UserViewGridComponent_ng_template_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.enableMergeOrCompare(false, "merge")); });
+    i0.ɵɵtext(1, " Merge ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r14 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("disabled", ctx_r14.mergeMode && ctx_r14.recordsToCompare.length < 2);
 } }
-function UserViewGridComponent_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.enableCheckbox(true, "")); });
+function UserViewGridComponent_ng_template_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r36 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r36.enableCheckbox(true, "")); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } }
-function UserViewGridComponent_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.RefreshFromSavedParams()); });
-    i0.ɵɵelement(1, "span", 22);
-    i0.ɵɵtext(2, " Refresh ");
-    i0.ɵɵelementEnd();
-} }
 function UserViewGridComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UserViewGridComponent_ng_template_3_button_0_Template, 3, 0, "button", 11)(1, UserViewGridComponent_ng_template_3_button_1_Template, 2, 1, "button", 12)(2, UserViewGridComponent_ng_template_3_button_2_Template, 2, 1, "button", 12)(3, UserViewGridComponent_ng_template_3_button_3_Template, 2, 1, "button", 13)(4, UserViewGridComponent_ng_template_3_button_4_Template, 2, 1, "button", 13)(5, UserViewGridComponent_ng_template_3_button_5_Template, 2, 1, "button", 13)(6, UserViewGridComponent_ng_template_3_button_6_Template, 2, 1, "button", 13)(7, UserViewGridComponent_ng_template_3_Conditional_7_Template, 2, 0, "button", 14)(8, UserViewGridComponent_ng_template_3_Conditional_8_Template, 3, 0, "button", 15);
+    i0.ɵɵtemplate(0, UserViewGridComponent_ng_template_3_Conditional_0_Template, 13, 2)(1, UserViewGridComponent_ng_template_3_Conditional_1_Template, 2, 1, "button", 14)(2, UserViewGridComponent_ng_template_3_Conditional_2_Template, 2, 1, "button", 14)(3, UserViewGridComponent_ng_template_3_Conditional_3_Template, 2, 1, "button", 14)(4, UserViewGridComponent_ng_template_3_Conditional_4_Template, 2, 1, "button", 14)(5, UserViewGridComponent_ng_template_3_Conditional_5_Template, 2, 0, "button", 15);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode && !ctx_r1.duplicateMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.duplicateMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode && !ctx_r1.duplicateMode);
+    i0.ɵɵconditional(0, !ctx_r1.anyModeEnabled ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.compareMode);
+    i0.ɵɵconditional(1, ctx_r1.duplicateMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.mergeMode && !ctx_r1.compareMode && !ctx_r1.duplicateMode);
+    i0.ɵɵconditional(2, ctx_r1.addToListMode ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.mergeMode);
+    i0.ɵɵconditional(3, ctx_r1.compareMode ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(7, ctx_r1.compareMode || ctx_r1.mergeMode || ctx_r1.duplicateMode ? 7 : -1);
+    i0.ɵɵconditional(4, ctx_r1.mergeMode ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(8, ctx_r1.showRefreshButton && !ctx_r1.compareMode && !ctx_r1.mergeMode && !ctx_r1.duplicateMode ? 8 : -1);
+    i0.ɵɵconditional(5, ctx_r1.anyModeEnabled ? 5 : -1);
 } }
-const _c6 = () => ({ "text-align": "center", "vertical-align": "center" });
-const _c7 = () => ({ "font-weight": "bold", "background-color": "white" });
+const _c7 = () => ({ "text-align": "center", "vertical-align": "center" });
+const _c8 = () => ({ "font-weight": "bold", "background-color": "white" });
 function UserViewGridComponent_kendo_grid_checkbox_column_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-grid-checkbox-column", 23);
+    i0.ɵɵelement(0, "kendo-grid-checkbox-column", 25);
 } if (rf & 2) {
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(4, _c6));
-    i0.ɵɵproperty("width", 50)("headerStyle", i0.ɵɵpureFunction0(5, _c7));
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(4, _c7));
+    i0.ɵɵproperty("width", 50)("headerStyle", i0.ɵɵpureFunction0(5, _c8));
 } }
 function UserViewGridComponent_kendo_grid_column_5_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "number");
     i0.ɵɵpipe(2, "number");
     i0.ɵɵelement(3, "br");
-    i0.ɵɵelementStart(4, "span", 26);
+    i0.ɵɵelementStart(4, "span", 28);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "number");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r37 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(1, 3, ctx_r37.viewData.length), "", ctx_r37.totalRowCount > ctx_r37.viewData.length ? " of " + i0.ɵɵpipeBind1(2, 5, ctx_r37.totalRowCount) : " rows", "");
+    const ctx_r40 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(1, 3, ctx_r40.viewData.length), "", ctx_r40.totalRowCount > ctx_r40.viewData.length ? " of " + i0.ɵɵpipeBind1(2, 5, ctx_r40.totalRowCount) : " rows", "");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 7, ctx_r37.viewExecutionTime, "1.2-2"), " seconds");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 7, ctx_r40.viewExecutionTime, "1.2-2"), " seconds");
 } }
 function UserViewGridComponent_kendo_grid_column_5_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UserViewGridComponent_kendo_grid_column_5_1_ng_template_0_Template, 7, 10, "ng-template", 25);
+    i0.ɵɵtemplate(0, UserViewGridComponent_kendo_grid_column_5_1_ng_template_0_Template, 7, 10, "ng-template", 27);
 } }
 function UserViewGridComponent_kendo_grid_column_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-grid-column", 24);
+    i0.ɵɵelementStart(0, "kendo-grid-column", 26);
     i0.ɵɵtemplate(1, UserViewGridComponent_kendo_grid_column_5_1_Template, 1, 0, null, 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r35 = ctx.$implicit;
+    const item_r38 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(ctx_r3.GetColumnCellStyle(item_r35));
-    i0.ɵɵproperty("field", item_r35.Name)("title", ctx_r3.GetColumnTitle(item_r35))("width", item_r35.width ? item_r35.width : 100)("editable", item_r35.EntityField.AllowUpdateAPI)("editor", ctx_r3.getEditor(item_r35.EntityField))("headerStyle", i0.ɵɵpureFunction0(9, _c7));
+    i0.ɵɵstyleMap(ctx_r3.GetColumnCellStyle(item_r38));
+    i0.ɵɵproperty("field", item_r38.Name)("title", ctx_r3.GetColumnTitle(item_r38))("width", item_r38.width ? item_r38.width : 100)("editable", item_r38.EntityField.AllowUpdateAPI)("editor", ctx_r3.getEditor(item_r38.EntityField))("headerStyle", i0.ɵɵpureFunction0(9, _c8));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r35 === ctx_r3.visibleColumns[0]);
+    i0.ɵɵproperty("ngIf", item_r38 === ctx_r3.visibleColumns[0]);
 } }
 function UserViewGridComponent_kendo_excelexport_column_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-excelexport-column", 27);
+    i0.ɵɵelement(0, "kendo-excelexport-column", 29);
 } if (rf & 2) {
-    const exportCol_r38 = ctx.$implicit;
-    i0.ɵɵproperty("field", exportCol_r38.Name)("title", exportCol_r38.Name);
+    const exportCol_r41 = ctx.$implicit;
+    i0.ɵɵproperty("field", exportCol_r41.Name)("title", exportCol_r41.Name);
 } }
 function UserViewGridComponent_div_11_kendo_window_2_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r47 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 38);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.closeCompareDialog("merge")); });
+    const _r50 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r49.closeCompareDialog("merge")); });
     i0.ɵɵtext(1, " Merge Records ");
     i0.ɵɵelementEnd();
 } }
 function UserViewGridComponent_div_11_kendo_window_2_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 38);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r48.findDuplicateRecords()); });
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r51.findDuplicateRecords()); });
     i0.ɵɵtext(1, " Search for Duplicates ");
     i0.ɵɵelementEnd();
 } }
 function UserViewGridComponent_div_11_kendo_window_2_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r51 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.closeCompareDialog("close")); });
+    const _r54 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r53.closeCompareDialog("close")); });
     i0.ɵɵtext(1, " Close ");
     i0.ɵɵelementEnd();
 } }
 function UserViewGridComponent_div_11_kendo_window_2_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r53 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r53); const ctx_r52 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r52.closeCompareDialog("cancel")); });
+    const _r56 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.closeCompareDialog("cancel")); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } }
 function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
-    const _r55 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 40);
-    i0.ɵɵlistener("close", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r55); const ctx_r54 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r54.closeConfirmMergeDialog("cancel")); });
-    i0.ɵɵelementStart(1, "p", 41);
+    const _r58 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 42);
+    i0.ɵɵlistener("close", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r58); const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.closeConfirmMergeDialog("cancel")); });
+    i0.ɵɵelementStart(1, "p", 43);
     i0.ɵɵtext(2, " Are you sure you want to merge the records? This action cannot be undone. If you select \"Yes\", the records will be merged and the duplicate records will be deleted. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 16);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r55); const ctx_r56 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r56.closeConfirmMergeDialog("no")); });
+    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 17);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r58); const ctx_r59 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r59.closeConfirmMergeDialog("no")); });
     i0.ɵɵtext(5, "No");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 42);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r55); const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.closeConfirmMergeDialog("yes")); });
+    i0.ɵɵelementStart(6, "button", 44);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r58); const ctx_r60 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r60.closeConfirmMergeDialog("yes")); });
     i0.ɵɵtext(7, " Yes ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     i0.ɵɵproperty("minWidth", 250)("width", 450);
 } }
 function UserViewGridComponent_div_11_kendo_window_2_Template(rf, ctx) { if (rf & 1) {
-    const _r59 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 30);
-    i0.ɵɵlistener("close", function UserViewGridComponent_div_11_kendo_window_2_Template_kendo_window_close_0_listener($event) { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r58.closeCompareDialog($event)); });
-    i0.ɵɵelementStart(1, "div", 31);
-    i0.ɵɵelement(2, "mj-compare-records", 32, 33);
+    const _r62 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 32);
+    i0.ɵɵlistener("close", function UserViewGridComponent_div_11_kendo_window_2_Template_kendo_window_close_0_listener($event) { i0.ɵɵrestoreView(_r62); const ctx_r61 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r61.closeCompareDialog($event)); });
+    i0.ɵɵelementStart(1, "div", 33);
+    i0.ɵɵelement(2, "mj-compare-records", 34, 35);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 34);
-    i0.ɵɵtemplate(5, UserViewGridComponent_div_11_kendo_window_2_button_5_Template, 2, 0, "button", 35)(6, UserViewGridComponent_div_11_kendo_window_2_button_6_Template, 2, 0, "button", 35)(7, UserViewGridComponent_div_11_kendo_window_2_button_7_Template, 2, 0, "button", 36)(8, UserViewGridComponent_div_11_kendo_window_2_button_8_Template, 2, 0, "button", 36);
+    i0.ɵɵelementStart(4, "div", 36);
+    i0.ɵɵtemplate(5, UserViewGridComponent_div_11_kendo_window_2_button_5_Template, 2, 0, "button", 37)(6, UserViewGridComponent_div_11_kendo_window_2_button_6_Template, 2, 0, "button", 37)(7, UserViewGridComponent_div_11_kendo_window_2_button_7_Template, 2, 0, "button", 38)(8, UserViewGridComponent_div_11_kendo_window_2_button_8_Template, 2, 0, "button", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template, 8, 2, "kendo-dialog", 37);
+    i0.ɵɵtemplate(9, UserViewGridComponent_div_11_kendo_window_2_kendo_dialog_9_Template, 8, 2, "kendo-dialog", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r39 = i0.ɵɵnextContext(2);
+    const ctx_r42 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("minHeight", 300)("minWidth", 800)("top", 100)("left", 100)("width", 1200)("height", 675)("resizable", true);
     i0.ɵɵadvance();
     i0.ɵɵproperty("fillHeight", true)("bottomMargin", 100);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("entityName", ctx_r39._entityInfo ? ctx_r39._entityInfo.Name : "")("recordsToCompare", ctx_r39.recordsToCompare)("visibleColumns", ctx_r39.visibleColumns)("selectionMode", ctx_r39.mergeMode ? true : false);
+    i0.ɵɵproperty("entityName", ctx_r42._entityInfo ? ctx_r42._entityInfo.Name : "")("recordsToCompare", ctx_r42.recordsToCompare)("visibleColumns", ctx_r42.visibleColumns)("selectionMode", ctx_r42.mergeMode ? true : false);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r39.mergeMode);
+    i0.ɵɵproperty("ngIf", ctx_r42.mergeMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r39.duplicateMode);
+    i0.ɵɵproperty("ngIf", ctx_r42.duplicateMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r39.compareMode);
+    i0.ɵɵproperty("ngIf", ctx_r42.compareMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r39.mergeMode || ctx_r39.duplicateMode);
+    i0.ɵɵproperty("ngIf", ctx_r42.mergeMode || ctx_r42.duplicateMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r39.isConfirmDialogOpen);
+    i0.ɵɵproperty("ngIf", ctx_r42.isConfirmDialogOpen);
 } }
 function UserViewGridComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "div", 28);
-    i0.ɵɵtemplate(2, UserViewGridComponent_div_11_kendo_window_2_Template, 10, 18, "kendo-window", 29);
+    i0.ɵɵelement(1, "div", 30);
+    i0.ɵɵtemplate(2, UserViewGridComponent_div_11_kendo_window_2_Template, 10, 18, "kendo-window", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r7.isCompareDialogOpened);
 } }
+function UserViewGridComponent_kendo_dialog_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 48);
+} }
+function UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r75 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r75); const listEntity_r66 = i0.ɵɵnextContext().$implicit; const ctx_r73 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r73.removeFromList(listEntity_r66)); });
+    i0.ɵɵelement(1, "span", 52);
+    i0.ɵɵtext(2, " Remove ");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r78 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r78); const listEntity_r66 = i0.ɵɵnextContext().$implicit; const ctx_r76 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r76.addToList(listEntity_r66)); });
+    i0.ɵɵelement(1, "span", 53);
+    i0.ɵɵtext(2, " Add ");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵtext(1);
+    i0.ɵɵtemplate(2, UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_2_Template, 3, 0, "button", 16)(3, UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Conditional_3_Template, 3, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "hr");
+} if (rf & 2) {
+    const listEntity_r66 = ctx.$implicit;
+    const ctx_r65 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", listEntity_r66.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(2, ctx_r65.selectedListEntities.includes(listEntity_r66) ? 2 : 3);
+} }
+function UserViewGridComponent_kendo_dialog_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, UserViewGridComponent_kendo_dialog_12_Conditional_5_For_1_Template, 5, 2, null, null, i0.ɵɵrepeaterTrackByIdentity);
+} if (rf & 2) {
+    const ctx_r64 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r64.listEntities);
+} }
+function UserViewGridComponent_kendo_dialog_12_Template(rf, ctx) { if (rf & 1) {
+    const _r80 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 45);
+    i0.ɵɵlistener("close", function UserViewGridComponent_kendo_dialog_12_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r80); const ctx_r79 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r79.toggleAddToListDialog(false)); });
+    i0.ɵɵelementStart(1, "div")(2, "kendo-textbox", 46);
+    i0.ɵɵlistener("valueChange", function UserViewGridComponent_kendo_dialog_12_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r80); const ctx_r81 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r81.onSearch($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "div", 47);
+    i0.ɵɵtemplate(4, UserViewGridComponent_kendo_dialog_12_Conditional_4_Template, 1, 0, "kendo-loader", 48)(5, UserViewGridComponent_kendo_dialog_12_Conditional_5_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "kendo-dialog-actions")(7, "button", 49);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_12_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r80); const ctx_r82 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r82.addRecordsToSelectedLists()); });
+    i0.ɵɵtext(8, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 50);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_12_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r80); const ctx_r83 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r83.toggleAddToListDialog(false)); });
+    i0.ɵɵtext(10, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minHeight", 450)("maxHeight", 450)("minWidth", 500)("maxWidth", 650);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("clearButton", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(4, ctx_r8.showAddToListLoader ? 4 : 5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r8.showAddToListLoader);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r8.showAddToListLoader);
+} }
 export class UserViewGridComponent {
+    get anyModeEnabled() {
+        return this.compareMode || this.mergeMode || this.duplicateMode || this.addToListMode;
+    }
     get PendingRecords() {
         return this._pendingRecords;
     }
@@ -277,6 +364,18 @@ export class UserViewGridComponent {
         else
             return 0;
     }
+    /**
+     * This property is true if the user has the ability to create a new record which is a combination of the user-level permission coupled with the
+     * entity-level setting AllowCreateAPI being set to 1.
+     */
+    get UserCanCreateNewRecord() {
+        if (this._entityInfo && this._entityInfo.AllowCreateAPI) {
+            const perm = this._entityInfo.GetUserPermisions(new Metadata().CurrentUser);
+            return perm.CanCreate;
+        }
+        else
+            return false;
+    }
     StartEditMode() {
         this.InEditMode = true;
     }
@@ -360,7 +459,8 @@ export class UserViewGridComponent {
             LogError(e);
         }
     }
-    constructor(formBuilder, router, renderer) {
+    constructor(elementRef, formBuilder, router, renderer) {
+        this.elementRef = elementRef;
         this.formBuilder = formBuilder;
         this.router = router;
         this.renderer = renderer;
@@ -369,6 +469,14 @@ export class UserViewGridComponent {
         this.InEditMode = false;
         this.EditMode = "None";
         this.AutoNavigate = true;
+        /**
+         * If set to true, the Create New Record button will be displayed if the user is allowed to create new records for the entity being shown. If set to false, the Create New Record button will be hidden.
+         */
+        this.ShowCreateNewRecordButton = true;
+        /**
+         * When set to Dialog, the Create New Record button will open a dialog to create a new record. When set to Tab, the Create New Record button will open a new tab to create a new record.
+         */
+        this.CreateRecordMode = "Tab";
         this.rowClicked = new EventEmitter();
         this.rowEdited = new EventEmitter();
         this.kendoGridElement = null;
@@ -392,10 +500,13 @@ export class UserViewGridComponent {
         this.gridHeight = 750;
         this._newGridState = {};
         this.editModeEnded = new Subject();
+        this.searchDebounce$ = new Subject();
         this.recordsToCompare = [];
         this.compareMode = false;
         this.mergeMode = false;
         this.duplicateMode = false;
+        this.addToListMode = false;
+        this.showNewRecordDialog = false;
         this.selectableSettings = {
             enabled: false
         };
@@ -404,6 +515,12 @@ export class UserViewGridComponent {
         this.isConfirmDialogOpen = false;
         this.showRefreshButton = true;
         this.viewExecutionTime = 0;
+        this.showAddToListDialog = false;
+        this.showAddToListLoader = false;
+        this.sourceListEntities = null;
+        this.listEntities = [];
+        this.selectedListEntities = [];
+        this.listEntitySearch = '';
         this.data = [
             { text: "Folder" },
             { text: "Report with Skip" },
@@ -415,6 +532,7 @@ export class UserViewGridComponent {
         // Export Functionality
         this.exportColumns = [];
         this.exportData = [];
+        this.entityFormDialog = null;
     }
     SaveView() {
         // debounced outer function...
@@ -560,28 +678,43 @@ export class UserViewGridComponent {
     }
     cellClickHandler(args) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.compareMode || this.mergeMode)
+            if (this.compareMode || this.mergeMode) {
                 return;
-            if (this._entityInfo) {
-                const compositeKey = new CompositeKey();
-                compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, this.viewData[args.rowIndex]);
-                this.rowClicked.emit({
-                    entityId: this._entityInfo.ID,
-                    entityName: this._entityInfo.Name,
-                    CompositeKey: compositeKey
-                });
-                if (this._entityInfo.AllowUpdateAPI &&
-                    this.EditMode !== "None") {
-                    const perm = this._entityInfo.GetUserPermisions(new Metadata().CurrentUser);
-                    if (perm.CanUpdate) {
-                        this.StartEditMode();
-                        args.sender.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args.dataItem));
-                    }
+            }
+            if (!this._entityInfo) {
+                LogError("cellClickHandler() called but this._entityInfo is null or undefined");
+                return;
+            }
+            const compositeKey = new CompositeKey();
+            compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, this.viewData[args.rowIndex]);
+            this.rowClicked.emit({
+                entityId: this._entityInfo.ID,
+                entityName: this._entityInfo.Name,
+                CompositeKey: compositeKey
+            });
+            if (this._entityInfo.AllowUpdateAPI && this.EditMode !== "None") {
+                const perm = this._entityInfo.GetUserPermisions(new Metadata().CurrentUser);
+                if (perm.CanUpdate) {
+                    this.StartEditMode();
+                    args.sender.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args.dataItem));
                 }
-                if (this.EditMode === 'None' && this.AutoNavigate) {
-                    // tell app router to go to this record
-                    this.router.navigate(['resource', 'record', compositeKey.ToURLSegment()], { queryParams: { Entity: this._entityInfo.Name } });
+            }
+            if (this.EditMode === 'None' && this.AutoNavigate) {
+                // tell app router to go to this record
+                let decodedUrl = decodeURIComponent(this.router.url).slice(1);
+                if (decodedUrl.includes('?')) {
+                    decodedUrl = decodedUrl.split('?')[0];
                 }
+                const newURL = ['resource', 'record', compositeKey.ToURLSegment()];
+                const newURLString = newURL.join('/');
+                const refreshPage = newURLString === decodedUrl;
+                this.router.navigate(newURL, { queryParams: { Entity: this._entityInfo.Name } }).then(() => {
+                    //handle the edge case of us navigating to a new entity record that
+                    //has the same ID as the current entity record
+                    if (refreshPage) {
+                        window.location.reload();
+                    }
+                });
             }
         });
     }
@@ -608,7 +741,6 @@ export class UserViewGridComponent {
         }
     }
     cellCloseHandler(args) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 if (this._entityInfo && this.EditMode !== "None") {
@@ -623,7 +755,9 @@ export class UserViewGridComponent {
                         // update the data item with the new values - this drives UI refresh while we save the record...
                         Object.assign(dataItem, formGroup.value);
                         const md = new Metadata();
-                        const pkey = this._entityInfo.PrimaryKey.Name;
+                        // JONATHAN FIX THIS TO USE MULTI-COLUMN PRIMARY KEYS
+                        alert('Jonathan, fix this to use multi-column primary keys - all commented out now til you fix');
+                        //          const pkey = this._entityInfo.PrimaryKey.Name;
                         let record;
                         let bSaved = false;
                         if (this.EditMode === "Save") {
@@ -633,11 +767,12 @@ export class UserViewGridComponent {
                             yield record.InnerLoad(compositeKey);
                             record.SetMany(formGroup.value);
                             bSaved = yield record.Save();
-                            if (!bSaved)
-                                this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000);
+                            // if (!bSaved)
+                            //   this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000)
                         }
                         else {
-                            record = (_a = this._pendingRecords.find((r) => r.record.Get(pkey) === dataItem[pkey])) === null || _a === void 0 ? void 0 : _a.record;
+                            // JS - fix this too
+                            // record = this._pendingRecords.find((r: GridPendingRecordItem) => r.record.Get(pkey) === dataItem[pkey])?.record;
                             if (!record) { // haven't edited this one before 
                                 record = yield md.GetEntityObject(this._viewEntity.Get('Entity'));
                                 let compositeKey = new CompositeKey();
@@ -691,6 +826,38 @@ export class UserViewGridComponent {
         //this.setGridHeight();
         if (this.Params)
             this.Refresh(this.Params);
+        // setup event listener for MJGlobal because we might have a parent component that sends us messages
+        MJGlobal.Instance.GetEventListener(false).subscribe((e) => {
+            switch (e.event) {
+                case MJEventType.ComponentEvent:
+                    if (e.eventCode === BaseFormComponentEventCodes.BASE_CODE) {
+                        // we have an event from a BaseFormComponent, now we need to determine if WE are a descendant of that component
+                        const event = e.args;
+                        if (SharedService.IsDescendant(event.elementRef, this.elementRef)) {
+                            // we are a descendant of the component that sent the event, so we need to handle it
+                            switch (event.subEventCode) {
+                                case BaseFormComponentEventCodes.EDITING_COMPLETE:
+                                    this.EditingComplete();
+                                    break;
+                                case BaseFormComponentEventCodes.REVERT_PENDING_CHANGES:
+                                    this.RevertPendingChanges();
+                                    break;
+                                case BaseFormComponentEventCodes.POPULATE_PENDING_RECORDS:
+                                    // provide all of our pending records back to the caller
+                                    this.PendingRecords.forEach((r) => {
+                                        var _a, _b, _c;
+                                        const arr = (_a = event.returnValue) === null || _a === void 0 ? void 0 : _a.pendingRecords;
+                                        if (arr && typeof arr.push === 'function') {
+                                            (_c = (_b = event.returnValue) === null || _b === void 0 ? void 0 : _b.pendingRecords) === null || _c === void 0 ? void 0 : _c.push(r.record);
+                                        }
+                                    });
+                                    break;
+                            }
+                        }
+                    }
+                    break;
+            }
+        });
     }
     moveDialogToBody() {
         if (this._movedToBody)
@@ -708,7 +875,6 @@ export class UserViewGridComponent {
             this._deferLoadCount++; // only do this one time 
             if (this.Params)
                 this.Refresh(this.Params);
-            return;
         }
     }
     RefreshFromSavedParams() {
@@ -780,7 +946,7 @@ export class UserViewGridComponent {
                         cols = (_c = this._entityInfo) === null || _c === void 0 ? void 0 : _c.Fields.filter((f) => f.DefaultInView).map((f) => {
                             return {
                                 ID: f.ID,
-                                Name: f.Name,
+                                Name: f.CodeName,
                                 DisplayName: f.DisplayName,
                                 EntityField: f,
                                 hidden: false,
@@ -875,7 +1041,10 @@ export class UserViewGridComponent {
         }
     }
     enableCheckbox(cancel = false, type) {
-        if (!cancel && this.recordsToCompare.length >= 2) {
+        if (!cancel && type === 'addToList' && this.recordsToCompare.length >= 1) {
+            this.toggleAddToListDialog(true);
+        }
+        else if (!cancel && this.recordsToCompare.length >= 2) {
             // this scenario occurs when we've already started the merge/compare/duplicate and the user has selected records, then clicked the merge/compare button again
             this.isCompareDialogOpened = true;
             this.moveDialogToBody();
@@ -885,6 +1054,7 @@ export class UserViewGridComponent {
             this.mergeMode = false;
             this.compareMode = false;
             this.duplicateMode = false;
+            this.addToListMode = false;
             this.selectedKeys = [];
             this.recordsToCompare = [];
         }
@@ -899,6 +1069,9 @@ export class UserViewGridComponent {
             else if (type === 'duplicate') {
                 this.duplicateMode = true;
             }
+            else if (type === 'addToList') {
+                this.addToListMode = true;
+            }
         }
     }
     closeConfirmMergeDialog(event) {
@@ -910,7 +1083,7 @@ export class UserViewGridComponent {
                     const result = yield md.MergeRecords({
                         EntityName: this._entityInfo.Name,
                         RecordsToMerge: this.recordsToCompare.map((r) => {
-                            return r.CompositeKey;
+                            return r.PrimaryKey;
                         }).filter((compositeKey) => {
                             if (!this.recordCompareComponent) {
                                 return false;
@@ -952,7 +1125,6 @@ export class UserViewGridComponent {
     }
     closeCompareDialog(event) {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log(event);
             switch (event) {
                 case 'merge':
                     // user has requested to merge the records and retain the selected record from the compare records component, so run the merge
@@ -965,6 +1137,7 @@ export class UserViewGridComponent {
                     this.mergeMode = false;
                     this.compareMode = false;
                     this.duplicateMode = false;
+                    this.addToListMode = false;
                     this.isCompareDialogOpened = false;
                     break;
             }
@@ -1047,8 +1220,154 @@ export class UserViewGridComponent {
                 throw new Error("Unable to get export data");
         });
     }
+    /**
+     * This method will create a new record of the given entity type. It will only work if the User has the ability to create records of
+     * this entity type and also if the entity level setting AllowCreateAPI is set to 1. If either of these conditions are not met, then
+     * this method will do nothing.
+     */
+    doCreateNewRecord() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            // creates a new record either using a dialog or with the router
+            if (this.UserCanCreateNewRecord && this._entityInfo) {
+                if (this.CreateRecordMode === 'Tab') {
+                    // route to a resource/record with a blank string for the 3rd segment which is normally the pkey value
+                    // here we don't provide the pkey value so the record component will know to create a new record
+                    this.router.navigate(['resource', 'record', '' /*add this 3rd param that's blank so the route validates*/], { queryParams: {
+                            Entity: this._entityInfo.Name,
+                            NewRecordValues: this.NewRecordValues ? (_a = FieldValueCollection.FromObject(this.NewRecordValues)) === null || _a === void 0 ? void 0 : _a.ToURLSegment() : null
+                        }
+                    });
+                }
+                else {
+                    // configured to display a dialog instead, we'll use the entity-form-dialog for this
+                    if (this.entityFormDialog) {
+                        const md = new Metadata();
+                        const newRecord = yield md.GetEntityObject(this._entityInfo.Name);
+                        if (this.NewRecordValues) {
+                            // we have new record values in a simple JS object, so grab the key/values from the object and set the values in the new record for non null/undefined values
+                            Object.keys(this.NewRecordValues).filter((key) => this.NewRecordValues[key] !== null && this.NewRecordValues[key] !== undefined).forEach((key) => {
+                                newRecord.Set(key, this.NewRecordValues[key]);
+                            });
+                        }
+                        this.entityFormDialog.Record = newRecord;
+                        this.showNewRecordDialog = true;
+                    }
+                    else {
+                        // don't have the dialog reference, throw an error
+                        throw new Error("Unable to create new record, entity-form-dialog is not available");
+                    }
+                }
+            }
+        });
+    }
+    toggleAddToListDialog(show) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showAddToListDialog = show;
+            if (show) {
+                if (!this.sourceListEntities) {
+                    yield this.loadListEntities();
+                }
+                else {
+                    this.listEntities = this.sourceListEntities;
+                    this.selectedListEntities = [];
+                }
+            }
+            else {
+                this.enableCheckbox(true, 'addToList');
+            }
+            this.setupSearchDebounce();
+        });
+    }
+    loadListEntities() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._entityInfo) {
+                LogError("Entity Info is not set");
+                return;
+            }
+            const md = new Metadata();
+            const rv = new RunView();
+            const rvResult = yield rv.RunView({
+                EntityName: 'Lists',
+                ExtraFilter: `UserID = ${md.CurrentUser.ID} AND EntityID = ${this._entityInfo.ID}`,
+                ResultType: 'entity_object'
+            });
+            if (!rvResult.Success) {
+                LogError("Failed to load List Entities");
+                return;
+            }
+            this.sourceListEntities = this.listEntities = rvResult.Results;
+        });
+    }
+    addToList(listEntity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log('add to list', listEntity.Name);
+            this.selectedListEntities.push(listEntity);
+            this.selectedListEntities.includes(listEntity);
+        });
+    }
+    removeFromList(listEntity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log('remove from list', listEntity.Name);
+            this.selectedListEntities = this.selectedListEntities.filter((le) => le.ID !== listEntity.ID);
+        });
+    }
+    addRecordsToSelectedLists() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showAddToListLoader = true;
+            const md = new Metadata();
+            let errorCount = 0;
+            for (const listEntity of this.selectedListEntities) {
+                for (const index of this.selectedKeys) {
+                    const listDetail = yield md.GetEntityObject('List Details');
+                    const viewData = this.viewData[index];
+                    const idField = viewData.ID;
+                    listDetail.NewRecord();
+                    listDetail.ListID = listEntity.ID;
+                    listDetail.RecordID = idField.toString();
+                    listDetail.Sequence = 0;
+                    listDetail.ContextCurrentUser = md.CurrentUser;
+                    let saveResult = yield listDetail.Save();
+                    if (!saveResult) {
+                        LogError(`Failed to save record to list: ${listEntity.Name}`);
+                        LogError(listDetail.LatestResult);
+                        errorCount++;
+                    }
+                }
+            }
+            if (errorCount === 0) {
+                this.CreateSimpleNotification('Records successfully added to the selected lists', 'success', 2000);
+            }
+            else {
+                this.CreateSimpleNotification('Some records failed to be added to the selected lists', 'error', 2000);
+            }
+            this.showAddToListLoader = false;
+            this.toggleAddToListDialog(false);
+        });
+    }
+    onSearch(inputValue) {
+        this.searchDebounce$.next(inputValue);
+    }
+    setupSearchDebounce() {
+        this.searchDebounce$.pipe(debounceTime(500), // updated to 500ms to reduce API calls and since most people don't type super fast
+        distinctUntilChanged()).subscribe((inputValue) => {
+            this.search(inputValue);
+        });
+    }
+    search(inputValue) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.sourceListEntities) {
+                return;
+            }
+            this.listEntitySearch = inputValue;
+            const toLowerCase = inputValue.toLowerCase();
+            this.listEntities = this.sourceListEntities.filter((listEntity) => {
+                return listEntity.Name.toLowerCase().includes(toLowerCase);
+            });
+        });
+    }
 }
-UserViewGridComponent.ɵfac = function UserViewGridComponent_Factory(t) { return new (t || UserViewGridComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.Renderer2)); };
+UserViewGridComponent.ɵfac = function UserViewGridComponent_Factory(t) { return new (t || UserViewGridComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewGridComponent, selectors: [["mj-user-view-grid"]], viewQuery: function UserViewGridComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0, 5, GridComponent);
         i0.ɵɵviewQuery(_c0, 5, ElementRef);
@@ -1057,6 +1376,7 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
         i0.ɵɵviewQuery(_c3, 5, TextAreaComponent);
         i0.ɵɵviewQuery(_c4, 5, ElementRef);
         i0.ɵɵviewQuery(_c5, 5);
+        i0.ɵɵviewQuery(_c6, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoGridElement = _t.first);
@@ -1066,24 +1386,28 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.analysisQuestion = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.analysisResults = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.compareDialogContainer = _t.first);
-    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 12, vars: 19, consts: [["mjFillContainer", "", 1, "user-view-grid-wrap"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys", "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange"], ["kendoGrid", ""], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], ["excelExport", ""], [3, "field", "title", 4, "ngFor", "ngForOf"], ["compareDialogContainer", ""], [4, "ngIf"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["kendoButton", "", "class", "k-button-solid-base list-button", 3, "disabled", "click", 4, "ngIf"], ["class", "k-button k-button-md k-rounded-md k-button-solid-base k-button-solid", 3, "disabled", "click", 4, "ngIf"], ["kendoButton", "", "class", "k-button-solid-base list-button"], ["kendoButton", "", "class", "list-button"], ["kendoButton", "", 3, "click"], [1, "fa-regular", "fa-file-excel"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "disabled", "click"], [1, "k-button", "k-button-md", "k-rounded-md", "k-button-solid-base", "k-button-solid", 3, "disabled", "click"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "click"], ["kendoButton", "", 1, "list-button", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"], [1, "k-overlay"], ["title", "Compare Records", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", 4, "ngIf"], ["title", "Compare Records", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close"], ["mjFillContainer", "", 3, "fillHeight", "bottomMargin"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], ["recordCompareRef", ""], [1, "k-actions", "k-actions-end"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click", 4, "ngIf"], ["kendoButton", "", "type", "button", 3, "click", 4, "ngIf"], ["title", "Confirm Choice", 3, "minWidth", "width", "close", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click"], ["kendoButton", "", "type", "button", 3, "click"], ["title", "Confirm Choice", 3, "minWidth", "width", "close"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialog = _t.first);
+    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", NewRecordValues: "NewRecordValues", ShowCreateNewRecordButton: "ShowCreateNewRecordButton", CreateRecordMode: "CreateRecordMode", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 15, vars: 21, consts: [["mjFillContainer", "", 1, "user-view-grid-wrap"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys", "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange"], ["kendoGrid", ""], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], ["excelExport", ""], [3, "field", "title", 4, "ngFor", "ngForOf"], ["compareDialogContainer", ""], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Select List(s) To Add Record", 3, "minHeight", "maxHeight", "minWidth", "maxWidth", "close", 4, "ngIf"], ["Mode", "complete", 3, "Visible"], ["entityFormDialog", ""], ["kendoButton", "", "class", "k-button-solid-base list-button", 3, "disabled"], ["kendoButton", "", "class", "k-button-solid-base list-button"], ["kendoButton", ""], ["kendoButton", "", 3, "click"], [1, "fa-regular", "fa-file-excel"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "click"], ["kendoButton", "", "class", "list-button"], [1, "fa-regular", "fa-plus"], ["kendoButton", "", 1, "list-button", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "disabled", "click"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"], [1, "k-overlay"], ["title", "Compare Records", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", 4, "ngIf"], ["title", "Compare Records", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close"], ["mjFillContainer", "", 3, "fillHeight", "bottomMargin"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], ["recordCompareRef", ""], [1, "k-actions", "k-actions-end"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click", 4, "ngIf"], ["kendoButton", "", "type", "button", 3, "click", 4, "ngIf"], ["title", "Confirm Choice", 3, "minWidth", "width", "close", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click"], ["kendoButton", "", "type", "button", 3, "click"], ["title", "Confirm Choice", 3, "minWidth", "width", "close"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["title", "Select List(s) To Add Record", 1, "dialog-wrapper", 3, "minHeight", "maxHeight", "minWidth", "maxWidth", "close"], ["id", "listSearch", "placeholder", "Search Lists...", "kendoTextBox", "", 1, "padding-bottom-small", 3, "clearButton", "valueChange"], [1, "overflow-y-scroll"], ["type", "converging-spinner"], ["kendoButton", "", "themeColor", "primary", 3, "disabled", "click"], ["kendoButton", "", 3, "disabled", "click"], [1, "list-item"], [1, "fa-regular", "fa-circle-minus"], [1, "fa-regular", "fa-circle-plus"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "kendo-grid", 1, 2);
         i0.ɵɵlistener("pageChange", function UserViewGridComponent_Template_kendo_grid_pageChange_1_listener($event) { return ctx.pageChange($event); });
         i0.ɵɵtwoWayListener("selectedKeysChange", function UserViewGridComponent_Template_kendo_grid_selectedKeysChange_1_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedKeys, $event) || (ctx.selectedKeys = $event); return $event; });
         i0.ɵɵlistener("cellClick", function UserViewGridComponent_Template_kendo_grid_cellClick_1_listener($event) { return ctx.cellClickHandler($event); })("cellClose", function UserViewGridComponent_Template_kendo_grid_cellClose_1_listener($event) { return ctx.cellCloseHandler($event); })("columnReorder", function UserViewGridComponent_Template_kendo_grid_columnReorder_1_listener($event) { return ctx.columnReorder($event); })("columnResize", function UserViewGridComponent_Template_kendo_grid_columnResize_1_listener($event) { return ctx.columnResize($event); })("selectionChange", function UserViewGridComponent_Template_kendo_grid_selectionChange_1_listener($event) { return ctx.selectionChange($event); })("sortChange", function UserViewGridComponent_Template_kendo_grid_sortChange_1_listener($event) { return ctx.sortChanged($event); });
-        i0.ɵɵtemplate(3, UserViewGridComponent_ng_template_3_Template, 9, 9, "ng-template", 3)(4, UserViewGridComponent_kendo_grid_checkbox_column_4_Template, 1, 6, "kendo-grid-checkbox-column", 4)(5, UserViewGridComponent_kendo_grid_column_5_Template, 2, 10, "kendo-grid-column", 5);
+        i0.ɵɵtemplate(3, UserViewGridComponent_ng_template_3_Template, 6, 6, "ng-template", 3)(4, UserViewGridComponent_kendo_grid_checkbox_column_4_Template, 1, 6, "kendo-grid-checkbox-column", 4)(5, UserViewGridComponent_kendo_grid_column_5_Template, 2, 10, "kendo-grid-column", 5);
         i0.ɵɵelementStart(6, "kendo-excelexport", 6, 7);
         i0.ɵɵtemplate(8, UserViewGridComponent_kendo_excelexport_column_8_Template, 1, 2, "kendo-excelexport-column", 8);
         i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(9, "div", null, 9);
         i0.ɵɵtemplate(11, UserViewGridComponent_div_11_Template, 3, 1, "div", 10);
-        i0.ɵɵelementEnd()();
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(12, UserViewGridComponent_kendo_dialog_12_Template, 11, 8, "kendo-dialog", 11);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(13, "mj-entity-form-dialog", 12, 13);
     } if (rf & 2) {
         i0.ɵɵadvance();
         i0.ɵɵproperty("resizable", true)("data", ctx.gridView)("skip", ctx.skip)("pageSize", ctx.pageSize)("rowHeight", 36)("loading", ctx.isLoading)("height", ctx.gridHeight)("sortable", true)("sort", ctx.sortSettings)("resizable", true)("reorderable", true)("selectable", true);
         i0.ɵɵtwoWayProperty("selectedKeys", ctx.selectedKeys);
         i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.compareMode || ctx.mergeMode || ctx.duplicateMode);
+        i0.ɵɵproperty("ngIf", ctx.anyModeEnabled);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngForOf", ctx.visibleColumns);
         i0.ɵɵadvance();
@@ -1092,11 +1416,15 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
         i0.ɵɵproperty("ngForOf", ctx.exportColumns);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.isCompareDialogOpened);
-    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.DialogComponent, i5.DialogActionsComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.ButtonComponent, i8.CompareRecordsComponent, i9.FillContainer, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\n    height: calc(100vh - 20px);\n}\n\n.user-view-grid-column-header[_ngcontent-%COMP%] {\n    background-color: #fff;\n    font-size: 20pt;\n    font-weight: bold;\n}\n\n.title-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 24px;\n    line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n    background: #fff;\n    padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-start;\n    gap: 14px;\n    align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    font-size: 16px;\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    padding-left: 40px;\n\n }\n    .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]  {\n    background: var(--light-shade);\n    width: 360px;\n    height: 44px;\n    position: relative;\n    border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 12px;\n}\n.k-table-td[_ngcontent-%COMP%] {\n    border-right: none !important;\n}.btn-cmn[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    background: transparent;\n    border-radius: 8px;\n    border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n    border: 1px solid var(--border-blue);\n}\n  .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n    border: 1px solid var(--gray-color);\n    border-radius: 8px;   padding: 10px 25px;\n    background: var(--white-color);\n    color: var(--sideNav);\n}\n  .user-view-grid-wrap .k-grid-aria-root .k-grid-header .k-grid-header-table thead tr th {\n    border-right: none;\n    border-inline-start-width: 0;\n    color: var(--thead-color);\n}\n  .user-view-grid-wrap .k-grid-aria-root kendo-grid-list .k-grid-table tbody tr td { \n    border-inline-start-width: 0;\n    color: var(--tdata-color);\n    font-weight: 500;\n    border-bottom-width: 1px;\n}"] });
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.showAddToListDialog);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("Visible", ctx.showNewRecordDialog);
+    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.DialogComponent, i5.DialogActionsComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.ButtonComponent, i8.CompareRecordsComponent, i9.FillContainer, i10.TextBoxComponent, i11.EntityFormDialogComponent, i12.LoaderComponent, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\n    height: calc(100vh - 20px);\n}\n\n.user-view-grid-column-header[_ngcontent-%COMP%] {\n    background-color: #fff;\n    font-size: 20pt;\n    font-weight: bold;\n}\n\n.title-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 24px;\n    line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n    background: #fff;\n    padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-start;\n    gap: 14px;\n    align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    font-size: 16px;\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    padding-left: 40px;\n\n }\n    .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]  {\n    background: var(--light-shade);\n    width: 360px;\n    height: 44px;\n    position: relative;\n    border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%]   .search[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 12px;\n}\n.k-table-td[_ngcontent-%COMP%] {\n    border-right: none !important;\n}.btn-cmn[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    background: transparent;\n    border-radius: 8px;\n    border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n    border: 1px solid var(--border-blue);\n}\n  .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n    border: 1px solid var(--gray-color);\n    border-radius: 8px;   padding: 10px 25px;\n    background: var(--white-color);\n    color: var(--sideNav);\n}\n  .user-view-grid-wrap .k-grid-aria-root .k-grid-header .k-grid-header-table thead tr th {\n    border-right: none;\n    border-inline-start-width: 0;\n    color: var(--thead-color);\n}\n  .user-view-grid-wrap .k-grid-aria-root kendo-grid-list .k-grid-table tbody tr td { \n    border-inline-start-width: 0;\n    color: var(--tdata-color);\n    font-weight: 500;\n    border-bottom-width: 1px;\n}  \n\n.overflow-y-scroll[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: 275px;\n}\n\n.padding-bottom-small[_ngcontent-%COMP%] {\n    padding-bottom: 10px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 5px;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewGridComponent, [{
         type: Component,
-        args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\n    <kendo-grid #kendoGrid\n          mjFillContainer\n          [resizable]=\"true\"\n          [data]=\"gridView\" \n          [skip]=\"skip\"\n          [pageSize]=\"pageSize\"\n          scrollable=\"virtual\"\n          [rowHeight]=\"36\"\n          (pageChange)=\"pageChange($event)\"\n          [loading]=\"isLoading\"\n          [height]=\"gridHeight\"\n          [sortable]=\"true\"\n          [sort]=\"sortSettings\" \n          [resizable]=\"true\"\n          [reorderable]=\"true\"\n          [selectable]=\"true\"\n          kendoGridSelectBy\n          [(selectedKeys)]=\"selectedKeys\"\n          (cellClick)=\"cellClickHandler($event)\"\n          (cellClose)=\"cellCloseHandler($event)\"\n          (columnReorder)=\"columnReorder($event)\"\n          (columnResize)=\"columnResize($event)\"\n          (selectionChange)=\"selectionChange($event)\"\n          (sortChange)=\"sortChanged($event)\"\n          >\n          <ng-template kendoGridToolbarTemplate>\n             \n              <button kendoButton *ngIf=\"!compareMode && !mergeMode\" (click)=\"doExcelExport()\" >\n                <span class=\"fa-regular fa-file-excel\"></span>\n                  Export to Excel\n              </button>\n\n              <!-- 3 buttons for duplicate. First one only shows when duplication is going on in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending duple.  -->\n            <button (click)=\"enableCheckbox(false, 'duplicate')\" *ngIf=\"(!compareMode && !mergeMode && !duplicateMode)\" [disabled]=\"duplicateMode && recordsToCompare.length < 2\" kendoButton class=\"k-button-solid-base list-button\">\n                Search For Duplicates\n            </button>\n            <button (click)=\"enableCheckbox(false, 'duplicate')\" *ngIf=\"duplicateMode\" [disabled]=\"duplicateMode && recordsToCompare.length < 2\" kendoButton class=\"k-button-solid-base list-button\">\n                Search For Duplicates\n            </button>\n            <!--\n            <button (click)=\"enableCheckbox(true, 'duplicate')\" *ngIf=\"duplicateMode\" kendoButton class=\"k-button-solid-base list-button\">\n                Cancel\n            </button>\n            -->\n\n\n            <!-- 3 buttons for compare. First one only shows when comparison is going on in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending compare.  -->\n            <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"!compareMode && !mergeMode && !duplicateMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\n            <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"compareMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\n            <!--\n            <button (click)=\"enableMergeOrCompare(true, 'compare')\" *ngIf=\"compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\n            -->\n\n            <!-- 3 buttons for merge. First one only shows when merge is getting goin in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending merge.  -->\n            <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"!mergeMode && !compareMode && !duplicateMode\" [disabled]=\"mergeMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\n            <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"mergeMode\" [disabled]=\"mergeMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\n            <!--\n            <button (click)=\"enableMergeOrCompare(true, 'merge')\" *ngIf=\"mergeMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\n            -->\n            \n            @if(compareMode || mergeMode || duplicateMode){\n                <button (click)=\"enableCheckbox(true, '')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Cancel\n                </button>\n            }\n            @if(showRefreshButton && !compareMode && !mergeMode && !duplicateMode){\n                <button\n                kendoButton\n                class=\"list-button\"\n                (click)=\"RefreshFromSavedParams()\">\n                    <span class=\"fa-solid fa-arrows-rotate\"></span>\n                        Refresh\n                </button>\n            }\n        </ng-template>\n          \n          <kendo-grid-checkbox-column \n              *ngIf=\"compareMode || mergeMode || duplicateMode\" \n              [width]=\"50\" \n              [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': 'white' }\" \n              [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\n          </kendo-grid-checkbox-column>\n          \n          <kendo-grid-column \n              *ngFor=\"let item of visibleColumns\" \n              [field]=\"item.Name\" \n              [title]=\"GetColumnTitle(item)\"\n              [width]=\"item.width ? item.width : 100\"\n              [editable]=\"item.EntityField.AllowUpdateAPI\"\n              [editor]=\"getEditor(item.EntityField)\"\n              [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': 'white' }\"\n              [style]=\"this.GetColumnCellStyle(item)\"\n              >\n              <ng-template *ngIf=\"item===visibleColumns[0]\" kendoGridFooterTemplate >\n                  {{this.viewData.length | number}}{{this.totalRowCount > this.viewData.length ? ' of ' + (this.totalRowCount | number) : ' rows'}}<br/><span style=\"font-size: smaller; font-weight: normal;\">{{viewExecutionTime | number:'1.2-2'}} seconds</span>\n              </ng-template>\n          </kendo-grid-column>\n  \n          <kendo-excelexport #excelExport [data]=\"exportData\" [fileName]=\"(_viewEntity ? _viewEntity.Get('Name') : _entityInfo?.Name) + '.xlsx'\">\n              <kendo-excelexport-column *ngFor=\"let exportCol of exportColumns\" [field]=\"exportCol.Name\" [title]=\"exportCol.Name\">\n              </kendo-excelexport-column>\n          </kendo-excelexport>\n      </kendo-grid>\n      \n      <div #compareDialogContainer>\n          <div *ngIf=\"isCompareDialogOpened\">\n              <div class=\"k-overlay\"></div>\n              <kendo-window\n                  [minHeight]=\"300\"\n                  [minWidth]=\"800\"\n                  [top]=\"100\"\n                  [left]=\"100\"\n                  [width]=\"1200\"\n                  [height]=\"675\"\n                  [resizable]=\"true\"\n                  (close)=\"closeCompareDialog($event)\"\n                  title=\"Compare Records\"\n                  *ngIf=\"isCompareDialogOpened\"\n              >\n                  <div mjFillContainer [fillHeight]=\"true\" [bottomMargin]=\"100\">\n                      <mj-compare-records\n                          #recordCompareRef\n                          [entityName]=\"_entityInfo ? _entityInfo.Name : ''\"\n                          [recordsToCompare]=\"recordsToCompare\" \n                          [visibleColumns]=\"visibleColumns\" \n                          [selectionMode]=\"mergeMode ? true : false\"\n                      >\n                      </mj-compare-records>\n                  </div>\n                  <div class=\"k-actions k-actions-end\">\n                    <button *ngIf=\"mergeMode\" kendoButton themeColor=\"primary\" type=\"button\" (click)=\"closeCompareDialog('merge')\">\n                        Merge Records\n                    </button>\n                    <button *ngIf=\"duplicateMode\" kendoButton themeColor=\"primary\" type=\"button\" (click)=\"findDuplicateRecords()\">\n                        Search for Duplicates\n                    </button>\n                    <button *ngIf=\"compareMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('close')\">\n                        Close\n                    </button>\n                    <button *ngIf=\"mergeMode || duplicateMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('cancel')\">\n                        Cancel\n                    </button>\n                  </div>      \n                  <kendo-dialog\n                      title=\"Confirm Choice\"\n                      *ngIf=\"isConfirmDialogOpen\"\n                      (close)=\"closeConfirmMergeDialog('cancel')\"\n                      [minWidth]=\"250\"\n                      [width]=\"450\"\n                  >\n                      <p style=\"margin: 30px; text-align: center;\">\n                      Are you sure you want to merge the records? This action cannot be undone. If you select \"Yes\", the records will be merged and the duplicate records will be deleted.\n                      </p>\n                      <kendo-dialog-actions>\n                      <button kendoButton (click)=\"closeConfirmMergeDialog('no')\">No</button>\n                      <button kendoButton (click)=\"closeConfirmMergeDialog('yes')\" themeColor=\"primary\">\n                          Yes\n                      </button>\n                      </kendo-dialog-actions>\n                  </kendo-dialog>\n              </kendo-window>\n          </div>            \n      </div>\n  </div>\n  ", styles: [".user-view-grid-wrap {\n    height: calc(100vh - 20px);\n}\n\n.user-view-grid-column-header {\n    background-color: #fff;\n    font-size: 20pt;\n    font-weight: bold;\n}\n\n.title-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper h4 {\n    margin: 0;\n    font-size: 24px;\n    line-height: 28px;\n }\n .main-fav-wrapper {\n    background: #fff;\n    padding: 20px;\n }\n .filter-wrapper {\n    display: flex;\n    justify-content: flex-start;\n    gap: 14px;\n    align-items: center;\n}\n .title-wrapper .search  input {\n    width: 100%;\n    height: 100%;\n    font-size: 16px;\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    padding-left: 40px;\n\n }\n    .title-wrapper .search  {\n    background: var(--light-shade);\n    width: 360px;\n    height: 44px;\n    position: relative;\n    border-radius: 10px;\n }\n .title-wrapper .search svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 12px;\n}\n.k-table-td {\n    border-right: none !important;\n}.btn-cmn {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    background: transparent;\n    border-radius: 8px;\n    border: 1px solid var(--gray-color);\n}\n.btn-cmn.active {\n    border: 1px solid var(--border-blue);\n}\n::ng-deep .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n    border: 1px solid var(--gray-color);\n    border-radius: 8px;   padding: 10px 25px;\n    background: var(--white-color);\n    color: var(--sideNav);\n}\n::ng-deep .user-view-grid-wrap .k-grid-aria-root .k-grid-header .k-grid-header-table thead tr th {\n    border-right: none;\n    border-inline-start-width: 0;\n    color: var(--thead-color);\n}\n::ng-deep .user-view-grid-wrap .k-grid-aria-root kendo-grid-list .k-grid-table tbody tr td { \n    border-inline-start-width: 0;\n    color: var(--tdata-color);\n    font-weight: 500;\n    border-bottom-width: 1px;\n}   "] }]
-    }], () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: i0.Renderer2 }], { Params: [{
+        args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\n    <kendo-grid #kendoGrid\n          mjFillContainer\n          [resizable]=\"true\"\n          [data]=\"gridView\" \n          [skip]=\"skip\"\n          [pageSize]=\"pageSize\"\n          scrollable=\"virtual\"\n          [rowHeight]=\"36\"\n          (pageChange)=\"pageChange($event)\"\n          [loading]=\"isLoading\"\n          [height]=\"gridHeight\"\n          [sortable]=\"true\"\n          [sort]=\"sortSettings\" \n          [resizable]=\"true\"\n          [reorderable]=\"true\"\n          [selectable]=\"true\"\n          kendoGridSelectBy\n          [(selectedKeys)]=\"selectedKeys\"\n          (cellClick)=\"cellClickHandler($event)\"\n          (cellClose)=\"cellCloseHandler($event)\"\n          (columnReorder)=\"columnReorder($event)\"\n          (columnResize)=\"columnResize($event)\"\n          (selectionChange)=\"selectionChange($event)\"\n          (sortChange)=\"sortChanged($event)\"\n          >\n          <ng-template kendoGridToolbarTemplate>\n            @if(!anyModeEnabled){\n                @if(ShowCreateNewRecordButton && UserCanCreateNewRecord) {\n                    <button kendoButton (click)=\"doCreateNewRecord()\" >\n                        <span class=\"fa-regular fa-plus\"></span>\n                        New {{entityRecord?.EntityInfo?.Name}}\n                    </button>                                        \n                }\n\n                <button kendoButton (click)=\"doExcelExport()\" >\n                    <span class=\"fa-regular fa-file-excel\"></span>\n                    Export to Excel\n                </button>\n                <button (click)=\"enableCheckbox(false, 'duplicate')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Search For Duplicates\n                </button>\n                <button (click)=\"enableCheckbox(false, 'addToList')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Add To List\n                </button>\n                <button (click)=\"enableMergeOrCompare(false, 'merge')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Merge\n                </button>\n                <button (click)=\"enableMergeOrCompare(false, 'compare')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Compare\n                </button>\n\n                @if(showRefreshButton){\n                    <button kendoButton class=\"list-button\" (click)=\"RefreshFromSavedParams()\">\n                        <span class=\"fa-solid fa-arrows-rotate\"></span>\n                        Refresh\n                    </button>\n                }\n            }\n            @if(duplicateMode){\n                <button (click)=\"enableCheckbox(false, 'duplicate')\" [disabled]=\"duplicateMode && recordsToCompare.length < 2\" kendoButton class=\"k-button-solid-base list-button\">\n                    Search For Duplicates\n                </button>\n            }\n            @if(addToListMode){\n                <button (click)=\"enableCheckbox(false, 'addToList')\" [disabled]=\"addToListMode && recordsToCompare.length === 0\" kendoButton class=\"k-button-solid-base list-button\">\n                    Add To List\n                </button>\n            }\n            @if(compareMode){\n                <button (click)=\"enableMergeOrCompare(false, 'compare')\" [disabled]=\"compareMode && recordsToCompare.length < 2\" kendoButton class=\"k-button-solid-base list-button\">\n                    Compare\n                </button>\n            }\n            @if(mergeMode){\n                <button (click)=\"enableMergeOrCompare(false, 'merge')\" [disabled]=\"mergeMode && recordsToCompare.length < 2\" kendoButton class=\"k-button-solid-base list-button\">\n                    Merge\n                </button>\n            }\n            @if(anyModeEnabled){\n                <button (click)=\"enableCheckbox(true, '')\" kendoButton class=\"k-button-solid-base list-button\">\n                    Cancel\n                </button>\n            }\n        </ng-template>\n          \n          <kendo-grid-checkbox-column \n              *ngIf=\"anyModeEnabled\" \n              [width]=\"50\" \n              [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': 'white' }\" \n              [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\n          </kendo-grid-checkbox-column>\n          \n          <kendo-grid-column \n              *ngFor=\"let item of visibleColumns\" \n              [field]=\"item.Name\" \n              [title]=\"GetColumnTitle(item)\"\n              [width]=\"item.width ? item.width : 100\"\n              [editable]=\"item.EntityField.AllowUpdateAPI\"\n              [editor]=\"getEditor(item.EntityField)\"\n              [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': 'white' }\"\n              [style]=\"this.GetColumnCellStyle(item)\"\n              >\n              <ng-template *ngIf=\"item===visibleColumns[0]\" kendoGridFooterTemplate >\n                  {{this.viewData.length | number}}{{this.totalRowCount > this.viewData.length ? ' of ' + (this.totalRowCount | number) : ' rows'}}<br/><span style=\"font-size: smaller; font-weight: normal;\">{{viewExecutionTime | number:'1.2-2'}} seconds</span>\n              </ng-template>\n          </kendo-grid-column>\n  \n          <kendo-excelexport #excelExport [data]=\"exportData\" [fileName]=\"(_viewEntity ? _viewEntity.Get('Name') : _entityInfo?.Name) + '.xlsx'\">\n              <kendo-excelexport-column *ngFor=\"let exportCol of exportColumns\" [field]=\"exportCol.Name\" [title]=\"exportCol.Name\">\n              </kendo-excelexport-column>\n          </kendo-excelexport>\n    </kendo-grid>\n      \n    <div #compareDialogContainer>\n        <div *ngIf=\"isCompareDialogOpened\">\n            <div class=\"k-overlay\"></div>\n            <kendo-window\n                [minHeight]=\"300\"\n                [minWidth]=\"800\"\n                [top]=\"100\"\n                [left]=\"100\"\n                [width]=\"1200\"\n                [height]=\"675\"\n                [resizable]=\"true\"\n                (close)=\"closeCompareDialog($event)\"\n                title=\"Compare Records\"\n                *ngIf=\"isCompareDialogOpened\"\n            >\n                <div mjFillContainer [fillHeight]=\"true\" [bottomMargin]=\"100\">\n                    <mj-compare-records\n                        #recordCompareRef\n                        [entityName]=\"_entityInfo ? _entityInfo.Name : ''\"\n                        [recordsToCompare]=\"recordsToCompare\" \n                        [visibleColumns]=\"visibleColumns\" \n                        [selectionMode]=\"mergeMode ? true : false\"\n                    >\n                    </mj-compare-records>\n                </div>\n                <div class=\"k-actions k-actions-end\">\n                <button *ngIf=\"mergeMode\" kendoButton themeColor=\"primary\" type=\"button\" (click)=\"closeCompareDialog('merge')\">\n                    Merge Records\n                </button>\n                <button *ngIf=\"duplicateMode\" kendoButton themeColor=\"primary\" type=\"button\" (click)=\"findDuplicateRecords()\">\n                    Search for Duplicates\n                </button>\n                <button *ngIf=\"compareMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('close')\">\n                    Close\n                </button>\n                <button *ngIf=\"mergeMode || duplicateMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('cancel')\">\n                    Cancel\n                </button>\n                </div>      \n                <kendo-dialog\n                    title=\"Confirm Choice\"\n                    *ngIf=\"isConfirmDialogOpen\"\n                    (close)=\"closeConfirmMergeDialog('cancel')\"\n                    [minWidth]=\"250\"\n                    [width]=\"450\"\n                >\n                    <p style=\"margin: 30px; text-align: center;\">\n                    Are you sure you want to merge the records? This action cannot be undone. If you select \"Yes\", the records will be merged and the duplicate records will be deleted.\n                    </p>\n                    <kendo-dialog-actions>\n                    <button kendoButton (click)=\"closeConfirmMergeDialog('no')\">No</button>\n                    <button kendoButton (click)=\"closeConfirmMergeDialog('yes')\" themeColor=\"primary\">\n                        Yes\n                    </button>\n                    </kendo-dialog-actions>\n                </kendo-dialog>\n            </kendo-window>\n        </div>            \n    </div>\n    <kendo-dialog\n    class=\"dialog-wrapper\"\n    title=\"Select List(s) To Add Record\"\n    *ngIf=\"showAddToListDialog\"\n    (close)=\"toggleAddToListDialog(false)\"\n    [minHeight]=\"450\"\n    [maxHeight]=\"450\"\n    [minWidth]=\"500\"\n    [maxWidth]=\"650\"\n    >\n    <div>\n        <kendo-textbox\n      id=\"listSearch\"\n      placeholder=\"Search Lists...\"\n      kendoTextBox\n      (valueChange)=\"onSearch($event)\"\n      [clearButton]=\"true\"\n      class=\"padding-bottom-small\"\n    ></kendo-textbox>\n    </div>\n    <div class=\"overflow-y-scroll\">\n        @if(showAddToListLoader){\n            <kendo-loader type=\"converging-spinner\"></kendo-loader>\n        }\n        @else {\n            @for(listEntity of listEntities; track listEntity){\n                <div class=\"list-item\">\n                    {{listEntity.Name}}\n                    @if(selectedListEntities.includes(listEntity)){\n                        <button kendoButton (click)=\"removeFromList(listEntity)\">\n                            <span class=\"fa-regular fa-circle-minus\"></span>\n                            Remove\n                        </button>\n                    }\n                    @else {\n                        <button kendoButton (click)=\"addToList(listEntity)\">\n                            <span class=\"fa-regular fa-circle-plus\"></span>\n                            Add\n                        </button>\n                    }\n                </div>\n                <hr>\n            }\n        }\n    </div>\n      <kendo-dialog-actions>\n        <button kendoButton (click)=\"addRecordsToSelectedLists()\" [disabled]=\"showAddToListLoader\" themeColor=\"primary\">\n            Save\n        </button>\n        <button kendoButton (click)=\"toggleAddToListDialog(false)\" [disabled]=\"showAddToListLoader\">\n            Cancel\n        </button>\n      </kendo-dialog-actions>\n    </kendo-dialog>\n</div>\n  \n<!-- Entity Form Dialog Component here for future use as needed -->\n<mj-entity-form-dialog\n    #entityFormDialog\n    Mode=\"complete\"\n    [Visible]=\"showNewRecordDialog\"\n></mj-entity-form-dialog>", styles: [".user-view-grid-wrap {\n    height: calc(100vh - 20px);\n}\n\n.user-view-grid-column-header {\n    background-color: #fff;\n    font-size: 20pt;\n    font-weight: bold;\n}\n\n.title-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper h4 {\n    margin: 0;\n    font-size: 24px;\n    line-height: 28px;\n }\n .main-fav-wrapper {\n    background: #fff;\n    padding: 20px;\n }\n .filter-wrapper {\n    display: flex;\n    justify-content: flex-start;\n    gap: 14px;\n    align-items: center;\n}\n .title-wrapper .search  input {\n    width: 100%;\n    height: 100%;\n    font-size: 16px;\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    padding-left: 40px;\n\n }\n    .title-wrapper .search  {\n    background: var(--light-shade);\n    width: 360px;\n    height: 44px;\n    position: relative;\n    border-radius: 10px;\n }\n .title-wrapper .search svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 12px;\n}\n.k-table-td {\n    border-right: none !important;\n}.btn-cmn {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    background: transparent;\n    border-radius: 8px;\n    border: 1px solid var(--gray-color);\n}\n.btn-cmn.active {\n    border: 1px solid var(--border-blue);\n}\n::ng-deep .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n    border: 1px solid var(--gray-color);\n    border-radius: 8px;   padding: 10px 25px;\n    background: var(--white-color);\n    color: var(--sideNav);\n}\n::ng-deep .user-view-grid-wrap .k-grid-aria-root .k-grid-header .k-grid-header-table thead tr th {\n    border-right: none;\n    border-inline-start-width: 0;\n    color: var(--thead-color);\n}\n::ng-deep .user-view-grid-wrap .k-grid-aria-root kendo-grid-list .k-grid-table tbody tr td { \n    border-inline-start-width: 0;\n    color: var(--tdata-color);\n    font-weight: 500;\n    border-bottom-width: 1px;\n}  \n\n.overflow-y-scroll {\n    overflow-y: auto;\n    max-height: 275px;\n}\n\n.padding-bottom-small {\n    padding-bottom: 10px;\n}\n\n.list-item {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 5px;\n}"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.FormBuilder }, { type: i2.Router }, { type: i0.Renderer2 }], { Params: [{
             type: Input
         }], BottomMargin: [{
             type: Input
@@ -1106,6 +1434,12 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
             type: Input
         }], AutoNavigate: [{
             type: Input
+        }], NewRecordValues: [{
+            type: Input
+        }], ShowCreateNewRecordButton: [{
+            type: Input
+        }], CreateRecordMode: [{
+            type: Input
         }], rowClicked: [{
             type: Output
         }], rowEdited: [{
@@ -1133,5 +1467,8 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
             args: ['compareDialogContainer']
         }], AllowLoad: [{
             type: Input
+        }], entityFormDialog: [{
+            type: ViewChild,
+            args: ['entityFormDialog']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewGridComponent, { className: "UserViewGridComponent", filePath: "src/lib/ng-user-view-grid.component.ts", lineNumber: 43 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewGridComponent, { className: "UserViewGridComponent", filePath: "src/lib/ng-user-view-grid.component.ts", lineNumber: 46 }); })();