@memberjunction/ng-explorer-core 0.9.2

package/dist/lib/report-browser-component/report-browser.component.d.ts

@@ -0,0 +1,14 @@
+import { Router } from '@angular/router';
+import { ReportEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class ReportBrowserComponent {
+    private router;
+    reports: ReportEntity[];
+    showLoader: boolean;
+    constructor(router: Router);
+    ngOnInit(): void;
+    LoadData(): Promise<void>;
+    itemClick(item: ReportEntity): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReportBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReportBrowserComponent, "app-report-browser", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/report-browser-component/report-browser.component.js

@@ -0,0 +1,55 @@
+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 { Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../generic-browse-list/generic-browse-list.component";
+export class ReportBrowserComponent {
+    constructor(router) {
+        this.router = router;
+        this.reports = [];
+        this.showLoader = false;
+    }
+    ngOnInit() {
+        this.LoadData();
+    }
+    LoadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showLoader = true;
+            const md = new Metadata();
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: 'Reports',
+                ExtraFilter: `UserID=${md.CurrentUser.ID}`
+            });
+            if (result && result.Success)
+                this.reports = result.Results;
+            this.showLoader = false;
+        });
+    }
+    itemClick(item) {
+        if (item) {
+            this.router.navigate(['resource', 'report', item.ID]);
+        }
+    }
+}
+ReportBrowserComponent.ɵfac = function ReportBrowserComponent_Factory(t) { return new (t || ReportBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
+ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["app-report-browser"]], decls: 1, vars: 2, consts: [["title", "Reports", "itemType", "report", 3, "items", "showLoader", "itemClickEvent"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-generic-browse-list", 0);
+        i0.ɵɵlistener("itemClickEvent", function ReportBrowserComponent_Template_app_generic_browse_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("items", ctx.reports)("showLoader", ctx.showLoader);
+    } }, dependencies: [i2.GenericBrowseListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n    height: 80px;\r\n  }", ".main-area[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n  .list-view .k-listview-header,   .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n  .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%] {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container[_ngcontent-%COMP%] {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 20px;\r\n  }"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportBrowserComponent, [{
+        type: Component,
+        args: [{ selector: 'app-report-browser', template: "<app-generic-browse-list title=\"Reports\" itemType=\"report\" [items]=\"reports\" (itemClickEvent)=\"itemClick($event)\" [showLoader]=\"showLoader\">\n\n</app-generic-browse-list>", styles: [".k-card-body {\r\n    height: 80px;\r\n  }", "\r\n.main-area {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header .head-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card .view-icon {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper .k-card-body {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper .view-card {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card .btn-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body .view-card-content h5 {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body .view-card-content p {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area .card-list {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
+    }], function () { return [{ type: i1.Router }]; }, null); })();

package/dist/lib/resource-wrappers/dashboard-resource.component.d.ts

@@ -0,0 +1,8 @@
+import { BaseResourceComponent, ResourceData } from '../generic/base-resource-component';
+import * as i0 from "@angular/core";
+export declare function LoadDashboardResource(): void;
+export declare class DashboardResource extends BaseResourceComponent {
+    GetResourceDisplayName(data: ResourceData): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardResource, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardResource, "single-dashboard-resource", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/resource-wrappers/dashboard-resource.component.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseResourceComponent } from '../generic/base-resource-component';
+import { RegisterClass } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-container-directives";
+import * as i2 from "../single-dashboard/single-dashboard.component";
+export function LoadDashboardResource() {
+}
+let DashboardResource = class DashboardResource extends BaseResourceComponent {
+    GetResourceDisplayName(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return data.Name ? data.Name : 'Dashboard ID: ' + data.ResourceRecordID;
+        });
+    }
+};
+DashboardResource.ɵfac = /*@__PURE__*/ function () { let ɵDashboardResource_BaseFactory; return function DashboardResource_Factory(t) { return (ɵDashboardResource_BaseFactory || (ɵDashboardResource_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardResource)))(t || DashboardResource); }; }();
+DashboardResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["single-dashboard-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjFillContainer", "", 3, "ResourceData", "dashboardSaved", "loadComplete", "loadStarted"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-single-dashboard", 0);
+        i0.ɵɵlistener("dashboardSaved", function DashboardResource_Template_app_single_dashboard_dashboardSaved_0_listener($event) { return ctx.ResourceRecordSaved($event); })("loadComplete", function DashboardResource_Template_app_single_dashboard_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function DashboardResource_Template_app_single_dashboard_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ResourceData", ctx.Data);
+    } }, dependencies: [i1.FillContainer, i2.SingleDashboardComponent], encapsulation: 2 });
+DashboardResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'Dashboards')
+], DashboardResource);
+export { DashboardResource };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardResource, [{
+        type: Component,
+        args: [{
+                selector: 'single-dashboard-resource',
+                template: `<app-single-dashboard [ResourceData]="Data" (dashboardSaved)="ResourceRecordSaved($event)" (loadComplete)="NotifyLoadComplete()" (loadStarted)="NotifyLoadStarted()" mjFillContainer></app-single-dashboard>`
+            }]
+    }], null, null); })();

package/dist/lib/resource-wrappers/record-resource.component.d.ts

@@ -0,0 +1,8 @@
+import { BaseResourceComponent, ResourceData } from '../generic/base-resource-component';
+import * as i0 from "@angular/core";
+export declare function LoadRecordResource(): void;
+export declare class EntityRecordResource extends BaseResourceComponent {
+    GetResourceDisplayName(data: ResourceData): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityRecordResource, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityRecordResource, "record-resource", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/resource-wrappers/record-resource.component.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseResourceComponent } from '../generic/base-resource-component';
+import { RegisterClass } from '@memberjunction/global';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../single-record/single-record.component";
+export function LoadRecordResource() {
+}
+let EntityRecordResource = class EntityRecordResource extends BaseResourceComponent {
+    GetResourceDisplayName(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!data.Configuration.Entity)
+                return '';
+            else {
+                const md = new Metadata();
+                const name = yield md.GetEntityRecordName(data.Configuration.Entity, data.ResourceRecordID);
+                return (name ? name : data.Configuration.Entity) + ` (ID: ${data.ResourceRecordID})`;
+            }
+        });
+    }
+};
+EntityRecordResource.ɵfac = /*@__PURE__*/ function () { let ɵEntityRecordResource_BaseFactory; return function EntityRecordResource_Factory(t) { return (ɵEntityRecordResource_BaseFactory || (ɵEntityRecordResource_BaseFactory = i0.ɵɵgetInheritedFactory(EntityRecordResource)))(t || EntityRecordResource); }; }();
+EntityRecordResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRecordResource, selectors: [["record-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 2, consts: [[3, "recordId", "entityName", "loadComplete"]], template: function EntityRecordResource_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-single-record", 0);
+        i0.ɵɵlistener("loadComplete", function EntityRecordResource_Template_app_single_record_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("recordId", ctx.Data.ResourceRecordID)("entityName", ctx.Data.Configuration.Entity);
+    } }, dependencies: [i1.SingleRecordComponent], encapsulation: 2 });
+EntityRecordResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'Records')
+], EntityRecordResource);
+export { EntityRecordResource };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityRecordResource, [{
+        type: Component,
+        args: [{
+                selector: 'record-resource',
+                template: `<app-single-record [recordId]="Data.ResourceRecordID" [entityName]="Data.Configuration.Entity" (loadComplete)="NotifyLoadComplete()"></app-single-record>`
+            }]
+    }], null, null); })();

package/dist/lib/resource-wrappers/report-resource.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import { BaseResourceComponent, ResourceData } from '../generic/base-resource-component';
+import * as i0 from "@angular/core";
+export declare function LoadReportResource(): void;
+export declare class ReportResource extends BaseResourceComponent implements OnInit {
+    ngOnInit(): void;
+    GetResourceDisplayName(data: ResourceData): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReportResource, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReportResource, "report-resource", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/resource-wrappers/report-resource.component.js

@@ -0,0 +1,53 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseResourceComponent } from '../generic/base-resource-component';
+import { RegisterClass } from '@memberjunction/global';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../single-report/single-report.component";
+export function LoadReportResource() {
+}
+let ReportResource = class ReportResource extends BaseResourceComponent {
+    ngOnInit() {
+    }
+    GetResourceDisplayName(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            const name = yield md.GetEntityRecordName('Reports', data.ResourceRecordID);
+            return `${name ? name : 'Report ID: ' + data.ResourceRecordID}`;
+        });
+    }
+};
+ReportResource.ɵfac = /*@__PURE__*/ function () { let ɵReportResource_BaseFactory; return function ReportResource_Factory(t) { return (ɵReportResource_BaseFactory || (ɵReportResource_BaseFactory = i0.ɵɵgetInheritedFactory(ReportResource)))(t || ReportResource); }; }();
+ReportResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportResource, selectors: [["report-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "reportId", "loadComplete", "loadStarted"]], template: function ReportResource_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-single-report", 0);
+        i0.ɵɵlistener("loadComplete", function ReportResource_Template_app_single_report_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function ReportResource_Template_app_single_report_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("reportId", ctx.Data.ResourceRecordID);
+    } }, dependencies: [i1.SingleReportComponent], encapsulation: 2 });
+ReportResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'Reports')
+], ReportResource);
+export { ReportResource };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportResource, [{
+        type: Component,
+        args: [{
+                selector: 'report-resource',
+                template: `<app-single-report [reportId]="Data.ResourceRecordID" (loadComplete)="NotifyLoadComplete()" (loadStarted)="NotifyLoadStarted()"></app-single-report>`
+            }]
+    }], null, null); })();

package/dist/lib/resource-wrappers/resource-wrappers-loader.d.ts

@@ -0,0 +1 @@
+export declare function LoadResourceWrappers(): void;

package/dist/lib/resource-wrappers/resource-wrappers-loader.js

@@ -0,0 +1,12 @@
+import { LoadDashboardResource } from "./dashboard-resource.component";
+import { LoadRecordResource } from "./record-resource.component";
+import { LoadReportResource } from "./report-resource.component";
+import { LoadSearchResultsResource } from "./search-results-resource.component";
+import { LoadViewResource } from "./view-resource.component";
+export function LoadResourceWrappers() {
+    LoadViewResource();
+    LoadReportResource();
+    LoadDashboardResource();
+    LoadRecordResource();
+    LoadSearchResultsResource();
+}

package/dist/lib/resource-wrappers/search-results-resource.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import { BaseResourceComponent, ResourceData } from '../generic/base-resource-component';
+import * as i0 from "@angular/core";
+export declare function LoadSearchResultsResource(): void;
+export declare class SearchResultsResource extends BaseResourceComponent implements OnInit {
+    ngOnInit(): void;
+    GetResourceDisplayName(data: ResourceData): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchResultsResource, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchResultsResource, "search-results-resource", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/resource-wrappers/search-results-resource.component.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseResourceComponent } from '../generic/base-resource-component';
+import { RegisterClass } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+import * as i1 from "../single-search-result/single-search-result.component";
+export function LoadSearchResultsResource() {
+}
+let SearchResultsResource = class SearchResultsResource extends BaseResourceComponent {
+    ngOnInit() {
+    }
+    GetResourceDisplayName(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return `Search (${data.Configuration.Entity}): ${data.Configuration.SearchInput}`;
+        });
+    }
+};
+SearchResultsResource.ɵfac = /*@__PURE__*/ function () { let ɵSearchResultsResource_BaseFactory; return function SearchResultsResource_Factory(t) { return (ɵSearchResultsResource_BaseFactory || (ɵSearchResultsResource_BaseFactory = i0.ɵɵgetInheritedFactory(SearchResultsResource)))(t || SearchResultsResource); }; }();
+SearchResultsResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultsResource, selectors: [["search-results-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 2, consts: [[3, "entity", "searchInput", "loadComplete", "loadStarted"]], template: function SearchResultsResource_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-single-search-result", 0);
+        i0.ɵɵlistener("loadComplete", function SearchResultsResource_Template_app_single_search_result_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function SearchResultsResource_Template_app_single_search_result_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("entity", ctx.Data.Configuration.Entity)("searchInput", ctx.Data.Configuration.SearchInput);
+    } }, dependencies: [i1.SingleSearchResultComponent], encapsulation: 2 });
+SearchResultsResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'Search Results')
+], SearchResultsResource);
+export { SearchResultsResource };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultsResource, [{
+        type: Component,
+        args: [{
+                selector: 'search-results-resource',
+                template: `<app-single-search-result [entity]="Data.Configuration.Entity" [searchInput]="Data.Configuration.SearchInput" (loadComplete)="NotifyLoadComplete()" (loadStarted)="NotifyLoadStarted()"></app-single-search-result>`
+            }]
+    }], null, null); })();

package/dist/lib/resource-wrappers/view-resource.component.d.ts

@@ -0,0 +1,8 @@
+import { BaseResourceComponent, ResourceData } from '../generic/base-resource-component';
+import * as i0 from "@angular/core";
+export declare function LoadViewResource(): void;
+export declare class UserViewResource extends BaseResourceComponent {
+    GetResourceDisplayName(data: ResourceData): Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserViewResource, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserViewResource, "userview-resource", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/resource-wrappers/view-resource.component.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseResourceComponent } from '../generic/base-resource-component';
+import { RegisterClass } from '@memberjunction/global';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../single-view/single-view.component";
+export function LoadViewResource() {
+}
+let UserViewResource = class UserViewResource extends BaseResourceComponent {
+    GetResourceDisplayName(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            const name = yield md.GetEntityRecordName('User Views', data.ResourceRecordID);
+            return name ? name : 'View: ' + data.ResourceRecordID;
+        });
+    }
+};
+UserViewResource.ɵfac = /*@__PURE__*/ function () { let ɵUserViewResource_BaseFactory; return function UserViewResource_Factory(t) { return (ɵUserViewResource_BaseFactory || (ɵUserViewResource_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewResource)))(t || UserViewResource); }; }();
+UserViewResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewResource, selectors: [["userview-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "viewId", "loadComplete"]], template: function UserViewResource_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-single-view", 0);
+        i0.ɵɵlistener("loadComplete", function UserViewResource_Template_app_single_view_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("viewId", ctx.Data.ResourceRecordID);
+    } }, dependencies: [i1.SingleViewComponent], encapsulation: 2 });
+UserViewResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'User Views')
+], UserViewResource);
+export { UserViewResource };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewResource, [{
+        type: Component,
+        args: [{
+                selector: 'userview-resource',
+                template: `<app-single-view [viewId]="Data.ResourceRecordID" (loadComplete)="NotifyLoadComplete()"></app-single-view>`
+            }]
+    }], null, null); })();

package/dist/lib/settings/settings.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsComponent, "app-settings", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/settings/settings.component.js

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SettingsComponent {
+}
+SettingsComponent.ɵfac = function SettingsComponent_Factory(t) { return new (t || SettingsComponent)(); };
+SettingsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsComponent, selectors: [["app-settings"]], decls: 2, vars: 0, template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtext(1, " MemberJunction Explorer - User Settings - Coming Soon...\n");
+        i0.ɵɵelementEnd();
+    } } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SettingsComponent, [{
+        type: Component,
+        args: [{ selector: 'app-settings', template: "<div>\n    MemberJunction Explorer - User Settings - Coming Soon...\n</div>" }]
+    }], null, null); })();

package/dist/lib/shared/shared.service.d.ts

@@ -0,0 +1,87 @@
+import { ResourceTypeEntity, UserNotificationEntity, ViewColumnInfo } from '@memberjunction/core-entities';
+import { Observable } from 'rxjs';
+import { NotificationService } from "@progress/kendo-angular-notification";
+import * as i0 from "@angular/core";
+export declare class SharedService {
+    private notificationService;
+    private static _instance;
+    private static _loaded;
+    private static _resourceTypes;
+    private tabChange;
+    tabChange$: Observable<unknown>;
+    constructor(notificationService: NotificationService);
+    static get Instance(): SharedService;
+    /**
+     * Returns the current session ID, which is automatically created when the service is instantiated.
+     */
+    get SessionId(): string;
+    get ResourceTypes(): ResourceTypeEntity[];
+    get ViewResourceType(): ResourceTypeEntity;
+    get RecordResourceType(): ResourceTypeEntity;
+    get DashboardResourceType(): ResourceTypeEntity;
+    get ReportResourceType(): ResourceTypeEntity;
+    get SearchResultsResourceType(): ResourceTypeEntity;
+    ResourceTypeByID(id: number): ResourceTypeEntity | undefined;
+    ResourceTypeByName(name: string): ResourceTypeEntity | undefined;
+    static RefreshData(): Promise<void>;
+    FormatColumnValue(col: ViewColumnInfo, value: any, maxLength?: number, trailingChars?: string): any;
+    ConvertMarkdownStringToHtmlList(listType: HtmlListType, text: string): string;
+    InvokeManualResize(delay?: number): void;
+    PushStatusUpdates(): Observable<string>;
+    private _currentUserImage;
+    get CurrentUserImage(): string | Blob;
+    set CurrentUserImage(value: string | Blob);
+    private static _userNotifications;
+    static get UserNotifications(): UserNotificationEntity[];
+    static get UnreadUserNotifications(): UserNotificationEntity[];
+    static get UnreadUserNotificationCount(): number;
+    /**
+     * Creates a notification in the database and refreshes the UI. Returns the notification object.
+     * @param title
+     * @param message
+     * @param resourceTypeId
+     * @param resourceRecordId
+     * @param resourceConfiguration Any object, it is converted to a string by JSON.stringify and stored in the database
+     * @returns
+     */
+    CreateNotification(title: string, message: string, resourceTypeId: number | null, resourceRecordId: number | null, resourceConfiguration: any | null): Promise<UserNotificationEntity>;
+    static RefreshUserNotifications(): Promise<void>;
+    /**
+     * Creates a message that is not saved to the User Notifications table, but is displayed to the user.
+     * @param message - text to display
+     * @param style - display styling
+     * @param hideAfter - option to auto hide after the specified delay in milliseconds
+     */
+    CreateSimpleNotification(message: string, style?: "none" | "success" | "error" | "warning" | "info", hideAfter?: number): void;
+    private _resourceTypeMap;
+    /**
+     * Maps a Resource Type record Name column to the corresponding route segment
+     * @param resourceTypeName
+     * @returns
+     */
+    mapResourceTypeNameToRouteSegment(resourceTypeName: string): string | null;
+    /**
+     * Maps a route segment to the corresponding Resource Type record Name column
+     * @param resourceRouteSegment
+     * @returns
+     */
+    mapResourceTypeRouteSegmentToName(resourceRouteSegment: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SharedService>;
+}
+export declare enum HtmlListType {
+    Unordered = 0,
+    Ordered = 1
+}
+export declare enum EventCodes {
+    ViewClicked = "viewClicked",
+    EntityRecordClicked = "entityRecordClicked",
+    AddDashboard = "addDashboard",
+    AddReport = "addReport",
+    ViewCreated = "viewCreated",
+    ViewUpdated = "viewUpdated",
+    RunSearch = "runSearch",
+    ViewNotifications = "viewNotifications",
+    PushStatusUpdates = "pushStatusUpdates",
+    UserNotificationsUpdated = "userNotificationsUpdated"
+}