@memberjunction/ng-user-view-grid 2.5.2 → 2.6.1

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

@@ -323,31 +323,31 @@ function UserViewGridComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r2.isCompareDialogOpened);
 } }
-function UserViewGridComponent_kendo_dialog_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 55);
+function UserViewGridComponent_kendo_dialog_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 53);
 } }
-function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 62);
-    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const listEntity_r23 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeFromList(listEntity_r23)); });
-    i0.ɵɵelement(1, "span", 63);
+    i0.ɵɵelementStart(0, "button", 60);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const listEntity_r23 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeFromList(listEntity_r23)); });
+    i0.ɵɵelement(1, "span", 61);
     i0.ɵɵtext(2, " Remove ");
     i0.ɵɵelementEnd();
 } }
-function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 64);
-    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const listEntity_r23 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addToList(listEntity_r23)); });
-    i0.ɵɵelementStart(1, "div", 65);
-    i0.ɵɵelement(2, "span", 53);
+    i0.ɵɵelementStart(0, "button", 62);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const listEntity_r23 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addToList(listEntity_r23)); });
+    i0.ɵɵelementStart(1, "div", 63);
+    i0.ɵɵelement(2, "span", 64);
     i0.ɵɵtext(3, " Add ");
     i0.ɵɵelementEnd()();
 } }
-function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "div", 59);
+function UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56)(1, "div", 57);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_3_Template, 3, 0, "button", 60)(4, UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Conditional_4_Template, 4, 0, "button", 61);
+    i0.ɵɵtemplate(3, UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_3_Template, 3, 0, "button", 58)(4, UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Conditional_4_Template, 4, 0, "button", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(5, "hr");
 } if (rf & 2) {
@@ -360,8 +360,8 @@ function UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.selectedListEntities.includes(listEntity_r23) ? 3 : 4);
 } }
-function UserViewGridComponent_kendo_dialog_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, UserViewGridComponent_kendo_dialog_6_Conditional_9_For_1_Template, 6, 5, null, null, i0.ɵɵrepeaterTrackByIdentity);
+function UserViewGridComponent_kendo_dialog_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, UserViewGridComponent_kendo_dialog_6_Conditional_6_For_1_Template, 6, 5, null, null, i0.ɵɵrepeaterTrackByIdentity);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵrepeater(ctx_r2.listEntities);
@@ -372,30 +372,26 @@ function UserViewGridComponent_kendo_dialog_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("close", function UserViewGridComponent_kendo_dialog_6_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAddToListDialog(false)); });
     i0.ɵɵelementStart(1, "div", 50)(2, "kendo-textbox", 51);
     i0.ɵɵlistener("valueChange", function UserViewGridComponent_kendo_dialog_6_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSearch($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 52);
-    i0.ɵɵelement(4, "span", 53);
-    i0.ɵɵtext(5, " New List ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "hr");
-    i0.ɵɵelementStart(7, "div", 54);
-    i0.ɵɵtemplate(8, UserViewGridComponent_kendo_dialog_6_Conditional_8_Template, 1, 0, "kendo-loader", 55)(9, UserViewGridComponent_kendo_dialog_6_Conditional_9_Template, 2, 0);
+    i0.ɵɵelement(3, "hr");
+    i0.ɵɵelementStart(4, "div", 52);
+    i0.ɵɵtemplate(5, UserViewGridComponent_kendo_dialog_6_Conditional_5_Template, 1, 0, "kendo-loader", 53)(6, UserViewGridComponent_kendo_dialog_6_Conditional_6_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-dialog-actions")(11, "button", 56);
-    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.addRecordsToSelectedLists()); });
-    i0.ɵɵtext(12, " Save ");
+    i0.ɵɵelementStart(7, "kendo-dialog-actions")(8, "button", 54);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.addRecordsToSelectedLists()); });
+    i0.ɵɵtext(9, " Save ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 57);
-    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAddToListDialog(false)); });
-    i0.ɵɵtext(14, " Cancel ");
+    i0.ɵɵelementStart(10, "button", 55);
+    i0.ɵɵlistener("click", function UserViewGridComponent_kendo_dialog_6_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAddToListDialog(false)); });
+    i0.ɵɵtext(11, " Cancel ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("minHeight", 500)("maxHeight", 500)("minWidth", 500)("maxWidth", 650);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("clearButton", true);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r2.showAddToListLoader ? 8 : 9);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.showAddToListLoader ? 5 : 6);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r2.showAddToListLoader);
     i0.ɵɵadvance(2);
@@ -1476,14 +1472,14 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.analysisResults = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.compareDialogContainer = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialog = _t.first);
-    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", NewRecordValues: "NewRecordValues", ShowCreateNewRecordButton: "ShowCreateNewRecordButton", ShowCommunicationButton: "ShowCommunicationButton", CreateRecordMode: "CreateRecordMode", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 11, vars: 7, consts: [["compareDialogContainer", ""], ["entityFormDialog", ""], ["templatePreviewDialog", ""], ["kendoGrid", ""], ["excelExport", ""], ["recordCompareRef", ""], ["mjFillContainer", "", 1, "user-view-grid-wrap"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Select List(s) To Add Record(s) To", 3, "minHeight", "maxHeight", "minWidth", "maxWidth", "close", 4, "ngIf"], ["Mode", "complete", 3, "Visible"], [3, "DialogClosed", "DialogVisible", "entityInfo", "runViewParams"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange", "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys"], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], [3, "field", "title", 4, "ngFor", "ngForOf"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "disabled"], ["kendoButton", "", 1, "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", "", 1, "list-button"], [1, "fa-regular", "fa-plus"], [1, "fa-regular", "fa-envelope"], ["kendoButton", "", 1, "list-button", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "click", "disabled"], [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, "close", "minHeight", "minWidth", "top", "left", "width", "height", "resizable"], ["mjFillContainer", "", 3, "fillHeight", "bottomMargin"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], [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, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["title", "Select List(s) To Add Record(s) To", 1, "dialog-wrapper", 3, "close", "minHeight", "maxHeight", "minWidth", "maxWidth"], [1, "search-header"], ["id", "listSearch", "placeholder", "Search Lists...", "kendoTextBox", "", 1, "search-bar", 3, "valueChange", "clearButton"], ["kendoButton", "", 1, "btn-no-border", "btn-outline"], [1, "fa-solid", "fa-plus"], [1, "overflow-y-scroll"], ["type", "converging-spinner"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], ["kendoButton", "", 3, "click", "disabled"], [1, "list-item"], [1, "list-text", 3, "ngClass"], ["kendoButton", "", 1, "btn-no-border", "btn-selected"], ["kendoButton", "", 1, "btn-no-border"], ["kendoButton", "", 1, "btn-no-border", "btn-selected", 3, "click"], [1, "fa-solid", "fa-minus"], ["kendoButton", "", 1, "btn-no-border", 3, "click"], [1, "btn-margin-right"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", NewRecordValues: "NewRecordValues", ShowCreateNewRecordButton: "ShowCreateNewRecordButton", ShowCommunicationButton: "ShowCommunicationButton", CreateRecordMode: "CreateRecordMode", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 11, vars: 7, consts: [["compareDialogContainer", ""], ["entityFormDialog", ""], ["templatePreviewDialog", ""], ["kendoGrid", ""], ["excelExport", ""], ["recordCompareRef", ""], ["mjFillContainer", "", 1, "user-view-grid-wrap"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Select List(s) To Add Record(s) To", 3, "minHeight", "maxHeight", "minWidth", "maxWidth", "close", 4, "ngIf"], ["Mode", "complete", 3, "Visible"], [3, "DialogClosed", "DialogVisible", "entityInfo", "runViewParams"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange", "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys"], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], [3, "field", "title", 4, "ngFor", "ngForOf"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "disabled"], ["kendoButton", "", 1, "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", "", 1, "list-button"], [1, "fa-regular", "fa-plus"], [1, "fa-regular", "fa-envelope"], ["kendoButton", "", 1, "list-button", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["kendoButton", "", 1, "k-button-solid-base", "list-button", 3, "click", "disabled"], [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, "close", "minHeight", "minWidth", "top", "left", "width", "height", "resizable"], ["mjFillContainer", "", 3, "fillHeight", "bottomMargin"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], [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, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["title", "Select List(s) To Add Record(s) To", 1, "dialog-wrapper", 3, "close", "minHeight", "maxHeight", "minWidth", "maxWidth"], [1, "search-header"], ["id", "listSearch", "placeholder", "Search Lists...", "kendoTextBox", "", 1, "search-bar", 3, "valueChange", "clearButton"], [1, "overflow-y-scroll"], ["type", "converging-spinner"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], ["kendoButton", "", 3, "click", "disabled"], [1, "list-item"], [1, "list-text", 3, "ngClass"], ["kendoButton", "", 1, "btn-no-border", "btn-selected"], ["kendoButton", "", 1, "btn-no-border"], ["kendoButton", "", 1, "btn-no-border", "btn-selected", 3, "click"], [1, "fa-solid", "fa-minus"], ["kendoButton", "", 1, "btn-no-border", 3, "click"], [1, "btn-margin-right"], [1, "fa-solid", "fa-plus"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
         const _r1 = i0.ɵɵgetCurrentView();
         i0.ɵɵelementStart(0, "div", 6);
         i0.ɵɵtemplate(1, UserViewGridComponent_Conditional_1_Template, 1, 0, "kendo-loader")(2, UserViewGridComponent_Conditional_2_Template, 8, 18, "kendo-grid", 7);
         i0.ɵɵelementStart(3, "div", null, 0);
         i0.ɵɵtemplate(5, UserViewGridComponent_div_5_Template, 3, 1, "div", 8);
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(6, UserViewGridComponent_kendo_dialog_6_Template, 15, 8, "kendo-dialog", 9);
+        i0.ɵɵtemplate(6, UserViewGridComponent_kendo_dialog_6_Template, 12, 8, "kendo-dialog", 9);
         i0.ɵɵelementEnd();
         i0.ɵɵelement(7, "mj-entity-form-dialog", 10, 1);
         i0.ɵɵelementStart(9, "mj-entity-communications-preview-window", 11, 2);
@@ -1503,7 +1499,7 @@ UserViewGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserV
     } }, dependencies: [i3.NgClass, 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, i13.EntityCommunicationsPreviewWindowComponent, 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: 300px;\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    align-items: center;\n}\n\n.btn-no-border[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.btn-selected[_ngcontent-%COMP%] {\n    font-weight: bold;\n}\n\n.list-text[_ngcontent-%COMP%] {\n    font-size: large;\n}\n.list-selected[_ngcontent-%COMP%] {\n    font-weight: bold;\n    color: var(--border-blue);\n}\n\n.btn-margin-right[_ngcontent-%COMP%] {\n    margin-right: 35px;\n}\n\n.divider[_ngcontent-%COMP%] {\n    color: lightgray\n}\n\n.search-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 0;\n}\n\n.search-bar[_ngcontent-%COMP%] {\n    width: 65%;\n    padding-bottom: 10px;\n}\n\n.dialog-wrapper[_ngcontent-%COMP%] {\n    padding: 15px 25px;\n}\n\n.btn-outline[_ngcontent-%COMP%] {\n    border: 2px solid var(--border-blue);\n    border-radius: 8px;\n    padding: 5px 30px;\n\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\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    @if (isLoading || !AllowLoad || neverLoaded) {\n        <kendo-loader></kendo-loader>\n    }\n    @else {\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(EntityInfo && 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 (ShowCommunicationButton && EntitySupportsCommunication) {\n                    <button (click)=\"doCommunication()\" kendoButton class=\"k-button-solid-base list-button\">\n                        <span class=\"fa-regular fa-envelope\"></span>\n                    </button>    \n                }\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\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(s) To\"\n    *ngIf=\"showAddToListDialog\"\n    (close)=\"toggleAddToListDialog(false)\"\n    [minHeight]=\"500\"\n    [maxHeight]=\"500\"\n    [minWidth]=\"500\"\n    [maxWidth]=\"650\"\n    >\n    <div class=\"search-header\">\n        <kendo-textbox\n      id=\"listSearch\"\n      placeholder=\"Search Lists...\"\n      kendoTextBox\n      (valueChange)=\"onSearch($event)\"\n      [clearButton]=\"true\"\n      class=\"search-bar\"\n    ></kendo-textbox>\n    <button kendoButton class=\"btn-no-border btn-outline\">\n        <span class=\"fa-solid fa-plus\"></span>\n        New List\n    </button>\n    </div>\n    <hr>\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                    <div class=\"list-text\" [ngClass]=\"{'list-selected': selectedListEntities.includes(listEntity)}\">\n                        {{listEntity.Name}}\n                    </div>\n                    @if(selectedListEntities.includes(listEntity)){\n                        <button kendoButton class=\"btn-no-border btn-selected\" (click)=\"removeFromList(listEntity)\">\n                            <span class=\"fa-solid fa-minus\"></span>\n                            Remove\n                        </button>\n                    }\n                    @else {\n                        <button kendoButton class=\"btn-no-border\" (click)=\"addToList(listEntity)\">\n                            <div class=\"btn-margin-right\">\n                                <span class=\"fa-solid fa-plus\"></span>\n                                Add\n                            </div>\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>\n\n\n<mj-entity-communications-preview-window \n    #templatePreviewDialog\n    [DialogVisible]=\"showTemplatePreviewDialog\"\n    (DialogClosed)=\"showTemplatePreviewDialog = false\"\n    [entityInfo]=\"_entityInfo\"\n    [runViewParams]=\"Params\"\n>\n\n</mj-entity-communications-preview-window> \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}  \n\n.overflow-y-scroll {\n    overflow-y: auto;\n    max-height: 300px;\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    align-items: center;\n}\n\n.btn-no-border {\n    border: none;\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.btn-selected {\n    font-weight: bold;\n}\n\n.list-text {\n    font-size: large;\n}\n.list-selected {\n    font-weight: bold;\n    color: var(--border-blue);\n}\n\n.btn-margin-right {\n    margin-right: 35px;\n}\n\n.divider {\n    color: lightgray\n}\n\n.search-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 0;\n}\n\n.search-bar {\n    width: 65%;\n    padding-bottom: 10px;\n}\n\n.dialog-wrapper {\n    padding: 15px 25px;\n}\n\n.btn-outline {\n    border: 2px solid var(--border-blue);\n    border-radius: 8px;\n    padding: 5px 30px;\n\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}"] }]
+        args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\n    @if (isLoading || !AllowLoad || neverLoaded) {\n        <kendo-loader></kendo-loader>\n    }\n    @else {\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(EntityInfo && 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 (ShowCommunicationButton && EntitySupportsCommunication) {\n                    <button (click)=\"doCommunication()\" kendoButton class=\"k-button-solid-base list-button\">\n                        <span class=\"fa-regular fa-envelope\"></span>\n                    </button>    \n                }\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\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(s) To\"\n    *ngIf=\"showAddToListDialog\"\n    (close)=\"toggleAddToListDialog(false)\"\n    [minHeight]=\"500\"\n    [maxHeight]=\"500\"\n    [minWidth]=\"500\"\n    [maxWidth]=\"650\"\n    >\n    <div class=\"search-header\">\n        <kendo-textbox\n      id=\"listSearch\"\n      placeholder=\"Search Lists...\"\n      kendoTextBox\n      (valueChange)=\"onSearch($event)\"\n      [clearButton]=\"true\"\n      class=\"search-bar\"\n    ></kendo-textbox>\n    </div>\n    <hr>\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                    <div class=\"list-text\" [ngClass]=\"{'list-selected': selectedListEntities.includes(listEntity)}\">\n                        {{listEntity.Name}}\n                    </div>\n                    @if(selectedListEntities.includes(listEntity)){\n                        <button kendoButton class=\"btn-no-border btn-selected\" (click)=\"removeFromList(listEntity)\">\n                            <span class=\"fa-solid fa-minus\"></span>\n                            Remove\n                        </button>\n                    }\n                    @else {\n                        <button kendoButton class=\"btn-no-border\" (click)=\"addToList(listEntity)\">\n                            <div class=\"btn-margin-right\">\n                                <span class=\"fa-solid fa-plus\"></span>\n                                Add\n                            </div>\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>\n\n\n<mj-entity-communications-preview-window \n    #templatePreviewDialog\n    [DialogVisible]=\"showTemplatePreviewDialog\"\n    (DialogClosed)=\"showTemplatePreviewDialog = false\"\n    [entityInfo]=\"_entityInfo\"\n    [runViewParams]=\"Params\"\n>\n\n</mj-entity-communications-preview-window> \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}  \n\n.overflow-y-scroll {\n    overflow-y: auto;\n    max-height: 300px;\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    align-items: center;\n}\n\n.btn-no-border {\n    border: none;\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.btn-selected {\n    font-weight: bold;\n}\n\n.list-text {\n    font-size: large;\n}\n.list-selected {\n    font-weight: bold;\n    color: var(--border-blue);\n}\n\n.btn-margin-right {\n    margin-right: 35px;\n}\n\n.divider {\n    color: lightgray\n}\n\n.search-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 0;\n}\n\n.search-bar {\n    width: 65%;\n    padding-bottom: 10px;\n}\n\n.dialog-wrapper {\n    padding: 15px 25px;\n}\n\n.btn-outline {\n    border: 2px solid var(--border-blue);\n    border-radius: 8px;\n    padding: 5px 30px;\n\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}"] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.FormBuilder }, { type: i2.Router }, { type: i0.Renderer2 }], { Params: [{
             type: Input
         }], BottomMargin: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-user-view-grid",
-  "version": "2.5.2",
+  "version": "2.6.1",
   "description": "MemberJunction: Angular Grid to display dynamic and saved user views for any entity in MemberJunction.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,18 +25,18 @@
     "@angular/router": "18.0.2"
   },
   "dependencies": {
-    "@memberjunction/core-entities": "2.5.2",
-    "@memberjunction/global": "2.5.2",
-    "@memberjunction/core": "2.5.2",
-    "@memberjunction/ng-shared": "2.5.2",
-    "@memberjunction/ng-entity-form-dialog": "2.5.2",
-    "@memberjunction/ng-compare-records": "2.5.2",
-    "@memberjunction/ng-container-directives": "2.5.2",
-    "@memberjunction/entity-communications-client": "2.5.2",
-    "@memberjunction/communication-types": "2.5.2",
-    "@memberjunction/templates-base-types": "2.5.2",
-    "@memberjunction/ng-entity-communications": "2.5.2",
-    "@memberjunction/ng-base-types": "2.5.2",
+    "@memberjunction/core-entities": "2.6.1",
+    "@memberjunction/global": "2.6.1",
+    "@memberjunction/core": "2.6.1",
+    "@memberjunction/ng-shared": "2.6.1",
+    "@memberjunction/ng-entity-form-dialog": "2.6.1",
+    "@memberjunction/ng-compare-records": "2.6.1",
+    "@memberjunction/ng-container-directives": "2.6.1",
+    "@memberjunction/entity-communications-client": "2.6.1",
+    "@memberjunction/communication-types": "2.6.1",
+    "@memberjunction/templates-base-types": "2.6.1",
+    "@memberjunction/ng-entity-communications": "2.6.1",
+    "@memberjunction/ng-base-types": "2.6.1",
     "@progress/kendo-angular-grid": "16.2.0",
     "@progress/kendo-angular-layout": "16.2.0",
     "@progress/kendo-angular-inputs": "16.2.0",