@memberjunction/ng-user-view-grid 0.9.111 → 0.9.120

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

@@ -1,1000 +1,1007 @@
-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 } from '@memberjunction/core';
-import { ViewInfo } from '@memberjunction/core-entities';
-import { GridComponent } from "@progress/kendo-angular-grid";
-import { Keys } from '@progress/kendo-angular-common';
-import { Subject } from 'rxjs';
-import { ExcelExportComponent } from '@progress/kendo-angular-excel-export';
-import { MJEventType, MJGlobal } from '@memberjunction/global';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/router";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-grid";
-import * as i5 from "@progress/kendo-angular-dialog";
-import * as i6 from "@progress/kendo-angular-excel-export";
-import * as i7 from "@progress/kendo-angular-buttons";
-import * as i8 from "@memberjunction/ng-compare-records";
-import * as i9 from "@memberjunction/ng-container-directives";
-const _c0 = ["kendoGrid"];
-const _c1 = ["excelExport"];
-const _c2 = ["recordCompareRef"];
-function UserViewGridComponent_ng_template_3_button_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.doExcelExport()); });
-    i0.ɵɵtext(1, "Export to Excel");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_ng_template_3_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.enableMergeOrCompare(false, "compare")); });
-    i0.ɵɵtext(1, "Compare");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r8.compareMode && ctx_r8.recordsToCompare.length < 2);
-} }
-function UserViewGridComponent_ng_template_3_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.enableMergeOrCompare(false, "compare")); });
-    i0.ɵɵtext(1, "Compare");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r9.compareMode && ctx_r9.recordsToCompare.length < 2);
-} }
-function UserViewGridComponent_ng_template_3_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.enableMergeOrCompare(true, "compare")); });
-    i0.ɵɵtext(1, "Cancel");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_ng_template_3_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.enableMergeOrCompare(false, "merge")); });
-    i0.ɵɵtext(1, "Merge");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r11.mergeMode && ctx_r11.recordsToCompare.length < 2);
-} }
-function UserViewGridComponent_ng_template_3_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.enableMergeOrCompare(false, "merge")); });
-    i0.ɵɵtext(1, "Merge");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_ng_template_3_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.enableMergeOrCompare(true, "merge")); });
-    i0.ɵɵtext(1, "Cancel");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_ng_template_3_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 17);
-    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_3_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.RefreshFromSavedParams()); });
-    i0.ɵɵtext(1, " Refresh ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("primary", true);
-} }
-function UserViewGridComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UserViewGridComponent_ng_template_3_button_0_Template, 2, 0, "button", 10);
-    i0.ɵɵtemplate(1, UserViewGridComponent_ng_template_3_button_1_Template, 2, 1, "button", 11);
-    i0.ɵɵtemplate(2, UserViewGridComponent_ng_template_3_button_2_Template, 2, 1, "button", 11);
-    i0.ɵɵtemplate(3, UserViewGridComponent_ng_template_3_button_3_Template, 2, 0, "button", 12);
-    i0.ɵɵtemplate(4, UserViewGridComponent_ng_template_3_button_4_Template, 2, 1, "button", 11);
-    i0.ɵɵtemplate(5, UserViewGridComponent_ng_template_3_button_5_Template, 2, 0, "button", 12);
-    i0.ɵɵtemplate(6, UserViewGridComponent_ng_template_3_button_6_Template, 2, 0, "button", 12);
-    i0.ɵɵtemplate(7, UserViewGridComponent_ng_template_3_button_7_Template, 2, 1, "button", 13);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.compareMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.compareMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r1.mergeMode && !ctx_r1.compareMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r1.showRefreshButton && !ctx_r1.compareMode && !ctx_r1.mergeMode);
-} }
-const _c3 = function () { return { "text-align": "center", "vertical-align": "center" }; };
-const _c4 = function () { return { "font-weight": "bold", "background-color": "#a9c2af" }; };
-function UserViewGridComponent_kendo_grid_checkbox_column_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-grid-checkbox-column", 18);
-} if (rf & 2) {
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(4, _c3));
-    i0.ɵɵproperty("width", 50)("headerStyle", i0.ɵɵpureFunction0(5, _c4));
-} }
-function UserViewGridComponent_kendo_grid_column_5_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-    i0.ɵɵpipe(1, "number");
-    i0.ɵɵpipe(2, "number");
-    i0.ɵɵelement(3, "br");
-    i0.ɵɵelementStart(4, "span", 21);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "number");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r33 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(1, 3, ctx_r33.viewData.length), "", ctx_r33.totalRowCount > ctx_r33.viewData.length ? " of " + i0.ɵɵpipeBind1(2, 5, ctx_r33.totalRowCount) : " rows", "");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 7, ctx_r33.viewExecutionTime, "1.2-2"), " seconds");
-} }
-function UserViewGridComponent_kendo_grid_column_5_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UserViewGridComponent_kendo_grid_column_5_1_ng_template_0_Template, 7, 10, "ng-template", 20);
-} }
-function UserViewGridComponent_kendo_grid_column_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-grid-column", 19);
-    i0.ɵɵtemplate(1, UserViewGridComponent_kendo_grid_column_5_1_Template, 1, 0, null, 9);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r31 = ctx.$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(ctx_r3.GetColumnCellStyle(item_r31));
-    i0.ɵɵproperty("field", item_r31.Name)("title", ctx_r3.GetColumnTitle(item_r31))("width", item_r31.width ? item_r31.width : 100)("editable", item_r31.EntityField.AllowUpdateAPI)("editor", ctx_r3.getEditor(item_r31.EntityField))("headerStyle", i0.ɵɵpureFunction0(9, _c4));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r31 === ctx_r3.visibleColumns[0]);
-} }
-function UserViewGridComponent_kendo_excelexport_column_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-excelexport-column", 22);
-} if (rf & 2) {
-    const exportCol_r34 = ctx.$implicit;
-    i0.ɵɵproperty("field", exportCol_r34.Name)("title", exportCol_r34.Name);
-} }
-function UserViewGridComponent_div_9_kendo_window_2_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 33);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_9_kendo_window_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r41.closeCompareDialog("close")); });
-    i0.ɵɵtext(1, "Close");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_div_9_kendo_window_2_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 33);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_9_kendo_window_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.closeCompareDialog("cancel")); });
-    i0.ɵɵtext(1, "Cancel");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_div_9_kendo_window_2_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r46 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 34);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_9_kendo_window_2_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.closeCompareDialog("merge")); });
-    i0.ɵɵtext(1, " Merge Records ");
-    i0.ɵɵelementEnd();
-} }
-function UserViewGridComponent_div_9_kendo_window_2_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
-    const _r48 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 35);
-    i0.ɵɵlistener("close", function UserViewGridComponent_div_9_kendo_window_2_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r47.closeConfirmMergeDialog("cancel")); });
-    i0.ɵɵelementStart(1, "p", 36);
-    i0.ɵɵtext(2, " Are you sure you want to merge the records? This action cannot be undone. If you select \"Yes\", the records will be merged and the duplicate records will be deleted. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 37);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_9_kendo_window_2_kendo_dialog_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r48); const ctx_r49 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r49.closeConfirmMergeDialog("no")); });
-    i0.ɵɵtext(5, "No");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 38);
-    i0.ɵɵlistener("click", function UserViewGridComponent_div_9_kendo_window_2_kendo_dialog_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r48); const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.closeConfirmMergeDialog("yes")); });
-    i0.ɵɵtext(7, " Yes ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    i0.ɵɵproperty("minWidth", 250)("width", 450);
-} }
-function UserViewGridComponent_div_9_kendo_window_2_Template(rf, ctx) { if (rf & 1) {
-    const _r52 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 25);
-    i0.ɵɵlistener("close", function UserViewGridComponent_div_9_kendo_window_2_Template_kendo_window_close_0_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r51.closeCompareDialog($event)); });
-    i0.ɵɵelementStart(1, "div", 26)(2, "div");
-    i0.ɵɵelement(3, "mj-compare-records", 27, 28);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 29);
-    i0.ɵɵtemplate(6, UserViewGridComponent_div_9_kendo_window_2_button_6_Template, 2, 0, "button", 30);
-    i0.ɵɵtemplate(7, UserViewGridComponent_div_9_kendo_window_2_button_7_Template, 2, 0, "button", 30);
-    i0.ɵɵtemplate(8, UserViewGridComponent_div_9_kendo_window_2_button_8_Template, 2, 0, "button", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, UserViewGridComponent_div_9_kendo_window_2_kendo_dialog_9_Template, 8, 2, "kendo-dialog", 32);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r35 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("minHeight", 300)("minWidth", 400)("resizable", true);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("entityName", ctx_r35._entityInfo ? ctx_r35._entityInfo.Name : "")("recordsToCompare", ctx_r35.recordsToCompare)("visibleColumns", ctx_r35.visibleColumns)("selectionMode", ctx_r35.mergeMode ? true : false);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r35.compareMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r35.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r35.mergeMode);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r35.isConfirmDialogOpen);
-} }
-function UserViewGridComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "div", 23);
-    i0.ɵɵtemplate(2, UserViewGridComponent_div_9_kendo_window_2_Template, 10, 11, "kendo-window", 24);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r6.isCompareDialogOpened);
-} }
-export class UserViewGridComponent {
-    get PendingRecords() {
-        return this._pendingRecords;
-    }
-    StartEditMode() {
-        this.InEditMode = true;
-    }
-    EndEditMode() {
-        this.InEditMode = false;
-        this.editModeEnded.next();
-    }
-    EditingComplete() {
-        if (this.InEditMode) {
-            // we need to wait for edit mode to end before we can return true
-            return new Promise((resolve, reject) => {
-                const subscription = this.editModeEnded.subscribe(() => {
-                    resolve(true);
-                    subscription.unsubscribe();
-                });
-            });
-        }
-        else
-            return Promise.resolve(true); // not in edit mode, so editing is complete!
-    }
-    IsDynamicView() {
-        return !this._viewEntity; // if we have a viewEntity it is a stored view
-    }
-    pageChange(event) {
-        this.skip = event.skip;
-        this.virtualLoadData();
-    }
-    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
-        // of indexes as the viewData array (raw unformatted data). When we first get viewData
-        // from the server we create an array of the same length as viewData, but have nulls in all of the 
-        // indexes. As we format each row of viewData we store the formatted row in the same index
-        // in the formattedData array. So if we have already formatted the data we need for the current
-        // page, we just use that data, otherwise we format the data we need for the current page
-        try {
-            // check to see if we have already formatted the data we need for the current page
-            for (let i = this.skip; (i < (this.skip + this.pageSize)) && (i < this.viewData.length); i++) {
-                if (!this.formattedData[i]) {
-                    // we have not formatted this row yet, so format it
-                    const r = this.viewColumns.map((c) => {
-                        if (c && c.EntityField && this.viewData[i] && this.viewData[i][c.EntityField.Name]) {
-                            if (!c.hidden && c.EntityField.Name !== 'ID') {
-                                const ef = c.EntityField;
-                                return { field: c.EntityField.Name, value: ef.FormatValue(this.viewData[i][c.EntityField.Name], 0, undefined, 300) };
-                            }
-                            else
-                                return { field: c.EntityField.Name, value: this.viewData[i][c.EntityField.Name] }; // hidden column, so just return the value, don't bother formatting
-                        }
-                        else
-                            return { field: c.Name, value: null };
-                    });
-                    // now r is an array of {field: string, value: any} objects, so we need to convert it to an object
-                    // with the field names as the keys and the values as the values
-                    const row = {};
-                    for (let j = 0; j < r.length; j++) {
-                        if (r[j] && r[j].field && r[j].field.length > 0)
-                            row[r[j].field] = r[j].value;
-                    }
-                    this.formattedData[i] = row;
-                }
-            }
-            // now that we have made sure current page of data is formatted, we can return it
-            this.gridView = {
-                data: this.formattedData.slice(this.skip, this.skip + this.pageSize),
-                total: this.viewData.length,
-            };
-        }
-        catch (e) {
-            LogError(e);
-        }
-    }
-    constructor(formBuilder, router) {
-        this.formBuilder = formBuilder;
-        this.router = router;
-        this.title = 'UserViewGrid';
-        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._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;
-        //  public compareRecords: BaseEntity[] = [];
-        this.mergeMode = false;
-        //  public mergeRecords: BaseEntity[] = [];
-        this.selectableSettings = {
-            enabled: false
-        };
-        this.selectedKeys = [];
-        this.isCompareDialogOpened = false;
-        this.isConfirmDialogOpen = false;
-        this.showRefreshButton = true;
-        this.viewExecutionTime = 0;
-        this._viewDirty = false;
-        this._deferLoadCount = 0;
-        this._allowLoad = true;
-        // Export Functionality
-        this.exportColumns = [];
-        this.exportData = [];
-    }
-    SaveView() {
-        // debounced outer function...
-        clearTimeout(this._saveTimeout);
-        this._saveTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-            // when we actually call inner save view we do await
-            yield 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);
-                    }
-                }
-            }
-        });
-    }
-    CreateSimpleNotification(message, style, duration) {
-        const data = {
-            message: message,
-            style: style,
-            DisplayDuration: duration
-        };
-        MJGlobal.Instance.RaiseEvent({
-            component: this,
-            event: MJEventType.DisplaySimpleNotificationRequest,
-            eventCode: "",
-            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++;
-                        }
-                    }
-                    // 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();
-                }
-            }
-        });
-    }
-    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();
-        });
-    }
-    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
-                }
-            }
-            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 pkeyVals = [];
-                this._entityInfo.PrimaryKeys.forEach((pkey) => {
-                    pkeyVals.push({ FieldName: pkey.Name, Value: this.viewData[args.rowIndex][pkey.Name] });
-                });
-                this.rowClicked.emit({
-                    entityId: this._entityInfo.ID,
-                    entityName: this._entityInfo.Name,
-                    primaryKeyValues: pkeyVals
-                });
-                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.InEditMode && this.AutoNavigate) {
-                    // tell app router to go to this record
-                    const pkVals = this.GeneratePrimaryKeyValueString(pkeyVals);
-                    this.router.navigate(['resource', 'record', pkVals], { queryParams: { Entity: this._entityInfo.Name } });
-                }
-            }
-        });
-    }
-    GeneratePrimaryKeyValueString(pkVals) {
-        return pkVals.length > 1 ? pkVals.map(pk => pk.FieldName + '|' + pk.Value).join('||') : pkVals[0].Value;
-    }
-    createFormGroup(dataItem) {
-        const groupFields = {};
-        this.viewColumns.forEach((vc) => {
-            if (vc.EntityField.AllowUpdateAPI &&
-                vc.EntityField.IsVirtual === false &&
-                vc.EntityField.AllowUpdateInView)
-                groupFields[vc.Name] = dataItem[vc.Name];
-        });
-        return this.formBuilder.group(groupFields);
-    }
-    getEditor(ef) {
-        switch (ef.TSType) {
-            case EntityFieldTSType.Boolean:
-                return "boolean";
-            case EntityFieldTSType.Date:
-                return "date";
-            case EntityFieldTSType.Number:
-                return "numeric";
-            default:
-                return "text";
-        }
-    }
-    cellCloseHandler(args) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (this._entityInfo && this.EditMode !== "None") {
-                    const { formGroup, dataItem } = 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();
-                        const pkey = this._entityInfo.PrimaryKey.Name;
-                        let record;
-                        let bSaved = false;
-                        if (this.EditMode === "Save") {
-                            record = yield md.GetEntityObject(this._entityInfo.Name);
-                            yield record.InnerLoad(this._entityInfo.PrimaryKeys.map(pk => {
-                                return {
-                                    FieldName: pk.Name,
-                                    Value: dataItem[pk.Name]
-                                };
-                            }));
-                            record.SetMany(formGroup.value);
-                            bSaved = yield record.Save();
-                            if (!bSaved)
-                                this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000);
-                        }
-                        else {
-                            record = (_a = this._pendingRecords.find((r) => r.record.Get(pkey) === dataItem[pkey])) === null || _a === void 0 ? void 0 : _a.record;
-                            if (!record) { // haven't edited this one before 
-                                record = yield md.GetEntityObject(this._viewEntity.Get('Entity'));
-                                yield record.InnerLoad(this._entityInfo.PrimaryKeys.map(pk => {
-                                    return {
-                                        FieldName: pk.Name,
-                                        Value: dataItem[pk.Name]
-                                    };
-                                }));
-                                this._pendingRecords.push({ record,
-                                    row: args.rowIndex,
-                                    dataItem }); // don't save - put the changed record on a queue for saving later by our container
-                            }
-                            // go through the formGroup and only set the values that exist as columns in the grid
-                            const keys = Object.keys(formGroup.value);
-                            keys.forEach((k) => {
-                                const vc = this.viewColumns.find((vc) => vc.Name === k && vc.hidden === false);
-                                if (vc) {
-                                    record.Set(k, formGroup.value[k]);
-                                }
-                            });
-                            //record.SetMany(formGroup.value);
-                        }
-                        this.rowEdited.emit({
-                            record: record,
-                            row: args.rowIndex,
-                            saved: bSaved
-                        });
-                    }
-                }
-            }
-            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() {
-        if (this._pendingRecords && this._pendingRecords.length > 0) {
-            this._pendingRecords.forEach((r) => {
-                r.record.Revert();
-                Object.assign(r.dataItem, r.record.GetAll()); // copy the original values back to the data Item which gets the grid to display the old values again...
-            });
-            this._pendingRecords = [];
-            if (this.Params)
-                this.Refresh(this.Params);
-        }
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        //this.setGridHeight();
-        if (this.Params)
-            this.Refresh(this.Params);
-    }
-    get AllowLoad() {
-        return this._allowLoad;
-    }
-    set AllowLoad(value) {
-        this._allowLoad = value;
-        if (value === true && this._deferLoadCount === 0) {
-            this._deferLoadCount++; // only do this one time 
-            if (this.Params)
-                this.Refresh(this.Params);
-            return;
-        }
-    }
-    RefreshFromSavedParams() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.Params)
-                this.Refresh(this.Params);
-        });
-    }
-    Refresh(params) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function* () {
-            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 => { 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 > 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
-                    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;
-            }
-            else {
-                LogError("Refresh(params) must have ViewID or ViewName or (EntityName and ExtraFilter)");
-            }
-        });
-    }
-    GetColumnTitle(col) {
-        if (col.DisplayName)
-            return col.DisplayName; // use view's display name first if it exists
-        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) {
-        switch (col.EntityField.Type.trim().toLowerCase()) {
-            case "money":
-            case 'decimal':
-            case 'real':
-            case 'float':
-            case 'int':
-                return { 'text-align': 'right', 'vertical-align': 'top' }; // right align numbers,
-            default:
-                return { 'text-align': 'left', 'vertical-align': 'top' }; // left align everything else
-        }
-    }
-    selectionChange(args) {
-        // update recordsToCompare based on the this.selectedKeys property that is bound
-        // selectedKeys is an array of indexes in the this.viewData, and we need to make our 
-        // this.recordsToCompare an array of records from this.viewData so just map() the selectedKeys for this
-        this.recordsToCompare = this.selectedKeys.map((i) => this.viewData[i]);
-    }
-    enableMergeOrCompare(cancel = false, type) {
-        if (!cancel && this.recordsToCompare.length >= 2) {
-            // this scenario occurs when we've already started the merge/compare and the user has selected records, then clicked the merge/compare button again
-            this.isCompareDialogOpened = true;
-        }
-        else if (cancel) {
-            // the user clicked cancel in our toolbar
-            if (type === 'merge')
-                this.mergeMode = false;
-            else
-                this.compareMode = false;
-            this.selectedKeys = [];
-            this.recordsToCompare = [];
-        }
-        else {
-            // just turning on merge mode from the merge/compare button, so just turn it on and let the user select records
-            if (type === 'merge')
-                this.mergeMode = true;
-            else
-                this.compareMode = true;
-        }
-    }
-    closeConfirmMergeDialog(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (event === 'yes') {
-                if (this._entityInfo && this.recordCompareComponent) {
-                    const md = new Metadata();
-                    const pkey = this._entityInfo.PrimaryKey.Name;
-                    const result = yield md.MergeRecords({
-                        EntityName: this._entityInfo.Name,
-                        RecordsToMerge: this.recordsToCompare.map((r) => r.Get(pkey)).filter((pkeyVal) => { var _a; return pkeyVal !== ((_a = this.recordCompareComponent) === null || _a === void 0 ? void 0 : _a.selectedRecordPKeyVal); }),
-                        SurvivingRecordPrimaryKeyValues: [{ FieldName: pkey, Value: this.recordCompareComponent.selectedRecordPKeyVal }],
-                        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
-                    this.selectedKeys = [];
-                    this.recordsToCompare = [];
-                    this.mergeMode = false;
-                    this.compareMode = false;
-                    this.isCompareDialogOpened = false;
-                    break;
-            }
-        });
-    }
-    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);
-            }
-        });
-    }
-    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");
-        });
-    }
-}
-UserViewGridComponent.ɵfac = function UserViewGridComponent_Factory(t) { return new (t || UserViewGridComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router)); };
-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);
-    } 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);
-    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 10, vars: 19, consts: [["mjFillContainer", "", 1, "user-view-grid-wrap"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys", "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange"], ["kendoGrid", ""], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], ["excelExport", ""], [3, "field", "title", 4, "ngFor", "ngForOf"], [4, "ngIf"], ["kendoButton", "", "icon", "file-excel", 3, "click", 4, "ngIf"], ["class", "k-button k-button-md k-rounded-md k-button-solid-base k-button-solid", 3, "disabled", "click", 4, "ngIf"], ["class", "k-button k-button-md k-rounded-md k-button-solid-base k-button-solid", 3, "click", 4, "ngIf"], ["kendoButton", "", "icon", "refresh", 3, "primary", "click", 4, "ngIf"], ["kendoButton", "", "icon", "file-excel", 3, "click"], [1, "k-button", "k-button-md", "k-rounded-md", "k-button-solid-base", "k-button-solid", 3, "disabled", "click"], [1, "k-button", "k-button-md", "k-rounded-md", "k-button-solid-base", "k-button-solid", 3, "click"], ["kendoButton", "", "icon", "refresh", 3, "primary", "click"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"], [1, "k-overlay"], ["title", "Compare Records", 3, "minHeight", "minWidth", "resizable", "close", 4, "ngIf"], ["title", "Compare Records", 3, "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], ["recordCompareRef", ""], [1, "k-actions", "k-actions-end"], ["kendoButton", "", "type", "button", 3, "click", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click", 4, "ngIf"], ["title", "Confirm Choice", 3, "minWidth", "width", "close", 4, "ngIf"], ["kendoButton", "", "type", "button", 3, "click"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click"], ["title", "Confirm Choice", 3, "minWidth", "width", "close"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", 3, "click"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "kendo-grid", 1, 2);
-        i0.ɵɵlistener("pageChange", function UserViewGridComponent_Template_kendo_grid_pageChange_1_listener($event) { return ctx.pageChange($event); })("selectedKeysChange", function UserViewGridComponent_Template_kendo_grid_selectedKeysChange_1_listener($event) { return ctx.selectedKeys = $event; })("cellClick", function UserViewGridComponent_Template_kendo_grid_cellClick_1_listener($event) { return ctx.cellClickHandler($event); })("cellClose", function UserViewGridComponent_Template_kendo_grid_cellClose_1_listener($event) { return ctx.cellCloseHandler($event); })("columnReorder", function UserViewGridComponent_Template_kendo_grid_columnReorder_1_listener($event) { return ctx.columnReorder($event); })("columnResize", function UserViewGridComponent_Template_kendo_grid_columnResize_1_listener($event) { return ctx.columnResize($event); })("selectionChange", function UserViewGridComponent_Template_kendo_grid_selectionChange_1_listener($event) { return ctx.selectionChange($event); })("sortChange", function UserViewGridComponent_Template_kendo_grid_sortChange_1_listener($event) { return ctx.sortChanged($event); });
-        i0.ɵɵtemplate(3, UserViewGridComponent_ng_template_3_Template, 8, 8, "ng-template", 3);
-        i0.ɵɵtemplate(4, UserViewGridComponent_kendo_grid_checkbox_column_4_Template, 1, 6, "kendo-grid-checkbox-column", 4);
-        i0.ɵɵtemplate(5, UserViewGridComponent_kendo_grid_column_5_Template, 2, 10, "kendo-grid-column", 5);
-        i0.ɵɵelementStart(6, "kendo-excelexport", 6, 7);
-        i0.ɵɵtemplate(8, UserViewGridComponent_kendo_excelexport_column_8_Template, 1, 2, "kendo-excelexport-column", 8);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵtemplate(9, UserViewGridComponent_div_9_Template, 3, 1, "div", 9);
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        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)("selectedKeys", ctx.selectedKeys);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.compareMode || ctx.mergeMode);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.visibleColumns);
-        i0.ɵɵadvance(1);
-        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);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isCompareDialogOpened);
-    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.DialogComponent, i5.DialogActionsComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.Button, i8.CompareRecordsComponent, i9.FillContainer, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header[_ngcontent-%COMP%] {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewGridComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\r\n    <kendo-grid #kendoGrid\r\n        mjFillContainer\r\n        [resizable]=\"true\"\r\n        [data]=\"gridView\" \r\n        [skip]=\"skip\"\r\n        [pageSize]=\"pageSize\"\r\n        scrollable=\"virtual\"\r\n        [rowHeight]=\"36\"\r\n        (pageChange)=\"pageChange($event)\"\r\n        [loading]=\"isLoading\"\r\n        [height]=\"gridHeight\"\r\n        [sortable]=\"true\"\r\n        [sort]=\"sortSettings\" \r\n        [resizable]=\"true\"\r\n        [reorderable]=\"true\"\r\n        [selectable]=\"true\"\r\n        kendoGridSelectBy\r\n        [(selectedKeys)]=\"selectedKeys\"\r\n        (cellClick)=\"cellClickHandler($event)\"\r\n        (cellClose)=\"cellCloseHandler($event)\"\r\n        (columnReorder)=\"columnReorder($event)\"\r\n        (columnResize)=\"columnResize($event)\"\r\n        (selectionChange)=\"selectionChange($event)\"\r\n        (sortChange)=\"sortChanged($event)\"\r\n        >\r\n        <ng-template kendoGridToolbarTemplate>\r\n            <button kendoButton icon=\"file-excel\" *ngIf=\"!compareMode && !mergeMode\" (click)=\"doExcelExport()\" >Export to Excel</button>\r\n            <!-- 3 buttons for compare. First one only shows when comparison is going on in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending compare.  -->\r\n            <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"!compareMode && !mergeMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\r\n            <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"compareMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\r\n            <button (click)=\"enableMergeOrCompare(true, 'compare')\" *ngIf=\"compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\r\n\r\n            <!-- 3 buttons for merge. First one only shows when merge is getting goin in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending merge.  -->\r\n            <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"mergeMode\" [disabled]=\"mergeMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\r\n            <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"!mergeMode && !compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\r\n            <button (click)=\"enableMergeOrCompare(true, 'merge')\" *ngIf=\"mergeMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\r\n            <button\r\n                kendoButton\r\n                [primary]=\"true\"\r\n                icon=\"refresh\"\r\n                *ngIf=\"showRefreshButton && !compareMode && !mergeMode\"\r\n                (click)=\"RefreshFromSavedParams()\">\r\n                Refresh\r\n            </button>\r\n        </ng-template>\r\n\r\n        <kendo-grid-checkbox-column \r\n            *ngIf=\"compareMode || mergeMode\" \r\n            [width]=\"50\" \r\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\" \r\n            [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\r\n        </kendo-grid-checkbox-column>\r\n        \r\n        <kendo-grid-column \r\n            *ngFor=\"let item of visibleColumns\" \r\n            [field]=\"item.Name\" \r\n            [title]=\"GetColumnTitle(item)\"\r\n            [width]=\"item.width ? item.width : 100\"\r\n            [editable]=\"item.EntityField.AllowUpdateAPI\"\r\n            [editor]=\"getEditor(item.EntityField)\"\r\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\"\r\n            [style]=\"this.GetColumnCellStyle(item)\"\r\n            >\r\n            <ng-template *ngIf=\"item===visibleColumns[0]\" kendoGridFooterTemplate >\r\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>\r\n            </ng-template>\r\n        </kendo-grid-column>\r\n\r\n        <kendo-excelexport #excelExport [data]=\"exportData\" [fileName]=\"(_viewEntity ? _viewEntity.Get('Name') : _entityInfo?.Name) + '.xlsx'\">\r\n            <kendo-excelexport-column *ngFor=\"let exportCol of exportColumns\" [field]=\"exportCol.Name\" [title]=\"exportCol.Name\">\r\n            </kendo-excelexport-column>\r\n        </kendo-excelexport>\r\n    </kendo-grid>\r\n</div>\r\n\r\n<div *ngIf=\"isCompareDialogOpened\">\r\n    <div class=\"k-overlay\"></div>\r\n    <kendo-window\r\n        [minHeight]=\"300\"\r\n        [minWidth]=\"400\"\r\n        [resizable]=\"true\"\r\n        (close)=\"closeCompareDialog($event)\"\r\n        title=\"Compare Records\"\r\n        *ngIf=\"isCompareDialogOpened\"\r\n    >\r\n      <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\">\r\n        <div>\r\n            <mj-compare-records\r\n                        #recordCompareRef\r\n                        [entityName]=\"_entityInfo ? _entityInfo.Name : ''\"\r\n                        [recordsToCompare]=\"recordsToCompare\" \r\n                        [visibleColumns]=\"visibleColumns\" \r\n                        [selectionMode]=\"mergeMode ? true : false\"\r\n            >\r\n            </mj-compare-records>\r\n        </div>\r\n      </div>\r\n      <div class=\"k-actions k-actions-end\">\r\n        <button *ngIf=\"compareMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('close')\">Close</button>\r\n        <button *ngIf=\"mergeMode\"kendoButton type=\"button\" (click)=\"closeCompareDialog('cancel')\">Cancel</button>\r\n        <button *ngIf=\"mergeMode\"\r\n          kendoButton\r\n          themeColor=\"primary\"\r\n          type=\"button\"\r\n          (click)=\"closeCompareDialog('merge')\"\r\n        >\r\n          Merge Records\r\n        </button>\r\n      </div>      \r\n        <kendo-dialog\r\n            title=\"Confirm Choice\"\r\n            *ngIf=\"isConfirmDialogOpen\"\r\n            (close)=\"closeConfirmMergeDialog('cancel')\"\r\n            [minWidth]=\"250\"\r\n            [width]=\"450\"\r\n        >\r\n            <p style=\"margin: 30px; text-align: center;\">\r\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.\r\n            </p>\r\n            <kendo-dialog-actions>\r\n            <button kendoButton (click)=\"closeConfirmMergeDialog('no')\">No</button>\r\n            <button kendoButton (click)=\"closeConfirmMergeDialog('yes')\" themeColor=\"primary\">\r\n                Yes\r\n            </button>\r\n            </kendo-dialog-actions>\r\n        </kendo-dialog>\r\n    </kendo-window>\r\n</div>", styles: [".user-view-grid-wrap {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] }]
-    }], function () { return [{ type: i1.FormBuilder }, { type: i2.Router }]; }, { Params: [{
-            type: Input
-        }], BottomMargin: [{
-            type: Input
-        }], InEditMode: [{
-            type: Input
-        }], EditMode: [{
-            type: Input
-        }], AutoNavigate: [{
-            type: Input
-        }], rowClicked: [{
-            type: Output
-        }], rowEdited: [{
-            type: Output
-        }], kendoGridElement: [{
-            type: ViewChild,
-            args: ['kendoGrid', { read: GridComponent }]
-        }], kendoGridElementRef: [{
-            type: ViewChild,
-            args: ['kendoGrid', { read: ElementRef }]
-        }], kendoExcelExport: [{
-            type: ViewChild,
-            args: ['excelExport', { read: ExcelExportComponent }]
-        }], recordCompareComponent: [{
-            type: ViewChild,
-            args: ['recordCompareRef', { static: false }]
-        }], AllowLoad: [{
-            type: Input
-        }] }); })();
+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 } from '@memberjunction/core';
+import { ViewInfo } from '@memberjunction/core-entities';
+import { GridComponent } from "@progress/kendo-angular-grid";
+import { Keys } from '@progress/kendo-angular-common';
+import { Subject } from 'rxjs';
+import { ExcelExportComponent } from '@progress/kendo-angular-excel-export';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-grid";
+import * as i5 from "@progress/kendo-angular-dialog";
+import * as i6 from "@progress/kendo-angular-excel-export";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "@memberjunction/ng-compare-records";
+import * as i9 from "@memberjunction/ng-container-directives";
+import * as i10 from "@progress/kendo-angular-icons";
+import * as i11 from "@progress/kendo-angular-layout";
+const _c0 = ["kendoGrid"];
+const _c1 = ["excelExport"];
+const _c2 = ["recordCompareRef"];
+function UserViewGridComponent_ng_template_5_button_0_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.doExcelExport()); });
+    i0.ɵɵelement(1, "kendo-svgicon", 17);
+    i0.ɵɵtext(2, " Export to Excel ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r7.kendoSVGIcon("fileExcel"));
+} }
+function UserViewGridComponent_ng_template_5_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.enableMergeOrCompare(false, "compare")); });
+    i0.ɵɵtext(1, "Compare");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r8.compareMode && ctx_r8.recordsToCompare.length < 2);
+} }
+function UserViewGridComponent_ng_template_5_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.enableMergeOrCompare(false, "compare")); });
+    i0.ɵɵtext(1, "Compare");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r9.compareMode && ctx_r9.recordsToCompare.length < 2);
+} }
+function UserViewGridComponent_ng_template_5_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.enableMergeOrCompare(true, "compare")); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_ng_template_5_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.enableMergeOrCompare(false, "merge")); });
+    i0.ɵɵtext(1, "Merge");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r11 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r11.mergeMode && ctx_r11.recordsToCompare.length < 2);
+} }
+function UserViewGridComponent_ng_template_5_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.enableMergeOrCompare(false, "merge")); });
+    i0.ɵɵtext(1, "Merge");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_ng_template_5_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.enableMergeOrCompare(true, "merge")); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_ng_template_5_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function UserViewGridComponent_ng_template_5_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.RefreshFromSavedParams()); });
+    i0.ɵɵelement(1, "kendo-svgicon", 17);
+    i0.ɵɵtext(2, " Refresh ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r14 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("primary", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r14.kendoSVGIcon("arrowRotateCcwSmall"));
+} }
+function UserViewGridComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, UserViewGridComponent_ng_template_5_button_0_Template, 3, 1, "button", 12)(1, UserViewGridComponent_ng_template_5_button_1_Template, 2, 1, "button", 13)(2, UserViewGridComponent_ng_template_5_button_2_Template, 2, 1, "button", 13)(3, UserViewGridComponent_ng_template_5_button_3_Template, 2, 0, "button", 14)(4, UserViewGridComponent_ng_template_5_button_4_Template, 2, 1, "button", 13)(5, UserViewGridComponent_ng_template_5_button_5_Template, 2, 0, "button", 14)(6, UserViewGridComponent_ng_template_5_button_6_Template, 2, 0, "button", 14)(7, UserViewGridComponent_ng_template_5_button_7_Template, 3, 2, "button", 15);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.compareMode && !ctx_r1.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.compareMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.compareMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.mergeMode && !ctx_r1.compareMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.showRefreshButton && !ctx_r1.compareMode && !ctx_r1.mergeMode);
+} }
+const _c3 = () => ({ "text-align": "center", "vertical-align": "center" });
+const _c4 = () => ({ "font-weight": "bold", "background-color": "#a9c2af" });
+function UserViewGridComponent_kendo_grid_checkbox_column_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-grid-checkbox-column", 21);
+} if (rf & 2) {
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(4, _c3));
+    i0.ɵɵproperty("width", 50)("headerStyle", i0.ɵɵpureFunction0(5, _c4));
+} }
+function UserViewGridComponent_kendo_grid_column_7_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "number");
+    i0.ɵɵpipe(2, "number");
+    i0.ɵɵelement(3, "br");
+    i0.ɵɵelementStart(4, "span", 24);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "number");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r33 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(1, 3, ctx_r33.viewData.length), "", ctx_r33.totalRowCount > ctx_r33.viewData.length ? " of " + i0.ɵɵpipeBind1(2, 5, ctx_r33.totalRowCount) : " rows", "");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(6, 7, ctx_r33.viewExecutionTime, "1.2-2"), " seconds");
+} }
+function UserViewGridComponent_kendo_grid_column_7_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, UserViewGridComponent_kendo_grid_column_7_1_ng_template_0_Template, 7, 10, "ng-template", 23);
+} }
+function UserViewGridComponent_kendo_grid_column_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-grid-column", 22);
+    i0.ɵɵtemplate(1, UserViewGridComponent_kendo_grid_column_7_1_Template, 1, 0, null, 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r31 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r3.GetColumnCellStyle(item_r31));
+    i0.ɵɵproperty("field", item_r31.Name)("title", ctx_r3.GetColumnTitle(item_r31))("width", item_r31.width ? item_r31.width : 100)("editable", item_r31.EntityField.AllowUpdateAPI)("editor", ctx_r3.getEditor(item_r31.EntityField))("headerStyle", i0.ɵɵpureFunction0(9, _c4));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r31 === ctx_r3.visibleColumns[0]);
+} }
+function UserViewGridComponent_kendo_excelexport_column_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-excelexport-column", 25);
+} if (rf & 2) {
+    const exportCol_r34 = ctx.$implicit;
+    i0.ɵɵproperty("field", exportCol_r34.Name)("title", exportCol_r34.Name);
+} }
+function UserViewGridComponent_div_15_kendo_window_2_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r42 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 36);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_15_kendo_window_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r41.closeCompareDialog("close")); });
+    i0.ɵɵtext(1, "Close");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_div_15_kendo_window_2_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r44 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 36);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_15_kendo_window_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.closeCompareDialog("cancel")); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_div_15_kendo_window_2_button_8_Template(rf, ctx) { if (rf & 1) {
+    const _r46 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 37);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_15_kendo_window_2_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.closeCompareDialog("merge")); });
+    i0.ɵɵtext(1, " Merge Records ");
+    i0.ɵɵelementEnd();
+} }
+function UserViewGridComponent_div_15_kendo_window_2_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 38);
+    i0.ɵɵlistener("close", function UserViewGridComponent_div_15_kendo_window_2_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r47.closeConfirmMergeDialog("cancel")); });
+    i0.ɵɵelementStart(1, "p", 39);
+    i0.ɵɵtext(2, " Are you sure you want to merge the records? This action cannot be undone. If you select \"Yes\", the records will be merged and the duplicate records will be deleted. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 16);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_15_kendo_window_2_kendo_dialog_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r48); const ctx_r49 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r49.closeConfirmMergeDialog("no")); });
+    i0.ɵɵtext(5, "No");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 40);
+    i0.ɵɵlistener("click", function UserViewGridComponent_div_15_kendo_window_2_kendo_dialog_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r48); const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.closeConfirmMergeDialog("yes")); });
+    i0.ɵɵtext(7, " Yes ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    i0.ɵɵproperty("minWidth", 250)("width", 450);
+} }
+function UserViewGridComponent_div_15_kendo_window_2_Template(rf, ctx) { if (rf & 1) {
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 28);
+    i0.ɵɵlistener("close", function UserViewGridComponent_div_15_kendo_window_2_Template_kendo_window_close_0_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r51.closeCompareDialog($event)); });
+    i0.ɵɵelementStart(1, "div", 29)(2, "div");
+    i0.ɵɵelement(3, "mj-compare-records", 30, 31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 32);
+    i0.ɵɵtemplate(6, UserViewGridComponent_div_15_kendo_window_2_button_6_Template, 2, 0, "button", 33)(7, UserViewGridComponent_div_15_kendo_window_2_button_7_Template, 2, 0, "button", 33)(8, UserViewGridComponent_div_15_kendo_window_2_button_8_Template, 2, 0, "button", 34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, UserViewGridComponent_div_15_kendo_window_2_kendo_dialog_9_Template, 8, 2, "kendo-dialog", 35);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r35 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("minHeight", 300)("minWidth", 400)("resizable", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("entityName", ctx_r35._entityInfo ? ctx_r35._entityInfo.Name : "")("recordsToCompare", ctx_r35.recordsToCompare)("visibleColumns", ctx_r35.visibleColumns)("selectionMode", ctx_r35.mergeMode ? true : false);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r35.compareMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r35.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r35.mergeMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r35.isConfirmDialogOpen);
+} }
+function UserViewGridComponent_div_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "div", 26);
+    i0.ɵɵtemplate(2, UserViewGridComponent_div_15_kendo_window_2_Template, 10, 11, "kendo-window", 27);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r6.isCompareDialogOpened);
+} }
+export class UserViewGridComponent {
+    get PendingRecords() {
+        return this._pendingRecords;
+    }
+    StartEditMode() {
+        this.InEditMode = true;
+    }
+    EndEditMode() {
+        this.InEditMode = false;
+        this.editModeEnded.next();
+    }
+    EditingComplete() {
+        if (this.InEditMode) {
+            // we need to wait for edit mode to end before we can return true
+            return new Promise((resolve, reject) => {
+                const subscription = this.editModeEnded.subscribe(() => {
+                    resolve(true);
+                    subscription.unsubscribe();
+                });
+            });
+        }
+        else
+            return Promise.resolve(true); // not in edit mode, so editing is complete!
+    }
+    IsDynamicView() {
+        return !this._viewEntity; // if we have a viewEntity it is a stored view
+    }
+    pageChange(event) {
+        this.skip = event.skip;
+        this.virtualLoadData();
+    }
+    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
+        // of indexes as the viewData array (raw unformatted data). When we first get viewData
+        // from the server we create an array of the same length as viewData, but have nulls in all of the 
+        // indexes. As we format each row of viewData we store the formatted row in the same index
+        // in the formattedData array. So if we have already formatted the data we need for the current
+        // page, we just use that data, otherwise we format the data we need for the current page
+        try {
+            // check to see if we have already formatted the data we need for the current page
+            for (let i = this.skip; (i < (this.skip + this.pageSize)) && (i < this.viewData.length); i++) {
+                if (!this.formattedData[i]) {
+                    // we have not formatted this row yet, so format it
+                    const r = this.viewColumns.map((c) => {
+                        if (c && c.EntityField && this.viewData[i] && this.viewData[i][c.EntityField.Name]) {
+                            if (!c.hidden && c.EntityField.Name !== 'ID') {
+                                const ef = c.EntityField;
+                                return { field: c.EntityField.Name, value: ef.FormatValue(this.viewData[i][c.EntityField.Name], 0, undefined, 300) };
+                            }
+                            else
+                                return { field: c.EntityField.Name, value: this.viewData[i][c.EntityField.Name] }; // hidden column, so just return the value, don't bother formatting
+                        }
+                        else
+                            return { field: c.Name, value: null };
+                    });
+                    // now r is an array of {field: string, value: any} objects, so we need to convert it to an object
+                    // with the field names as the keys and the values as the values
+                    const row = {};
+                    for (let j = 0; j < r.length; j++) {
+                        if (r[j] && r[j].field && r[j].field.length > 0)
+                            row[r[j].field] = r[j].value;
+                    }
+                    this.formattedData[i] = row;
+                }
+            }
+            // now that we have made sure current page of data is formatted, we can return it
+            this.gridView = {
+                data: this.formattedData.slice(this.skip, this.skip + this.pageSize),
+                total: this.viewData.length,
+            };
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+    constructor(formBuilder, router) {
+        this.formBuilder = formBuilder;
+        this.router = router;
+        this.title = 'UserViewGrid';
+        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._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;
+        //  public compareRecords: BaseEntity[] = [];
+        this.mergeMode = false;
+        //  public mergeRecords: BaseEntity[] = [];
+        this.selectableSettings = {
+            enabled: false
+        };
+        this.selectedKeys = [];
+        this.isCompareDialogOpened = false;
+        this.isConfirmDialogOpen = false;
+        this.showRefreshButton = true;
+        this.viewExecutionTime = 0;
+        this._viewDirty = false;
+        this._deferLoadCount = 0;
+        this._allowLoad = true;
+        // Export Functionality
+        this.exportColumns = [];
+        this.exportData = [];
+        this.kendoSVGIcon = kendoSVGIcon;
+    }
+    SaveView() {
+        // debounced outer function...
+        clearTimeout(this._saveTimeout);
+        this._saveTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+            // when we actually call inner save view we do await
+            yield 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);
+                    }
+                }
+            }
+        });
+    }
+    CreateSimpleNotification(message, style, duration) {
+        const data = {
+            message: message,
+            style: style,
+            DisplayDuration: duration
+        };
+        MJGlobal.Instance.RaiseEvent({
+            component: this,
+            event: MJEventType.DisplaySimpleNotificationRequest,
+            eventCode: "",
+            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++;
+                        }
+                    }
+                    // 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();
+                }
+            }
+        });
+    }
+    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();
+        });
+    }
+    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
+                }
+            }
+            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 pkeyVals = [];
+                this._entityInfo.PrimaryKeys.forEach((pkey) => {
+                    pkeyVals.push({ FieldName: pkey.Name, Value: this.viewData[args.rowIndex][pkey.Name] });
+                });
+                this.rowClicked.emit({
+                    entityId: this._entityInfo.ID,
+                    entityName: this._entityInfo.Name,
+                    primaryKeyValues: pkeyVals
+                });
+                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.InEditMode && this.AutoNavigate) {
+                    // tell app router to go to this record
+                    const pkVals = this.GeneratePrimaryKeyValueString(pkeyVals);
+                    this.router.navigate(['resource', 'record', pkVals], { queryParams: { Entity: this._entityInfo.Name } });
+                }
+            }
+        });
+    }
+    GeneratePrimaryKeyValueString(pkVals) {
+        return pkVals.length > 1 ? pkVals.map(pk => pk.FieldName + '|' + pk.Value).join('||') : pkVals[0].Value;
+    }
+    createFormGroup(dataItem) {
+        const groupFields = {};
+        this.viewColumns.forEach((vc) => {
+            if (vc.EntityField.AllowUpdateAPI &&
+                vc.EntityField.IsVirtual === false &&
+                vc.EntityField.AllowUpdateInView)
+                groupFields[vc.Name] = dataItem[vc.Name];
+        });
+        return this.formBuilder.group(groupFields);
+    }
+    getEditor(ef) {
+        switch (ef.TSType) {
+            case EntityFieldTSType.Boolean:
+                return "boolean";
+            case EntityFieldTSType.Date:
+                return "date";
+            case EntityFieldTSType.Number:
+                return "numeric";
+            default:
+                return "text";
+        }
+    }
+    cellCloseHandler(args) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (this._entityInfo && this.EditMode !== "None") {
+                    const { formGroup, dataItem } = 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();
+                        const pkey = this._entityInfo.PrimaryKey.Name;
+                        let record;
+                        let bSaved = false;
+                        if (this.EditMode === "Save") {
+                            record = yield md.GetEntityObject(this._entityInfo.Name);
+                            yield record.InnerLoad(this._entityInfo.PrimaryKeys.map(pk => {
+                                return {
+                                    FieldName: pk.Name,
+                                    Value: dataItem[pk.Name]
+                                };
+                            }));
+                            record.SetMany(formGroup.value);
+                            bSaved = yield record.Save();
+                            if (!bSaved)
+                                this.CreateSimpleNotification("Error saving record: " + record.Get(pkey), 'error', 5000);
+                        }
+                        else {
+                            record = (_a = this._pendingRecords.find((r) => r.record.Get(pkey) === dataItem[pkey])) === null || _a === void 0 ? void 0 : _a.record;
+                            if (!record) { // haven't edited this one before 
+                                record = yield md.GetEntityObject(this._viewEntity.Get('Entity'));
+                                yield record.InnerLoad(this._entityInfo.PrimaryKeys.map(pk => {
+                                    return {
+                                        FieldName: pk.Name,
+                                        Value: dataItem[pk.Name]
+                                    };
+                                }));
+                                this._pendingRecords.push({ record,
+                                    row: args.rowIndex,
+                                    dataItem }); // don't save - put the changed record on a queue for saving later by our container
+                            }
+                            // go through the formGroup and only set the values that exist as columns in the grid
+                            const keys = Object.keys(formGroup.value);
+                            keys.forEach((k) => {
+                                const vc = this.viewColumns.find((vc) => vc.Name === k && vc.hidden === false);
+                                if (vc) {
+                                    record.Set(k, formGroup.value[k]);
+                                }
+                            });
+                            //record.SetMany(formGroup.value);
+                        }
+                        this.rowEdited.emit({
+                            record: record,
+                            row: args.rowIndex,
+                            saved: bSaved
+                        });
+                    }
+                }
+            }
+            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() {
+        if (this._pendingRecords && this._pendingRecords.length > 0) {
+            this._pendingRecords.forEach((r) => {
+                r.record.Revert();
+                Object.assign(r.dataItem, r.record.GetAll()); // copy the original values back to the data Item which gets the grid to display the old values again...
+            });
+            this._pendingRecords = [];
+            if (this.Params)
+                this.Refresh(this.Params);
+        }
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        //this.setGridHeight();
+        if (this.Params)
+            this.Refresh(this.Params);
+    }
+    get AllowLoad() {
+        return this._allowLoad;
+    }
+    set AllowLoad(value) {
+        this._allowLoad = value;
+        if (value === true && this._deferLoadCount === 0) {
+            this._deferLoadCount++; // only do this one time 
+            if (this.Params)
+                this.Refresh(this.Params);
+            return;
+        }
+    }
+    RefreshFromSavedParams() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.Params)
+                this.Refresh(this.Params);
+        });
+    }
+    Refresh(params) {
+        var _a, _b, _c;
+        return __awaiter(this, void 0, void 0, function* () {
+            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 => { 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 > 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
+                    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;
+            }
+            else {
+                LogError("Refresh(params) must have ViewID or ViewName or (EntityName and ExtraFilter)");
+            }
+        });
+    }
+    GetColumnTitle(col) {
+        if (col.DisplayName)
+            return col.DisplayName; // use view's display name first if it exists
+        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) {
+        switch (col.EntityField.Type.trim().toLowerCase()) {
+            case "money":
+            case 'decimal':
+            case 'real':
+            case 'float':
+            case 'int':
+                return { 'text-align': 'right', 'vertical-align': 'top' }; // right align numbers,
+            default:
+                return { 'text-align': 'left', 'vertical-align': 'top' }; // left align everything else
+        }
+    }
+    selectionChange(args) {
+        // update recordsToCompare based on the this.selectedKeys property that is bound
+        // selectedKeys is an array of indexes in the this.viewData, and we need to make our 
+        // this.recordsToCompare an array of records from this.viewData so just map() the selectedKeys for this
+        this.recordsToCompare = this.selectedKeys.map((i) => this.viewData[i]);
+    }
+    enableMergeOrCompare(cancel = false, type) {
+        if (!cancel && this.recordsToCompare.length >= 2) {
+            // this scenario occurs when we've already started the merge/compare and the user has selected records, then clicked the merge/compare button again
+            this.isCompareDialogOpened = true;
+        }
+        else if (cancel) {
+            // the user clicked cancel in our toolbar
+            if (type === 'merge')
+                this.mergeMode = false;
+            else
+                this.compareMode = false;
+            this.selectedKeys = [];
+            this.recordsToCompare = [];
+        }
+        else {
+            // just turning on merge mode from the merge/compare button, so just turn it on and let the user select records
+            if (type === 'merge')
+                this.mergeMode = true;
+            else
+                this.compareMode = true;
+        }
+    }
+    closeConfirmMergeDialog(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event === 'yes') {
+                if (this._entityInfo && this.recordCompareComponent) {
+                    const md = new Metadata();
+                    const pkey = this._entityInfo.PrimaryKey.Name;
+                    const result = yield md.MergeRecords({
+                        EntityName: this._entityInfo.Name,
+                        RecordsToMerge: this.recordsToCompare.map((r) => r.Get(pkey)).filter((pkeyVal) => { var _a; return pkeyVal !== ((_a = this.recordCompareComponent) === null || _a === void 0 ? void 0 : _a.selectedRecordPKeyVal); }),
+                        SurvivingRecordPrimaryKeyValues: [{ FieldName: pkey, Value: this.recordCompareComponent.selectedRecordPKeyVal }],
+                        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
+                    this.selectedKeys = [];
+                    this.recordsToCompare = [];
+                    this.mergeMode = false;
+                    this.compareMode = false;
+                    this.isCompareDialogOpened = false;
+                    break;
+            }
+        });
+    }
+    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);
+            }
+        });
+    }
+    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");
+        });
+    }
+}
+UserViewGridComponent.ɵfac = function UserViewGridComponent_Factory(t) { return new (t || UserViewGridComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i2.Router)); };
+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);
+    } 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);
+    } }, inputs: { Params: "Params", BottomMargin: "BottomMargin", InEditMode: "InEditMode", EditMode: "EditMode", AutoNavigate: "AutoNavigate", AllowLoad: "AllowLoad" }, outputs: { rowClicked: "rowClicked", rowEdited: "rowEdited" }, decls: 16, vars: 19, consts: [["mjFillContainer", "", 1, "user-view-grid-wrap"], ["title", "Data"], ["mjFillContainer", "", "scrollable", "virtual", "kendoGridSelectBy", "", 3, "resizable", "data", "skip", "pageSize", "rowHeight", "loading", "height", "sortable", "sort", "reorderable", "selectable", "selectedKeys", "pageChange", "selectedKeysChange", "cellClick", "cellClose", "columnReorder", "columnResize", "selectionChange", "sortChange"], ["kendoGrid", ""], ["kendoGridToolbarTemplate", ""], [3, "width", "headerStyle", "style", 4, "ngIf"], [3, "field", "title", "width", "editable", "editor", "headerStyle", "style", 4, "ngFor", "ngForOf"], [3, "data", "fileName"], ["excelExport", ""], [3, "field", "title", 4, "ngFor", "ngForOf"], ["title", "Analysis"], [4, "ngIf"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["class", "k-button k-button-md k-rounded-md k-button-solid-base k-button-solid", 3, "disabled", "click", 4, "ngIf"], ["class", "k-button k-button-md k-rounded-md k-button-solid-base k-button-solid", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "primary", "click", 4, "ngIf"], ["kendoButton", "", 3, "click"], [3, "icon"], [1, "k-button", "k-button-md", "k-rounded-md", "k-button-solid-base", "k-button-solid", 3, "disabled", "click"], [1, "k-button", "k-button-md", "k-rounded-md", "k-button-solid-base", "k-button-solid", 3, "click"], ["kendoButton", "", 3, "primary", "click"], [3, "width", "headerStyle"], [3, "field", "title", "width", "editable", "editor", "headerStyle"], ["kendoGridFooterTemplate", ""], [2, "font-size", "smaller", "font-weight", "normal"], [3, "field", "title"], [1, "k-overlay"], ["title", "Compare Records", 3, "minHeight", "minWidth", "resizable", "close", 4, "ngIf"], ["title", "Compare Records", 3, "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], [3, "entityName", "recordsToCompare", "visibleColumns", "selectionMode"], ["recordCompareRef", ""], [1, "k-actions", "k-actions-end"], ["kendoButton", "", "type", "button", 3, "click", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click", 4, "ngIf"], ["title", "Confirm Choice", 3, "minWidth", "width", "close", 4, "ngIf"], ["kendoButton", "", "type", "button", 3, "click"], ["kendoButton", "", "themeColor", "primary", "type", "button", 3, "click"], ["title", "Confirm Choice", 3, "minWidth", "width", "close"], [2, "margin", "30px", "text-align", "center"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function UserViewGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "kendo-tabstrip")(2, "kendo-tabstrip-tab", 1)(3, "kendo-grid", 2, 3);
+        i0.ɵɵlistener("pageChange", function UserViewGridComponent_Template_kendo_grid_pageChange_3_listener($event) { return ctx.pageChange($event); })("selectedKeysChange", function UserViewGridComponent_Template_kendo_grid_selectedKeysChange_3_listener($event) { return ctx.selectedKeys = $event; })("cellClick", function UserViewGridComponent_Template_kendo_grid_cellClick_3_listener($event) { return ctx.cellClickHandler($event); })("cellClose", function UserViewGridComponent_Template_kendo_grid_cellClose_3_listener($event) { return ctx.cellCloseHandler($event); })("columnReorder", function UserViewGridComponent_Template_kendo_grid_columnReorder_3_listener($event) { return ctx.columnReorder($event); })("columnResize", function UserViewGridComponent_Template_kendo_grid_columnResize_3_listener($event) { return ctx.columnResize($event); })("selectionChange", function UserViewGridComponent_Template_kendo_grid_selectionChange_3_listener($event) { return ctx.selectionChange($event); })("sortChange", function UserViewGridComponent_Template_kendo_grid_sortChange_3_listener($event) { return ctx.sortChanged($event); });
+        i0.ɵɵtemplate(5, UserViewGridComponent_ng_template_5_Template, 8, 8, "ng-template", 4)(6, UserViewGridComponent_kendo_grid_checkbox_column_6_Template, 1, 6, "kendo-grid-checkbox-column", 5)(7, UserViewGridComponent_kendo_grid_column_7_Template, 2, 10, "kendo-grid-column", 6);
+        i0.ɵɵelementStart(8, "kendo-excelexport", 7, 8);
+        i0.ɵɵtemplate(10, UserViewGridComponent_kendo_excelexport_column_10_Template, 1, 2, "kendo-excelexport-column", 9);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(11, "kendo-tabstrip-tab", 10)(12, "div")(13, "span");
+        i0.ɵɵtext(14, " hi ");
+        i0.ɵɵelementEnd()()()();
+        i0.ɵɵtemplate(15, UserViewGridComponent_div_15_Template, 3, 1, "div", 11);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(3);
+        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)("selectedKeys", ctx.selectedKeys);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.compareMode || ctx.mergeMode);
+        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);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("ngIf", ctx.isCompareDialogOpened);
+    } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.ToolbarTemplateDirective, i4.SelectionDirective, i4.ColumnComponent, i4.FooterTemplateDirective, i4.CheckboxColumnComponent, i5.DialogComponent, i5.DialogActionsComponent, i5.WindowComponent, i6.ExcelExportComponent, i6.ColumnComponent, i7.ButtonComponent, i8.CompareRecordsComponent, i9.FillContainer, i10.SVGIconComponent, i11.TabStripComponent, i11.TabStripTabComponent, i3.DecimalPipe], styles: [".user-view-grid-wrap[_ngcontent-%COMP%] {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header[_ngcontent-%COMP%] {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewGridComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-user-view-grid', template: "<div class=\"user-view-grid-wrap\" mjFillContainer>\r\n    <kendo-tabstrip>\r\n        <kendo-tabstrip-tab title=\"Data\">\r\n            <kendo-grid #kendoGrid\r\n                mjFillContainer\r\n                [resizable]=\"true\"\r\n                [data]=\"gridView\" \r\n                [skip]=\"skip\"\r\n                [pageSize]=\"pageSize\"\r\n                scrollable=\"virtual\"\r\n                [rowHeight]=\"36\"\r\n                (pageChange)=\"pageChange($event)\"\r\n                [loading]=\"isLoading\"\r\n                [height]=\"gridHeight\"\r\n                [sortable]=\"true\"\r\n                [sort]=\"sortSettings\" \r\n                [resizable]=\"true\"\r\n                [reorderable]=\"true\"\r\n                [selectable]=\"true\"\r\n                kendoGridSelectBy\r\n                [(selectedKeys)]=\"selectedKeys\"\r\n                (cellClick)=\"cellClickHandler($event)\"\r\n                (cellClose)=\"cellCloseHandler($event)\"\r\n                (columnReorder)=\"columnReorder($event)\"\r\n                (columnResize)=\"columnResize($event)\"\r\n                (selectionChange)=\"selectionChange($event)\"\r\n                (sortChange)=\"sortChanged($event)\"\r\n                >\r\n                <ng-template kendoGridToolbarTemplate>\r\n                    <button kendoButton *ngIf=\"!compareMode && !mergeMode\" (click)=\"doExcelExport()\" >\r\n                        <kendo-svgicon [icon]=\"kendoSVGIcon('fileExcel')\"></kendo-svgicon>\r\n                        Export to Excel\r\n                    </button>\r\n                    <!-- 3 buttons for compare. First one only shows when comparison is going on in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending compare.  -->\r\n                    <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"!compareMode && !mergeMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\r\n                    <button (click)=\"enableMergeOrCompare(false, 'compare')\" *ngIf=\"compareMode\" [disabled]=\"compareMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Compare</button>\r\n                    <button (click)=\"enableMergeOrCompare(true, 'compare')\" *ngIf=\"compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\r\n        \r\n                    <!-- 3 buttons for merge. First one only shows when merge is getting goin in the grid, the next one is the one the user starts the process with before records are selected, last one is to cancel the pending merge.  -->\r\n                    <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"mergeMode\" [disabled]=\"mergeMode && recordsToCompare.length < 2\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\r\n                    <button (click)=\"enableMergeOrCompare(false, 'merge')\" *ngIf=\"!mergeMode && !compareMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Merge</button>\r\n                    <button (click)=\"enableMergeOrCompare(true, 'merge')\" *ngIf=\"mergeMode\" class=\"k-button k-button-md k-rounded-md k-button-solid-base k-button-solid\">Cancel</button>\r\n                    <button\r\n                        kendoButton\r\n                        [primary]=\"true\"\r\n                        *ngIf=\"showRefreshButton && !compareMode && !mergeMode\"\r\n                        (click)=\"RefreshFromSavedParams()\">\r\n                        <kendo-svgicon [icon]=\"kendoSVGIcon('arrowRotateCcwSmall')\"></kendo-svgicon>\r\n                        Refresh\r\n                    </button>\r\n                </ng-template>\r\n        \r\n                <kendo-grid-checkbox-column \r\n                    *ngIf=\"compareMode || mergeMode\" \r\n                    [width]=\"50\" \r\n                    [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\" \r\n                    [style]=\"{'text-align': 'center', 'vertical-align': 'center'}\">\r\n                </kendo-grid-checkbox-column>\r\n                \r\n                <kendo-grid-column \r\n                    *ngFor=\"let item of visibleColumns\" \r\n                    [field]=\"item.Name\" \r\n                    [title]=\"GetColumnTitle(item)\"\r\n                    [width]=\"item.width ? item.width : 100\"\r\n                    [editable]=\"item.EntityField.AllowUpdateAPI\"\r\n                    [editor]=\"getEditor(item.EntityField)\"\r\n                    [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\"\r\n                    [style]=\"this.GetColumnCellStyle(item)\"\r\n                    >\r\n                    <ng-template *ngIf=\"item===visibleColumns[0]\" kendoGridFooterTemplate >\r\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>\r\n                    </ng-template>\r\n                </kendo-grid-column>\r\n        \r\n                <kendo-excelexport #excelExport [data]=\"exportData\" [fileName]=\"(_viewEntity ? _viewEntity.Get('Name') : _entityInfo?.Name) + '.xlsx'\">\r\n                    <kendo-excelexport-column *ngFor=\"let exportCol of exportColumns\" [field]=\"exportCol.Name\" [title]=\"exportCol.Name\">\r\n                    </kendo-excelexport-column>\r\n                </kendo-excelexport>\r\n            </kendo-grid>            \r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab title=\"Analysis\">\r\n            <div>\r\n                <span>\r\n                    hi\r\n                </span>\r\n            </div>\r\n        </kendo-tabstrip-tab>\r\n    </kendo-tabstrip>\r\n    \r\n\r\n\r\n    <div *ngIf=\"isCompareDialogOpened\">\r\n        <div class=\"k-overlay\"></div>\r\n        <kendo-window\r\n            [minHeight]=\"300\"\r\n            [minWidth]=\"400\"\r\n            [resizable]=\"true\"\r\n            (close)=\"closeCompareDialog($event)\"\r\n            title=\"Compare Records\"\r\n            *ngIf=\"isCompareDialogOpened\"\r\n        >\r\n          <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\">\r\n            <div>\r\n                <mj-compare-records\r\n                            #recordCompareRef\r\n                            [entityName]=\"_entityInfo ? _entityInfo.Name : ''\"\r\n                            [recordsToCompare]=\"recordsToCompare\" \r\n                            [visibleColumns]=\"visibleColumns\" \r\n                            [selectionMode]=\"mergeMode ? true : false\"\r\n                >\r\n                </mj-compare-records>\r\n            </div>\r\n          </div>\r\n          <div class=\"k-actions k-actions-end\">\r\n            <button *ngIf=\"compareMode\" kendoButton type=\"button\" (click)=\"closeCompareDialog('close')\">Close</button>\r\n            <button *ngIf=\"mergeMode\"kendoButton type=\"button\" (click)=\"closeCompareDialog('cancel')\">Cancel</button>\r\n            <button *ngIf=\"mergeMode\"\r\n              kendoButton\r\n              themeColor=\"primary\"\r\n              type=\"button\"\r\n              (click)=\"closeCompareDialog('merge')\"\r\n            >\r\n              Merge Records\r\n            </button>\r\n          </div>      \r\n            <kendo-dialog\r\n                title=\"Confirm Choice\"\r\n                *ngIf=\"isConfirmDialogOpen\"\r\n                (close)=\"closeConfirmMergeDialog('cancel')\"\r\n                [minWidth]=\"250\"\r\n                [width]=\"450\"\r\n            >\r\n                <p style=\"margin: 30px; text-align: center;\">\r\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.\r\n                </p>\r\n                <kendo-dialog-actions>\r\n                <button kendoButton (click)=\"closeConfirmMergeDialog('no')\">No</button>\r\n                <button kendoButton (click)=\"closeConfirmMergeDialog('yes')\" themeColor=\"primary\">\r\n                    Yes\r\n                </button>\r\n                </kendo-dialog-actions>\r\n            </kendo-dialog>\r\n        </kendo-window>\r\n    </div>    \r\n</div>\r\n", styles: [".user-view-grid-wrap {\r\n    height: calc(100vh-20px);\r\n}\r\n\r\n.user-view-grid-column-header {\r\n    background-color: #a9c2af;\r\n    font-size: 20pt;\r\n    font-weight: bold;\r\n}"] }]
+    }], () => [{ type: i1.FormBuilder }, { type: i2.Router }], { Params: [{
+            type: Input
+        }], BottomMargin: [{
+            type: Input
+        }], InEditMode: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], AutoNavigate: [{
+            type: Input
+        }], rowClicked: [{
+            type: Output
+        }], rowEdited: [{
+            type: Output
+        }], kendoGridElement: [{
+            type: ViewChild,
+            args: ['kendoGrid', { read: GridComponent }]
+        }], kendoGridElementRef: [{
+            type: ViewChild,
+            args: ['kendoGrid', { read: ElementRef }]
+        }], kendoExcelExport: [{
+            type: ViewChild,
+            args: ['excelExport', { read: ExcelExportComponent }]
+        }], recordCompareComponent: [{
+            type: ViewChild,
+            args: ['recordCompareRef', { static: false }]
+        }], AllowLoad: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewGridComponent, { className: "UserViewGridComponent", filePath: "src\\lib\\ng-user-view-grid.component.ts", lineNumber: 42 }); })();