@memberjunction/ng-explorer-core 0.9.79 → 0.9.116

package/dist/lib/user-view-properties/view-properties-dialog.component.js

@@ -1,581 +1,594 @@
-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, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { Metadata } from "@memberjunction/core";
-import { BaseFormComponent } from '../generic/base-form-component';
-import { ResourceData } from '../generic/base-resource-component';
-import { WindowComponent } from '@progress/kendo-angular-dialog';
-import { TabComponent } from '@progress/kendo-angular-layout';
-import { MJEventType, MJGlobal } from '@memberjunction/global';
-import { EventCodes } from '../../shared/shared.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "../../shared/shared.service";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-dialog";
-import * as i6 from "@progress/kendo-angular-buttons";
-import * as i7 from "@progress/kendo-angular-indicators";
-import * as i8 from "@progress/kendo-angular-layout";
-import * as i9 from "@progress/kendo-angular-inputs";
-import * as i10 from "@progress/kendo-angular-label";
-import * as i11 from "@progress/kendo-angular-icons";
-import * as i12 from "@memberjunction/ng-container-directives";
-import * as i13 from "@progress/kendo-angular-sortable";
-import * as i14 from "@progress/kendo-angular-filter";
-import * as i15 from "@progress/kendo-angular-dropdowns";
-const _c0 = ["nameField"];
-const _c1 = ["dialogContainer"];
-function ViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 3);
-    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.Open()); });
-    i0.ɵɵtext(1, "Properties");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("primary", true);
-} }
-function ViewPropertiesDialogComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 4);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 19);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
-    i0.ɵɵelement(2, "kendo-label", 22);
-    i0.ɵɵelementStart(3, "kendo-textbox", 23, 24);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r13.record.Name = $event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 25);
-    i0.ɵɵelement(6, "kendo-label", 26);
-    i0.ɵɵelementStart(7, "textarea", 27);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.record.Description = $event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngModel", ctx_r7.record.Name);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r7.record.Description);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div")(2, "input", 30);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r19); const col_r17 = restoredCtx.item; return i0.ɵɵresetView(!(col_r17.hidden = $event)); })("change", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template_input_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r19); const col_r17 = restoredCtx.item; const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.toggleColumn(col_r17)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "kendo-label", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "kendo-icon", 32);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const col_r17 = ctx.item;
-    i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("id", "column_", col_r17.ID, "");
-    i0.ɵɵproperty("ngModel", !col_r17.hidden);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("for", "column_" + col_r17.ID)("text", col_r17.DisplayName ? col_r17.DisplayName : col_r17.Name);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-sortable", 28);
-    i0.ɵɵlistener("dragEnd", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.onDragEnd($event)); });
-    i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template, 5, 4, "ng-template");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("kendoSortableBinding", ctx_r8.localGridState.columnSettings)("animation", true);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38)(1, "kendo-textarea", 39);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r25.record.SmartFilterPrompt = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r23 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("fillHeight", true);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("rows", 10)("ngModel", ctx_r23.record.SmartFilterPrompt);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 40);
-    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r27.onFilterChange($event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r24 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("filters", ctx_r24.ViewEntityInfo.Fields.map(ctx_r24.toKendoFilterField))("value", ctx_r24.defaultFilterState);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "kendo-label", 34);
-    i0.ɵɵelementStart(2, "kendo-switch", 35);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.record.SmartFilterEnabled = $event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(3, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template, 2, 3, "div", 36);
-    i0.ɵɵtemplate(4, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template, 2, 2, "div", 37);
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngModel", ctx_r9.record.SmartFilterEnabled);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r9.record.SmartFilterEnabled);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r9.record.SmartFilterEnabled);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 44);
-    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template_kendo_dropdownlist_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r33 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r33.sortColumnValueChange(s_r32, $event)); })("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; return i0.ɵɵresetView(s_r32.field = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 45);
-    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template_kendo_dropdownlist_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r36 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r36.sortDirectionValueChange(s_r32, $event)); })("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; return i0.ɵɵresetView(s_r32.direction = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 46);
-    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r38 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r38.removeSort(s_r32)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const s_r32 = ctx.$implicit;
-    const ctx_r31 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("data", ctx_r31.sortFields)("ngModel", s_r32.field);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("data", ctx_r31.sortDirections)("ngModel", s_r32.direction);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 41)(1, "button", 42);
-    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r39.addSort()); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(2, ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_2_Template, 4, 4, "div", 43);
-} if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r10.sortState);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.record.SmartFilterExplanation = $event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-textarea", 48);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.record.SmartFilterWhereClause = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r41 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("readonly", true)("rows", 5)("ngModel", ctx_r41.record.SmartFilterExplanation);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("readonly", true)("rows", 5)("ngModel", ctx_r41.record.SmartFilterWhereClause);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r47 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
-    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.record.WhereClause = $event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r42 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("readonly", true)("rows", 7)("ngModel", ctx_r42.record.WhereClause);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template, 3, 6, "div", 37);
-    i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template, 2, 3, "div", 47);
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", ctx_r11.record.SmartFilterEnabled);
-} }
-function ViewPropertiesDialogComponent_kendo_window_3_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 5);
-    i0.ɵɵlistener("close", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r48.closePropertiesDialog()); })("resizeEnd", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r50 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r50.ResizeTab()); })("heightChange", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.ResizeTab()); })("widthChange", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.ResizeTab()); });
-    i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_kendo_window_3_kendo_loader_1_Template, 1, 0, "kendo-loader", 6);
-    i0.ɵɵelementStart(2, "div", 7, 8)(4, "div")(5, "kendo-tabstrip", 9)(6, "kendo-tabstrip-tab", 10);
-    i0.ɵɵtemplate(7, ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template, 8, 2, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 12);
-    i0.ɵɵtemplate(9, ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template, 2, 2, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 13);
-    i0.ɵɵtemplate(11, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template, 5, 3, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 14);
-    i0.ɵɵtemplate(13, ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template, 3, 1, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 15);
-    i0.ɵɵtemplate(15, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_Template, 2, 1, "ng-template", 11);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 16)(17, "button", 17);
-    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r49); const ctx_r53 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r53.saveProperties()); });
-    i0.ɵɵtext(18, " Save ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 18);
-    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r49); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.closePropertiesDialog()); });
-    i0.ɵɵtext(20, "Cancel");
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", 700)("height", 525)("minHeight", 300)("minWidth", 400)("resizable", true);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.showloader);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r2.showloader ? "disabled-div" : "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r2.TabHeight);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("selected", true);
-} }
-export class ViewPropertiesDialogComponent extends BaseFormComponent {
-    constructor(route, elRef, ss, formBuilder, router) {
-        super(elRef, ss, router, route);
-        this.route = route;
-        this.elRef = elRef;
-        this.ss = ss;
-        this.formBuilder = formBuilder;
-        this.router = router;
-        this.ShowPropertiesButton = true;
-        this.dialogClosed = new EventEmitter();
-        this.isDialogOpened = false;
-        this.showloader = true;
-        // public  localViewColumns: ViewColumnInfo[] = [];
-        this.localGridState = {};
-        this.localFilterState = {};
-        this.defaultFilterState = {};
-        this.usedFields = new Set(); // Track used fields
-        this.sortFields = [];
-        this.sortState = [];
-        this.sortDirections = [
-            { Name: 'Up', Value: 'asc' },
-            { Name: 'Down', Value: 'desc' }
-        ];
-        this.defaultOperators = {
-            string: ["contains", "doesnotcontain", "eq", "neq", "startswith", "endswith", "isnull", "isnotnull", "isempty", "isnotempty"],
-            number: ["neq", "eq", "gte", "gt", "lte", "lt", "isnull", "isnotnull"],
-            date: ["neq", "eq", "gte", "gt", "lte", "lt", "isnull", "isnotnull"],
-            boolean: ["eq", "neq"]
-        };
-        this.toKendoFilterField = ({ DisplayName, Name, Type, }) => {
-            return Object.assign({ field: Name, title: DisplayName !== null && DisplayName !== void 0 ? DisplayName : Name }, this.getFilterTypeAndOperators(this.toKendoFieldType(Type)));
-        };
-        this.toKendoFieldType = (entityFieldType) => {
-            if (entityFieldType) {
-                return ['int', 'money', 'decimal', 'smallint', 'bigint'].includes(entityFieldType)
-                    ? 'numeric'
-                    : ['nchar', 'char', 'nvarchar'].includes(entityFieldType)
-                        ? 'text'
-                        : ['tinyint', 'bit'].includes(entityFieldType)
-                            ? 'boolean'
-                            : ['datetimeoffset', 'datetime'].includes(entityFieldType)
-                                ? 'date'
-                                : 'string';
-            }
-            else {
-                return 'string';
-            }
-        };
-        this.getFilterTypeAndOperators = (kendoFieldType = '') => {
-            switch (kendoFieldType) {
-                case 'numeric':
-                    return { editor: 'number', operators: this.defaultOperators.number };
-                case 'text':
-                    return { editor: 'string', operators: this.defaultOperators.string };
-                case 'boolean':
-                    return { editor: 'boolean', operators: this.defaultOperators.boolean };
-                case 'date':
-                    return { editor: 'date', operators: this.defaultOperators.date };
-                default:
-                    return { editor: 'string', operators: this.defaultOperators.string };
-            }
-        };
-        this.BottomMargin = 75;
-    }
-    onKeyPress(event) {
-        if (event.key === 'Enter') {
-            this.saveProperties();
-        }
-    }
-    GetTabTopPosition() {
-        return 50; // for this dialog, we don't want to offset the tab position related to where it is on the page, this is relative to top of dialog
-    }
-    CreateView(entityName) {
-        this.EntityName = entityName;
-        this.ViewID = undefined;
-        this.Open();
-    }
-    Open(ViewID = this.ViewID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.ViewID = ViewID;
-            yield this.Load();
-            this.isDialogOpened = true; // binding causes the kendo window to open from this method call
-        });
-    }
-    Load() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            this.record = (yield md.GetEntityObject('User Views'));
-            if (this.ViewID) {
-                // load the view
-                yield this.record.Load(this.ViewID);
-            }
-            else if (this.EntityName) {
-                // We don't have a View ID, we are creating a NEW view, so do NewRecord()
-                this.record.NewRecord();
-                const e = md.Entities.find(e => e.Name == this.EntityName);
-                if (e)
-                    this.record.SetDefaultsFromEntity(e);
-                else
-                    throw new Error(`Entity ${this.EntityName} not found in metadata`);
-            }
-            // now we load up the columns
-            this.FinishLoad(md);
-            this.showloader = false;
-            setTimeout(() => {
-                this.ResizeTab();
-            }, 200);
-        });
-    }
-    closePropertiesDialog() {
-        this.dialogClosed.emit({});
-        this.isDialogOpened = false; // binding causes the kendo window to close from this method call
-        if (this.keyPressListener) { // removing the keypress listener when the dialog closes
-            this.dialogContainer.nativeElement.removeEventListener('keypress', this.keyPressListener);
-        }
-    }
-    FinishLoad(md) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.ViewEntityInfo = md.Entities.find(e => e.ID == this.record.EntityID);
-            // using all these local variables because the VSCode debugger doesn't know what "this" is all of a sudden
-            if (!this.ViewEntityInfo)
-                throw new Error(`Entity ${this.record.EntityID} not found in metadata`);
-            // prepare the sorting state
-            this.sortFields = this.ViewEntityInfo.Fields;
-            if (this.record.SortState === null || this.record.SortState === undefined || this.record.SortState.trim().length === 0)
-                this.sortState = [];
-            else
-                this.sortState = JSON.parse(this.record.SortState);
-            // now translate the sortState into the UI format by swapping out the primitve field names and sort direction with the data objects that the kendo ui will bind to
-            this.sortState = this.sortState.map((s) => {
-                var _a;
-                let dir;
-                if (typeof s.direction === 'string') {
-                    dir = s.direction;
-                }
-                else if (typeof s.direction === 'number' && s.direction === 1) { // some legacy views have 1 and 2 for asc and desc
-                    dir = 'asc';
-                }
-                else if (typeof s.direction === 'number' && s.direction === 2) {
-                    dir = 'desc';
-                }
-                else {
-                    dir = '';
-                }
-                return {
-                    field: (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields.find((f) => f.Name === s.field),
-                    direction: this.sortDirections.find((d) => d.Value.trim().toLowerCase() === dir)
-                };
-            });
-            this.localGridState = JSON.parse(this.record.GridState);
-            const temp = this.localGridState;
-            this.localFilterState = JSON.parse(this.record.FilterState);
-            this.defaultFilterState = this.localFilterState; // adding a duplicate filter state for populating the default filter state
-            this.appendUnusedColumnsToColumnSettings(this.localGridState);
-            this.localGridState.columnSettings.sort((a, b) => {
-                if (a.hidden && !b.hidden)
-                    return 1;
-                if (!a.hidden && b.hidden)
-                    return -1;
-                // if we get here, they're both hidden, or both not hidden, so sort by orderIndex
-                return a.orderIndex - b.orderIndex;
-            });
-            setTimeout(() => {
-                this.keyPressListener = this.onKeyPress.bind(this);
-                this.dialogContainer.nativeElement.addEventListener('keypress', this.onKeyPress.bind(this));
-                this.nameField.focus();
-            }, 200);
-        });
-    }
-    appendUnusedColumnsToColumnSettings(gridState) {
-        var _a;
-        // we go through our EntityFields and add any that aren't already in the columnSettings
-        // this is so that we can add new columns to the view that were not previously used in this view
-        const unusedFields = (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields.filter(f => {
-            if (gridState.columnSettings.find((col) => col.Name.trim().toLowerCase() === f.Name.trim().toLowerCase()))
-                return false; // this entity field is already in the columnSettings
-            else
-                return true; // this entity field is not in the columnSettings
-        });
-        // now we add the unused fields to the columnSettings
-        unusedFields === null || unusedFields === void 0 ? void 0 : unusedFields.forEach((f) => {
-            gridState.columnSettings.push({
-                ID: f.ID,
-                DisplayName: f.DisplayName,
-                Name: f.Name,
-                orderIndex: gridState.columnSettings.length,
-                width: f.DefaultColumnWidth ? f.DefaultColumnWidth : 100,
-                EntityField: f,
-                hidden: true
-            });
-        });
-    }
-    onDragEnd(e) {
-        if (e.index >= 0) {
-            // const column = this.localViewColumns[e.index];
-            if (this.localGridState) {
-                const lvc = this.localGridState.columnSettings;
-                for (let i = 0; i < lvc.length; i++) {
-                    const col = lvc[i];
-                    col.orderIndex = i; // the orderIndex inside the column is what is actually used to drive this, the order in the ARRAY gets updated by KendoSortable but orderIndex isn't automatically updated
-                }
-                this.updateRecordGridState();
-            }
-        }
-    }
-    updateRecordGridState() {
-        const temp = JSON.stringify(this.localGridState);
-        const tempO = JSON.parse(temp); // make sure we have a clean object that is NOT linked in memory to the localGridState
-        // now strip the EntityField from the columnSettings in the tempO object
-        tempO.columnSettings.forEach((col) => {
-            delete col.EntityField;
-        });
-        this.record.GridState = JSON.stringify(tempO); // stringify the state into the record  
-    }
-    onFilterChange(value) {
-        this.localFilterState = value;
-    }
-    toggleColumn(column) {
-        return __awaiter(this, void 0, void 0, function* () {
-            column.hidden = !column.hidden; // do the toggle
-            if (this.localGridState)
-                this.updateRecordGridState();
-        });
-    }
-    saveProperties() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const bNewRecord = !(this.record.PrimaryKey.Value);
-            this.showloader = true;
-            const lfs = JSON.stringify(this.localFilterState);
-            this.record.FilterState = JSON.stringify(this.localFilterState); // pass this along as as string, not directly bound since Kendo Filter is bound to a local object we need to translate to a string
-            // need to convert the UI format to the data format.  
-            const sortMap = this.sortState.map((s) => {
-                return {
-                    field: s.field.Name,
-                    direction: s.direction.Value
-                };
-            });
-            this.record.SortState = JSON.stringify(sortMap);
-            // validate the record first
-            const rec = this.record;
-            const valResults = this.record.Validate();
-            if (valResults.Success === false) {
-                this.showloader = false;
-                this.sharedService.CreateSimpleNotification('Validation Errors: ' + valResults.Errors.map((e) => e.Message).join('\n'), 'warning', 7500);
-            }
-            else if (yield this.record.Save()) {
-                this.dialogClosed.emit({ Saved: true, ViewEntity: this.record });
-                this.isDialogOpened = false; // close the kendo window - this works through ngIf binding
-                this.showloader = false;
-                if (!bNewRecord) // view already exists so we're not changing the route as it is alreayd on the view, but we fire an event to let people know that it's changed
-                    MJGlobal.Instance.RaiseEvent({
-                        event: MJEventType.ComponentEvent,
-                        eventCode: EventCodes.ViewUpdated,
-                        args: new ResourceData({
-                            ResourceTypeID: this.sharedService.ViewResourceType.ID,
-                            ResourceRecordID: this.record.PrimaryKey.Value,
-                            Configuration: {
-                                ViewEntity: this.record
-                            }
-                        }),
-                        component: this
-                    });
-                else
-                    // we route to the new view using the router
-                    this.router.navigate(['resource', 'view', this.record.PrimaryKey.Value]);
-            }
-            else {
-                // it failed, so don't close the dialog
-                this.showloader = false;
-                this.sharedService.CreateSimpleNotification('Saving the view failed, please try again and if this persists contact your administrator.', 'error', 5000);
-            }
-        });
-    }
-    get ContainerObjectHeight() {
-        if (this.kendoWindow)
-            return this.kendoWindow.height;
-        else
-            return 0;
-    }
-    addSort() {
-        var _a;
-        this.sortState = this.sortState.concat({ field: (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields[0], direction: this.sortDirections[0] }); // add a new sort item
-    }
-    removeSort(item) {
-        this.sortState = this.sortState.filter((i) => i !== item);
-    }
-    sortColumnValueChange(sortItem, newValue) {
-        const idx = this.sortState.findIndex((i) => i === sortItem);
-        console.log(this.sortState);
-        console.log(newValue);
-    }
-    sortDirectionValueChange(sortItem, newValue) {
-    }
-}
-ViewPropertiesDialogComponent.ɵfac = function ViewPropertiesDialogComponent_Factory(t) { return new (t || ViewPropertiesDialogComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(i1.Router)); };
-ViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewPropertiesDialogComponent, selectors: [["app-view-properties-dialog"]], viewQuery: function ViewPropertiesDialogComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(WindowComponent, 5);
-        i0.ɵɵviewQuery(TabComponent, 5);
-        i0.ɵɵviewQuery(_c0, 5);
-        i0.ɵɵviewQuery(_c1, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoWindow = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoTab = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
-    } }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [["kendoButton", "", "icon", "gear", 3, "primary", "click", 4, "ngIf"], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "width", "height", "minHeight", "minWidth", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", "icon", "gear", 3, "primary", "click"], [1, "k-overlay"], ["title", "View Properties", 3, "width", "height", "minHeight", "minWidth", "resizable", "close", "resizeEnd", "heightChange", "widthChange"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], ["dialogContainer", ""], [1, "popup-content", 3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "icon", "save", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["type", "converging-spinner"], [1, "view-prop-tab-contents"], [1, "form-group"], ["text", "Name", 1, "k-form-label"], [1, "view-name", 3, "ngModel", "ngModelChange"], ["nameField", ""], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModel", "ngModelChange"], ["itemClass", "item", "activeItemClass", "item active", 3, "kendoSortableBinding", "animation", "dragEnd"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "id", "ngModelChange", "change"], [1, "k-checkbox-label", 3, "for", "text"], ["name", "reorder"], [1, "smart-filter-container"], ["text", "Smart Filter", 1, "smart-filter-label"], [3, "ngModel", "ngModelChange"], ["class", "smart-filter-prompt", "mjFillContainer", "", 3, "fillHeight", 4, "ngIf"], [4, "ngIf"], ["mjFillContainer", "", 1, "smart-filter-prompt", 3, "fillHeight"], ["placeholder", "Describe how you would like the data filtered", "resizable", "vertical", 3, "rows", "ngModel", "ngModelChange"], [3, "filters", "value", "valueChange"], [1, "sort-header"], ["kendoButton", "", "icon", "add", 3, "click"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["kendoButton", "", "icon", "delete", 3, "click"], [4, "ngElse"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function ViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div");
-        i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_button_1_Template, 2, 1, "button", 0);
-        i0.ɵɵtemplate(2, ViewPropertiesDialogComponent_div_2_Template, 1, 0, "div", 1);
-        i0.ɵɵtemplate(3, ViewPropertiesDialogComponent_kendo_window_3_Template, 21, 12, "kendo-window", 2);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.ShowPropertiesButton);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
-    } }, dependencies: [i4.NgForOf, i4.NgIf, i3.DefaultValueAccessor, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i5.WindowComponent, i6.Button, i7.LoaderComponent, i8.TabStripComponent, i8.TabStripTabComponent, i8.TabContentDirective, i9.TextAreaComponent, i9.TextBoxComponent, i9.SwitchComponent, i9.CheckBoxDirective, i10.LabelComponent, i11.IconComponent, i12.FillContainer, i13.SortableComponent, i13.SortableBindingDirective, i14.FilterComponent, i15.DropDownListComponent], styles: [".view-prop-tab-contents[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%; \r\n}\r\n\r\n.form-group[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group-description[_ngcontent-%COMP%] {\r\n  flex-grow: 1;\r\n}\r\n\r\n.k-form-label[_ngcontent-%COMP%] {\r\n  width: 150px; \r\n  margin-right: 10px;\r\n}\r\n\r\n.view-description[_ngcontent-%COMP%] {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n  padding: 5px;\r\n  resize: none;\r\n}\r\n\r\n\r\n\r\n.item-content[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.popup-content[_ngcontent-%COMP%] {\r\n  height: calc(100% - 46px);\r\n}\r\n\r\n.popup-actions[_ngcontent-%COMP%] {\r\n  padding: 16px 0 0;\r\n}\r\n\r\n.view-prop-tab-contents[_ngcontent-%COMP%] {\r\n  overflow: hidden;\r\n}\r\n\r\n.sort-column[_ngcontent-%COMP%] {\r\n  width: 300px;\r\n}\r\n\r\n.sort-direction[_ngcontent-%COMP%] {\r\n  width: 125px;\r\n}\r\n\r\n.sort-header[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\r\n  margin-left: 5px;\r\n  margin-bottom: 5px;\r\n  width: 75px;\r\n}\r\n\r\n.smart-filter-label[_ngcontent-%COMP%] {\r\n  margin-right: 10px;\r\n}\r\n\r\n.smart-filter-prompt[_ngcontent-%COMP%] {\r\n  margin-top: 15px;\r\n}\r\n\r\n.advanced-tab-details[_ngcontent-%COMP%]\r\n{\r\n  margin-bottom: 10px;\r\n}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewPropertiesDialogComponent, [{
-        type: Component,
-        args: [{ selector: 'app-view-properties-dialog', template: "<div>\r\n  <button *ngIf=\"ShowPropertiesButton\"\r\n    kendoButton\r\n    [primary]=\"true\"\r\n    icon=\"gear\"\r\n    (click)=\"this.Open()\"\r\n  >Properties</button>\r\n  <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\r\n  <kendo-window\r\n    [width]=\"700\"\r\n    [height]=\"525\"\r\n    [minHeight]=\"300\"\r\n    [minWidth]=\"400\"\r\n    [resizable]=\"true\"\r\n    title=\"View Properties\"\r\n    *ngIf=\"isDialogOpened\"\r\n    (close)=\"closePropertiesDialog()\"\r\n    (resizeEnd)=\"this.ResizeTab()\"\r\n    (heightChange)=\"this.ResizeTab()\"\r\n    (widthChange)=\"this.ResizeTab()\"\r\n  >\r\n    <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n    <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\r\n      <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n        <kendo-tabstrip class=\"popup-content\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\r\n\r\n          <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"view-prop-tab-contents\">\r\n                <div class=\"form-group\">\r\n                  <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\r\n                  <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\r\n                </div>\r\n                <div class=\"form-group form-group-description\">\r\n                  <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\r\n                  <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n  \r\n          <kendo-tabstrip-tab title=\"Fields\">\r\n            <ng-template kendoTabContent>\r\n  \r\n              <kendo-sortable\r\n                [kendoSortableBinding]=\"this.localGridState.columnSettings\"\r\n                [animation]=\"true\"\r\n                itemClass=\"item\"\r\n                activeItemClass=\"item active\"\r\n                (dragEnd)=\"onDragEnd($event)\"\r\n              >\r\n                <ng-template let-col=\"item\">\r\n                  <div class=\"item-content\">\r\n                    <div>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        [(ngModel)]=\"!col.hidden\"\r\n                        id=\"column_{{col.ID}}\"\r\n                        kendoCheckBox\r\n                        (change)=\"toggleColumn(col)\"\r\n                      />\r\n                      <kendo-label\r\n                        [for]=\"'column_'+col.ID\"\r\n                        [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\r\n                        class=\"k-checkbox-label\"\r\n                      ></kendo-label>\r\n                    </div>\r\n                    <kendo-icon name=\"reorder\"></kendo-icon>\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-sortable>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n  \r\n          <kendo-tabstrip-tab title=\"Filters\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"smart-filter-container\">\r\n                <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\r\n                <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\r\n              </div>\r\n              <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\r\n                <kendo-textarea\r\n                  placeholder=\"Describe how you would like the data filtered\"\r\n                  [rows]=\"10\"\r\n                  [(ngModel)]=\"record.SmartFilterPrompt\"\r\n                  resizable=\"vertical\"\r\n                ></kendo-textarea>\r\n              </div>\r\n              <div *ngIf=\"!record.SmartFilterEnabled\">\r\n                <kendo-filter\r\n                [filters]=\"ViewEntityInfo!.Fields.map(toKendoFilterField)\"\r\n                [value]=\"defaultFilterState\"\r\n                (valueChange)=\"onFilterChange($event)\"\r\n                >\r\n              </kendo-filter>\r\n              </div>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n          <kendo-tabstrip-tab title=\"Sorting\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"sort-header\">\r\n                <button kendoButton (click)=\"addSort()\" icon=\"add\"></button>\r\n                \r\n              </div>\r\n              <div *ngFor=\"let s of this.sortState\"> \r\n                <kendo-dropdownlist \r\n                  class=\"sort-column\"\r\n                  [data]=\"sortFields\"\r\n                  textField=\"Name\"\r\n                  valueField=\"Name\"\r\n                  (valueChange)=\"sortColumnValueChange(s, $event)\"\r\n                  [(ngModel)]=\"s.field\"\r\n                  >\r\n                </kendo-dropdownlist>\r\n                <kendo-dropdownlist\r\n                  class=\"sort-direction\"\r\n                  [data]=\"sortDirections\"\r\n                  textField=\"Name\"\r\n                  valueField=\"Value\"\r\n                  (valueChange)=\"sortDirectionValueChange(s, $event)\"\r\n                  [(ngModel)]=\"s.direction\"\r\n                >\r\n                </kendo-dropdownlist>\r\n                <button kendoButton (click)=\"removeSort(s)\" icon=\"delete\"></button>\r\n              </div> \r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n          <kendo-tabstrip-tab title=\"Advanced\">\r\n            <ng-template kendoTabContent>\r\n              <div *ngIf=\"record.SmartFilterEnabled\">\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"5\"\r\n                  [(ngModel)]=\"record.SmartFilterExplanation\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"5\"\r\n                  [(ngModel)]=\"record.SmartFilterWhereClause\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>  \r\n              </div>\r\n              <div *ngElse>\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"7\"\r\n                  [(ngModel)]=\"record.WhereClause\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>\r\n              </div>\r\n\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n        </kendo-tabstrip>\r\n  \r\n        <div class=\"k-actions k-actions-end popup-actions\">\r\n          <button kendoButton icon=\"save\" (click)=\"saveProperties()\" themeColor=\"primary\">\r\n            Save\r\n          </button>\r\n          <button kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </kendo-window>\r\n</div>\r\n", styles: [".view-prop-tab-contents {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%; /* Set to the height you want */\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group-description {\r\n  flex-grow: 1;\r\n}\r\n\r\n.k-form-label {\r\n  width: 150px; /* Adjust as needed */\r\n  margin-right: 10px;\r\n}\r\n\r\n.view-description {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n  padding: 5px;\r\n  resize: none;\r\n}\r\n\r\n\r\n\r\n.item-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.popup-content {\r\n  height: calc(100% - 46px);\r\n}\r\n\r\n.popup-actions {\r\n  padding: 16px 0 0;\r\n}\r\n\r\n.view-prop-tab-contents {\r\n  overflow: hidden;\r\n}\r\n\r\n.sort-column {\r\n  width: 300px;\r\n}\r\n\r\n.sort-direction {\r\n  width: 125px;\r\n}\r\n\r\n.sort-header > button {\r\n  margin-left: 5px;\r\n  margin-bottom: 5px;\r\n  width: 75px;\r\n}\r\n\r\n.smart-filter-label {\r\n  margin-right: 10px;\r\n}\r\n\r\n.smart-filter-prompt {\r\n  margin-top: 15px;\r\n}\r\n\r\n.advanced-tab-details\r\n{\r\n  margin-bottom: 10px;\r\n}"] }]
-    }], function () { return [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }]; }, { ViewID: [{
-            type: Input
-        }], EntityName: [{
-            type: Input
-        }], ShowPropertiesButton: [{
-            type: Input
-        }], dialogClosed: [{
-            type: Output
-        }], kendoWindow: [{
-            type: ViewChild,
-            args: [WindowComponent]
-        }], kendoTab: [{
-            type: ViewChild,
-            args: [TabComponent]
-        }], nameField: [{
-            type: ViewChild,
-            args: ['nameField']
-        }], dialogContainer: [{
-            type: ViewChild,
-            args: ['dialogContainer']
-        }] }); })();
+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, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Metadata } from "@memberjunction/core";
+import { BaseFormComponent } from '../generic/base-form-component';
+import { ResourceData } from '@memberjunction/ng-shared';
+import { WindowComponent } from '@progress/kendo-angular-dialog';
+import { TabComponent } from '@progress/kendo-angular-layout';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import { EventCodes } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-dialog";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-indicators";
+import * as i8 from "@progress/kendo-angular-layout";
+import * as i9 from "@progress/kendo-angular-inputs";
+import * as i10 from "@progress/kendo-angular-label";
+import * as i11 from "@progress/kendo-angular-icons";
+import * as i12 from "@memberjunction/ng-container-directives";
+import * as i13 from "@progress/kendo-angular-sortable";
+import * as i14 from "@progress/kendo-angular-filter";
+import * as i15 from "@progress/kendo-angular-dropdowns";
+const _c0 = ["nameField"];
+const _c1 = ["dialogContainer"];
+function ViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 3);
+    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.Open()); });
+    i0.ɵɵelement(1, "kendo-svgicon", 4);
+    i0.ɵɵtext(2, " Properties");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("primary", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r0.sharedService.kendoSVGIcon("gear"));
+} }
+function ViewPropertiesDialogComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 5);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 20);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+    i0.ɵɵelement(2, "kendo-label", 23);
+    i0.ɵɵelementStart(3, "kendo-textbox", 24, 25);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r13.record.Name = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 26);
+    i0.ɵɵelement(6, "kendo-label", 27);
+    i0.ɵɵelementStart(7, "textarea", 28);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.record.Description = $event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r7.record.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r7.record.Description);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30)(1, "div")(2, "input", 31);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r19); const col_r17 = restoredCtx.item; return i0.ɵɵresetView(!(col_r17.hidden = $event)); })("change", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template_input_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r19); const col_r17 = restoredCtx.item; const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.toggleColumn(col_r17)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "kendo-label", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "kendo-svgicon", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r17 = ctx.item;
+    const ctx_r16 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵpropertyInterpolate1("id", "column_", col_r17.ID, "");
+    i0.ɵɵproperty("ngModel", !col_r17.hidden);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "column_" + col_r17.ID)("text", col_r17.DisplayName ? col_r17.DisplayName : col_r17.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r16.sharedService.kendoSVGIcon("reorder"));
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-sortable", 29);
+    i0.ɵɵlistener("dragEnd", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.onDragEnd($event)); });
+    i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_ng_template_1_Template, 5, 5, "ng-template");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("kendoSortableBinding", ctx_r8.localGridState.columnSettings)("animation", true);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "kendo-textarea", 39);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r25.record.SmartFilterPrompt = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r23 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("fillHeight", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("rows", 10)("ngModel", ctx_r23.record.SmartFilterPrompt);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 40);
+    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r27.onFilterChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r24 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("filters", ctx_r24.ViewEntityInfo.Fields.map(ctx_r24.toKendoFilterField))("value", ctx_r24.defaultFilterState);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "kendo-label", 34);
+    i0.ɵɵelementStart(2, "kendo-switch", 35);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.record.SmartFilterEnabled = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(3, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_3_Template, 2, 3, "div", 36)(4, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_div_4_Template, 2, 2, "div", 37);
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r9.record.SmartFilterEnabled);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r9.record.SmartFilterEnabled);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r9.record.SmartFilterEnabled);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 43);
+    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r33 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r33.sortColumnValueChange(s_r32, $event)); })("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; return i0.ɵɵresetView(s_r32.field = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 44);
+    i0.ɵɵlistener("valueChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r36 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r36.sortDirectionValueChange(s_r32, $event)); })("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; return i0.ɵɵresetView(s_r32.direction = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 19);
+    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r34); const s_r32 = restoredCtx.$implicit; const ctx_r38 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r38.removeSort(s_r32)); });
+    i0.ɵɵelement(4, "kendo-svgicon", 4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r32 = ctx.$implicit;
+    const ctx_r31 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r31.sortFields)("ngModel", s_r32.field);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r31.sortDirections)("ngModel", s_r32.direction);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", ctx_r31.sharedService.kendoSVGIcon("sortClear"));
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template(rf, ctx) { if (rf & 1) {
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 41)(1, "button", 19);
+    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r39.addSort()); });
+    i0.ɵɵelement(2, "kendo-svgicon", 4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(3, ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_div_3_Template, 5, 5, "div", 42);
+} if (rf & 2) {
+    const ctx_r10 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", ctx_r10.sharedService.kendoSVGIcon("filterAddExpression"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r10.sortState);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r44 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 46);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.record.SmartFilterExplanation = $event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-textarea", 46);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.record.SmartFilterWhereClause = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r41 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 5)("ngModel", ctx_r41.record.SmartFilterExplanation);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 5)("ngModel", ctx_r41.record.SmartFilterWhereClause);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r47 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 46);
+    i0.ɵɵlistener("ngModelChange", function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.record.WhereClause = $event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r42 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 7)("ngModel", ctx_r42.record.WhereClause);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_0_Template, 3, 6, "div", 37)(1, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_div_1_Template, 2, 3, "div", 45);
+} if (rf & 2) {
+    const ctx_r11 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", ctx_r11.record.SmartFilterEnabled);
+} }
+function ViewPropertiesDialogComponent_kendo_window_3_Template(rf, ctx) { if (rf & 1) {
+    const _r49 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 6);
+    i0.ɵɵlistener("close", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r48.closePropertiesDialog()); })("resizeEnd", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r50 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r50.ResizeTab()); })("heightChange", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.ResizeTab()); })("widthChange", function ViewPropertiesDialogComponent_kendo_window_3_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.ResizeTab()); });
+    i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_kendo_window_3_kendo_loader_1_Template, 1, 0, "kendo-loader", 7);
+    i0.ɵɵelementStart(2, "div", 8, 9)(4, "div")(5, "kendo-tabstrip", 10)(6, "kendo-tabstrip-tab", 11);
+    i0.ɵɵtemplate(7, ViewPropertiesDialogComponent_kendo_window_3_ng_template_7_Template, 8, 2, "ng-template", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 13);
+    i0.ɵɵtemplate(9, ViewPropertiesDialogComponent_kendo_window_3_ng_template_9_Template, 2, 2, "ng-template", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 14);
+    i0.ɵɵtemplate(11, ViewPropertiesDialogComponent_kendo_window_3_ng_template_11_Template, 5, 3, "ng-template", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 15);
+    i0.ɵɵtemplate(13, ViewPropertiesDialogComponent_kendo_window_3_ng_template_13_Template, 4, 2, "ng-template", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 16);
+    i0.ɵɵtemplate(15, ViewPropertiesDialogComponent_kendo_window_3_ng_template_15_Template, 2, 1, "ng-template", 12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 17)(17, "button", 18);
+    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r49); const ctx_r53 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r53.saveProperties()); });
+    i0.ɵɵelement(18, "kendo-svgicon", 4);
+    i0.ɵɵtext(19, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 19);
+    i0.ɵɵlistener("click", function ViewPropertiesDialogComponent_kendo_window_3_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r49); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.closePropertiesDialog()); });
+    i0.ɵɵtext(21, "Cancel");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("width", 700)("height", 525)("minHeight", 300)("minWidth", 400)("resizable", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.showloader);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r2.showloader ? "disabled-div" : "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r2.TabHeight);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("selected", true);
+    i0.ɵɵadvance(12);
+    i0.ɵɵproperty("icon", ctx_r2.sharedService.kendoSVGIcon("save"));
+} }
+export class ViewPropertiesDialogComponent extends BaseFormComponent {
+    constructor(route, elRef, ss, formBuilder, router) {
+        super(elRef, ss, router, route);
+        this.route = route;
+        this.elRef = elRef;
+        this.ss = ss;
+        this.formBuilder = formBuilder;
+        this.router = router;
+        this.ShowPropertiesButton = true;
+        this.dialogClosed = new EventEmitter();
+        this.isDialogOpened = false;
+        this.showloader = true;
+        // public  localViewColumns: ViewColumnInfo[] = [];
+        this.localGridState = {};
+        this.localFilterState = {};
+        this.defaultFilterState = {};
+        this.usedFields = new Set(); // Track used fields
+        this.sortFields = [];
+        this.sortState = [];
+        this.sortDirections = [
+            { Name: 'Up', Value: 'asc' },
+            { Name: 'Down', Value: 'desc' }
+        ];
+        this.defaultOperators = {
+            string: ["contains", "doesnotcontain", "eq", "neq", "startswith", "endswith", "isnull", "isnotnull", "isempty", "isnotempty"],
+            number: ["neq", "eq", "gte", "gt", "lte", "lt", "isnull", "isnotnull"],
+            date: ["neq", "eq", "gte", "gt", "lte", "lt", "isnull", "isnotnull"],
+            boolean: ["eq", "neq"]
+        };
+        this.toKendoFilterField = ({ DisplayName, Name, Type, }) => {
+            return Object.assign({ field: Name, title: DisplayName !== null && DisplayName !== void 0 ? DisplayName : Name }, this.getFilterTypeAndOperators(this.toKendoFieldType(Type)));
+        };
+        this.toKendoFieldType = (entityFieldType) => {
+            if (entityFieldType) {
+                return ['int', 'money', 'decimal', 'smallint', 'bigint'].includes(entityFieldType)
+                    ? 'numeric'
+                    : ['nchar', 'char', 'nvarchar'].includes(entityFieldType)
+                        ? 'text'
+                        : ['tinyint', 'bit'].includes(entityFieldType)
+                            ? 'boolean'
+                            : ['datetimeoffset', 'datetime'].includes(entityFieldType)
+                                ? 'date'
+                                : 'string';
+            }
+            else {
+                return 'string';
+            }
+        };
+        this.getFilterTypeAndOperators = (kendoFieldType = '') => {
+            switch (kendoFieldType) {
+                case 'numeric':
+                    return { editor: 'number', operators: this.defaultOperators.number };
+                case 'text':
+                    return { editor: 'string', operators: this.defaultOperators.string };
+                case 'boolean':
+                    return { editor: 'boolean', operators: this.defaultOperators.boolean };
+                case 'date':
+                    return { editor: 'date', operators: this.defaultOperators.date };
+                default:
+                    return { editor: 'string', operators: this.defaultOperators.string };
+            }
+        };
+        this.BottomMargin = 75;
+    }
+    onKeyPress(event) {
+        if (event.key === 'Enter') {
+            this.saveProperties();
+        }
+    }
+    GetTabTopPosition() {
+        return 50; // for this dialog, we don't want to offset the tab position related to where it is on the page, this is relative to top of dialog
+    }
+    CreateView(entityName) {
+        this.EntityName = entityName;
+        this.ViewID = undefined;
+        this.Open();
+    }
+    Open(ViewID = this.ViewID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ViewID = ViewID;
+            yield this.Load();
+            this.isDialogOpened = true; // binding causes the kendo window to open from this method call
+        });
+    }
+    Load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            this.record = (yield md.GetEntityObject('User Views'));
+            if (this.ViewID) {
+                // load the view
+                yield this.record.Load(this.ViewID);
+            }
+            else if (this.EntityName) {
+                // We don't have a View ID, we are creating a NEW view, so do NewRecord()
+                this.record.NewRecord();
+                const e = md.Entities.find(e => e.Name == this.EntityName);
+                if (e)
+                    this.record.SetDefaultsFromEntity(e);
+                else
+                    throw new Error(`Entity ${this.EntityName} not found in metadata`);
+            }
+            // now we load up the columns
+            this.FinishLoad(md);
+            this.showloader = false;
+            setTimeout(() => {
+                this.ResizeTab();
+            }, 200);
+        });
+    }
+    closePropertiesDialog() {
+        this.dialogClosed.emit({});
+        this.isDialogOpened = false; // binding causes the kendo window to close from this method call
+        if (this.keyPressListener) { // removing the keypress listener when the dialog closes
+            this.dialogContainer.nativeElement.removeEventListener('keypress', this.keyPressListener);
+        }
+    }
+    FinishLoad(md) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ViewEntityInfo = md.Entities.find(e => e.ID == this.record.EntityID);
+            // using all these local variables because the VSCode debugger doesn't know what "this" is all of a sudden
+            if (!this.ViewEntityInfo)
+                throw new Error(`Entity ${this.record.EntityID} not found in metadata`);
+            // prepare the sorting state
+            this.sortFields = this.ViewEntityInfo.Fields;
+            if (this.record.SortState === null || this.record.SortState === undefined || this.record.SortState.trim().length === 0)
+                this.sortState = [];
+            else
+                this.sortState = JSON.parse(this.record.SortState);
+            // now translate the sortState into the UI format by swapping out the primitve field names and sort direction with the data objects that the kendo ui will bind to
+            this.sortState = this.sortState.map((s) => {
+                var _a;
+                let dir;
+                if (typeof s.direction === 'string') {
+                    dir = s.direction;
+                }
+                else if (typeof s.direction === 'number' && s.direction === 1) { // some legacy views have 1 and 2 for asc and desc
+                    dir = 'asc';
+                }
+                else if (typeof s.direction === 'number' && s.direction === 2) {
+                    dir = 'desc';
+                }
+                else {
+                    dir = '';
+                }
+                return {
+                    field: (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields.find((f) => f.Name === s.field),
+                    direction: this.sortDirections.find((d) => d.Value.trim().toLowerCase() === dir)
+                };
+            });
+            this.localGridState = JSON.parse(this.record.GridState);
+            const temp = this.localGridState;
+            this.localFilterState = JSON.parse(this.record.FilterState);
+            this.defaultFilterState = this.localFilterState; // adding a duplicate filter state for populating the default filter state
+            this.appendUnusedColumnsToColumnSettings(this.localGridState);
+            this.localGridState.columnSettings.sort((a, b) => {
+                if (a.hidden && !b.hidden)
+                    return 1;
+                if (!a.hidden && b.hidden)
+                    return -1;
+                // if we get here, they're both hidden, or both not hidden, so sort by orderIndex
+                return a.orderIndex - b.orderIndex;
+            });
+            setTimeout(() => {
+                this.keyPressListener = this.onKeyPress.bind(this);
+                this.dialogContainer.nativeElement.addEventListener('keypress', this.onKeyPress.bind(this));
+                this.nameField.focus();
+            }, 200);
+        });
+    }
+    appendUnusedColumnsToColumnSettings(gridState) {
+        var _a;
+        // we go through our EntityFields and add any that aren't already in the columnSettings
+        // this is so that we can add new columns to the view that were not previously used in this view
+        const unusedFields = (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields.filter(f => {
+            if (gridState.columnSettings.find((col) => col.Name.trim().toLowerCase() === f.Name.trim().toLowerCase()))
+                return false; // this entity field is already in the columnSettings
+            else
+                return true; // this entity field is not in the columnSettings
+        });
+        // now we add the unused fields to the columnSettings
+        unusedFields === null || unusedFields === void 0 ? void 0 : unusedFields.forEach((f) => {
+            gridState.columnSettings.push({
+                ID: f.ID,
+                DisplayName: f.DisplayName,
+                Name: f.Name,
+                orderIndex: gridState.columnSettings.length,
+                width: f.DefaultColumnWidth ? f.DefaultColumnWidth : 100,
+                EntityField: f,
+                hidden: true
+            });
+        });
+    }
+    onDragEnd(e) {
+        if (e.index >= 0) {
+            // const column = this.localViewColumns[e.index];
+            if (this.localGridState) {
+                const lvc = this.localGridState.columnSettings;
+                for (let i = 0; i < lvc.length; i++) {
+                    const col = lvc[i];
+                    col.orderIndex = i; // the orderIndex inside the column is what is actually used to drive this, the order in the ARRAY gets updated by KendoSortable but orderIndex isn't automatically updated
+                }
+                this.updateRecordGridState();
+            }
+        }
+    }
+    updateRecordGridState() {
+        const temp = JSON.stringify(this.localGridState);
+        const tempO = JSON.parse(temp); // make sure we have a clean object that is NOT linked in memory to the localGridState
+        // now strip the EntityField from the columnSettings in the tempO object
+        tempO.columnSettings.forEach((col) => {
+            delete col.EntityField;
+        });
+        this.record.GridState = JSON.stringify(tempO); // stringify the state into the record  
+    }
+    onFilterChange(value) {
+        this.localFilterState = value;
+    }
+    toggleColumn(column) {
+        return __awaiter(this, void 0, void 0, function* () {
+            column.hidden = !column.hidden; // do the toggle
+            if (this.localGridState)
+                this.updateRecordGridState();
+        });
+    }
+    saveProperties() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const bNewRecord = !(this.record.PrimaryKey.Value);
+            this.showloader = true;
+            const lfs = JSON.stringify(this.localFilterState);
+            this.record.FilterState = JSON.stringify(this.localFilterState); // pass this along as as string, not directly bound since Kendo Filter is bound to a local object we need to translate to a string
+            // need to convert the UI format to the data format.  
+            const sortMap = this.sortState.map((s) => {
+                return {
+                    field: s.field.Name,
+                    direction: s.direction.Value
+                };
+            });
+            this.record.SortState = JSON.stringify(sortMap);
+            // validate the record first
+            const rec = this.record;
+            const valResults = this.record.Validate();
+            if (valResults.Success === false) {
+                this.showloader = false;
+                this.sharedService.CreateSimpleNotification('Validation Errors: ' + valResults.Errors.map((e) => e.Message).join('\n'), 'warning', 7500);
+            }
+            else if (yield this.record.Save()) {
+                this.dialogClosed.emit({ Saved: true, ViewEntity: this.record });
+                this.isDialogOpened = false; // close the kendo window - this works through ngIf binding
+                this.showloader = false;
+                if (!bNewRecord) // view already exists so we're not changing the route as it is alreayd on the view, but we fire an event to let people know that it's changed
+                    MJGlobal.Instance.RaiseEvent({
+                        event: MJEventType.ComponentEvent,
+                        eventCode: EventCodes.ViewUpdated,
+                        args: new ResourceData({
+                            ResourceTypeID: this.sharedService.ViewResourceType.ID,
+                            ResourceRecordID: this.record.PrimaryKey.Value,
+                            Configuration: {
+                                ViewEntity: this.record
+                            }
+                        }),
+                        component: this
+                    });
+                else
+                    // we route to the new view using the router
+                    this.router.navigate(['resource', 'view', this.record.PrimaryKey.Value]);
+            }
+            else {
+                // it failed, so don't close the dialog
+                this.showloader = false;
+                this.sharedService.CreateSimpleNotification('Saving the view failed, please try again and if this persists contact your administrator.', 'error', 5000);
+            }
+        });
+    }
+    get ContainerObjectHeight() {
+        if (this.kendoWindow)
+            return this.kendoWindow.height;
+        else
+            return 0;
+    }
+    addSort() {
+        var _a;
+        this.sortState = this.sortState.concat({ field: (_a = this.ViewEntityInfo) === null || _a === void 0 ? void 0 : _a.Fields[0], direction: this.sortDirections[0] }); // add a new sort item
+    }
+    removeSort(item) {
+        this.sortState = this.sortState.filter((i) => i !== item);
+    }
+    sortColumnValueChange(sortItem, newValue) {
+        const idx = this.sortState.findIndex((i) => i === sortItem);
+        console.log(this.sortState);
+        console.log(newValue);
+    }
+    sortDirectionValueChange(sortItem, newValue) {
+    }
+}
+ViewPropertiesDialogComponent.ɵfac = function ViewPropertiesDialogComponent_Factory(t) { return new (t || ViewPropertiesDialogComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(i1.Router)); };
+ViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewPropertiesDialogComponent, selectors: [["app-view-properties-dialog"]], viewQuery: function ViewPropertiesDialogComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(WindowComponent, 5);
+        i0.ɵɵviewQuery(TabComponent, 5);
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoWindow = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.kendoTab = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
+    } }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [["kendoButton", "", "class", "view-properties-button", 3, "primary", "click", 4, "ngIf"], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "width", "height", "minHeight", "minWidth", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", 1, "view-properties-button", 3, "primary", "click"], [3, "icon"], [1, "k-overlay"], ["title", "View Properties", 3, "width", "height", "minHeight", "minWidth", "resizable", "close", "resizeEnd", "heightChange", "widthChange"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], ["dialogContainer", ""], [1, "popup-content", 3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["type", "converging-spinner"], [1, "view-prop-tab-contents"], [1, "form-group"], ["text", "Name", 1, "k-form-label"], [1, "view-name", 3, "ngModel", "ngModelChange"], ["nameField", ""], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModel", "ngModelChange"], ["itemClass", "item", "activeItemClass", "item active", 3, "kendoSortableBinding", "animation", "dragEnd"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "id", "ngModelChange", "change"], [1, "k-checkbox-label", 3, "for", "text"], [1, "smart-filter-container"], ["text", "Smart Filter", 1, "smart-filter-label"], [3, "ngModel", "ngModelChange"], ["class", "smart-filter-prompt", "mjFillContainer", "", 3, "fillHeight", 4, "ngIf"], [4, "ngIf"], ["mjFillContainer", "", 1, "smart-filter-prompt", 3, "fillHeight"], ["placeholder", "Describe how you would like the data filtered", "resizable", "vertical", 3, "rows", "ngModel", "ngModelChange"], [3, "filters", "value", "valueChange"], [1, "sort-header"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "data", "ngModel", "valueChange", "ngModelChange"], [4, "ngElse"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function ViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtemplate(1, ViewPropertiesDialogComponent_button_1_Template, 3, 2, "button", 0)(2, ViewPropertiesDialogComponent_div_2_Template, 1, 0, "div", 1)(3, ViewPropertiesDialogComponent_kendo_window_3_Template, 22, 13, "kendo-window", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.ShowPropertiesButton);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
+    } }, dependencies: [i4.NgForOf, i4.NgIf, i3.DefaultValueAccessor, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i5.WindowComponent, i6.ButtonComponent, i7.LoaderComponent, i8.TabStripComponent, i8.TabStripTabComponent, i8.TabContentDirective, i9.TextAreaComponent, i9.TextBoxComponent, i9.SwitchComponent, i9.CheckBoxDirective, i10.LabelComponent, i11.SVGIconComponent, i12.FillContainer, i13.SortableComponent, i13.SortableBindingDirective, i14.FilterComponent, i15.DropDownListComponent], styles: [".view-properties-button[_ngcontent-%COMP%] {\r\n  margin-left: 0px;\r\n}\r\n.view-prop-tab-contents[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%; \n\r\n}\r\n\r\n.form-group[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group-description[_ngcontent-%COMP%] {\r\n  flex-grow: 1;\r\n}\r\n\r\n.k-form-label[_ngcontent-%COMP%] {\r\n  width: 150px; \n\r\n  margin-right: 10px;\r\n}\r\n\r\n.view-description[_ngcontent-%COMP%] {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n  padding: 5px;\r\n  resize: none;\r\n}\r\n\r\n\r\n\r\n.item-content[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.popup-content[_ngcontent-%COMP%] {\r\n  height: calc(100% - 46px);\r\n}\r\n\r\n.popup-actions[_ngcontent-%COMP%] {\r\n  padding: 16px 0 0;\r\n}\r\n\r\n.view-prop-tab-contents[_ngcontent-%COMP%] {\r\n  overflow: hidden;\r\n}\r\n\r\n.sort-column[_ngcontent-%COMP%] {\r\n  width: 300px;\r\n}\r\n\r\n.sort-direction[_ngcontent-%COMP%] {\r\n  width: 125px;\r\n}\r\n\r\n.sort-header[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\r\n  margin-left: 5px;\r\n  margin-bottom: 5px;\r\n  width: 75px;\r\n}\r\n\r\n.smart-filter-label[_ngcontent-%COMP%] {\r\n  margin-right: 10px;\r\n}\r\n\r\n.smart-filter-prompt[_ngcontent-%COMP%] {\r\n  margin-top: 15px;\r\n}\r\n\r\n.advanced-tab-details[_ngcontent-%COMP%]\r\n{\r\n  margin-bottom: 10px;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewPropertiesDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'app-view-properties-dialog', template: "<div>\r\n  <button *ngIf=\"ShowPropertiesButton\"\r\n    kendoButton\r\n    [primary]=\"true\"\r\n    (click)=\"this.Open()\"\r\n    class=\"view-properties-button\"\r\n  >\r\n  <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n  Properties</button>\r\n  <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\r\n  <kendo-window\r\n    [width]=\"700\"\r\n    [height]=\"525\"\r\n    [minHeight]=\"300\"\r\n    [minWidth]=\"400\"\r\n    [resizable]=\"true\"\r\n    title=\"View Properties\"\r\n    *ngIf=\"isDialogOpened\"\r\n    (close)=\"closePropertiesDialog()\"\r\n    (resizeEnd)=\"this.ResizeTab()\"\r\n    (heightChange)=\"this.ResizeTab()\"\r\n    (widthChange)=\"this.ResizeTab()\"\r\n  >\r\n    <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n    <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\r\n      <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n        <kendo-tabstrip class=\"popup-content\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\r\n\r\n          <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"view-prop-tab-contents\">\r\n                <div class=\"form-group\">\r\n                  <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\r\n                  <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\r\n                </div>\r\n                <div class=\"form-group form-group-description\">\r\n                  <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\r\n                  <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n  \r\n          <kendo-tabstrip-tab title=\"Fields\">\r\n            <ng-template kendoTabContent>\r\n  \r\n              <kendo-sortable\r\n                [kendoSortableBinding]=\"this.localGridState.columnSettings\"\r\n                [animation]=\"true\"\r\n                itemClass=\"item\"\r\n                activeItemClass=\"item active\"\r\n                (dragEnd)=\"onDragEnd($event)\"\r\n              >\r\n                <ng-template let-col=\"item\">\r\n                  <div class=\"item-content\">\r\n                    <div>\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        [(ngModel)]=\"!col.hidden\"\r\n                        id=\"column_{{col.ID}}\"\r\n                        kendoCheckBox\r\n                        (change)=\"toggleColumn(col)\"\r\n                      />\r\n                      <kendo-label\r\n                        [for]=\"'column_'+col.ID\"\r\n                        [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\r\n                        class=\"k-checkbox-label\"\r\n                      ></kendo-label>\r\n                    </div>\r\n                    <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('reorder')\"></kendo-svgicon>\r\n                  </div>\r\n                </ng-template>\r\n              </kendo-sortable>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n  \r\n          <kendo-tabstrip-tab title=\"Filters\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"smart-filter-container\">\r\n                <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\r\n                <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\r\n              </div>\r\n              <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\r\n                <kendo-textarea\r\n                  placeholder=\"Describe how you would like the data filtered\"\r\n                  [rows]=\"10\"\r\n                  [(ngModel)]=\"record.SmartFilterPrompt\"\r\n                  resizable=\"vertical\"\r\n                ></kendo-textarea>\r\n              </div>\r\n              <div *ngIf=\"!record.SmartFilterEnabled\">\r\n                <kendo-filter\r\n                [filters]=\"ViewEntityInfo!.Fields.map(toKendoFilterField)\"\r\n                [value]=\"defaultFilterState\"\r\n                (valueChange)=\"onFilterChange($event)\"\r\n                >\r\n              </kendo-filter>\r\n              </div>\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n          <kendo-tabstrip-tab title=\"Sorting\">\r\n            <ng-template kendoTabContent>\r\n              <div class=\"sort-header\">\r\n                <button kendoButton (click)=\"addSort()\">\r\n                  <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('filterAddExpression')\"></kendo-svgicon>\r\n                </button>\r\n                \r\n              </div>\r\n              <div *ngFor=\"let s of this.sortState\"> \r\n                <kendo-dropdownlist \r\n                  class=\"sort-column\"\r\n                  [data]=\"sortFields\"\r\n                  textField=\"Name\"\r\n                  valueField=\"Name\"\r\n                  (valueChange)=\"sortColumnValueChange(s, $event)\"\r\n                  [(ngModel)]=\"s.field\"\r\n                  >\r\n                </kendo-dropdownlist>\r\n                <kendo-dropdownlist\r\n                  class=\"sort-direction\"\r\n                  [data]=\"sortDirections\"\r\n                  textField=\"Name\"\r\n                  valueField=\"Value\"\r\n                  (valueChange)=\"sortDirectionValueChange(s, $event)\"\r\n                  [(ngModel)]=\"s.direction\"\r\n                >\r\n                </kendo-dropdownlist>\r\n                <button kendoButton (click)=\"removeSort(s)\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('sortClear')\"></kendo-svgicon></button>\r\n              </div> \r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n          <kendo-tabstrip-tab title=\"Advanced\">\r\n            <ng-template kendoTabContent>\r\n              <div *ngIf=\"record.SmartFilterEnabled\">\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"5\"\r\n                  [(ngModel)]=\"record.SmartFilterExplanation\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"5\"\r\n                  [(ngModel)]=\"record.SmartFilterWhereClause\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>  \r\n              </div>\r\n              <div *ngElse>\r\n                <kendo-textarea\r\n                  [readonly]=\"true\"\r\n                  [rows]=\"7\"\r\n                  [(ngModel)]=\"record.WhereClause\"\r\n                  resizable=\"vertical\"\r\n                  class=\"advanced-tab-details\"\r\n                ></kendo-textarea>\r\n              </div>\r\n\r\n            </ng-template>\r\n          </kendo-tabstrip-tab>\r\n\r\n        </kendo-tabstrip>\r\n  \r\n        <div class=\"k-actions k-actions-end popup-actions\">\r\n          <button kendoButton (click)=\"saveProperties()\" themeColor=\"primary\">\r\n            <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('save')\"></kendo-svgicon>\r\n            Save\r\n          </button>\r\n          <button kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </kendo-window>\r\n</div>\r\n", styles: [".view-properties-button {\r\n  margin-left: 0px;\r\n}\r\n.view-prop-tab-contents {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%; /* Set to the height you want */\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.form-group-description {\r\n  flex-grow: 1;\r\n}\r\n\r\n.k-form-label {\r\n  width: 150px; /* Adjust as needed */\r\n  margin-right: 10px;\r\n}\r\n\r\n.view-description {\r\n  flex-grow: 1;\r\n  height: 100%;\r\n  padding: 5px;\r\n  resize: none;\r\n}\r\n\r\n\r\n\r\n.item-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.popup-content {\r\n  height: calc(100% - 46px);\r\n}\r\n\r\n.popup-actions {\r\n  padding: 16px 0 0;\r\n}\r\n\r\n.view-prop-tab-contents {\r\n  overflow: hidden;\r\n}\r\n\r\n.sort-column {\r\n  width: 300px;\r\n}\r\n\r\n.sort-direction {\r\n  width: 125px;\r\n}\r\n\r\n.sort-header > button {\r\n  margin-left: 5px;\r\n  margin-bottom: 5px;\r\n  width: 75px;\r\n}\r\n\r\n.smart-filter-label {\r\n  margin-right: 10px;\r\n}\r\n\r\n.smart-filter-prompt {\r\n  margin-top: 15px;\r\n}\r\n\r\n.advanced-tab-details\r\n{\r\n  margin-bottom: 10px;\r\n}"] }]
+    }], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }], { ViewID: [{
+            type: Input
+        }], EntityName: [{
+            type: Input
+        }], ShowPropertiesButton: [{
+            type: Input
+        }], dialogClosed: [{
+            type: Output
+        }], kendoWindow: [{
+            type: ViewChild,
+            args: [WindowComponent]
+        }], kendoTab: [{
+            type: ViewChild,
+            args: [TabComponent]
+        }], nameField: [{
+            type: ViewChild,
+            args: ['nameField']
+        }], dialogContainer: [{
+            type: ViewChild,
+            args: ['dialogContainer']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewPropertiesDialogComponent, { className: "ViewPropertiesDialogComponent", filePath: "src\\lib\\user-view-properties\\view-properties-dialog.component.ts", lineNumber: 23 }); })();