@memberjunction/ng-user-view-properties 0.9.2

package/dist/lib/user-view-properties.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, AfterViewInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
+import { ActivatedRoute, Router } from "@angular/router";
+import { Metadata, EntityFieldInfo, EntityInfo } from "@memberjunction/core";
+import { DragEndEvent } from '@progress/kendo-angular-sortable';
+import { UserViewEntityExtended } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { WindowComponent } from '@progress/kendo-angular-dialog';
+import { TabComponent } from '@progress/kendo-angular-layout';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { SharedService } from '@memberjunction/ng-shared';
+import { FormBuilder } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class UserViewPropertiesDialogComponent extends BaseFormComponent implements AfterViewInit, OnDestroy {
+    protected route: ActivatedRoute;
+    private elRef;
+    private ss;
+    private formBuilder;
+    protected router: Router;
+    private renderer;
+    ViewID: number | undefined;
+    EntityName: string | undefined;
+    ShowPropertiesButton: boolean;
+    dialogClosed: EventEmitter<any>;
+    isDialogOpened: boolean;
+    showloader: boolean;
+    localGridState: any;
+    localFilterState: any;
+    defaultFilterState: any;
+    record: UserViewEntityExtended;
+    ViewEntityInfo: EntityInfo;
+    private keyPressListener;
+    usedFields: Set<string>;
+    sortFields: any[];
+    sortState: any[];
+    sortDirections: {
+        Name: string;
+        Value: string;
+    }[];
+    kendoWindow: WindowComponent;
+    kendoTab: TabComponent;
+    nameField: TextBoxComponent;
+    dialogContainer: ElementRef;
+    private outerDialogContainer;
+    constructor(route: ActivatedRoute, elRef: ElementRef, ss: SharedService, formBuilder: FormBuilder, router: Router, renderer: Renderer2);
+    onKeyPress(event: KeyboardEvent): void;
+    GetTabTopPosition(): number;
+    CreateView(entityName: string): void;
+    Open(ViewID?: number | undefined): Promise<void>;
+    Load(): Promise<void>;
+    closePropertiesDialog(): void;
+    FinishLoad(md: Metadata): Promise<void>;
+    private appendUnusedColumnsToColumnSettings;
+    onDragEnd(e: DragEndEvent): void;
+    protected updateRecordGridState(): void;
+    onFilterChange(value: CompositeFilterDescriptor): void;
+    toggleColumn(column: any): Promise<void>;
+    saveProperties(): Promise<void>;
+    defaultOperators: any;
+    private _savedFilters;
+    setupFilters(): any;
+    toKendoFilterField: (f: EntityFieldInfo) => any;
+    getKendoEditor(field: EntityFieldInfo): "string" | "number" | "date" | "boolean";
+    getKendoOperators(field: EntityFieldInfo): any;
+    protected get ContainerObjectHeight(): number;
+    addSort(): void;
+    removeSort(item: any): void;
+    sortColumnValueChange(sortItem: any, newValue: EntityFieldInfo): void;
+    sortDirectionValueChange(sortItem: any, newValue: any): void;
+    private _movedToBody;
+    moveDialogToBody(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewPropertiesDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewPropertiesDialogComponent, "mj-user-view-properties-dialog", never, { "ViewID": { "alias": "ViewID"; "required": false; }; "EntityName": { "alias": "EntityName"; "required": false; }; "ShowPropertiesButton": { "alias": "ShowPropertiesButton"; "required": false; }; }, { "dialogClosed": "dialogClosed"; }, never, never, false, never>;
+}
+//# sourceMappingURL=user-view-properties.component.d.ts.map

package/dist/lib/user-view-properties.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-view-properties.component.d.ts","sourceRoot":"","sources":["../../src/lib/user-view-properties.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAkB,aAAa,EAAE,SAAS,EAAa,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACnI,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAiB,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;AAE7C,qBAKa,iCAAkC,SAAQ,iBAAkB,YAAW,aAAa,EAAE,SAAS;cAoC1E,KAAK,EAAE,cAAc;IAAE,OAAO,CAAC,KAAK;IAAc,OAAO,CAAC,EAAE;IAAiB,OAAO,CAAC,WAAW;cAAkC,MAAM,EAAE,MAAM;IAAE,OAAO,CAAC,QAAQ;IAnClL,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oBAAoB,EAAE,OAAO,CAAQ;IAE3C,YAAY,oBAAsB;IAGrC,cAAc,EAAE,OAAO,CAAS;IAChC,UAAU,EAAE,OAAO,CAAQ;IAG3B,cAAc,EAAE,GAAG,CAAK;IACxB,gBAAgB,EAAE,GAAG,CAAK;IAC1B,kBAAkB,EAAE,GAAG,CAAK;IAC5B,MAAM,EAAG,sBAAsB,CAAC;IAEhC,cAAc,EAAG,UAAU,CAAC;IAEnC,OAAO,CAAC,gBAAgB,CAAM;IACvB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAEpC,UAAU,EAAE,GAAG,EAAE,CAAM;IACvB,SAAS,EAAE,GAAG,EAAE,CAAM;IACtB,cAAc;;;QAGnB;IAE0B,WAAW,EAAG,eAAe,CAAC;IACjC,QAAQ,EAAG,YAAY,CAAC;IACzB,SAAS,EAAG,gBAAgB,CAAC;IACvB,eAAe,EAAG,UAAU,CAAC;IACxB,OAAO,CAAC,oBAAoB,CAAc;gBAG7C,KAAK,EAAE,cAAc,EAAU,KAAK,EAAE,UAAU,EAAU,EAAE,EAAE,aAAa,EAAU,WAAW,EAAE,WAAW,EAAqB,MAAM,EAAE,MAAM,EAAU,QAAQ,EAAE,SAAS;IAM7M,UAAU,CAAC,KAAK,EAAE,aAAa;IAMtB,iBAAiB,IAAI,MAAM;IAI7B,UAAU,CAAC,UAAU,EAAE,MAAM;IAMvB,IAAI,CAAC,MAAM,GAAE,MAAM,GAAG,SAAuB;IAOpD,IAAI;IA4BH,qBAAqB;IAQf,UAAU,CAAC,EAAE,EAAE,QAAQ;IAsDpC,OAAO,CAAC,mCAAmC;IAwBpC,SAAS,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAcvC,SAAS,CAAC,qBAAqB;IAYxB,cAAc,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAIhD,YAAY,CAAC,MAAM,EAAE,GAAG;IAOxB,cAAc;IAkDpB,gBAAgB,EAAE,GAAG,CAK1B;IAGF,OAAO,CAAC,aAAa,CAAa;IAC3B,YAAY;IAUZ,kBAAkB,MAAO,eAAe,KAAG,GAAG,CAOpD;IAEM,cAAc,CAAE,KAAK,EAAE,eAAe;IAatC,iBAAiB,CAAE,KAAK,EAAE,eAAe;IAchD,cAAuB,qBAAqB,IAAI,MAAM,CAKrD;IAED,OAAO;IAIP,UAAU,CAAC,IAAI,EAAE,GAAG;IAIpB,qBAAqB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,eAAe;IAM9D,wBAAwB,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG;IAIrD,OAAO,CAAC,YAAY,CAAkB;IACtC,gBAAgB;yCA3VL,iCAAiC;2CAAjC,iCAAiC;CAmW7C"}

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

@@ -0,0 +1,627 @@
+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, EntityFieldTSType } from "@memberjunction/core";
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+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-inputs";
+import * as i6 from "@progress/kendo-angular-label";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "@progress/kendo-angular-dialog";
+import * as i9 from "@progress/kendo-angular-layout";
+import * as i10 from "@progress/kendo-angular-sortable";
+import * as i11 from "@progress/kendo-angular-filter";
+const _c0 = ["nameField"];
+const _c1 = ["dialogContainer"];
+const _c2 = ["outerDialogContainer"];
+function UserViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.Open()); });
+    i0.ɵɵelement(1, "kendo-svgicon", 5);
+    i0.ɵɵtext(2, " Properties ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r0.sharedService.kendoSVGIcon("gear"));
+} }
+function UserViewPropertiesDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 6);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 21);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵelement(2, "kendo-label", 24);
+    i0.ɵɵelementStart(3, "kendo-textbox", 25, 26);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.record.Name, $event) || (ctx_r14.record.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 27);
+    i0.ɵɵelement(6, "kendo-label", 28);
+    i0.ɵɵelementStart(7, "textarea", 29);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r16 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r16.record.Description, $event) || (ctx_r16.record.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r8 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r8.record.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r8.record.Description);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31)(1, "div")(2, "input", 32);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; i0.ɵɵtwoWayBindingSet(col_r18.hidden, $event) || (col_r18.hidden = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; const ctx_r21 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r21.toggleColumn(col_r18)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "kendo-label", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "kendo-svgicon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r18 = ctx.item;
+    const ctx_r17 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵpropertyInterpolate1("id", "column_", col_r18.ID, "");
+    i0.ɵɵtwoWayProperty("ngModel", !col_r18.hidden);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", "column_" + col_r18.ID)("text", col_r18.DisplayName ? col_r18.DisplayName : col_r18.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r17.sharedService.kendoSVGIcon("reorder"));
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-sortable", 30);
+    i0.ɵɵlistener("dragEnd", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.onDragEnd($event)); });
+    i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5, 5, "ng-template");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("kendoSortableBinding", ctx_r9.localGridState.columnSettings)("animation", true);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 39)(1, "kendo-textarea", 40);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r26.record.SmartFilterPrompt, $event) || (ctx_r26.record.SmartFilterPrompt = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r24 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("fillHeight", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("rows", 10);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r24.record.SmartFilterPrompt);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 41);
+    i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r28.onFilterChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r25 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("filters", ctx_r25.setupFilters())("value", ctx_r25.defaultFilterState);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "kendo-label", 35);
+    i0.ɵɵelementStart(2, "kendo-switch", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r30.record.SmartFilterEnabled, $event) || (ctx_r30.record.SmartFilterEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template, 2, 3, "div", 37)(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template, 2, 2, "div", 38);
+} if (rf & 2) {
+    const ctx_r10 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r10.record.SmartFilterEnabled);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r10.record.SmartFilterEnabled);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r10.record.SmartFilterEnabled);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 45);
+    i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r34 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r34.sortColumnValueChange(s_r33, $event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.field, $event) || (s_r33.field = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 46);
+    i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.sortDirectionValueChange(s_r33, $event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.direction, $event) || (s_r33.direction = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 43);
+    i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r39.removeSort(s_r33)); });
+    i0.ɵɵelement(4, "kendo-svgicon", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r33 = ctx.$implicit;
+    const ctx_r32 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r32.sortFields);
+    i0.ɵɵtwoWayProperty("ngModel", s_r33.field);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r32.sortDirections);
+    i0.ɵɵtwoWayProperty("ngModel", s_r33.direction);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", ctx_r32.sharedService.kendoSVGIcon("sortClear"));
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template(rf, ctx) { if (rf & 1) {
+    const _r41 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 42)(1, "button", 43);
+    i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r40.addSort()); });
+    i0.ɵɵelement(2, "kendo-svgicon", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template, 5, 5, "div", 44);
+} if (rf & 2) {
+    const ctx_r11 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon("filterAddExpression"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r11.sortState);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r45 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r44.record.SmartFilterExplanation, $event) || (ctx_r44.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-textarea", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r46 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r46.record.SmartFilterWhereClause, $event) || (ctx_r46.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r42 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterExplanation);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterWhereClause);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r47.record.WhereClause, $event) || (ctx_r47.record.WhereClause = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r43 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("readonly", true)("rows", 7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r43.record.WhereClause);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template, 3, 6, "div", 38)(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template, 2, 3, "div", 47);
+} if (rf & 2) {
+    const ctx_r12 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", ctx_r12.record.SmartFilterEnabled);
+} }
+function UserViewPropertiesDialogComponent_kendo_window_5_Template(rf, ctx) { if (rf & 1) {
+    const _r50 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 7);
+    i0.ɵɵlistener("close", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r49.closePropertiesDialog()); })("resizeEnd", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.ResizeTab()); })("heightChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.ResizeTab()); })("widthChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r53 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r53.ResizeTab()); });
+    i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template, 1, 0, "kendo-loader", 8);
+    i0.ɵɵelementStart(2, "div", 9, 10)(4, "div")(5, "kendo-tabstrip", 11)(6, "kendo-tabstrip-tab", 12);
+    i0.ɵɵtemplate(7, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template, 8, 2, "ng-template", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 14);
+    i0.ɵɵtemplate(9, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template, 2, 2, "ng-template", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 15);
+    i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template, 5, 3, "ng-template", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 16);
+    i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 4, 2, "ng-template", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 17);
+    i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template, 2, 1, "ng-template", 13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 18)(17, "button", 19);
+    i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r50); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.saveProperties()); });
+    i0.ɵɵelement(18, "kendo-svgicon", 5);
+    i0.ɵɵtext(19, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 20);
+    i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r50); const ctx_r55 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r55.closePropertiesDialog()); });
+    i0.ɵɵtext(21, "Cancel");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minHeight", 300)("minWidth", 800)("top", 100)("left", 100)("width", 668)("height", 525)("resizable", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.showloader);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r3.showloader ? "disabled-div" : "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r3.TabHeight);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("selected", true);
+    i0.ɵɵadvance(12);
+    i0.ɵɵproperty("icon", ctx_r3.sharedService.kendoSVGIcon("save"));
+} }
+export class UserViewPropertiesDialogComponent extends BaseFormComponent {
+    constructor(route, elRef, ss, formBuilder, router, renderer) {
+        super(elRef, ss, router, route);
+        this.route = route;
+        this.elRef = elRef;
+        this.ss = ss;
+        this.formBuilder = formBuilder;
+        this.router = router;
+        this.renderer = renderer;
+        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._savedFilters = null;
+        this.toKendoFilterField = (f) => {
+            var _a;
+            return {
+                field: f.Name,
+                title: (_a = f.DisplayName) !== null && _a !== void 0 ? _a : f.Name,
+                editor: this.getKendoEditor(f),
+                operators: this.getKendoOperators(f)
+            };
+        };
+        this._movedToBody = false;
+        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
+            this.moveDialogToBody();
+        });
+    }
+    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 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);
+            }
+        });
+    }
+    setupFilters() {
+        if (this._savedFilters === null) {
+            const filters = this.ViewEntityInfo.Fields.map((f) => this.toKendoFilterField(f));
+            this._savedFilters = filters;
+            return filters;
+        }
+        else
+            return this._savedFilters;
+    }
+    getKendoEditor(field) {
+        switch (field.TSType) {
+            case EntityFieldTSType.Boolean:
+                return 'boolean';
+            case EntityFieldTSType.Date:
+                return 'date';
+            case EntityFieldTSType.Number:
+                return 'number';
+            default:
+                return 'string';
+        }
+    }
+    getKendoOperators(field) {
+        switch (field.TSType) {
+            case EntityFieldTSType.Boolean:
+                return this.defaultOperators.boolean;
+            case EntityFieldTSType.Date:
+                return this.defaultOperators.date;
+            case EntityFieldTSType.Number:
+                return this.defaultOperators.number;
+            default:
+                return this.defaultOperators.string;
+        }
+    }
+    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) {
+    }
+    moveDialogToBody() {
+        if (this._movedToBody)
+            return;
+        const dialogElement = this.outerDialogContainer.nativeElement;
+        this.renderer.appendChild(document.body, dialogElement);
+        this._movedToBody = true;
+    }
+}
+UserViewPropertiesDialogComponent.ɵfac = function UserViewPropertiesDialogComponent_Factory(t) { return new (t || UserViewPropertiesDialogComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i0.Renderer2)); };
+UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewPropertiesDialogComponent, selectors: [["mj-user-view-properties-dialog"]], viewQuery: function UserViewPropertiesDialogComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(WindowComponent, 5);
+        i0.ɵɵviewQuery(TabComponent, 5);
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+        i0.ɵɵviewQuery(_c2, 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);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerDialogContainer = _t.first);
+    } }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 3, consts: [["kendoButton", "", "themeColor", "info", "class", "view-properties-button", 3, "click", 4, "ngIf"], ["outerDialogContainer", ""], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", "themeColor", "info", 1, "view-properties-button", 3, "click"], [3, "icon"], [1, "k-overlay"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "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", ""], [3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "customBtn", "popup-actions"], ["kendoButton", "", "themeColor", "info", 3, "click"], ["fillMode", "outline", "themeColor", "info", "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"], ["kendoButton", "", 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"], [4, "ngElse"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function UserViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 1, "button", 0);
+        i0.ɵɵelementStart(2, "div", null, 1);
+        i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_div_4_Template, 1, 0, "div", 2)(5, UserViewPropertiesDialogComponent_kendo_window_5_Template, 22, 15, "kendo-window", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.ShowPropertiesButton);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
+    } }, dependencies: [i4.NgForOf, i4.NgIf, i5.TextAreaComponent, i5.TextBoxComponent, i5.SwitchComponent, i5.CheckBoxDirective, i6.LabelComponent, i3.DefaultValueAccessor, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i7.ButtonComponent, i8.WindowComponent, i9.TabStripComponent, i9.TabStripTabComponent, i9.TabContentDirective, i10.SortableComponent, i10.SortableBindingDirective, i11.FilterComponent], 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  }\r\n    .customBtn button {\r\n    flex: 1;\r\n    border-radius: 10px;\r\n    line-height: 34px;\r\n  }\r\n    .popup-content .k-tabstrip-items-wrapper {\r\n    background: var(--white-color) !important;\r\n    padding-left: 0 !important;\r\n  }\r\n    .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n    border-bottom: 3px solid var(--border-blue) !important;\r\n  }\r\n      .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n    background: var(--white-color) !important;\r\n    border-right: 0 !important;\r\n  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\r\n    <button *ngIf=\"ShowPropertiesButton\"\r\n      kendoButton\r\n      themeColor=\"info\"\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\r\n    </button>\r\n    <div  #outerDialogContainer>\r\n        <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\r\n        <kendo-window\r\n            [minHeight]=\"300\"\r\n            [minWidth]=\"800\"\r\n            [top]=\"100\"\r\n            [left]=\"100\"\r\n            [width]=\"668\"\r\n            [height]=\"525\"\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 [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\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                        <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                        <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]=\"setupFilters()\"\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                        <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                        <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                    </kendo-tabstrip>\r\n            \r\n                    <div class=\"k-actions k-actions-end customBtn popup-actions\">\r\n                        <button kendoButton (click)=\"saveProperties()\" themeColor=\"info\">\r\n                            <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('save')\"></kendo-svgicon>\r\n                            Save\r\n                        </button>\r\n                        <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </kendo-window>\r\n    </div>\r\n</div>  ", 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  }\r\n  ::ng-deep .customBtn button {\r\n    flex: 1;\r\n    border-radius: 10px;\r\n    line-height: 34px;\r\n  }\r\n  ::ng-deep .popup-content .k-tabstrip-items-wrapper {\r\n    background: var(--white-color) !important;\r\n    padding-left: 0 !important;\r\n  }\r\n  ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n    border-bottom: 3px solid var(--border-blue) !important;\r\n  }\r\n    ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n    background: var(--white-color) !important;\r\n    border-right: 0 !important;\r\n  }"] }]
+    }], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }, { type: i0.Renderer2 }], { 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']
+        }], outerDialogContainer: [{
+            type: ViewChild,
+            args: ['outerDialogContainer']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewPropertiesDialogComponent, { className: "UserViewPropertiesDialogComponent", filePath: "src\\lib\\user-view-properties.component.ts", lineNumber: 21 }); })();

package/dist/module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./lib/user-view-properties.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@progress/kendo-angular-label";
+import * as i5 from "@angular/forms";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-dialog";
+import * as i8 from "@progress/kendo-angular-layout";
+import * as i9 from "@progress/kendo-angular-sortable";
+import * as i10 from "@progress/kendo-angular-filter";
+export declare class UserViewPropertiesDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewPropertiesDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UserViewPropertiesDialogModule, [typeof i1.UserViewPropertiesDialogComponent], [typeof i2.CommonModule, typeof i3.InputsModule, typeof i4.LabelModule, typeof i5.FormsModule, typeof i6.ButtonsModule, typeof i7.WindowModule, typeof i8.TabStripModule, typeof i9.SortableModule, typeof i10.FilterModule], [typeof i1.UserViewPropertiesDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UserViewPropertiesDialogModule>;
+}
+//# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;AAeA,qBAmBa,8BAA8B;yCAA9B,8BAA8B;0CAA9B,8BAA8B;0CAA9B,8BAA8B;CAAI"}

package/dist/module.js

@@ -0,0 +1,57 @@
+import { NgModule } from '@angular/core';
+import { UserViewPropertiesDialogComponent } from './lib/user-view-properties.component';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+// Kendo UI Angular imports
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { LabelModule } from '@progress/kendo-angular-label';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { WindowModule } from '@progress/kendo-angular-dialog';
+import { TabStripModule } from '@progress/kendo-angular-layout';
+import { SortableModule } from '@progress/kendo-angular-sortable';
+import { FilterModule } from '@progress/kendo-angular-filter';
+import * as i0 from "@angular/core";
+export class UserViewPropertiesDialogModule {
+}
+UserViewPropertiesDialogModule.ɵfac = function UserViewPropertiesDialogModule_Factory(t) { return new (t || UserViewPropertiesDialogModule)(); };
+UserViewPropertiesDialogModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: UserViewPropertiesDialogModule });
+UserViewPropertiesDialogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        InputsModule,
+        LabelModule,
+        FormsModule,
+        ButtonsModule,
+        WindowModule,
+        TabStripModule,
+        SortableModule,
+        FilterModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    UserViewPropertiesDialogComponent
+                ],
+                imports: [
+                    CommonModule,
+                    InputsModule,
+                    LabelModule,
+                    FormsModule,
+                    ButtonsModule,
+                    WindowModule,
+                    TabStripModule,
+                    SortableModule,
+                    FilterModule
+                ],
+                exports: [
+                    UserViewPropertiesDialogComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UserViewPropertiesDialogModule, { declarations: [UserViewPropertiesDialogComponent], imports: [CommonModule,
+        InputsModule,
+        LabelModule,
+        FormsModule,
+        ButtonsModule,
+        WindowModule,
+        TabStripModule,
+        SortableModule,
+        FilterModule], exports: [UserViewPropertiesDialogComponent] }); })();

package/dist/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/user-view-properties.component';
+export * from './module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,sCAAsC,CAAC;AACrD,cAAc,UAAU,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface
+ */
+export * from './lib/user-view-properties.component';
+export * from './module';

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@memberjunction/ng-user-view-properties",
+  "version": "0.9.2",
+  "description": "MemberJunction: Angular UI Dialog Component to View/Edit User View Properties",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "ngc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "~17.2.2",
+    "@angular/compiler-cli": "~17.2.2"
+  },
+  "peerDependencies": {
+    "@angular/common": "~17.2.2",
+    "@angular/core": "~17.2.2",
+    "@angular/forms": "~17.2.2"
+  },
+  "dependencies": {
+    "@memberjunction/global": "^0.9.165",
+    "@memberjunction/core": "^0.9.183",
+    "@memberjunction/core-entities": "^0.9.178",
+    "@memberjunction/ng-base-forms": "^0.9.14",
+    "@memberjunction/ng-shared": "^0.9.46",
+    "@progress/kendo-angular-sortable": "~15.1.0",
+    "@progress/kendo-angular-dialog": "~15.1.0",
+    "@progress/kendo-angular-layout": "~15.1.0",
+    "@progress/kendo-angular-inputs": "~15.1.0",
+    "@progress/kendo-angular-buttons": "~15.1.0",
+    "@progress/kendo-data-query": "~1.7.0",
+    "@progress/kendo-angular-filter": "~15.1.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}