@memberjunction/ng-explorer-core 1.3.3 → 1.4.1

package/dist/lib/single-list-detail/single-list-detail.component.js

@@ -0,0 +1,213 @@
+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 } from '@angular/core';
+import { LogError, Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-grid";
+import * as i6 from "@progress/kendo-angular-dialog";
+import * as i7 from "@progress/kendo-angular-indicators";
+import * as i8 from "@progress/kendo-angular-buttons";
+import * as i9 from "@progress/kendo-angular-label";
+import * as i10 from "@progress/kendo-angular-dropdowns";
+function SingleListDetailComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 4);
+} }
+function SingleListDetailComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-grid", 6);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("data", ctx_r1.gridData);
+} }
+function SingleListDetailComponent_kendo_dialog_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 4);
+} }
+function SingleListDetailComponent_kendo_dialog_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "kendo-label", 12)(2, "kendo-dropdownlist", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_kendo_dialog_9_Conditional_2_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.selectedUserView, $event) || (ctx_r5.selectedUserView = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("data", ctx_r4.userViews)("filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r4.selectedUserView);
+} }
+function SingleListDetailComponent_kendo_dialog_9_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 7);
+    i0.ɵɵlistener("close", function SingleListDetailComponent_kendo_dialog_9_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.toggleAddDialog(false)); });
+    i0.ɵɵtemplate(1, SingleListDetailComponent_kendo_dialog_9_Conditional_1_Template, 1, 0, "kendo-loader", 4)(2, SingleListDetailComponent_kendo_dialog_9_Conditional_2_Template, 3, 3);
+    i0.ɵɵelementStart(3, "kendo-dialog-actions", 8)(4, "button", 9);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_kendo_dialog_9_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.addTolist()); });
+    i0.ɵɵtext(5, " Create ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 10);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_kendo_dialog_9_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.toggleAddDialog(false)); });
+    i0.ɵɵtext(7, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 250)("width", 650)("height", 550);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(1, ctx_r2.showAddLoader ? 1 : 2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r2.showAddLoader || !ctx_r2.selectedUserView);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.showAddLoader);
+} }
+export class SingleListDetailComponent {
+    constructor(router, route, sharedService) {
+        this.router = router;
+        this.route = route;
+        this.sharedService = sharedService;
+        this.listRecord = null;
+        this.showLoader = false;
+        this.gridData = [];
+        this.listName = "";
+        this.showAddDialog = false;
+        this.showAddLoader = false;
+        this.userViews = [];
+        this.selectedUserView = null;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showLoader = true;
+            this.route.paramMap.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
+                const listID = params.get('listID');
+                if (listID) {
+                    const md = new Metadata();
+                    const rv = new RunView();
+                    const listRunViewResult = yield rv.RunView({
+                        EntityName: 'Lists',
+                        ResultType: 'entity_object',
+                        ExtraFilter: `ID = ${listID}`
+                    }, md.CurrentUser);
+                    if (!listRunViewResult.Success || listRunViewResult.Results.length === 0) {
+                        LogError("Error loading list with ID " + listID);
+                        return;
+                    }
+                    const listEntity = listRunViewResult.Results[0];
+                    const entity = md.EntityFromEntityID(listEntity.EntityID);
+                    if (!entity) {
+                        LogError("Error fetching EntityInfo with ID " + listEntity.EntityID);
+                        return;
+                    }
+                    this.listName = listEntity.Name;
+                    this.listRecord = listEntity;
+                    const runViewResult = yield rv.RunView({
+                        EntityName: 'List Details',
+                        ResultType: 'entity_object',
+                        ExtraFilter: `ListID = ${listID}`
+                    }, md.CurrentUser);
+                    if (!runViewResult.Success) {
+                        LogError("Error loading list details for list with ID " + listID);
+                        return;
+                    }
+                    const listDetailRecords = runViewResult.Results;
+                    if (listDetailRecords.length > 0) {
+                        const recordIDs = listDetailRecords.map(ld => ld.RecordID).join(',');
+                        let extraFilter = `ID IN (${recordIDs})`;
+                        const rvResult = yield rv.RunView({
+                            EntityName: entity.Name,
+                            ExtraFilter: extraFilter
+                        }, md.CurrentUser);
+                        if (!rvResult.Success) {
+                            LogError(`Error loading ${entity.Name} records with extra filter ${extraFilter}`);
+                            return;
+                        }
+                        this.gridData = rvResult.Results;
+                    }
+                }
+                this.showLoader = false;
+            }));
+        });
+    }
+    toggleAddDialog(show) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return;
+            this.showAddDialog = show;
+            if (show && this.userViews.length === 0) {
+                yield this.loadEntityViews();
+            }
+        });
+    }
+    addTolist() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.selectedUserView || !this.selectedUserView.Get("ID") || !this.listRecord || !this.listRecord.Entity) {
+                return;
+            }
+            this.showAddLoader = true;
+            const rv = new RunView();
+            const md = new Metadata();
+            const runViewResult = yield rv.RunView({
+                EntityName: this.listRecord.Entity,
+                ExtraFilter: `UserID = ${md.CurrentUser.ID} AND EntityID = ${this.listRecord.EntityID} AND ID = ${this.selectedUserView.Get("ID")}`,
+                ResultType: 'entity_object'
+            }, md.CurrentUser);
+            if (!runViewResult.Success) {
+                this.showAddLoader = true;
+                LogError(`Error loading ${this.listRecord.Entity} User View record for user ${md.CurrentUser.ID}`);
+                return;
+            }
+        });
+    }
+    loadEntityViews() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showAddLoader = true;
+            if (!this.listRecord || !this.listRecord.Entity) {
+                return;
+            }
+            const rv = new RunView();
+            const md = new Metadata();
+            const runViewResult = yield rv.RunView({
+                EntityName: "User Views",
+                ExtraFilter: `UserID = ${md.CurrentUser.ID} AND EntityID = ${this.listRecord.EntityID}`,
+                ResultType: 'entity_object'
+            }, md.CurrentUser);
+            if (!runViewResult.Success) {
+                this.showAddLoader = true;
+                LogError(`Error loading ${this.listRecord.Entity} User View records for user ${md.CurrentUser.ID}`);
+                return;
+            }
+            this.userViews = runViewResult.Results;
+            this.showAddLoader = false;
+        });
+    }
+}
+SingleListDetailComponent.ɵfac = function SingleListDetailComponent_Factory(t) { return new (t || SingleListDetailComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+SingleListDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleListDetailComponent, selectors: [["mj-list-detail"]], decls: 10, vars: 3, consts: [[1, "app-container"], [1, "flex-display-row-header"], ["kendobutton", "", "themeColor", "info", 3, "click"], [1, "fa-solid", "fa-plus"], ["type", "converging-spinner"], ["title", "Add to List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], [3, "data"], ["title", "Add to List", 3, "minWidth", "width", "height", "close"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "disabled", "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "disabled", "click"], [1, "mt-10"], ["text", "Select a View"], ["textField", "Name", "valueField", "ID", 1, "mt-10", 3, "data", "filterable", "ngModel", "ngModelChange"]], template: function SingleListDetailComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h1");
+        i0.ɵɵtext(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "button", 2);
+        i0.ɵɵlistener("click", function SingleListDetailComponent_Template_button_click_4_listener() { return ctx.toggleAddDialog(true); });
+        i0.ɵɵelement(5, "span", 3);
+        i0.ɵɵtext(6, " Add to List ");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(7, SingleListDetailComponent_Conditional_7_Template, 1, 0, "kendo-loader", 4)(8, SingleListDetailComponent_Conditional_8_Template, 1, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(9, SingleListDetailComponent_kendo_dialog_9_Template, 8, 6, "kendo-dialog", 5);
+    } if (rf & 2) {
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx.listName);
+        i0.ɵɵadvance(4);
+        i0.ɵɵconditional(7, ctx.showLoader ? 7 : 8);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.showAddDialog);
+    } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.GridComponent, i6.DialogComponent, i6.DialogActionsComponent, i7.LoaderComponent, i8.ButtonComponent, i9.LabelComponent, i10.DropDownListComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleListDetailComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-list-detail', template: "<div class=\"app-container\">\n    <div class=\"flex-display-row-header\">\n        <h1>{{listName}}</h1>\n        <button kendobutton (click)=\"toggleAddDialog(true)\" themeColor=\"info\">\n            <span class=\"fa-solid fa-plus\"></span>\n            Add to List\n        </button>\n    </div>\n    @if(showLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else{\n        <kendo-grid [data]=\"gridData\"></kendo-grid>\n    }\n</div>\n<kendo-dialog\ntitle=\"Add to List\"\n*ngIf=\"showAddDialog\"\n(close)=\"toggleAddDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n    @if(showAddLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else {\n        <div class=\"mt-10\">\n            <kendo-label text=\"Select a View\">\n                <kendo-dropdownlist \n                    class=\"mt-10\"\n                    [data]=\"userViews\"\n                    [filterable]=\"true\"\n                    textField=\"Name\"\n                    valueField=\"ID\"\n                    [(ngModel)]=\"selectedUserView\"\n                />\n            </kendo-label>\n        </div>\n    }\n    <kendo-dialog-actions class=\"popup-actions-btn\">\n        <button class=\"cancel-btn\" (click)=\"addTolist()\" [disabled]=\"showAddLoader || !selectedUserView\" kendoButton themeColor=\"info\">\n          Create\n        </button>\n        <button  class=\"yes-btn\" (click)=\"toggleAddDialog(false)\" [disabled]=\"showAddLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n          Cancel\n        </button>\n    </kendo-dialog-actions>\n</kendo-dialog>" }]
+    }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleListDetailComponent, { className: "SingleListDetailComponent", filePath: "src/lib/single-list-detail/single-list-detail.component.ts", lineNumber: 12 }); })();

package/dist/lib/single-record/single-record.component.d.ts

@@ -1,22 +1,25 @@
 import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { CompositeKey } from '@memberjunction/core';
+import { CompositeKey, BaseEntity } from '@memberjunction/core';
 import { Container } from '@memberjunction/ng-container-directives';
 import * as i0 from "@angular/core";
 export declare class SingleRecordComponent implements OnInit, AfterViewInit {
     private route;
     formContainer: Container;
-    CompositeKey: CompositeKey;
+    PrimaryKey: CompositeKey;
     entityName: string | null;
+    newRecordValues: string | null;
     loadComplete: EventEmitter<any>;
+    recordSaved: EventEmitter<BaseEntity>;
     constructor(route: ActivatedRoute);
     appDescription: string;
     useGenericForm: boolean;
     loading: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    LoadForm(compositeKey: CompositeKey, entityName: string): Promise<void>;
+    LoadForm(primaryKey: CompositeKey, entityName: string): Promise<void>;
+    protected SetNewRecordValues(record: BaseEntity): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SingleRecordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SingleRecordComponent, "mj-single-record", never, { "CompositeKey": { "alias": "CompositeKey"; "required": false; }; "entityName": { "alias": "entityName"; "required": false; }; }, { "loadComplete": "loadComplete"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleRecordComponent, "mj-single-record", never, { "PrimaryKey": { "alias": "PrimaryKey"; "required": false; }; "entityName": { "alias": "entityName"; "required": false; }; "newRecordValues": { "alias": "newRecordValues"; "required": false; }; }, { "loadComplete": "loadComplete"; "recordSaved": "recordSaved"; }, never, never, false, never>;
 }
 //# sourceMappingURL=single-record.component.d.ts.map

package/dist/lib/single-record/single-record.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-record.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-record/single-record.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,YAAY,EAAS,MAAM,EAAqB,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;;AAIpE,qBAKa,qBAAsB,YAAW,MAAM,EAAE,aAAa;IAOpD,OAAO,CAAC,KAAK;IANY,aAAa,EAAG,SAAS,CAAC;IAChD,YAAY,EAAE,YAAY,CAAsB;IAChD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAM;IAE9B,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;gBAEtD,KAAK,EAAE,cAAc;IAInC,cAAc,EAAE,MAAM,CAAK;IAC3B,cAAc,EAAE,OAAO,CAAS;IAChC,OAAO,EAAE,OAAO,CAAQ;IAE/B,QAAQ,IAAI,IAAI;IAGhB,eAAe;IAIT,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM;yCAtBlD,qBAAqB;2CAArB,qBAAqB;CAyDjC"}
+{"version":3,"file":"single-record.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-record/single-record.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,YAAY,EAAS,MAAM,EAAqB,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAA0B,YAAY,EAAE,UAAU,EAA4D,MAAM,sBAAsB,CAAC;AAElJ,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;;AAIpE,qBAKa,qBAAsB,YAAW,MAAM,EAAE,aAAa;IASpD,OAAO,CAAC,KAAK;IARY,aAAa,EAAG,SAAS,CAAC;IAChD,UAAU,EAAE,YAAY,CAAsB;IAC9C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAM;IAC/B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAM;IAEnC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAC1D,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;gBAEnE,KAAK,EAAE,cAAc;IAInC,cAAc,EAAE,MAAM,CAAK;IAC3B,cAAc,EAAE,OAAO,CAAS;IAChC,OAAO,EAAE,OAAO,CAAQ;IAE/B,QAAQ,IAAI,IAAI;IAGhB,eAAe;IAIF,QAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM;IAuDlE,SAAS,CAAC,kBAAkB,CAAC,MAAM,EAAE,UAAU;yCA/EpC,qBAAqB;2CAArB,qBAAqB;CA8GjC"}

package/dist/lib/single-record/single-record.component.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { Metadata, CompositeKey } from '@memberjunction/core';
+import { Metadata, CompositeKey, FieldValueCollection, EntityFieldTSType } from '@memberjunction/core';
 import { MJGlobal } from '@memberjunction/global';
 import { Container } from '@memberjunction/ng-container-directives';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
@@ -24,9 +24,11 @@ function SingleRecordComponent_ng_template_1_Template(rf, ctx) { }
 export class SingleRecordComponent {
     constructor(route) {
         this.route = route;
-        this.CompositeKey = new CompositeKey();
+        this.PrimaryKey = new CompositeKey();
         this.entityName = '';
+        this.newRecordValues = '';
         this.loadComplete = new EventEmitter();
+        this.recordSaved = new EventEmitter();
         this.appDescription = '';
         this.useGenericForm = false;
         this.loading = true;
@@ -34,39 +36,87 @@ export class SingleRecordComponent {
     ngOnInit() {
     }
     ngAfterViewInit() {
-        this.LoadForm(this.CompositeKey, this.entityName);
+        this.LoadForm(this.PrimaryKey, this.entityName);
     }
-    LoadForm(compositeKey, entityName) {
+    LoadForm(primaryKey, entityName) {
         return __awaiter(this, void 0, void 0, function* () {
             // Perform any necessary actions with the ViewID, such as fetching data
-            if (compositeKey.KeyValuePairs && entityName) {
-                this.entityName = entityName;
-                this.CompositeKey = compositeKey;
-                const formReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, entityName);
-                const md = new Metadata();
-                const entity = md.Entities.find(e => {
-                    return e.Name === entityName;
-                });
-                const permissions = entity === null || entity === void 0 ? void 0 : entity.GetUserPermisions(md.CurrentUser);
-                if (formReg) {
-                    const record = yield md.GetEntityObject(entityName);
-                    if (record) {
-                        yield record.InnerLoad(compositeKey);
-                        const viewContainerRef = this.formContainer.viewContainerRef;
-                        viewContainerRef.clear();
-                        const componentRef = viewContainerRef.createComponent(formReg.SubClass);
-                        componentRef.instance.record = record;
-                        componentRef.instance.userPermissions = permissions;
-                        this.useGenericForm = false;
-                        this.loadComplete.emit();
+            if (!entityName || entityName.trim().length === 0)
+                return; // not ready to load
+            this.entityName = entityName;
+            if (primaryKey.HasValue) {
+                // we have an existing record to load up
+                this.PrimaryKey = primaryKey;
+            }
+            else {
+                // new record, no existing primary key
+                this.PrimaryKey = new CompositeKey();
+            }
+            const formReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, entityName);
+            const md = new Metadata();
+            const entity = md.Entities.find(e => {
+                return e.Name === entityName;
+            });
+            const permissions = entity === null || entity === void 0 ? void 0 : entity.GetUserPermisions(md.CurrentUser);
+            if (formReg) {
+                const record = yield md.GetEntityObject(entityName);
+                if (record) {
+                    if (primaryKey.HasValue)
+                        yield record.InnerLoad(primaryKey);
+                    else {
+                        record.NewRecord();
+                        this.SetNewRecordValues(record);
                     }
-                    else
-                        throw new Error(`Unable to load entity ${entityName} with primary key values: ${compositeKey.ToString()}`);
+                    record.RegisterEventHandler((eventType) => {
+                        if (eventType.type === 'save')
+                            this.recordSaved.emit(record);
+                    });
+                    const viewContainerRef = this.formContainer.viewContainerRef;
+                    viewContainerRef.clear();
+                    const componentRef = viewContainerRef.createComponent(formReg.SubClass);
+                    componentRef.instance.record = record;
+                    componentRef.instance.userPermissions = permissions;
+                    componentRef.instance.EditMode = !primaryKey.HasValue; // for new records go direct into edit mode
+                    this.useGenericForm = false;
+                    this.loadComplete.emit();
                 }
-                this.loading = false;
+                else
+                    throw new Error(`Unable to load entity ${entityName} with primary key values: ${primaryKey.ToString()}`);
             }
+            this.loading = false;
         });
     }
+    SetNewRecordValues(record) {
+        if (this.newRecordValues && this.newRecordValues.length > 0) {
+            // we have some provided new record values to apply
+            const fv = new FieldValueCollection();
+            fv.SimpleLoadFromURLSegment(this.newRecordValues);
+            // now apply the values to the record
+            fv.KeyValuePairs.filter(kvp => kvp.Value !== null && kvp.Value !== undefined).forEach(kvp => {
+                const f = record.Fields.find(f => f.Name.trim().toLowerCase() === kvp.FieldName.trim().toLowerCase());
+                if (f) {
+                    // make sure we set the value to the right type based on the f.TSType property
+                    switch (f.EntityFieldInfo.TSType) {
+                        case EntityFieldTSType.String:
+                            record.Set(kvp.FieldName, kvp.Value);
+                            break;
+                        case EntityFieldTSType.Number:
+                            record.Set(kvp.FieldName, parseFloat(kvp.Value));
+                            break;
+                        case EntityFieldTSType.Boolean:
+                            if (kvp.Value === 'false' || kvp.Value === '0' || kvp.Value.toString().trim().length === 0)
+                                record.Set(kvp.FieldName, false);
+                            else
+                                record.Set(kvp.FieldName, true);
+                            break;
+                        case EntityFieldTSType.Date:
+                            record.Set(kvp.FieldName, new Date(kvp.Value));
+                            break;
+                    }
+                }
+            });
+        }
+    }
 }
 SingleRecordComponent.ɵfac = function SingleRecordComponent_Factory(t) { return new (t || SingleRecordComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute)); };
 SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleRecordComponent, selectors: [["mj-single-record"]], viewQuery: function SingleRecordComponent_Query(rf, ctx) { if (rf & 1) {
@@ -74,7 +124,7 @@ SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formContainer = _t.first);
-    } }, inputs: { CompositeKey: "CompositeKey", entityName: "entityName" }, outputs: { loadComplete: "loadComplete" }, decls: 2, vars: 1, consts: [["type", "converging-spinner", 4, "ngIf"], ["mjContainer", ""], ["type", "converging-spinner"]], template: function SingleRecordComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { PrimaryKey: "PrimaryKey", entityName: "entityName", newRecordValues: "newRecordValues" }, outputs: { loadComplete: "loadComplete", recordSaved: "recordSaved" }, decls: 2, vars: 1, consts: [["type", "converging-spinner", 4, "ngIf"], ["mjContainer", ""], ["type", "converging-spinner"]], template: function SingleRecordComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, SingleRecordComponent_kendo_loader_0_Template, 1, 0, "kendo-loader", 0)(1, SingleRecordComponent_ng_template_1_Template, 0, 0, "ng-template", 1);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.loading);
@@ -85,11 +135,15 @@ SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
     }], () => [{ type: i1.ActivatedRoute }], { formContainer: [{
             type: ViewChild,
             args: [Container, { static: true }]
-        }], CompositeKey: [{
+        }], PrimaryKey: [{
             type: Input
         }], entityName: [{
             type: Input
+        }], newRecordValues: [{
+            type: Input
         }], loadComplete: [{
             type: Output
+        }], recordSaved: [{
+            type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src/lib/single-record/single-record.component.ts", lineNumber: 14 }); })();

package/dist/lib/single-view/single-view.component.d.ts

@@ -20,6 +20,8 @@ export declare class SingleViewComponent implements AfterViewInit, OnInit {
     selectedEntity: EntityInfo | null;
     showSearch: boolean;
     searchText: string;
+    entityObjectName: string;
+    canCreateRecord: boolean;
     private searchDebounce$;
     private _deferLoadCount;
     constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);

package/dist/lib/single-view/single-view.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-view/single-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAY,UAAU,EAAY,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAY,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,qBAKa,mBAAoB,YAAW,aAAa,EAAE,MAAM;IAiBnD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAhB1B,oBAAoB,EAAG,iCAAiC,CAAC;IAEvG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7B,QAAQ,EAAE,MAAM,GAAE,IAAI,CAAQ;IAC9B,YAAY,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC3C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAEpE,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;IACzC,UAAU,EAAE,OAAO,CAAS;IAC5B,UAAU,EAAE,MAAM,CAAM;IAC/B,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAa;gBAEhB,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAIvG,eAAe;IAGf,QAAQ,IAAI,IAAI;YAIF,WAAW;IAkCZ,cAAc,CAAC,IAAI,EAAE,mBAAmB;IAKxC,QAAQ,CAAC,QAAQ,EAAE,cAAc;IAYjC,eAAe;IAUtB,OAAO;IAON,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKzC,OAAO,CAAC,mBAAmB;YASb,MAAM;IAKb,0BAA0B,CAAC,IAAI,EAAE,GAAG;yCAnHhC,mBAAmB;2CAAnB,mBAAmB;CA0H/B"}
+{"version":3,"file":"single-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-view/single-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAY,UAAU,EAA8C,MAAM,sBAAsB,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAY,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,qBAKa,mBAAoB,YAAW,aAAa,EAAE,MAAM;IAmBnD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAlB1B,oBAAoB,EAAG,iCAAiC,CAAC;IAEvG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7B,QAAQ,EAAE,MAAM,GAAE,IAAI,CAAQ;IAC9B,YAAY,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC3C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAEpE,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;IACzC,UAAU,EAAE,OAAO,CAAS;IAC5B,UAAU,EAAE,MAAM,CAAM;IACxB,gBAAgB,EAAE,MAAM,CAAM;IAC9B,eAAe,EAAE,OAAO,CAAS;IACxC,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,eAAe,CAAa;gBAEhB,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAIvG,eAAe;IAIf,QAAQ,IAAI,IAAI;YAIF,WAAW;IAwCZ,cAAc,CAAC,IAAI,EAAE,mBAAmB;IAMxC,QAAQ,CAAC,QAAQ,EAAE,cAAc;IAYjC,eAAe;IAUtB,OAAO;IAON,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKzC,OAAO,CAAC,mBAAmB;YASb,MAAM;IAKb,0BAA0B,CAAC,IAAI,EAAE,GAAG;yCA7HhC,mBAAmB;2CAAnB,mBAAmB;CAmI/B"}

package/dist/lib/single-view/single-view.component.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
 import { UserViewGridWithAnalysisComponent } from '@memberjunction/ng-ask-skip';
-import { Metadata, LogError } from '@memberjunction/core';
+import { Metadata, LogError, EntityPermissionType } from '@memberjunction/core';
 import { distinctUntilChanged, Subject } from "rxjs";
 import { debounceTime } from "rxjs/operators";
 import { ViewInfo } from '@memberjunction/core-entities';
@@ -22,25 +22,14 @@ import * as i5 from "@progress/kendo-angular-inputs";
 import * as i6 from "@memberjunction/ng-container-directives";
 import * as i7 from "@memberjunction/ng-ask-skip";
 import * as i8 from "@memberjunction/ng-user-view-properties";
-function SingleViewComponent_kendo_textbox_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textbox", 5);
-    i0.ɵɵlistener("valueChange", function SingleViewComponent_kendo_textbox_2_Template_kendo_textbox_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSearch($event)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function SingleViewComponent_kendo_textbox_2_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r4.searchText, $event) || (ctx_r4.searchText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("clearButton", true);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.searchText);
-} }
-function SingleViewComponent_mj_user_view_properties_dialog_3_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+function SingleViewComponent_mj_user_view_properties_dialog_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-user-view-properties-dialog", 6);
-    i0.ɵɵlistener("dialogClosed", function SingleViewComponent_mj_user_view_properties_dialog_3_Template_mj_user_view_properties_dialog_dialogClosed_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.viewPropertiesDialogClosed($event)); });
+    i0.ɵɵlistener("dialogClosed", function SingleViewComponent_mj_user_view_properties_dialog_4_Template_mj_user_view_properties_dialog_dialogClosed_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.viewPropertiesDialogClosed($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ViewID", ctx_r1.selectedView.ID);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ViewID", ctx_r0.selectedView.ID);
 } }
 export class SingleViewComponent {
     constructor(router, route, sharedService) {
@@ -56,6 +45,8 @@ export class SingleViewComponent {
         this.selectedEntity = null;
         this.showSearch = false;
         this.searchText = '';
+        this.entityObjectName = '';
+        this.canCreateRecord = false;
         this.searchDebounce$ = new Subject();
         this._deferLoadCount = 0;
     }
@@ -97,6 +88,11 @@ export class SingleViewComponent {
                     this.sharedService.CreateSimpleNotification(`The entity name ${this.entityName} is not valid. Please check the URL and try again.`, "error", 5000);
                 }
             }
+            if (this.selectedEntity) {
+                const entityObj = yield md.GetEntityObject(this.selectedEntity.Name);
+                this.canCreateRecord = entityObj.CheckPermissions(EntityPermissionType.Create, false);
+                this.entityObjectName = this.selectedEntity.Name;
+            }
         });
     }
     handleRowClick(args) {
@@ -165,25 +161,30 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewGridWithAnalysis = _t.first);
-    } }, inputs: { viewId: "viewId", viewName: "viewName", selectedView: "selectedView", extraFilter: "extraFilter", entityName: "entityName" }, outputs: { loadComplete: "loadComplete" }, decls: 5, vars: 4, consts: [["mjFillContainer", "", 1, "single-view-wrap", 3, "bottomMargin"], [1, "searchBox"], ["id", "txtSearch", "placeholder", "Search here...", "kendoTextBox", "", 3, "clearButton", "ngModel", "valueChange", "ngModelChange", 4, "ngIf"], [3, "ViewID", "dialogClosed", 4, "ngIf"], ["mjFillContainer", "", 1, "analysis-wrapper", 3, "AutoNavigate", "rowClicked"], ["id", "txtSearch", "placeholder", "Search here...", "kendoTextBox", "", 3, "clearButton", "ngModel", "valueChange", "ngModelChange"], [3, "ViewID", "dialogClosed"]], template: function SingleViewComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-        i0.ɵɵtemplate(2, SingleViewComponent_kendo_textbox_2_Template, 1, 2, "kendo-textbox", 2)(3, SingleViewComponent_mj_user_view_properties_dialog_3_Template, 1, 1, "mj-user-view-properties-dialog", 3);
+    } }, inputs: { viewId: "viewId", viewName: "viewName", selectedView: "selectedView", extraFilter: "extraFilter", entityName: "entityName" }, outputs: { loadComplete: "loadComplete" }, decls: 6, vars: 5, consts: [["mjFillContainer", "", 1, "single-view-wrap", 3, "bottomMargin"], [1, "searchBox"], ["id", "txtSearch", "placeholder", "Search here...", "kendoTextBox", "", 3, "clearButton", "ngModel", "valueChange", "ngModelChange"], [1, "flex-row"], ["class", "padding-left-small", 3, "ViewID", "dialogClosed", 4, "ngIf"], ["mjFillContainer", "", 1, "analysis-wrapper", 3, "AutoNavigate", "rowClicked"], [1, "padding-left-small", 3, "ViewID", "dialogClosed"]], template: function SingleViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "kendo-textbox", 2);
+        i0.ɵɵlistener("valueChange", function SingleViewComponent_Template_kendo_textbox_valueChange_2_listener($event) { return ctx.onSearch($event); });
+        i0.ɵɵtwoWayListener("ngModelChange", function SingleViewComponent_Template_kendo_textbox_ngModelChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.searchText, $event) || (ctx.searchText = $event); return $event; });
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "mj-user-view-grid-with-analysis", 4);
-        i0.ɵɵlistener("rowClicked", function SingleViewComponent_Template_mj_user_view_grid_with_analysis_rowClicked_4_listener($event) { return ctx.handleRowClick($event); });
+        i0.ɵɵelementStart(3, "div", 3);
+        i0.ɵɵtemplate(4, SingleViewComponent_mj_user_view_properties_dialog_4_Template, 1, 1, "mj-user-view-properties-dialog", 4);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(5, "mj-user-view-grid-with-analysis", 5);
+        i0.ɵɵlistener("rowClicked", function SingleViewComponent_Template_mj_user_view_grid_with_analysis_rowClicked_5_listener($event) { return ctx.handleRowClick($event); });
         i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.showSearch);
-        i0.ɵɵadvance();
+        i0.ɵɵproperty("clearButton", true);
+        i0.ɵɵtwoWayProperty("ngModel", ctx.searchText);
+        i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.selectedView);
         i0.ɵɵadvance();
         i0.ɵɵproperty("AutoNavigate", false);
-    } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.TextBoxComponent, i6.FillContainer, i7.UserViewGridWithAnalysisComponent, i8.UserViewPropertiesDialogComponent], styles: [".single-view-wrap[_ngcontent-%COMP%] {\n  padding: 10px;\n}\n  .analysis-wrapper .k-tabstrip-items-wrapper {\n    background: var(--white-color) !important;\n    padding-left: 0 !important;\n  }\n    .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n    border-bottom: 3px solid var(--border-blue) !important;\n  }\n      .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n    background: var(--white-color) !important;\n    border-right: 0 !important;\n  }"] });
+    } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.TextBoxComponent, i6.FillContainer, i7.UserViewGridWithAnalysisComponent, i8.UserViewPropertiesDialogComponent], styles: [".single-view-wrap[_ngcontent-%COMP%] {\n  padding: 10px;\n}\n\n  .analysis-wrapper .k-tabstrip-items-wrapper {\n    background: var(--white-color) !important;\n    padding-left: 0 !important;\n}\n\n  .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n  border-bottom: 3px solid var(--border-blue) !important;\n}\n\n  .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n    background: var(--white-color) !important;\n    border-right: 0 !important;\n}\n\n.flex-row[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n}\n\n.padding-left-small[_ngcontent-%COMP%] {\n  padding-left: 10px;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleViewComponent, [{
         type: Component,
-        args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer [bottomMargin]=\"20\">\n  <div class=\"card-container\" class=\"searchBox\">\n    <kendo-textbox\n      id=\"txtSearch\"\n      *ngIf=\"showSearch\"\n      placeholder=\"Search here...\"\n      kendoTextBox\n      (valueChange)=\"onSearch($event)\"\n      [clearButton]=\"true\"\n      [(ngModel)]=\"searchText\"\n    ></kendo-textbox>\n\n    <mj-user-view-properties-dialog *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\" ></mj-user-view-properties-dialog>\n  </div>\n\n  <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer></mj-user-view-grid-with-analysis>\n</div>", styles: [".single-view-wrap {\n  padding: 10px;\n}\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\n    background: var(--white-color) !important;\n    padding-left: 0 !important;\n  }\n  ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n    border-bottom: 3px solid var(--border-blue) !important;\n  }\n    ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n    background: var(--white-color) !important;\n    border-right: 0 !important;\n  }"] }]
+        args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer [bottomMargin]=\"20\">\n  <div class=\"card-container\" class=\"searchBox\">\n    <kendo-textbox\n      id=\"txtSearch\"\n      placeholder=\"Search here...\"\n      kendoTextBox\n      (valueChange)=\"onSearch($event)\"\n      [clearButton]=\"true\"\n      [(ngModel)]=\"searchText\"\n    ></kendo-textbox>\n\n    <div class=\"flex-row\">\n      <mj-user-view-properties-dialog class=\"padding-left-small\" *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\"/>\n    </div>\n  </div>\n\n  <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer/>\n</div>", styles: [".single-view-wrap {\n  padding: 10px;\n}\n\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\n    background: var(--white-color) !important;\n    padding-left: 0 !important;\n}\n\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n  border-bottom: 3px solid var(--border-blue) !important;\n}\n\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n    background: var(--white-color) !important;\n    border-right: 0 !important;\n}\n\n.flex-row {\n  display: flex;\n  flex-direction: row;\n}\n\n.padding-left-small {\n  padding-left: 10px;\n}"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], { viewGridWithAnalysis: [{
             type: ViewChild,
             args: [UserViewGridWithAnalysisComponent, { static: true }]

package/dist/lib/user-notifications/user-notifications.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-notifications.component.d.ts","sourceRoot":"","sources":["../../../src/lib/user-notifications/user-notifications.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAY,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAEzC,qBAKa,0BAA2B,YAAW,aAAa;IAQ1C,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAPzC,QAAQ,EAAG,UAAU,CAAC;IACnB,WAAW,EAAG,UAAU,CAAC;IAC3B,SAAS,EAAG,UAAU,CAAC;IAExC,aAAa,EAAE,MAAM,CAAS;IAC9B,aAAa,EAAE,MAAM,CAAM;gBAEd,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAExE,eAAe,IAAI,IAAI;IAIvB,IAAW,mBAAmB,IAAI,sBAAsB,EAAE,CAqBzD;IAEM,uBAAuB,CAAC,YAAY,EAAE,sBAAsB,GAAG,OAAO;IAKtE,eAAe,CAAC,YAAY,EAAE,sBAAsB,GAAG;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAC;IA4CvG,IAAW,gBAAgB,IAAI,sBAAsB,EAAE,CAEtD;IAED,IAAW,mBAAmB,IAAI,sBAAsB,EAAE,CAEzD;IAED,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgBtC,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAMtC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIpC,iBAAiB,CAAC,YAAY,EAAE,sBAAsB;IAStD,mBAAmB,CAAC,YAAY,EAAE,sBAAsB;IAYlD,UAAU,CAAC,YAAY,EAAE,sBAAsB,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;IAuCpH,aAAa;IAIb,eAAe;IAIf,OAAO,CAAC,KAAK,EAAE,OAAO;IAwBnC,mBAAmB,CAAC,YAAY,EAAE,sBAAsB;yCAxN7C,0BAA0B;2CAA1B,0BAA0B;CAyOtC"}
+{"version":3,"file":"user-notifications.component.d.ts","sourceRoot":"","sources":["../../../src/lib/user-notifications/user-notifications.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAY,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAEzC,qBAKa,0BAA2B,YAAW,aAAa;IAQ1C,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAPzC,QAAQ,EAAG,UAAU,CAAC;IACnB,WAAW,EAAG,UAAU,CAAC;IAC3B,SAAS,EAAG,UAAU,CAAC;IAExC,aAAa,EAAE,MAAM,CAAS;IAC9B,aAAa,EAAE,MAAM,CAAM;gBAEd,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAExE,eAAe,IAAI,IAAI;IAIvB,IAAW,mBAAmB,IAAI,sBAAsB,EAAE,CAqBzD;IAEM,uBAAuB,CAAC,YAAY,EAAE,sBAAsB,GAAG,OAAO;IAKtE,eAAe,CAAC,YAAY,EAAE,sBAAsB,GAAG;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAC;IA4CvG,IAAW,gBAAgB,IAAI,sBAAsB,EAAE,CAEtD;IAED,IAAW,mBAAmB,IAAI,sBAAsB,EAAE,CAEzD;IAED,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgBtC,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAMtC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIpC,iBAAiB,CAAC,YAAY,EAAE,sBAAsB;IAStD,mBAAmB,CAAC,YAAY,EAAE,sBAAsB;IAYlD,UAAU,CAAC,YAAY,EAAE,sBAAsB,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;IAuCpH,aAAa;IAIb,eAAe;IAIf,OAAO,CAAC,KAAK,EAAE,OAAO;IAwBnC,mBAAmB,CAAC,YAAY,EAAE,sBAAsB;yCAxN7C,0BAA0B;2CAA1B,0BAA0B;CAuOtC"}

package/dist/lib/user-notifications/user-notifications.component.js

@@ -334,8 +334,9 @@ export class UserNotificationsComponent {
                 const fullUrl = `${info.urlParts.join('/')}${info.queryString ? '?' + info.queryString : ''}`;
                 this.router.navigateByUrl(fullUrl);
             }
-            else
+            else {
                 this.router.navigate(info.urlParts);
+            }
         }
     }
 }