@memberjunction/ng-user-view-grid 2.48.0 → 2.49.0

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, ViewChild, ElementRef, Output, EventEmitter, Input } from '@angular/core';
 import { Metadata, RunView, EntityFieldTSType, LogError, CompositeKey, PotentialDuplicateRequest, FieldValueCollection } from '@memberjunction/core';
 import { ViewInfo, ResourcePermissionEngine } from '@memberjunction/core-entities';
@@ -435,12 +426,94 @@ function UserViewGridComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("DialogVisible", ctx_r1.showTemplatePreviewDialog)("entityInfo", ctx_r1._entityInfo)("runViewParams", ctx_r1.Params);
 } }
 export class UserViewGridComponent {
+    elementRef;
+    formBuilder;
+    router;
+    renderer;
+    title = 'UserViewGrid';
+    /**
+     * Parameters for running the view
+     */
+    Params;
+    BottomMargin = 0;
+    InEditMode = false;
+    EditMode = "None";
+    AutoNavigate = true;
+    /**
+     * If you enable the ShowCreateNewRecordButton and the user has permission, when they click the New button, these values from this object will auto-populate the new record form
+     */
+    NewRecordValues;
+    /**
+     * 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.
+     */
+    ShowCreateNewRecordButton = true;
+    /**
+     * If set to true, any Actions that are linked to the displayed entity via EntityActions that have an InvocationContext for Views will be shown.
+     */
+    ShowEntityActionButtons = true;
+    /**
+     * If set to true, and if the entity being displayed supports communication, the communication button will be displayed. If set to false, the communication button will be hidden.
+     */
+    ShowCommunicationButton = 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.
+     */
+    CreateRecordMode = "Tab";
+    rowClicked = new EventEmitter();
+    rowEdited = new EventEmitter();
+    kendoGridElement = null;
+    kendoGridElementRef = null;
+    kendoExcelExport = null;
+    recordCompareComponent = null;
+    analysisQuestion = null;
+    analysisResults = null;
+    compareDialogContainer;
+    _pendingRecords = [];
+    viewData = [];
+    totalRowCount = 0;
+    formattedData = [];
+    viewColumns = [];
+    visibleColumns = [];
+    sortSettings = [];
+    entityRecord = null;
+    skip = 0;
+    pageSize = 40;
+    isLoading = false;
+    neverLoaded = true;
+    gridView = { data: [], total: 0 };
+    gridHeight = 750;
+    _viewEntity;
+    _entityInfo;
+    _newGridState = {};
+    editModeEnded = new Subject();
+    searchDebounce$ = new Subject();
+    recordsToCompare = [];
+    compareMode = false;
+    mergeMode = false;
+    duplicateMode = false;
+    addToListMode = false;
     get anyModeEnabled() {
         return this.compareMode || this.mergeMode || this.duplicateMode || this.addToListMode;
     }
     get EntityInfo() {
         return this._entityInfo;
     }
+    showNewRecordDialog = false;
+    selectableSettings = {
+        enabled: false
+    };
+    selectedKeys = [];
+    isCompareDialogOpened = false;
+    isConfirmDialogOpen = false;
+    showRefreshButton = true;
+    viewExecutionTime = 0;
+    showAddToListDialog = false;
+    showAddToListLoader = false;
+    sourceListEntities = null;
+    listEntities = [];
+    selectedListEntities = [];
+    listEntitySearch = '';
+    EntityActions = [];
     get PendingRecords() {
         return this._pendingRecords;
     }
@@ -470,11 +543,10 @@ export class UserViewGridComponent {
         this.editModeEnded.next();
     }
     EditingComplete() {
-        var _a, _b;
         if (this.InEditMode) {
             // tell our grid to close the cell that is currently being edited
-            (_a = this.kendoGridElement) === null || _a === void 0 ? void 0 : _a.closeCell();
-            (_b = this.kendoGridElement) === null || _b === void 0 ? void 0 : _b.closeRow(); // close the row too
+            this.kendoGridElement?.closeCell();
+            this.kendoGridElement?.closeRow(); // close the row too
             // we need to wait for edit mode to end before we can return true
             return new Promise((resolve, reject) => {
                 const subscription = this.editModeEnded.subscribe(() => {
@@ -493,6 +565,10 @@ export class UserViewGridComponent {
         this.skip = event.skip;
         this.virtualLoadData();
     }
+    data = [
+        { text: "Folder" },
+        { text: "Report with Skip" },
+    ];
     virtualLoadData() {
         // check to see if we have already formatted the slice of the data we need right now
         // we are storing the formattted data in the formattedData array and it has same set
@@ -550,94 +626,15 @@ export class UserViewGridComponent {
         this.formBuilder = formBuilder;
         this.router = router;
         this.renderer = renderer;
-        this.title = 'UserViewGrid';
-        this.BottomMargin = 0;
-        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;
-        /**
-         * If set to true, any Actions that are linked to the displayed entity via EntityActions that have an InvocationContext for Views will be shown.
-         */
-        this.ShowEntityActionButtons = true;
-        /**
-         * If set to true, and if the entity being displayed supports communication, the communication button will be displayed. If set to false, the communication button will be hidden.
-         */
-        this.ShowCommunicationButton = 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;
-        this.kendoGridElementRef = null;
-        this.kendoExcelExport = null;
-        this.recordCompareComponent = null;
-        this.analysisQuestion = null;
-        this.analysisResults = null;
-        this._pendingRecords = [];
-        this.viewData = [];
-        this.totalRowCount = 0;
-        this.formattedData = [];
-        this.viewColumns = [];
-        this.visibleColumns = [];
-        this.sortSettings = [];
-        this.entityRecord = null;
-        this.skip = 0;
-        this.pageSize = 40;
-        this.isLoading = false;
-        this.neverLoaded = true;
-        this.gridView = { data: [], total: 0 };
-        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
-        };
-        this.selectedKeys = [];
-        this.isCompareDialogOpened = false;
-        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.EntityActions = [];
-        this.data = [
-            { text: "Folder" },
-            { text: "Report with Skip" },
-        ];
-        this._viewDirty = false;
-        this._movedToBody = false;
-        this._deferLoadCount = 0;
-        this._allowLoad = true;
-        // Export Functionality
-        this.exportColumns = [];
-        this.exportData = [];
-        this.showTemplatePreviewDialog = false;
-        this.entityFormDialog = null;
     }
+    _saveTimeout;
     SaveView() {
         // debounced outer function...
         clearTimeout(this._saveTimeout);
-        this._saveTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+        this._saveTimeout = setTimeout(async () => {
             // when we actually call inner save view we do await
-            yield this.innerSaveView();
-        }), 5000); // 5 seconds delay
+            await this.innerSaveView();
+        }, 5000); // 5 seconds delay
     }
     ;
     get UserCanEdit() {
@@ -652,38 +649,37 @@ export class UserViewGridComponent {
         else
             return false;
     }
-    innerSaveView() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._viewDirty) {
-                const md = new Metadata();
-                if (this._viewEntity &&
-                    this._viewEntity.UserCanEdit) {
-                    // this view is a saved view, AND it belongs to the current user
-                    // update the grid state if we have settings updates for columns and/or sorts
-                    const tempGridState = JSON.parse(this._viewEntity.Get('GridState'));
-                    const tempColSettings = this._newGridState.columnSettings ? this._newGridState.columnSettings : tempGridState.columnSettings;
-                    tempColSettings.forEach((col) => { col.DisplayName, col.ID, col.Name, col.hidden, col.orderIndex, col.width; }); // remove EntityFieldInfo from the column settings
-                    tempGridState.columnSettings = tempColSettings;
-                    tempGridState.sortSettings = this._newGridState.sortSettings ? this._newGridState.sortSettings : tempGridState.sortSettings;
-                    // now stringify the grid state and save it
-                    this._viewEntity.Set('GridState', JSON.stringify(tempGridState));
-                    const newSortState = tempGridState.sortSettings ? tempGridState.sortSettings.map((s) => { return { field: s.field, direction: s.dir }; }) : [];
-                    const oldSortState = JSON.parse(this._viewEntity.Get('SortState'));
-                    this._viewEntity.Set('SortState', JSON.stringify(newSortState));
-                    if (yield this._viewEntity.Save()) {
-                        // check to see if sort state changed and if so, refresh the grid
-                        if (JSON.stringify(newSortState) !== JSON.stringify(oldSortState)) {
-                            if (this.Params) // makes sure we have params before we refresh
-                                this.Refresh(this.Params);
-                        }
-                        this._viewDirty = false;
-                    }
-                    else {
-                        this.CreateSimpleNotification('Unable to save view settings', 'error', 5000);
+    _viewDirty = false;
+    async innerSaveView() {
+        if (this._viewDirty) {
+            const md = new Metadata();
+            if (this._viewEntity &&
+                this._viewEntity.UserCanEdit) {
+                // this view is a saved view, AND it belongs to the current user
+                // update the grid state if we have settings updates for columns and/or sorts
+                const tempGridState = JSON.parse(this._viewEntity.Get('GridState'));
+                const tempColSettings = this._newGridState.columnSettings ? this._newGridState.columnSettings : tempGridState.columnSettings;
+                tempColSettings.forEach((col) => { col.DisplayName, col.ID, col.Name, col.hidden, col.orderIndex, col.width; }); // remove EntityFieldInfo from the column settings
+                tempGridState.columnSettings = tempColSettings;
+                tempGridState.sortSettings = this._newGridState.sortSettings ? this._newGridState.sortSettings : tempGridState.sortSettings;
+                // now stringify the grid state and save it
+                this._viewEntity.Set('GridState', JSON.stringify(tempGridState));
+                const newSortState = tempGridState.sortSettings ? tempGridState.sortSettings.map((s) => { return { field: s.field, direction: s.dir }; }) : [];
+                const oldSortState = JSON.parse(this._viewEntity.Get('SortState'));
+                this._viewEntity.Set('SortState', JSON.stringify(newSortState));
+                if (await this._viewEntity.Save()) {
+                    // check to see if sort state changed and if so, refresh the grid
+                    if (JSON.stringify(newSortState) !== JSON.stringify(oldSortState)) {
+                        if (this.Params) // makes sure we have params before we refresh
+                            this.Refresh(this.Params);
                     }
+                    this._viewDirty = false;
+                }
+                else {
+                    this.CreateSimpleNotification('Unable to save view settings', 'error', 5000);
                 }
             }
-        });
+        }
     }
     CreateSimpleNotification(message, style, duration) {
         const data = {
@@ -698,139 +694,130 @@ export class UserViewGridComponent {
             args: data
         });
     }
-    columnReorder(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Remove the column from the original position
-            // need to find the column in the viewColumns array because args.old/new Indexes are from the visibleColumns array
-            const fieldName = args.column.field;
-            if (fieldName) {
-                const vcOldIndex = this.viewColumns.findIndex((vc) => vc.Name === fieldName);
-                const vcNewIndex = this.viewColumns.findIndex((vc) => vc.orderIndex === args.newIndex);
-                if (vcOldIndex >= 0) {
-                    // got the index, now remove the element
-                    const element = this.viewColumns.splice(vcOldIndex, 1)[0];
-                    // Insert it at the new position
-                    this.viewColumns.splice(vcNewIndex, 0, element);
-                    // go through all of the columns and set orderIndex as that isn't done automatically
-                    let visColIndex = 0;
-                    for (let i = 0; i < this.viewColumns.length; i++) {
-                        if (!this.viewColumns[i].hidden) {
-                            this.viewColumns[i].orderIndex = visColIndex;
-                            visColIndex++;
-                        }
+    async columnReorder(args) {
+        // Remove the column from the original position
+        // need to find the column in the viewColumns array because args.old/new Indexes are from the visibleColumns array
+        const fieldName = args.column.field;
+        if (fieldName) {
+            const vcOldIndex = this.viewColumns.findIndex((vc) => vc.Name === fieldName);
+            const vcNewIndex = this.viewColumns.findIndex((vc) => vc.orderIndex === args.newIndex);
+            if (vcOldIndex >= 0) {
+                // got the index, now remove the element
+                const element = this.viewColumns.splice(vcOldIndex, 1)[0];
+                // Insert it at the new position
+                this.viewColumns.splice(vcNewIndex, 0, element);
+                // go through all of the columns and set orderIndex as that isn't done automatically
+                let visColIndex = 0;
+                for (let i = 0; i < this.viewColumns.length; i++) {
+                    if (!this.viewColumns[i].hidden) {
+                        this.viewColumns[i].orderIndex = visColIndex;
+                        visColIndex++;
                     }
-                    // now loop through all of the HIDDEN columns and set their orderIndex, done in second loop because we want first loop to give us total number of visible columns
-                    for (let i = 0; i < this.viewColumns.length; i++) {
-                        if (this.viewColumns[i].hidden) {
-                            this.viewColumns[i].orderIndex = visColIndex;
-                            visColIndex++;
-                        }
+                }
+                // now loop through all of the HIDDEN columns and set their orderIndex, done in second loop because we want first loop to give us total number of visible columns
+                for (let i = 0; i < this.viewColumns.length; i++) {
+                    if (this.viewColumns[i].hidden) {
+                        this.viewColumns[i].orderIndex = visColIndex;
+                        visColIndex++;
                     }
-                    // make sure that _newGridState.columnSettings is set
-                    this._newGridState.columnSettings = this.viewColumns;
-                    this._viewDirty = true;
-                    this.SaveView();
                 }
+                // make sure that _newGridState.columnSettings is set
+                this._newGridState.columnSettings = this.viewColumns;
+                this._viewDirty = true;
+                this.SaveView();
             }
-        });
+        }
     }
-    columnResize(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            for (const col of args) {
-                const c = col.column;
-                const viewCol = this.viewColumns.find(vc => vc.Name === c.field);
-                if (viewCol)
-                    viewCol.width = col.newWidth;
-            }
-            this._newGridState.columnSettings = this.viewColumns.map(vc => {
-                return {
-                    Name: vc.Name,
-                    DisplayName: vc.DisplayName,
-                    width: vc.width,
-                    orderIndex: vc.orderIndex,
-                    hidden: vc.hidden
-                };
-            });
-            this._viewDirty = true;
-            this.SaveView();
+    async columnResize(args) {
+        for (const col of args) {
+            const c = col.column;
+            const viewCol = this.viewColumns.find(vc => vc.Name === c.field);
+            if (viewCol)
+                viewCol.width = col.newWidth;
+        }
+        this._newGridState.columnSettings = this.viewColumns.map(vc => {
+            return {
+                Name: vc.Name,
+                DisplayName: vc.DisplayName,
+                width: vc.width,
+                orderIndex: vc.orderIndex,
+                hidden: vc.hidden
+            };
         });
+        this._viewDirty = true;
+        this.SaveView();
     }
-    sortChanged(sort) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (sort && sort.length > 0) {
-                // remove any sort settings that don't have a direction
-                const filterSort = sort.filter((s) => s.dir !== undefined && s.dir !== null && s.dir !== "");
-                this._newGridState.sortSettings = filterSort;
-            }
-            else
-                this._newGridState.sortSettings = sort;
-            this.sortSettings = this._newGridState.sortSettings; // for the UI display - grid binding to this shows that the sort is applied via arrows in the column headers
-            if (this.IsDynamicView()) {
-                // Dynamic View, we have this.Params and can add an OrderBy and then just Refresh() the entire component
-                // that will result in going to the server for a refreshed set of data
-                if (this.Params) {
-                    this.Params.OrderBy = sort[0].field + ' ' + (sort[0].dir);
-                    this.Refresh(this.Params);
-                }
-                else {
-                    LogError("sortChanged() called but this.Params is null or undefined"); // should never get here
-                }
+    async sortChanged(sort) {
+        if (sort && sort.length > 0) {
+            // remove any sort settings that don't have a direction
+            const filterSort = sort.filter((s) => s.dir !== undefined && s.dir !== null && s.dir !== "");
+            this._newGridState.sortSettings = filterSort;
+        }
+        else
+            this._newGridState.sortSettings = sort;
+        this.sortSettings = this._newGridState.sortSettings; // for the UI display - grid binding to this shows that the sort is applied via arrows in the column headers
+        if (this.IsDynamicView()) {
+            // Dynamic View, we have this.Params and can add an OrderBy and then just Refresh() the entire component
+            // that will result in going to the server for a refreshed set of data
+            if (this.Params) {
+                this.Params.OrderBy = sort[0].field + ' ' + (sort[0].dir);
+                this.Refresh(this.Params);
             }
             else {
-                // Saved view - we do this on the server side only
-                this._viewDirty = true;
-                this.innerSaveView(); // for sort changes we call innerSaveView() directly, not through SaveView() which is debounced  
+                LogError("sortChanged() called but this.Params is null or undefined"); // should never get here
             }
-        });
+        }
+        else {
+            // Saved view - we do this on the server side only
+            this._viewDirty = true;
+            this.innerSaveView(); // for sort changes we call innerSaveView() directly, not through SaveView() which is debounced  
+        }
     }
-    cellClickHandler(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.compareMode || this.mergeMode) {
-                return;
-            }
-            if (!this._entityInfo) {
-                LogError("cellClickHandler() called but this._entityInfo is null or undefined");
-                return;
+    async cellClickHandler(args) {
+        if (this.compareMode || this.mergeMode) {
+            return;
+        }
+        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));
             }
-            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
+            let decodedUrl = decodeURIComponent(this.router.url).slice(1);
+            if (decodedUrl.includes('?')) {
+                decodedUrl = decodedUrl.split('?')[0];
             }
-            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('/');
-                if (newURLString === decodedUrl) {
-                    // we have to force the router to change its state otherwise the next line below won't do anything because the
-                    // router thinks it is the same URL, since we have the Entity on the query params, we can just change the URL to something else
-                    // and skipLocationChange so that the browser history doesn't get messed up
-                    yield this.router.navigateByUrl('/dummy', { skipLocationChange: true });
-                }
-                this.router.navigate(newURL, { queryParams: { Entity: this._entityInfo.Name } });
+            const newURL = ['resource', 'record', compositeKey.ToURLSegment()];
+            const newURLString = newURL.join('/');
+            if (newURLString === decodedUrl) {
+                // we have to force the router to change its state otherwise the next line below won't do anything because the
+                // router thinks it is the same URL, since we have the Entity on the query params, we can just change the URL to something else
+                // and skipLocationChange so that the browser history doesn't get messed up
+                await this.router.navigateByUrl('/dummy', { skipLocationChange: true });
             }
-        });
+            this.router.navigate(newURL, { queryParams: { Entity: this._entityInfo.Name } });
+        }
     }
     createFormGroup(dataItem) {
         const groupFields = {};
         this.viewColumns.forEach((vc) => {
-            var _a, _b, _c;
-            if (((_a = vc.EntityField) === null || _a === void 0 ? void 0 : _a.AllowUpdateAPI) &&
-                ((_b = vc.EntityField) === null || _b === void 0 ? void 0 : _b.IsVirtual) === false &&
-                ((_c = vc.EntityField) === null || _c === void 0 ? void 0 : _c.AllowUpdateInView))
+            if (vc.EntityField?.AllowUpdateAPI &&
+                vc.EntityField?.IsVirtual === false &&
+                vc.EntityField?.AllowUpdateInView)
                 groupFields[vc.Name] = dataItem[vc.Name];
         });
         return this.formBuilder.group(groupFields);
@@ -847,80 +834,77 @@ export class UserViewGridComponent {
                 return "text";
         }
     }
-    cellCloseHandler(args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            try {
-                if (this._entityInfo && this.EditMode !== "None") {
-                    const { formGroup, dataItem, column } = args;
-                    if (!formGroup.valid) {
-                        // prevent closing the edited cell if there are invalid values.
-                        args.preventDefault();
+    async cellCloseHandler(args) {
+        try {
+            if (this._entityInfo && this.EditMode !== "None") {
+                const { formGroup, dataItem, column } = args;
+                if (!formGroup.valid) {
+                    // prevent closing the edited cell if there are invalid values.
+                    args.preventDefault();
+                }
+                else if (formGroup.dirty) {
+                    if (args.originalEvent && args.originalEvent.keyCode === Keys.Escape) {
+                        return; // user hit escape, so don't save their changes
                     }
-                    else if (formGroup.dirty) {
-                        if (args.originalEvent && args.originalEvent.keyCode === Keys.Escape) {
-                            return; // user hit escape, so don't save their changes
-                        }
-                        // 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();
-                        let record;
-                        let bSaved = false;
-                        if (this.EditMode === "Save") {
+                    // 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();
+                    let record;
+                    let bSaved = false;
+                    if (this.EditMode === "Save") {
+                        let compositeKey = new CompositeKey();
+                        compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, dataItem);
+                        record = await md.GetEntityObject(this._entityInfo.Name);
+                        await record.InnerLoad(compositeKey);
+                        record.SetMany(formGroup.value);
+                        bSaved = await record.Save();
+                        // if (!bSaved)
+                        //   this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000)
+                    }
+                    else {
+                        record = this._pendingRecords.find((r) => {
+                            // match on all columns within the primary key of the entity using the
+                            // _entityInfo object to get the primary key fields
+                            const noMatch = this._entityInfo.PrimaryKeys.some((ef) => {
+                                return r.record.Get(ef.Name) !== dataItem[ef.Name];
+                            });
+                            // noMatch will be true if any of the primary key fields don't match
+                            return !noMatch;
+                        })?.record;
+                        if (!record) {
+                            // haven't edited this one before 
+                            record = await md.GetEntityObject(this._viewEntity.Get('Entity'));
                             let compositeKey = new CompositeKey();
                             compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, dataItem);
-                            record = yield md.GetEntityObject(this._entityInfo.Name);
-                            yield record.InnerLoad(compositeKey);
-                            record.SetMany(formGroup.value);
-                            bSaved = yield record.Save();
-                            // if (!bSaved)
-                            //   this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000)
+                            await record.InnerLoad(compositeKey);
+                            this._pendingRecords.push({ record,
+                                row: args.rowIndex,
+                                dataItem }); // don't save - put the changed record on a queue for saving later by our container
                         }
-                        else {
-                            record = (_a = this._pendingRecords.find((r) => {
-                                // match on all columns within the primary key of the entity using the
-                                // _entityInfo object to get the primary key fields
-                                const noMatch = this._entityInfo.PrimaryKeys.some((ef) => {
-                                    return r.record.Get(ef.Name) !== dataItem[ef.Name];
-                                });
-                                // noMatch will be true if any of the primary key fields don't match
-                                return !noMatch;
-                            })) === null || _a === void 0 ? void 0 : _a.record;
-                            if (!record) {
-                                // haven't edited this one before 
-                                record = yield md.GetEntityObject(this._viewEntity.Get('Entity'));
-                                let compositeKey = new CompositeKey();
-                                compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, dataItem);
-                                yield record.InnerLoad(compositeKey);
-                                this._pendingRecords.push({ record,
-                                    row: args.rowIndex,
-                                    dataItem }); // don't save - put the changed record on a queue for saving later by our container
-                            }
-                            // now, based on the column that we're in, update the record with the new value
-                            record.Set(column.field, formGroup.value[column.field]);
-                            // if a boolean value, modify what is in the grid so it is formatted properly
-                            if (column.field && column.field.length > 0) {
-                                const ef = this._entityInfo.Fields.find(f => f.Name === column.field);
-                                if (ef && ef.TSType === EntityFieldTSType.Boolean) {
-                                    dataItem[column.field] = record.Get(column.field) ? '✓' : '';
-                                }
+                        // now, based on the column that we're in, update the record with the new value
+                        record.Set(column.field, formGroup.value[column.field]);
+                        // if a boolean value, modify what is in the grid so it is formatted properly
+                        if (column.field && column.field.length > 0) {
+                            const ef = this._entityInfo.Fields.find(f => f.Name === column.field);
+                            if (ef && ef.TSType === EntityFieldTSType.Boolean) {
+                                dataItem[column.field] = record.Get(column.field) ? '✓' : '';
                             }
                         }
-                        this.rowEdited.emit({
-                            record: record,
-                            row: args.rowIndex,
-                            saved: bSaved
-                        });
                     }
+                    this.rowEdited.emit({
+                        record: record,
+                        row: args.rowIndex,
+                        saved: bSaved
+                    });
                 }
             }
-            catch (e) {
-                console.error(e);
-            }
-            finally {
-                this.EndEditMode();
-            }
-        });
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            this.EndEditMode();
+        }
     }
     // this handles reverting pending cahnges to records WITHIN the grid, not the user view settings, unrelated to that.
     RevertPendingChanges() {
@@ -936,44 +920,43 @@ export class UserViewGridComponent {
     }
     ngOnInit() {
     }
-    ngAfterViewInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield ResourcePermissionEngine.Instance.Config();
-            //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) => {
-                                            const edEvent = event;
-                                            const p = { entityObject: r.record, action: 'save' };
-                                            edEvent.pendingChanges.push(p);
-                                        });
-                                        break;
-                                }
+    async ngAfterViewInit() {
+        await ResourcePermissionEngine.Instance.Config();
+        //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) => {
+                                        const edEvent = event;
+                                        const p = { entityObject: r.record, action: 'save' };
+                                        edEvent.pendingChanges.push(p);
+                                    });
+                                    break;
                             }
                         }
-                        break;
-                }
-            });
+                    }
+                    break;
+            }
         });
     }
+    _movedToBody = false;
     moveDialogToBody() {
         if (this._movedToBody)
             return;
@@ -981,6 +964,8 @@ export class UserViewGridComponent {
         this.renderer.appendChild(document.body, dialogElement);
         this._movedToBody = true;
     }
+    _deferLoadCount = 0;
+    _allowLoad = true;
     get AllowLoad() {
         return this._allowLoad;
     }
@@ -992,126 +977,121 @@ export class UserViewGridComponent {
                 this.Refresh(this.Params);
         }
     }
-    RefreshFromSavedParams() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.Params)
-                this.Refresh(this.Params);
-        });
+    async RefreshFromSavedParams() {
+        if (this.Params)
+            this.Refresh(this.Params);
     }
-    Refresh(params) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c;
-            this.Params = params;
-            if (this.AllowLoad === false) { // MUST DO THIS IMMEDIATELY AFTER STORING PARAMS SO THAT IT IS NOT ASYNC FROM HERE - THAT WAY WE GET FUTURE CALLS TO Refresh() when AllowLoad is set to TRUE
-                return;
+    async Refresh(params) {
+        this.Params = params;
+        if (this.AllowLoad === false) { // MUST DO THIS IMMEDIATELY AFTER STORING PARAMS SO THAT IT IS NOT ASYNC FROM HERE - THAT WAY WE GET FUTURE CALLS TO Refresh() when AllowLoad is set to TRUE
+            return;
+        }
+        // NOW WE CAN DO ASYNC stuff, before we check AllowLoad we must not do async stuff
+        await TemplateEngineBase.Instance.Config(false);
+        await EntityCommunicationsEngineClient.Instance.Config(false);
+        await CommunicationEngineBase.Instance.Config(false);
+        await EntityActionEngineBase.Instance.Config(false);
+        if (params && (params.ViewEntity || params.ViewID || params.ViewName || (params.EntityName && params.ExtraFilter))) {
+            const startTime = new Date().getTime();
+            this.isLoading = true;
+            this.neverLoaded = false;
+            const md = new Metadata();
+            const rv = new RunView();
+            // get the view entity first so we can pass it in, otherwise it will end up getting loaded inside of RunView() which is inefficient as we need it too
+            // this is done for performance purposes
+            if (params.ViewEntity) {
+                // When we receive the .ViewEntity via our params that is a time saver as we don't need to load it again, so ALWAYS use that instance of the entity object for the view entity
+                this._viewEntity = params.ViewEntity;
+                const e = md.Entities.find(x => x.ID === this._viewEntity?.EntityID);
+                if (e)
+                    this._entityInfo = e;
+                else
+                    throw new Error("Unable to get entity info for view: " + this._viewEntity?.Name);
             }
-            // NOW WE CAN DO ASYNC stuff, before we check AllowLoad we must not do async stuff
-            yield TemplateEngineBase.Instance.Config(false);
-            yield EntityCommunicationsEngineClient.Instance.Config(false);
-            yield CommunicationEngineBase.Instance.Config(false);
-            yield EntityActionEngineBase.Instance.Config(false);
-            if (params && (params.ViewEntity || params.ViewID || params.ViewName || (params.EntityName && params.ExtraFilter))) {
-                const startTime = new Date().getTime();
-                this.isLoading = true;
-                this.neverLoaded = false;
-                const md = new Metadata();
-                const rv = new RunView();
-                // get the view entity first so we can pass it in, otherwise it will end up getting loaded inside of RunView() which is inefficient as we need it too
-                // this is done for performance purposes
-                if (params.ViewEntity) {
-                    // When we receive the .ViewEntity via our params that is a time saver as we don't need to load it again, so ALWAYS use that instance of the entity object for the view entity
-                    this._viewEntity = params.ViewEntity;
-                    const e = md.Entities.find(x => { var _a; return x.ID === ((_a = this._viewEntity) === null || _a === void 0 ? void 0 : _a.EntityID); });
-                    if (e)
-                        this._entityInfo = e;
-                    else
-                        throw new Error("Unable to get entity info for view: " + ((_a = this._viewEntity) === null || _a === void 0 ? void 0 : _a.Name));
+            else if (!params.ViewEntity && (params.ViewID || params.ViewName)) {
+                // this is NOT a dyamic view as we got either the ViewID or ViewName, so we can get the ViewEntity
+                if (params.ViewID && params.ViewID.length > 0) {
+                    this._viewEntity = await ViewInfo.GetViewEntity(params.ViewID);
                 }
-                else if (!params.ViewEntity && (params.ViewID || params.ViewName)) {
-                    // this is NOT a dyamic view as we got either the ViewID or ViewName, so we can get the ViewEntity
-                    if (params.ViewID && params.ViewID.length > 0) {
-                        this._viewEntity = (yield ViewInfo.GetViewEntity(params.ViewID));
-                    }
-                    else if (params.ViewName) {
-                        this._viewEntity = (yield ViewInfo.GetViewEntityByName(params.ViewName));
-                    }
-                    params.ViewEntity = this._viewEntity;
-                    const e = md.Entities.find(x => { var _a; return x.ID === ((_a = this._viewEntity) === null || _a === void 0 ? void 0 : _a.EntityID); });
-                    if (e)
-                        this._entityInfo = e;
-                    else
-                        throw new Error("Unable to get entity info for view: " + ((_b = this._viewEntity) === null || _b === void 0 ? void 0 : _b.Name));
-                }
-                else if (params.EntityName) {
-                    // we don't have a ViewEntity because we're doing a dynamic view, so we need to get the entity info from the Entity Name
-                    const e = md.Entities.find(x => x.Name === params.EntityName);
-                    if (e)
-                        this._entityInfo = e;
+                else if (params.ViewName) {
+                    this._viewEntity = await ViewInfo.GetViewEntityByName(params.ViewName);
                 }
+                params.ViewEntity = this._viewEntity;
+                const e = md.Entities.find(x => x.ID === this._viewEntity?.EntityID);
+                if (e)
+                    this._entityInfo = e;
                 else
-                    throw new Error("Invalid configuration, we need to receive either a ViewEntity, ViewID, ViewName, or EntityName and ExtraFilter in order to run a view");
-                const rvResult = yield rv.RunView(params);
-                if (!rvResult.Success) {
-                    // it failed
-                    this.CreateSimpleNotification("Error running view:\n\n" + rvResult.ErrorMessage, 'error', 5000);
-                }
-                else {
-                    // it worked
-                    this.viewData = rvResult.Results;
-                    this.totalRowCount = rvResult.TotalRowCount;
-                    this.formattedData = new Array(this.viewData.length);
-                    let cols;
-                    if (this._viewEntity)
-                        cols = this._viewEntity.Columns;
-                    else
-                        cols = (_c = this._entityInfo) === null || _c === void 0 ? void 0 : _c.Fields.filter((f) => f.DefaultInView).map((f) => {
-                            return {
-                                ID: f.ID,
-                                Name: f.CodeName,
-                                DisplayName: f.DisplayName,
-                                EntityField: f,
-                                hidden: false,
-                                orderIndex: f.Sequence,
-                                width: f.DefaultColumnWidth ? f.DefaultColumnWidth : 100,
-                            };
-                        });
-                    if (cols) {
-                        this.viewColumns = cols;
-                        const tempCols = cols.filter(x => x.hidden === false && x.EntityField /*make sure there is an entity field linked*/).sort((a, b) => {
-                            const aOrder = a.orderIndex != null ? a.orderIndex : 9999;
-                            const bOrder = b.orderIndex != null ? b.orderIndex : 9999;
-                            return aOrder - bOrder;
-                        });
-                        this.visibleColumns = tempCols;
-                    }
-                    // sorting setup
-                    if (this._viewEntity) {
-                        const temp = this._viewEntity.ViewSortInfo;
-                        const kendoSortSettings = temp.map((s) => {
-                            let dir;
-                            if (typeof s.direction === 'string')
-                                dir = s.direction.trim().toLowerCase();
-                            else if (typeof s.direction === 'number' && s.direction === 1)
-                                dir = 'asc';
-                            else if (typeof s.direction === 'number' && s.direction === 2)
-                                dir = 'desc';
-                            else
-                                dir = '';
-                            return { field: s.field, dir: dir };
-                        });
-                        this.sortSettings = kendoSortSettings;
-                    }
-                    this.skip = 0;
-                    this.virtualLoadData();
-                    this.LoadEntityActions();
-                }
-                this.viewExecutionTime = (new Date().getTime() - startTime) / 1000; // in seconds
-                this.isLoading = false;
+                    throw new Error("Unable to get entity info for view: " + this._viewEntity?.Name);
+            }
+            else if (params.EntityName) {
+                // we don't have a ViewEntity because we're doing a dynamic view, so we need to get the entity info from the Entity Name
+                const e = md.Entities.find(x => x.Name === params.EntityName);
+                if (e)
+                    this._entityInfo = e;
+            }
+            else
+                throw new Error("Invalid configuration, we need to receive either a ViewEntity, ViewID, ViewName, or EntityName and ExtraFilter in order to run a view");
+            const rvResult = await rv.RunView(params);
+            if (!rvResult.Success) {
+                // it failed
+                this.CreateSimpleNotification("Error running view:\n\n" + rvResult.ErrorMessage, 'error', 5000);
             }
             else {
-                LogError("Refresh(params) must have ViewID or ViewName or (EntityName and ExtraFilter)");
+                // it worked
+                this.viewData = rvResult.Results;
+                this.totalRowCount = rvResult.TotalRowCount;
+                this.formattedData = new Array(this.viewData.length);
+                let cols;
+                if (this._viewEntity)
+                    cols = this._viewEntity.Columns;
+                else
+                    cols = this._entityInfo?.Fields.filter((f) => f.DefaultInView).map((f) => {
+                        return {
+                            ID: f.ID,
+                            Name: f.CodeName,
+                            DisplayName: f.DisplayName,
+                            EntityField: f,
+                            hidden: false,
+                            orderIndex: f.Sequence,
+                            width: f.DefaultColumnWidth ? f.DefaultColumnWidth : 100,
+                        };
+                    });
+                if (cols) {
+                    this.viewColumns = cols;
+                    const tempCols = cols.filter(x => x.hidden === false && x.EntityField /*make sure there is an entity field linked*/).sort((a, b) => {
+                        const aOrder = a.orderIndex != null ? a.orderIndex : 9999;
+                        const bOrder = b.orderIndex != null ? b.orderIndex : 9999;
+                        return aOrder - bOrder;
+                    });
+                    this.visibleColumns = tempCols;
+                }
+                // sorting setup
+                if (this._viewEntity) {
+                    const temp = this._viewEntity.ViewSortInfo;
+                    const kendoSortSettings = temp.map((s) => {
+                        let dir;
+                        if (typeof s.direction === 'string')
+                            dir = s.direction.trim().toLowerCase();
+                        else if (typeof s.direction === 'number' && s.direction === 1)
+                            dir = 'asc';
+                        else if (typeof s.direction === 'number' && s.direction === 2)
+                            dir = 'desc';
+                        else
+                            dir = '';
+                        return { field: s.field, dir: dir };
+                    });
+                    this.sortSettings = kendoSortSettings;
+                }
+                this.skip = 0;
+                this.virtualLoadData();
+                this.LoadEntityActions();
             }
-        });
+            this.viewExecutionTime = (new Date().getTime() - startTime) / 1000; // in seconds
+            this.isLoading = false;
+        }
+        else {
+            LogError("Refresh(params) must have ViewID or ViewName or (EntityName and ExtraFilter)");
+        }
     }
     /**
      * Load up the entity action metadata for the current entity the view is displaying
@@ -1122,17 +1102,15 @@ export class UserViewGridComponent {
         }
     }
     GetColumnTitle(col) {
-        var _a;
         if (col.DisplayName)
             return col.DisplayName; // use view's display name first if it exists
-        else if ((_a = col.EntityField) === null || _a === void 0 ? void 0 : _a.DisplayName)
+        else if (col.EntityField?.DisplayName)
             return col.EntityField.DisplayName; // then use entity display name, if that exist
         else
             return col.Name; // otherwise just use the column name
     }
     GetColumnCellStyle(col) {
-        var _a;
-        switch ((_a = col.EntityField) === null || _a === void 0 ? void 0 : _a.Type.trim().toLowerCase()) {
+        switch (col.EntityField?.Type.trim().toLowerCase()) {
             case "money":
             case 'decimal':
             case 'real':
@@ -1206,240 +1184,233 @@ export class UserViewGridComponent {
             }
         }
     }
-    closeConfirmMergeDialog(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (event === 'yes') {
-                if (this._entityInfo && this.recordCompareComponent) {
-                    const md = new Metadata();
-                    const pkeys = this._entityInfo.PrimaryKeys;
-                    const result = yield md.MergeRecords({
-                        EntityName: this._entityInfo.Name,
-                        RecordsToMerge: this.recordsToCompare.map((r) => {
-                            return r.PrimaryKey;
-                        }).filter((compositeKey) => {
-                            if (!this.recordCompareComponent) {
-                                return false;
-                            }
-                            return this.recordCompareComponent.selectedRecordCompositeKey.Equals(compositeKey);
-                        }),
-                        SurvivingRecordCompositeKey: this.recordCompareComponent.selectedRecordCompositeKey,
-                        FieldMap: this.recordCompareComponent.fieldMap.map((fm) => {
-                            return {
-                                FieldName: fm.fieldName,
-                                Value: fm.value
-                            };
-                        })
-                    });
-                    if (result.Success) {
-                        // merge was successful, so refresh the grid
-                        this.selectedKeys = [];
-                        this.recordsToCompare = [];
-                        this.mergeMode = false;
-                        this.compareMode = false;
-                        // close the dialogs
-                        this.isCompareDialogOpened = false;
-                        this.isConfirmDialogOpen = false;
-                        // refresh the grid
-                        this.Refresh(this.Params);
-                    }
-                    else {
-                        // the merge failed, so show an error message
-                        this.isConfirmDialogOpen = false;
-                        this.CreateSimpleNotification("Error merging records: " + result.OverallStatus, 'error', 5000);
-                    }
-                }
-            }
-            else {
-                this.isConfirmDialogOpen = false;
-                // close the dialog and let the user continue to work on the merge, so don't close the compare dialog
-            }
-        });
-    }
-    closeCompareDialog(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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
-                    // first, confirm with the user to make 100% sure they want to do this as it is irreversible
-                    this.isConfirmDialogOpen = true;
-                    break;
-                default: // close and cancel
+    async closeConfirmMergeDialog(event) {
+        if (event === 'yes') {
+            if (this._entityInfo && this.recordCompareComponent) {
+                const md = new Metadata();
+                const pkeys = this._entityInfo.PrimaryKeys;
+                const result = await md.MergeRecords({
+                    EntityName: this._entityInfo.Name,
+                    RecordsToMerge: this.recordsToCompare.map((r) => {
+                        return r.PrimaryKey;
+                    }).filter((compositeKey) => {
+                        if (!this.recordCompareComponent) {
+                            return false;
+                        }
+                        return this.recordCompareComponent.selectedRecordCompositeKey.Equals(compositeKey);
+                    }),
+                    SurvivingRecordCompositeKey: this.recordCompareComponent.selectedRecordCompositeKey,
+                    FieldMap: this.recordCompareComponent.fieldMap.map((fm) => {
+                        return {
+                            FieldName: fm.fieldName,
+                            Value: fm.value
+                        };
+                    })
+                });
+                if (result.Success) {
+                    // merge was successful, so refresh the grid
                     this.selectedKeys = [];
                     this.recordsToCompare = [];
                     this.mergeMode = false;
                     this.compareMode = false;
-                    this.duplicateMode = false;
-                    this.addToListMode = false;
+                    // close the dialogs
                     this.isCompareDialogOpened = false;
-                    break;
+                    this.isConfirmDialogOpen = false;
+                    // refresh the grid
+                    this.Refresh(this.Params);
+                }
+                else {
+                    // the merge failed, so show an error message
+                    this.isConfirmDialogOpen = false;
+                    this.CreateSimpleNotification("Error merging records: " + result.OverallStatus, 'error', 5000);
+                }
             }
-        });
+        }
+        else {
+            this.isConfirmDialogOpen = false;
+            // close the dialog and let the user continue to work on the merge, so don't close the compare dialog
+        }
     }
-    findDuplicateRecords() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!this._entityInfo) {
-                console.error("Entity Info is not available");
-                this.closeCompareDialog('duplicate');
-                return;
-            }
-            const md = new Metadata();
-            const list = yield md.GetEntityObject('Lists');
-            list.NewRecord();
-            list.Name = `Potential Duplicate Run`;
-            list.Description = `Potential Duplicate Run for ${this._entityInfo.Name} Entity`;
-            list.EntityID = this._entityInfo.ID;
-            list.UserID = md.CurrentUser.ID;
-            const saveResult = yield list.Save();
-            if (!saveResult) {
-                LogError(`Failed to save list for Potential Duplicate Run`, undefined, list.LatestResult);
+    async closeCompareDialog(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
+                // first, confirm with the user to make 100% sure they want to do this as it is irreversible
+                this.isConfirmDialogOpen = true;
+                break;
+            default: // close and cancel
+                this.selectedKeys = [];
+                this.recordsToCompare = [];
+                this.mergeMode = false;
+                this.compareMode = false;
+                this.duplicateMode = false;
+                this.addToListMode = false;
+                this.isCompareDialogOpened = false;
+                break;
+        }
+    }
+    async findDuplicateRecords() {
+        if (!this._entityInfo) {
+            console.error("Entity Info is not available");
+            this.closeCompareDialog('duplicate');
+            return;
+        }
+        const md = new Metadata();
+        const list = await md.GetEntityObject('Lists');
+        list.NewRecord();
+        list.Name = `Potential Duplicate Run`;
+        list.Description = `Potential Duplicate Run for ${this._entityInfo.Name} Entity`;
+        list.EntityID = this._entityInfo.ID;
+        list.UserID = md.CurrentUser.ID;
+        const saveResult = await list.Save();
+        if (!saveResult) {
+            LogError(`Failed to save list for Potential Duplicate Run`, undefined, list.LatestResult);
+            return;
+        }
+        let params = new PotentialDuplicateRequest();
+        params.EntityID = this._entityInfo?.ID;
+        params.ListID = list.ID;
+        params.RecordIDs = [];
+        for (const index of this.selectedKeys) {
+            const viewData = this.viewData[index];
+            const idField = viewData.ID;
+            const listDetail = await md.GetEntityObject('List Details');
+            listDetail.NewRecord();
+            listDetail.ListID = list.ID;
+            listDetail.RecordID = idField.toString();
+            listDetail.ContextCurrentUser = md.CurrentUser;
+            const ldSaveResult = await listDetail.Save();
+            if (!ldSaveResult) {
+                LogError(`Failed to save list detail for Potential Duplicate Run`, undefined, listDetail.LatestResult);
                 return;
             }
-            let params = new PotentialDuplicateRequest();
-            params.EntityID = (_a = this._entityInfo) === null || _a === void 0 ? void 0 : _a.ID;
-            params.ListID = list.ID;
-            params.RecordIDs = [];
-            for (const index of this.selectedKeys) {
-                const viewData = this.viewData[index];
-                const idField = viewData.ID;
-                const listDetail = yield md.GetEntityObject('List Details');
-                listDetail.NewRecord();
-                listDetail.ListID = list.ID;
-                listDetail.RecordID = idField.toString();
-                listDetail.ContextCurrentUser = md.CurrentUser;
-                const ldSaveResult = yield listDetail.Save();
-                if (!ldSaveResult) {
-                    LogError(`Failed to save list detail for Potential Duplicate Run`, undefined, listDetail.LatestResult);
-                    return;
-                }
-            }
-            this.closeCompareDialog('duplicate');
-            this.CreateSimpleNotification("Working on finding duplicates, will notify you when it is complete...", 'info', 2000);
-            let response = yield md.GetRecordDuplicates(params, md.CurrentUser);
-            console.log(response);
-        });
+        }
+        this.closeCompareDialog('duplicate');
+        this.CreateSimpleNotification("Working on finding duplicates, will notify you when it is complete...", 'info', 2000);
+        let response = await md.GetRecordDuplicates(params, md.CurrentUser);
+        console.log(response);
     }
-    doExcelExport() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.kendoExcelExport === null)
-                throw new Error("kendoExcelExport is null, cannot export data");
-            try {
-                this.CreateSimpleNotification("Working on the export, will notify you when it is complete...", 'info', 2000);
-                const data = yield this.getExportData();
-                // we have the data.
-                const cols = this.viewColumns.filter((vc) => vc.hidden === false);
-                this.exportColumns = cols;
-                this.exportData = data;
-                // before we call the save, we need to let Angular do its thing that will result in the kendoExcelExport component binding properly to
-                // the exportColumns and exportData arrays. So we wait for the next tick before we call save()
-                setTimeout(() => {
-                    this.kendoExcelExport.save();
-                    this.CreateSimpleNotification("Excel Export Complete", 'success', 2000);
-                }, 100);
-            }
-            catch (e) {
-                this.CreateSimpleNotification("Error exporting data", 'error', 5000);
-                LogError(e);
-            }
-        });
+    // Export Functionality
+    exportColumns = [];
+    exportData = [];
+    async doExcelExport() {
+        if (this.kendoExcelExport === null)
+            throw new Error("kendoExcelExport is null, cannot export data");
+        try {
+            this.CreateSimpleNotification("Working on the export, will notify you when it is complete...", 'info', 2000);
+            const data = await this.getExportData();
+            // we have the data.
+            const cols = this.viewColumns.filter((vc) => vc.hidden === false);
+            this.exportColumns = cols;
+            this.exportData = data;
+            // before we call the save, we need to let Angular do its thing that will result in the kendoExcelExport component binding properly to
+            // the exportColumns and exportData arrays. So we wait for the next tick before we call save()
+            setTimeout(() => {
+                this.kendoExcelExport.save();
+                this.CreateSimpleNotification("Excel Export Complete", 'success', 2000);
+            }, 100);
+        }
+        catch (e) {
+            this.CreateSimpleNotification("Error exporting data", 'error', 5000);
+            LogError(e);
+        }
     }
-    getExportData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Get the data for the ENTIRE view, not just the current page
-            const md = new Metadata();
-            const rv = new RunView();
-            const p = Object.assign(Object.assign({}, this.Params), { IgnoreMaxRows: true, ForceAuditLog: true, AuditLogDescription: `Export of Data From ${this._viewEntity ? '"' + this._viewEntity.Get('Name') + '"' : ''} View for User ${md.CurrentUser.Email}` });
-            const result = yield rv.RunView(p);
-            if (result && result.Success) {
-                return result.Results;
-            }
-            else
-                throw new Error("Unable to get export data");
-        });
+    async getExportData() {
+        // Get the data for the ENTIRE view, not just the current page
+        const md = new Metadata();
+        const rv = new RunView();
+        const p = {
+            ...this.Params,
+            IgnoreMaxRows: true,
+            ForceAuditLog: true,
+            AuditLogDescription: `Export of Data From ${this._viewEntity ? '"' + this._viewEntity.Get('Name') + '"' : ''} View for User ${md.CurrentUser.Email}`
+        };
+        const result = await rv.RunView(p);
+        if (result && result.Success) {
+            return result.Results;
+        }
+        else
+            throw new Error("Unable to get export data");
     }
+    showTemplatePreviewDialog = false;
     /**
      * Handles communication functionality for a given view, only available if the entity being displayed supports communication.
      */
-    doCommunication() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.Params)
-                return;
-            this.showTemplatePreviewDialog = true;
-        });
+    async doCommunication() {
+        if (!this.Params)
+            return;
+        this.showTemplatePreviewDialog = true;
     }
     /**
      * This method will invoke the selected action
      * @param action
      */
-    doEntityAction(action) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            try {
-                // Get the currently selected record if we have one
-                if (!this._entityInfo) {
-                    SharedService.Instance.CreateSimpleNotification("Unable to determine entity information", "error", 3000);
-                    return;
-                }
-                // Check if we have selected rows
-                const selectedItems = ((_a = this.selectedKeys) === null || _a === void 0 ? void 0 : _a.length) > 0
-                    ? this.selectedKeys.map(key => this.viewData[key])
-                    : null;
-                // Get reference to data provider and create ActionClient
-                const md = new Metadata();
-                // Since we can't access provider directly with typing, use a temporary any cast
-                const provider = md._provider;
-                const actionClient = new GraphQLActionClient(provider);
-                // Determine the invocation type based on selection
-                let invocationType = 'View'; // Default to View invocation type
-                let entityObject = null;
-                let result = null;
-                // If we have selected records, use SingleRecord type for the first selected record
-                if (selectedItems && selectedItems.length > 0) {
-                    invocationType = 'SingleRecord';
-                    // Get the entity object for the first selected record
-                    const compositeKey = new CompositeKey();
-                    compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, selectedItems[0]);
-                    entityObject = yield md.GetEntityObject(this._entityInfo.Name);
-                    yield entityObject.InnerLoad(compositeKey);
-                }
-                // Run the entity action
-                if (invocationType === 'SingleRecord' && entityObject) {
-                    const params = {
-                        EntityAction: action,
-                        InvocationType: { Name: invocationType },
-                        EntityObject: entityObject,
-                        ContextUser: md.CurrentUser
-                    };
-                    result = yield actionClient.RunEntityAction(params);
-                }
-                else if (invocationType === 'View') {
-                    const params = {
-                        EntityAction: action,
-                        InvocationType: { Name: invocationType },
-                        ViewID: this.ViewID,
-                        ContextUser: md.CurrentUser
-                    };
-                    result = yield actionClient.RunEntityAction(params);
-                }
-                if (result) {
-                    if (result.Success) {
-                        SharedService.Instance.CreateSimpleNotification(`Action ${action.Action} executed successfully`, "success", 3000);
-                        // Refresh the grid if needed
-                        if (this.Params) {
-                            this.Refresh(this.Params);
-                        }
-                    }
-                    else {
-                        SharedService.Instance.CreateSimpleNotification(`Error executing action: ${result.Message}`, "error", 5000);
+    async doEntityAction(action) {
+        try {
+            // Get the currently selected record if we have one
+            if (!this._entityInfo) {
+                SharedService.Instance.CreateSimpleNotification("Unable to determine entity information", "error", 3000);
+                return;
+            }
+            // Check if we have selected rows
+            const selectedItems = this.selectedKeys?.length > 0
+                ? this.selectedKeys.map(key => this.viewData[key])
+                : null;
+            // Get reference to data provider and create ActionClient
+            const md = new Metadata();
+            // Since we can't access provider directly with typing, use a temporary any cast
+            const provider = md._provider;
+            const actionClient = new GraphQLActionClient(provider);
+            // Determine the invocation type based on selection
+            let invocationType = 'View'; // Default to View invocation type
+            let entityObject = null;
+            let result = null;
+            // If we have selected records, use SingleRecord type for the first selected record
+            if (selectedItems && selectedItems.length > 0) {
+                invocationType = 'SingleRecord';
+                // Get the entity object for the first selected record
+                const compositeKey = new CompositeKey();
+                compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, selectedItems[0]);
+                entityObject = await md.GetEntityObject(this._entityInfo.Name);
+                await entityObject.InnerLoad(compositeKey);
+            }
+            // Run the entity action
+            if (invocationType === 'SingleRecord' && entityObject) {
+                const params = {
+                    EntityAction: action,
+                    InvocationType: { Name: invocationType },
+                    EntityObject: entityObject,
+                    ContextUser: md.CurrentUser
+                };
+                result = await actionClient.RunEntityAction(params);
+            }
+            else if (invocationType === 'View') {
+                const params = {
+                    EntityAction: action,
+                    InvocationType: { Name: invocationType },
+                    ViewID: this.ViewID,
+                    ContextUser: md.CurrentUser
+                };
+                result = await actionClient.RunEntityAction(params);
+            }
+            if (result) {
+                if (result.Success) {
+                    SharedService.Instance.CreateSimpleNotification(`Action ${action.Action} executed successfully`, "success", 3000);
+                    // Refresh the grid if needed
+                    if (this.Params) {
+                        this.Refresh(this.Params);
                     }
                 }
+                else {
+                    SharedService.Instance.CreateSimpleNotification(`Error executing action: ${result.Message}`, "error", 5000);
+                }
             }
-            catch (e) {
-                const error = e;
-                LogError(`Error invoking entity action: ${error}`);
-                SharedService.Instance.CreateSimpleNotification(`Error invoking action: ${error.message}`, "error", 5000);
-            }
-        });
+        }
+        catch (e) {
+            const error = e;
+            LogError(`Error invoking entity action: ${error}`);
+            SharedService.Instance.CreateSimpleNotification(`Error invoking action: ${error.message}`, "error", 5000);
+        }
     }
     get EntitySupportsCommunication() {
         try {
@@ -1452,130 +1423,118 @@ export class UserViewGridComponent {
             return false; // make this non fatal - this can occur at times due to timing issues, it seems, we need to investigate further
         }
     }
+    entityFormDialog = null;
     /**
      * 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() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            // 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");
+    async doCreateNewRecord() {
+        // 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 ? FieldValueCollection.FromObject(this.NewRecordValues)?.ToURLSegment() : null
                     }
-                }
+                });
             }
-        });
-    }
-    toggleAddToListDialog(show) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.showAddToListDialog = show;
-            if (show) {
-                if (!this.sourceListEntities) {
-                    yield this.loadListEntities();
+            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 = await 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 {
-                    this.listEntities = this.sourceListEntities;
-                    this.selectedListEntities = [];
+                    // don't have the dialog reference, throw an error
+                    throw new Error("Unable to create new record, entity-form-dialog is not available");
                 }
             }
-            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;
+    async toggleAddToListDialog(show) {
+        this.showAddToListDialog = show;
+        if (show) {
+            if (!this.sourceListEntities) {
+                await this.loadListEntities();
             }
-            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;
+            else {
+                this.listEntities = this.sourceListEntities;
+                this.selectedListEntities = [];
             }
-            this.sourceListEntities = this.listEntities = rvResult.Results;
-        });
+        }
+        else {
+            this.enableCheckbox(true, 'addToList');
+        }
+        this.setupSearchDebounce();
     }
-    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);
+    async loadListEntities() {
+        if (!this._entityInfo) {
+            LogError("Entity Info is not set");
+            return;
+        }
+        const md = new Metadata();
+        const rv = new RunView();
+        const rvResult = await 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;
     }
-    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);
-        });
+    async addToList(listEntity) {
+        console.log('add to list', listEntity.Name);
+        this.selectedListEntities.push(listEntity);
+        this.selectedListEntities.includes(listEntity);
     }
-    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++;
-                    }
+    async removeFromList(listEntity) {
+        console.log('remove from list', listEntity.Name);
+        this.selectedListEntities = this.selectedListEntities.filter((le) => le.ID !== listEntity.ID);
+    }
+    async addRecordsToSelectedLists() {
+        this.showAddToListLoader = true;
+        const md = new Metadata();
+        let errorCount = 0;
+        for (const listEntity of this.selectedListEntities) {
+            for (const index of this.selectedKeys) {
+                const listDetail = await 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 = await 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);
-        });
+        }
+        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);
@@ -1586,47 +1545,45 @@ export class UserViewGridComponent {
             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);
-            });
+    async search(inputValue) {
+        if (!this.sourceListEntities) {
+            return;
+        }
+        this.listEntitySearch = inputValue;
+        const toLowerCase = inputValue.toLowerCase();
+        this.listEntities = this.sourceListEntities.filter((listEntity) => {
+            return listEntity.Name.toLowerCase().includes(toLowerCase);
         });
     }
+    static ɵ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)); };
+    static ɵ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);
+            i0.ɵɵviewQuery(_c1, 5, ExcelExportComponent);
+            i0.ɵɵviewQuery(_c2, 5);
+            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);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoGridElementRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoExcelExport = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recordCompareComponent = _t.first);
+            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);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialog = _t.first);
+        } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", NewRecordValues: "NewRecordValues", ShowCreateNewRecordButton: "ShowCreateNewRecordButton", ShowEntityActionButtons: "ShowEntityActionButtons", ShowCommunicationButton: "ShowCommunicationButton", CreateRecordMode: "CreateRecordMode", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 3, vars: 1, consts: [["kendoGrid", ""], ["excelExport", ""], ["compareDialogContainer", ""], ["entityFormDialog", ""], ["templatePreviewDialog", ""], ["recordCompareRef", ""], ["mjFillContainer", "", 1, "user-view-grid-wrap"], ["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"], [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"], ["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) {
+            i0.ɵɵelementStart(0, "div", 6);
+            i0.ɵɵtemplate(1, UserViewGridComponent_Conditional_1_Template, 1, 0, "kendo-loader")(2, UserViewGridComponent_Conditional_2_Template, 16, 24);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading || !ctx.AllowLoad || ctx.neverLoaded ? 1 : 2);
+        } }, 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}"] });
 }
-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);
-        i0.ɵɵviewQuery(_c1, 5, ExcelExportComponent);
-        i0.ɵɵviewQuery(_c2, 5);
-        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);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoGridElementRef = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoExcelExport = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recordCompareComponent = _t.first);
-        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);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialog = _t.first);
-    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", NewRecordValues: "NewRecordValues", ShowCreateNewRecordButton: "ShowCreateNewRecordButton", ShowEntityActionButtons: "ShowEntityActionButtons", ShowCommunicationButton: "ShowCommunicationButton", CreateRecordMode: "CreateRecordMode", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 3, vars: 1, consts: [["kendoGrid", ""], ["excelExport", ""], ["compareDialogContainer", ""], ["entityFormDialog", ""], ["templatePreviewDialog", ""], ["recordCompareRef", ""], ["mjFillContainer", "", 1, "user-view-grid-wrap"], ["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"], [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"], ["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) {
-        i0.ɵɵelementStart(0, "div", 6);
-        i0.ɵɵtemplate(1, UserViewGridComponent_Conditional_1_Template, 1, 0, "kendo-loader")(2, UserViewGridComponent_Conditional_2_Template, 16, 24);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.isLoading || !ctx.AllowLoad || ctx.neverLoaded ? 1 : 2);
-    } }, 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]=\"UserCanEdit\"\n            [sort]=\"sortSettings\" \n            [resizable]=\"UserCanEdit\"\n            [reorderable]=\"UserCanEdit\"\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 (ShowEntityActionButtons && EntityActions && EntityActions.length > 0) {\n                    @for (action of EntityActions; track action) {\n                        <button (click)=\"doEntityAction(action)\" kendoButton class=\"k-button-solid-base list-button\">\n                            {{action.Action}}\n                        </button>\n                    }\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    <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\n\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\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    <mj-entity-communications-preview-window \n        #templatePreviewDialog\n        [DialogVisible]=\"showTemplatePreviewDialog\"\n        (DialogClosed)=\"showTemplatePreviewDialog = false\"\n        [entityInfo]=\"_entityInfo\"\n        [runViewParams]=\"Params\"\n    >\n    </mj-entity-communications-preview-window> \n\n    }\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}  \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}"] }]