@memberjunction/ng-list-detail-grid 2.48.0 → 2.50.0

package/dist/lib/ng-list-detail-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 } from '@memberjunction/core';
 import { ViewInfo } from '@memberjunction/core-entities';
@@ -83,6 +74,53 @@ function ListDetailGridComponent_kendo_excelexport_column_8_Template(rf, ctx) {
     i0.ɵɵproperty("field", exportCol_r5.Name)("title", exportCol_r5.Name);
 } }
 export class ListDetailGridComponent {
+    formBuilder;
+    router;
+    renderer;
+    title = 'ListDetailGrid';
+    Params;
+    BottomMargin = 0;
+    InEditMode = false;
+    EditMode = "None";
+    AutoNavigate = true;
+    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;
+    gridView = { data: [], total: 0 };
+    gridHeight = 750;
+    _viewEntity;
+    _entityInfo;
+    _newGridState = {};
+    editModeEnded = new Subject();
+    recordsToCompare = [];
+    compareMode = false;
+    mergeMode = false;
+    duplicateMode = false;
+    selectableSettings = {
+        enabled: false
+    };
+    selectedKeys = [];
+    isCompareDialogOpened = false;
+    isConfirmDialogOpen = false;
+    showRefreshButton = true;
+    viewExecutionTime = 0;
     get PendingRecords() {
         return this._pendingRecords;
     }
@@ -100,11 +138,10 @@ export class ListDetailGridComponent {
         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(() => {
@@ -123,6 +160,10 @@ export class ListDetailGridComponent {
         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
@@ -179,99 +220,48 @@ export class ListDetailGridComponent {
         this.formBuilder = formBuilder;
         this.router = router;
         this.renderer = renderer;
-        this.title = 'ListDetailGrid';
-        this.BottomMargin = 0;
-        this.InEditMode = false;
-        this.EditMode = "None";
-        this.AutoNavigate = true;
-        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.gridView = { data: [], total: 0 };
-        this.gridHeight = 750;
-        this._newGridState = {};
-        this.editModeEnded = new Subject();
-        this.recordsToCompare = [];
-        this.compareMode = false;
-        this.mergeMode = false;
-        this.duplicateMode = false;
-        this.selectableSettings = {
-            enabled: false
-        };
-        this.selectedKeys = [];
-        this.isCompareDialogOpened = false;
-        this.isConfirmDialogOpen = false;
-        this.showRefreshButton = true;
-        this.viewExecutionTime = 0;
-        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 = [];
     }
+    _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
     }
     ;
-    innerSaveView() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._viewDirty) {
-                const md = new Metadata();
-                if (this._viewEntity &&
-                    this._viewEntity.Get('UserID') === md.CurrentUser.ID) {
-                    // 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.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.Get('UserID') === md.CurrentUser.ID) {
+                // 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.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 = {
@@ -286,119 +276,111 @@ export class ListDetailGridComponent {
             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);
-                const visCol = this.visibleColumns.find(vc => vc.Name === c.field);
-                const visCols = this.visibleColumns;
-                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);
+            const visCol = this.visibleColumns.find(vc => vc.Name === c.field);
+            const visCols = this.visibleColumns;
+            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
+            };
         });
-    }
-    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
-                }
+        this._viewDirty = true;
+        this.SaveView();
+    }
+    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) {
-                const compositeKey = new CompositeKey();
-                compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, this.viewData[args.rowIndex]);
-                this.rowClicked.emit({
-                    entityId: this._entityInfo.ID,
-                    entityName: this._entityInfo.Name,
-                    CompositeKey: compositeKey
-                });
-                if (this._entityInfo.AllowUpdateAPI &&
-                    this.EditMode !== "None") {
-                    const perm = this._entityInfo.GetUserPermisions(new Metadata().CurrentUser);
-                    if (perm.CanUpdate) {
-                        this.StartEditMode();
-                        args.sender.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args.dataItem));
-                    }
-                }
-                if (this.EditMode === 'None' && this.AutoNavigate) {
-                    // tell app router to go to this record
-                    this.router.navigate(['resource', 'record', compositeKey.ToURLSegment()], { queryParams: { Entity: this._entityInfo.Name } });
+    async cellClickHandler(args) {
+        if (this.compareMode || this.mergeMode)
+            return;
+        if (this._entityInfo) {
+            const compositeKey = new CompositeKey();
+            compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, this.viewData[args.rowIndex]);
+            this.rowClicked.emit({
+                entityId: this._entityInfo.ID,
+                entityName: this._entityInfo.Name,
+                CompositeKey: compositeKey
+            });
+            if (this._entityInfo.AllowUpdateAPI &&
+                this.EditMode !== "None") {
+                const perm = this._entityInfo.GetUserPermisions(new Metadata().CurrentUser);
+                if (perm.CanUpdate) {
+                    this.StartEditMode();
+                    args.sender.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args.dataItem));
                 }
             }
-        });
+            if (this.EditMode === 'None' && this.AutoNavigate) {
+                // tell app router to go to this record
+                this.router.navigate(['resource', 'record', compositeKey.ToURLSegment()], { queryParams: { Entity: this._entityInfo.Name } });
+            }
+        }
     }
     createFormGroup(dataItem) {
         const groupFields = {};
@@ -422,79 +404,76 @@ export class ListDetailGridComponent {
                 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();
-                    }
-                    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;
-                        let compositeKey = new CompositeKey();
-                        compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, dataItem);
-                        if (this.EditMode === "Save") {
-                            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: " + compositeKey.ToString(), 'error', 5000);
-                            }
+    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
+                    // 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;
+                    let compositeKey = new CompositeKey();
+                    compositeKey.LoadFromEntityInfoAndRecord(this._entityInfo, dataItem);
+                    if (this.EditMode === "Save") {
+                        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: " + compositeKey.ToString(), 'error', 5000);
                         }
-                        else {
-                            record = (_a = this._pendingRecords.find((r) => {
-                                // compare each field in the r.record object with the same fields from data Item
-                                for (const k of r.record.PrimaryKeys) {
-                                    if (r.record.Get(k.Name) !== dataItem[k.Name]) {
-                                        return false; // not the same record
-                                    }
+                    }
+                    else {
+                        record = this._pendingRecords.find((r) => {
+                            // compare each field in the r.record object with the same fields from data Item
+                            for (const k of r.record.PrimaryKeys) {
+                                if (r.record.Get(k.Name) !== dataItem[k.Name]) {
+                                    return false; // not the same record
                                 }
-                                // if we get here, all pkeys matches in the above loop
-                                return true;
-                            })) === null || _a === void 0 ? void 0 : _a.record;
-                            if (!record) {
-                                // haven't edited this record before 
-                                record = yield md.GetEntityObject(this._viewEntity.Get('Entity'));
-                                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) ? '✓' : '';
-                                }
+                            // if we get here, all pkeys matches in the above loop
+                            return true;
+                        })?.record;
+                        if (!record) {
+                            // haven't edited this record before 
+                            record = await md.GetEntityObject(this._viewEntity.Get('Entity'));
+                            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
+                        }
+                        // 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() {
@@ -515,6 +494,7 @@ export class ListDetailGridComponent {
         if (this.Params)
             this.Refresh(this.Params);
     }
+    _movedToBody = false;
     moveDialogToBody() {
         if (this._movedToBody)
             return;
@@ -522,6 +502,8 @@ export class ListDetailGridComponent {
         this.renderer.appendChild(document.body, dialogElement);
         this._movedToBody = true;
     }
+    _deferLoadCount = 0;
+    _allowLoad = true;
     get AllowLoad() {
         return this._allowLoad;
     }
@@ -534,119 +516,114 @@ export class ListDetailGridComponent {
             return;
         }
     }
-    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) {
-                return;
+    async Refresh(params) {
+        this.Params = params;
+        if (this.AllowLoad === false) {
+            return;
+        }
+        if (params && (params.ViewEntity || params.ViewID || params.ViewName || (params.EntityName && params.ExtraFilter))) {
+            const startTime = new Date().getTime();
+            this.isLoading = true;
+            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);
             }
-            if (params && (params.ViewEntity || params.ViewID || params.ViewName || (params.EntityName && params.ExtraFilter))) {
-                const startTime = new Date().getTime();
-                this.isLoading = true;
-                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 = (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.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.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.Name,
-                                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).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.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.Name,
+                            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).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.viewExecutionTime = (new Date().getTime() - startTime) / 1000; // in seconds
+            this.isLoading = false;
+        }
+        else {
+            LogError("Refresh(params) must have ViewID or ViewName or (EntityName and ExtraFilter)");
+        }
     }
     GetColumnTitle(col) {
         if (col.DisplayName)
@@ -724,194 +701,191 @@ export class ListDetailGridComponent {
             }
         }
     }
-    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* () {
-            console.log(event);
-            switch (event) {
-                case 'merge':
-                    // user has requested to merge the records and retain the selected record from the compare records component, so run the merge
-                    // 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;
+                    // close the dialogs
                     this.isCompareDialogOpened = false;
-                    break;
-            }
-        });
-    }
-    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) {
-                console.error(`Failed to save list for Potential Duplicate Run`);
-                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();
-                yield listDetail.Save();
+                    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);
+                }
             }
-            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);
-        });
+        }
+        else {
+            this.isConfirmDialogOpen = false;
+            // close the dialog and let the user continue to work on the merge, so don't close the compare dialog
+        }
     }
-    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);
-            }
-        });
+    async closeCompareDialog(event) {
+        console.log(event);
+        switch (event) {
+            case 'merge':
+                // user has requested to merge the records and retain the selected record from the compare records component, so run the merge
+                // 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.isCompareDialogOpened = false;
+                break;
+        }
     }
-    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 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) {
+            console.error(`Failed to save list for Potential Duplicate Run`);
+            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();
+            await listDetail.Save();
+        }
+        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);
+    }
+    // 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);
+        }
     }
+    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");
+    }
+    static ɵfac = function ListDetailGridComponent_Factory(t) { return new (t || ListDetailGridComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.Renderer2)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailGridComponent, selectors: [["mj-list-detail-grid"]], viewQuery: function ListDetailGridComponent_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);
+        } 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);
+        } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 9, vars: 18, consts: [["kendoGrid", ""], ["excelExport", ""], ["mjFillContainer", "", 1, "list-detail-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"], ["kendoButton", "", 3, "click"], [1, "fa-regular", "fa-file-excel"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], [4, "ngIf"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"]], template: function ListDetailGridComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "kendo-grid", 3, 0);
+            i0.ɵɵlistener("pageChange", function ListDetailGridComponent_Template_kendo_grid_pageChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.pageChange($event)); });
+            i0.ɵɵtwoWayListener("selectedKeysChange", function ListDetailGridComponent_Template_kendo_grid_selectedKeysChange_1_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedKeys, $event) || (ctx.selectedKeys = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("cellClick", function ListDetailGridComponent_Template_kendo_grid_cellClick_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cellClickHandler($event)); })("cellClose", function ListDetailGridComponent_Template_kendo_grid_cellClose_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cellCloseHandler($event)); })("columnReorder", function ListDetailGridComponent_Template_kendo_grid_columnReorder_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.columnReorder($event)); })("columnResize", function ListDetailGridComponent_Template_kendo_grid_columnResize_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.columnResize($event)); })("selectionChange", function ListDetailGridComponent_Template_kendo_grid_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.selectionChange($event)); })("sortChange", function ListDetailGridComponent_Template_kendo_grid_sortChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sortChanged($event)); });
+            i0.ɵɵtemplate(3, ListDetailGridComponent_ng_template_3_Template, 3, 0, "ng-template", 4)(4, ListDetailGridComponent_kendo_grid_checkbox_column_4_Template, 1, 6, "kendo-grid-checkbox-column", 5)(5, ListDetailGridComponent_kendo_grid_column_5_Template, 2, 10, "kendo-grid-column", 6);
+            i0.ɵɵelementStart(6, "kendo-excelexport", 7, 1);
+            i0.ɵɵtemplate(8, ListDetailGridComponent_kendo_excelexport_column_8_Template, 1, 2, "kendo-excelexport-column", 8);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("resizable", true)("data", ctx.gridView)("skip", ctx.skip)("pageSize", ctx.pageSize)("rowHeight", 36)("loading", ctx.isLoading)("height", ctx.gridHeight)("sortable", true)("sort", ctx.sortSettings)("resizable", true)("reorderable", true)("selectable", true);
+            i0.ɵɵtwoWayProperty("selectedKeys", ctx.selectedKeys);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.compareMode || ctx.mergeMode || ctx.duplicateMode);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.visibleColumns);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("data", ctx.exportData)("fileName", (ctx._viewEntity ? ctx._viewEntity.Get("Name") : ctx._entityInfo == null ? null : ctx._entityInfo.Name) + ".xlsx");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.exportColumns);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.ExcelExportComponent, i5.ColumnComponent, i6.ButtonComponent, i7.FillContainer, i3.DecimalPipe], styles: [".list-detail-grid-wrap[_ngcontent-%COMP%] {\n    height: calc(100vh - 20px);\n}\n\n.list-detail-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  .list-detail-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  .list-detail-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}"] });
 }
-ListDetailGridComponent.ɵfac = function ListDetailGridComponent_Factory(t) { return new (t || ListDetailGridComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.Renderer2)); };
-ListDetailGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailGridComponent, selectors: [["mj-list-detail-grid"]], viewQuery: function ListDetailGridComponent_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);
-    } 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);
-    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 9, vars: 18, consts: [["kendoGrid", ""], ["excelExport", ""], ["mjFillContainer", "", 1, "list-detail-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"], ["kendoButton", "", 3, "click"], [1, "fa-regular", "fa-file-excel"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], [4, "ngIf"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"]], template: function ListDetailGridComponent_Template(rf, ctx) { if (rf & 1) {
-        const _r1 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 2)(1, "kendo-grid", 3, 0);
-        i0.ɵɵlistener("pageChange", function ListDetailGridComponent_Template_kendo_grid_pageChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.pageChange($event)); });
-        i0.ɵɵtwoWayListener("selectedKeysChange", function ListDetailGridComponent_Template_kendo_grid_selectedKeysChange_1_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedKeys, $event) || (ctx.selectedKeys = $event); return i0.ɵɵresetView($event); });
-        i0.ɵɵlistener("cellClick", function ListDetailGridComponent_Template_kendo_grid_cellClick_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cellClickHandler($event)); })("cellClose", function ListDetailGridComponent_Template_kendo_grid_cellClose_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cellCloseHandler($event)); })("columnReorder", function ListDetailGridComponent_Template_kendo_grid_columnReorder_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.columnReorder($event)); })("columnResize", function ListDetailGridComponent_Template_kendo_grid_columnResize_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.columnResize($event)); })("selectionChange", function ListDetailGridComponent_Template_kendo_grid_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.selectionChange($event)); })("sortChange", function ListDetailGridComponent_Template_kendo_grid_sortChange_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sortChanged($event)); });
-        i0.ɵɵtemplate(3, ListDetailGridComponent_ng_template_3_Template, 3, 0, "ng-template", 4)(4, ListDetailGridComponent_kendo_grid_checkbox_column_4_Template, 1, 6, "kendo-grid-checkbox-column", 5)(5, ListDetailGridComponent_kendo_grid_column_5_Template, 2, 10, "kendo-grid-column", 6);
-        i0.ɵɵelementStart(6, "kendo-excelexport", 7, 1);
-        i0.ɵɵtemplate(8, ListDetailGridComponent_kendo_excelexport_column_8_Template, 1, 2, "kendo-excelexport-column", 8);
-        i0.ɵɵelementEnd()()();
-    } if (rf & 2) {
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("resizable", true)("data", ctx.gridView)("skip", ctx.skip)("pageSize", ctx.pageSize)("rowHeight", 36)("loading", ctx.isLoading)("height", ctx.gridHeight)("sortable", true)("sort", ctx.sortSettings)("resizable", true)("reorderable", true)("selectable", true);
-        i0.ɵɵtwoWayProperty("selectedKeys", ctx.selectedKeys);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.compareMode || ctx.mergeMode || ctx.duplicateMode);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngForOf", ctx.visibleColumns);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("data", ctx.exportData)("fileName", (ctx._viewEntity ? ctx._viewEntity.Get("Name") : ctx._entityInfo == null ? null : ctx._entityInfo.Name) + ".xlsx");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.exportColumns);
-    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.ExcelExportComponent, i5.ColumnComponent, i6.ButtonComponent, i7.FillContainer, i3.DecimalPipe], styles: [".list-detail-grid-wrap[_ngcontent-%COMP%] {\n    height: calc(100vh - 20px);\n}\n\n.list-detail-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  .list-detail-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  .list-detail-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}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListDetailGridComponent, [{
         type: Component,
         args: [{ selector: 'mj-list-detail-grid', template: "<div class=\"list-detail-grid-wrap\" mjFillContainer>\n    <kendo-grid #kendoGrid\n        mjFillContainer\n        [resizable]=\"true\"\n        [data]=\"gridView\" \n        [skip]=\"skip\"\n        [pageSize]=\"pageSize\"\n        scrollable=\"virtual\"\n        [rowHeight]=\"36\"\n        (pageChange)=\"pageChange($event)\"\n        [loading]=\"isLoading\"\n        [height]=\"gridHeight\"\n        [sortable]=\"true\"\n        [sort]=\"sortSettings\" \n        [resizable]=\"true\"\n        [reorderable]=\"true\"\n        [selectable]=\"true\"\n        kendoGridSelectBy\n        [(selectedKeys)]=\"selectedKeys\"\n        (cellClick)=\"cellClickHandler($event)\"\n        (cellClose)=\"cellCloseHandler($event)\"\n        (columnReorder)=\"columnReorder($event)\"\n        (columnResize)=\"columnResize($event)\"\n        (selectionChange)=\"selectionChange($event)\"\n        (sortChange)=\"sortChanged($event)\"\n    >\n        <ng-template kendoGridToolbarTemplate>\n            <button kendoButton (click)=\"doExcelExport()\" >\n                <span class=\"fa-regular fa-file-excel\"></span>\n                Export to Excel\n            </button>\n        </ng-template>\n        <kendo-grid-checkbox-column \n            *ngIf=\"compareMode || mergeMode || duplicateMode\" \n            [width]=\"50\" \n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': 'white' }\" \n            [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\n        </kendo-grid-checkbox-column>\n        <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        <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</div>  ", styles: [".list-detail-grid-wrap {\n    height: calc(100vh - 20px);\n}\n\n.list-detail-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 .list-detail-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 .list-detail-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}   "] }]