@memberjunction/ng-explorer-core 0.9.78 → 0.9.96

package/dist/lib/ask-skip/skip-dynamic-report-wrapper.d.ts

@@ -1,12 +1,12 @@
-import { DynamicReportComponent } from '../generic/dynamic-report';
-import { SkipData } from './ask-skip.component';
-import * as i0 from "@angular/core";
-export declare class SkipDynamicReportComponent {
-    theReport: DynamicReportComponent;
-    SkipData: SkipData | undefined;
-    ConversationID: number | null;
-    ConversationName: string | null;
-    ConversationDetailID: number | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkipDynamicReportComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkipDynamicReportComponent, "app-skip-dynamic-report", never, { "SkipData": "SkipData"; "ConversationID": "ConversationID"; "ConversationName": "ConversationName"; "ConversationDetailID": "ConversationDetailID"; }, {}, never, never, false, never>;
-}
+import { DynamicReportComponent } from '../generic/dynamic-report';
+import { SkipData } from './ask-skip.component';
+import * as i0 from "@angular/core";
+export declare class SkipDynamicReportComponent {
+    theReport: DynamicReportComponent;
+    SkipData: SkipData | undefined;
+    ConversationID: number | null;
+    ConversationName: string | null;
+    ConversationDetailID: number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkipDynamicReportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkipDynamicReportComponent, "app-skip-dynamic-report", never, { "SkipData": { "alias": "SkipData"; "required": false; }; "ConversationID": { "alias": "ConversationID"; "required": false; }; "ConversationName": { "alias": "ConversationName"; "required": false; }; "ConversationDetailID": { "alias": "ConversationDetailID"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dist/lib/ask-skip/skip-dynamic-report-wrapper.js

@@ -1,29 +1,29 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-const _c0 = ["theReport"];
-export class SkipDynamicReportComponent {
-    constructor() {
-        this.ConversationID = null;
-        this.ConversationName = null;
-        this.ConversationDetailID = null;
-    }
-}
-SkipDynamicReportComponent.ɵfac = function SkipDynamicReportComponent_Factory(t) { return new (t || SkipDynamicReportComponent)(); };
-SkipDynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipDynamicReportComponent, selectors: [["app-skip-dynamic-report"]], viewQuery: function SkipDynamicReportComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.theReport = _t.first);
-    } }, inputs: { SkipData: "SkipData", ConversationID: "ConversationID", ConversationName: "ConversationName", ConversationDetailID: "ConversationDetailID" }, decls: 3, vars: 5, consts: [[1, "skip-dynamic-report-container"], [3, "SkipData", "ConversationID", "ConversationName", "ConversationDetailID", "ShowCreateReportButton"], ["theReport", ""]], template: function SkipDynamicReportComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelement(1, "app-dynamic-report", 1, 2);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("SkipData", ctx.SkipData)("ConversationID", ctx.ConversationID)("ConversationName", ctx.ConversationName)("ConversationDetailID", ctx.ConversationDetailID)("ShowCreateReportButton", true);
-    } }, styles: [".report-tab-title[_ngcontent-%COMP%] { margin-left: 10px;}", ".skip-dynamic-report-container[_ngcontent-%COMP%] {\n        display: block;\n        height: 450px;\n        width: 90%;\n        margin-right: 20px;\n    }"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkipDynamicReportComponent, [{
-        type: Component,
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["theReport"];
+export class SkipDynamicReportComponent {
+    constructor() {
+        this.ConversationID = null;
+        this.ConversationName = null;
+        this.ConversationDetailID = null;
+    }
+}
+SkipDynamicReportComponent.ɵfac = function SkipDynamicReportComponent_Factory(t) { return new (t || SkipDynamicReportComponent)(); };
+SkipDynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipDynamicReportComponent, selectors: [["app-skip-dynamic-report"]], viewQuery: function SkipDynamicReportComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.theReport = _t.first);
+    } }, inputs: { SkipData: "SkipData", ConversationID: "ConversationID", ConversationName: "ConversationName", ConversationDetailID: "ConversationDetailID" }, decls: 3, vars: 5, consts: [[1, "skip-dynamic-report-container"], [3, "SkipData", "ConversationID", "ConversationName", "ConversationDetailID", "ShowCreateReportButton"], ["theReport", ""]], template: function SkipDynamicReportComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelement(1, "app-dynamic-report", 1, 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("SkipData", ctx.SkipData)("ConversationID", ctx.ConversationID)("ConversationName", ctx.ConversationName)("ConversationDetailID", ctx.ConversationDetailID)("ShowCreateReportButton", true);
+    } }, styles: [".report-tab-title[_ngcontent-%COMP%] { margin-left: 10px;}", ".skip-dynamic-report-container[_ngcontent-%COMP%] {\n        display: block;\n        height: 450px;\n        width: 90%;\n        margin-right: 20px;\n    }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkipDynamicReportComponent, [{
+        type: Component,
         args: [{ selector: 'app-skip-dynamic-report', template: `
 <div class='skip-dynamic-report-container'> 
     <app-dynamic-report #theReport
@@ -34,16 +34,17 @@ SkipDynamicReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         [ShowCreateReportButton]="true"
     ></app-dynamic-report>
 </div>
-`, styles: [".report-tab-title { margin-left: 10px;}", ".skip-dynamic-report-container {\n        display: block;\n        height: 450px;\n        width: 90%;\n        margin-right: 20px;\n    }"] }]
-    }], null, { theReport: [{
-            type: ViewChild,
-            args: ['theReport', { static: false }]
-        }], SkipData: [{
-            type: Input
-        }], ConversationID: [{
-            type: Input
-        }], ConversationName: [{
-            type: Input
-        }], ConversationDetailID: [{
-            type: Input
-        }] }); })();
+`, styles: [".report-tab-title { margin-left: 10px;}", ".skip-dynamic-report-container {\n        display: block;\n        height: 450px;\n        width: 90%;\n        margin-right: 20px;\n    }"] }]
+    }], null, { theReport: [{
+            type: ViewChild,
+            args: ['theReport', { static: false }]
+        }], SkipData: [{
+            type: Input
+        }], ConversationID: [{
+            type: Input
+        }], ConversationName: [{
+            type: Input
+        }], ConversationDetailID: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipDynamicReportComponent, { className: "SkipDynamicReportComponent", filePath: "src\\lib\\ask-skip\\skip-dynamic-report-wrapper.ts", lineNumber: 28 }); })();

package/dist/lib/auth-button/auth-button.component.d.ts

@@ -1,12 +1,12 @@
-import { OnInit } from '@angular/core';
-import { MJAuthBase } from '@memberjunction/ng-auth-services';
-import * as i0 from "@angular/core";
-export declare class AuthButtonComponent implements OnInit {
-    document: Document;
-    authBase: MJAuthBase;
-    constructor(document: Document, authBase: MJAuthBase);
-    ngOnInit(): void;
-    logout(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AuthButtonComponent, "app-auth-button", never, {}, {}, never, never, false, never>;
-}
+import { OnInit } from '@angular/core';
+import { MJAuthBase } from '@memberjunction/ng-auth-services';
+import * as i0 from "@angular/core";
+export declare class AuthButtonComponent implements OnInit {
+    document: Document;
+    authBase: MJAuthBase;
+    constructor(document: Document, authBase: MJAuthBase);
+    ngOnInit(): void;
+    logout(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthButtonComponent, "app-auth-button", never, {}, {}, never, never, false, never>;
+}

package/dist/lib/auth-button/auth-button.component.js

@@ -1,43 +1,44 @@
-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, Inject } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-auth-services";
-export class AuthButtonComponent {
-    // Inject the authentication service into your component through the constructor
-    constructor(document, authBase) {
-        this.document = document;
-        this.authBase = authBase;
-    }
-    ngOnInit() {
-    }
-    logout() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.authBase.logout();
-            localStorage.removeItem('auth');
-            localStorage.removeItem('claims');
-        });
-    }
-}
-AuthButtonComponent.ɵfac = function AuthButtonComponent_Factory(t) { return new (t || AuthButtonComponent)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i1.MJAuthBase)); };
-AuthButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AuthButtonComponent, selectors: [["app-auth-button"]], decls: 2, vars: 0, consts: [[3, "click"]], template: function AuthButtonComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "button", 0);
-        i0.ɵɵlistener("click", function AuthButtonComponent_Template_button_click_0_listener() { return ctx.authBase.login(); });
-        i0.ɵɵtext(1, " Log in\n");
-        i0.ɵɵelementEnd();
-    } } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthButtonComponent, [{
-        type: Component,
-        args: [{ selector: 'app-auth-button', template: "<!-- <ng-container *ngIf=\"authBase.authenticated; else loggedOut\">\r\n    <button (click)=\"logout()\">\r\n        Log out\r\n    </button>\r\n</ng-container> -->\r\n<!-- <ng-template> -->\r\n<button (click)=\"authBase.login()\">\r\n        Log in\r\n</button>\r\n<!-- </ng-template> -->\r\n" }]
-    }], function () { return [{ type: Document, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: i1.MJAuthBase }]; }, null); })();
+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, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-auth-services";
+export class AuthButtonComponent {
+    // Inject the authentication service into your component through the constructor
+    constructor(document, authBase) {
+        this.document = document;
+        this.authBase = authBase;
+    }
+    ngOnInit() {
+    }
+    logout() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.authBase.logout();
+            localStorage.removeItem('auth');
+            localStorage.removeItem('claims');
+        });
+    }
+}
+AuthButtonComponent.ɵfac = function AuthButtonComponent_Factory(t) { return new (t || AuthButtonComponent)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i1.MJAuthBase)); };
+AuthButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AuthButtonComponent, selectors: [["app-auth-button"]], decls: 2, vars: 0, consts: [[3, "click"]], template: function AuthButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "button", 0);
+        i0.ɵɵlistener("click", function AuthButtonComponent_Template_button_click_0_listener() { return ctx.authBase.login(); });
+        i0.ɵɵtext(1, " Log in\n");
+        i0.ɵɵelementEnd();
+    } } });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-auth-button', template: "<!-- <ng-container *ngIf=\"authBase.authenticated; else loggedOut\">\r\n    <button (click)=\"logout()\">\r\n        Log out\r\n    </button>\r\n</ng-container> -->\r\n<!-- <ng-template> -->\r\n<button (click)=\"authBase.login()\">\r\n        Log in\r\n</button>\r\n<!-- </ng-template> -->\r\n" }]
+    }], () => [{ type: Document, decorators: [{
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { type: i1.MJAuthBase }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AuthButtonComponent, { className: "AuthButtonComponent", filePath: "src\\lib\\auth-button\\auth-button.component.ts", lineNumber: 10 }); })();

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

@@ -1,18 +1,18 @@
-import { Router } from '@angular/router';
-import { DashboardEntity } from '@memberjunction/core-entities';
-import { SharedService } from '../../shared/shared.service';
-import * as i0 from "@angular/core";
-export declare class DashboardBrowserComponent {
-    private router;
-    private sharedService;
-    dashboards: DashboardEntity[];
-    showLoader: boolean;
-    constructor(router: Router, sharedService: SharedService);
-    ngOnInit(): void;
-    LoadData(): Promise<void>;
-    itemClick(item: DashboardEntity): void;
-    addNew(): Promise<void>;
-    deleteItem(item: DashboardEntity): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardBrowserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardBrowserComponent, "app-dashboard-browser", never, {}, {}, never, never, false, never>;
-}
+import { Router } from '@angular/router';
+import { DashboardEntity } from '@memberjunction/core-entities';
+import { SharedService } from '../../shared/shared.service';
+import * as i0 from "@angular/core";
+export declare class DashboardBrowserComponent {
+    private router;
+    private sharedService;
+    dashboards: DashboardEntity[];
+    showLoader: boolean;
+    constructor(router: Router, sharedService: SharedService);
+    ngOnInit(): void;
+    LoadData(): Promise<void>;
+    itemClick(item: DashboardEntity): void;
+    addNew(): Promise<void>;
+    deleteItem(item: DashboardEntity): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardBrowserComponent, "app-dashboard-browser", never, {}, {}, never, never, false, never>;
+}

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

@@ -1,117 +1,117 @@
-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 { DashboardConfigDetails } from '../single-dashboard/single-dashboard.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "../../shared/shared.service";
-import * as i3 from "../generic-browse-list/generic-browse-list.component";
-export class DashboardBrowserComponent {
-    constructor(router, sharedService) {
-        this.router = router;
-        this.sharedService = sharedService;
-        this.dashboards = [];
-        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: 'Dashboards',
-                ExtraFilter: `UserID=${md.CurrentUser.ID}`
-            });
-            if (result && result.Success) {
-                this.dashboards = result.Results;
-            }
-            else {
-                this.dashboards = [];
-            }
-            this.showLoader = false;
-        });
-    }
-    itemClick(item) {
-        if (item) {
-            this.router.navigate(['resource', 'dashboard', item.ID]);
-        }
-    }
-    addNew() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.showLoader = true;
-            const metadata = new Metadata();
-            let dashboardEntity = yield metadata.GetEntityObject('Dashboards');
-            dashboardEntity.NewRecord();
-            dashboardEntity.UserID = metadata.CurrentUser.ID;
-            let dashboardCount = this.dashboards.length;
-            let nameSuffix = dashboardCount > 0 ? `${dashboardCount + 1}` : "";
-            dashboardEntity.Name = "New Dashboard " + nameSuffix;
-            let defaultConfigDetails = new DashboardConfigDetails();
-            const config = {
-                columns: defaultConfigDetails.columns,
-                rowHeight: defaultConfigDetails.rowHeight,
-                resizable: defaultConfigDetails.resizable,
-                reorderable: defaultConfigDetails.reorderable,
-                items: []
-            };
-            const configJSON = JSON.stringify(config);
-            dashboardEntity.UIConfigDetails = configJSON;
-            const result = yield dashboardEntity.Save();
-            if (result) {
-                this.dashboards.push(dashboardEntity);
-            }
-            else {
-                this.sharedService.CreateSimpleNotification("Error creating new dashboard entity", "error");
-            }
-            this.showLoader = false;
-        });
-    }
-    deleteItem(item) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.showLoader = true;
-            if (item && item.ID && item.ID > 0) {
-                const md = new Metadata();
-                let dashboardEntity = yield md.GetEntityObject('Dashboards');
-                let loadResult = yield dashboardEntity.Load(item.ID);
-                if (loadResult) {
-                    let deleteResult = yield dashboardEntity.Delete();
-                    if (deleteResult) {
-                        //todo - change these to use the shared
-                        this.sharedService.CreateSimpleNotification(`successfully deleted dashboard record ${item.ID}`, "info");
-                        this.dashboards = this.dashboards.filter(i => i.ID != item.ID);
-                    }
-                    else {
-                        this.sharedService.CreateSimpleNotification(`Unable to delete dashboard record ${item.ID}`, "error");
-                    }
-                }
-                else {
-                    this.sharedService.CreateSimpleNotification(`unable to fetch dashboard record ${item.ID}`, "error");
-                }
-            }
-            this.showLoader = false;
-        });
-    }
-}
-DashboardBrowserComponent.ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
-DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], decls: 1, vars: 2, consts: [["title", "Dashboards", "itemType", "dashboard", 3, "items", "showLoader", "itemClickEvent", "addButtonClickEvent", "deleteButtonClickEvent"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "app-generic-browse-list", 0);
-        i0.ɵɵlistener("itemClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("addButtonClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_addButtonClickEvent_0_listener() { return ctx.addNew(); })("deleteButtonClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_deleteButtonClickEvent_0_listener($event) { return ctx.deleteItem($event); });
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("items", ctx.dashboards)("showLoader", ctx.showLoader);
-    } }, dependencies: [i3.GenericBrowseListComponent], styles: [".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(DashboardBrowserComponent, [{
-        type: Component,
-        args: [{ selector: 'app-dashboard-browser', template: "<app-generic-browse-list title=\"Dashboards\" itemType=\"dashboard\" [items]=\"dashboards\" (itemClickEvent)=\"itemClick($event)\" (addButtonClickEvent)=\"addNew()\" (deleteButtonClickEvent)=\"deleteItem($event)\" [showLoader]=\"showLoader\">\r\n\r\n</app-generic-browse-list>", styles: ["\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 }, { type: i2.SharedService }]; }, null); })();
+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 { DashboardConfigDetails } from '../single-dashboard/single-dashboard.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../shared/shared.service";
+export class DashboardBrowserComponent {
+    constructor(router, sharedService) {
+        this.router = router;
+        this.sharedService = sharedService;
+        this.dashboards = [];
+        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: 'Dashboards',
+                ExtraFilter: `UserID=${md.CurrentUser.ID}`
+            });
+            if (result && result.Success) {
+                this.dashboards = result.Results;
+            }
+            else {
+                this.dashboards = [];
+            }
+            this.showLoader = false;
+        });
+    }
+    itemClick(item) {
+        if (item) {
+            this.router.navigate(['resource', 'dashboard', item.ID]);
+        }
+    }
+    addNew() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showLoader = true;
+            const metadata = new Metadata();
+            let dashboardEntity = yield metadata.GetEntityObject('Dashboards');
+            dashboardEntity.NewRecord();
+            dashboardEntity.UserID = metadata.CurrentUser.ID;
+            let dashboardCount = this.dashboards.length;
+            let nameSuffix = dashboardCount > 0 ? `${dashboardCount + 1}` : "";
+            dashboardEntity.Name = "New Dashboard " + nameSuffix;
+            let defaultConfigDetails = new DashboardConfigDetails();
+            const config = {
+                columns: defaultConfigDetails.columns,
+                rowHeight: defaultConfigDetails.rowHeight,
+                resizable: defaultConfigDetails.resizable,
+                reorderable: defaultConfigDetails.reorderable,
+                items: []
+            };
+            const configJSON = JSON.stringify(config);
+            dashboardEntity.UIConfigDetails = configJSON;
+            const result = yield dashboardEntity.Save();
+            if (result) {
+                this.dashboards.push(dashboardEntity);
+            }
+            else {
+                this.sharedService.CreateSimpleNotification("Error creating new dashboard entity", "error");
+            }
+            this.showLoader = false;
+        });
+    }
+    deleteItem(item) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showLoader = true;
+            if (item && item.ID && item.ID > 0) {
+                const md = new Metadata();
+                let dashboardEntity = yield md.GetEntityObject('Dashboards');
+                let loadResult = yield dashboardEntity.Load(item.ID);
+                if (loadResult) {
+                    let deleteResult = yield dashboardEntity.Delete();
+                    if (deleteResult) {
+                        //todo - change these to use the shared
+                        this.sharedService.CreateSimpleNotification(`successfully deleted dashboard record ${item.ID}`, "info");
+                        this.dashboards = this.dashboards.filter(i => i.ID != item.ID);
+                    }
+                    else {
+                        this.sharedService.CreateSimpleNotification(`Unable to delete dashboard record ${item.ID}`, "error");
+                    }
+                }
+                else {
+                    this.sharedService.CreateSimpleNotification(`unable to fetch dashboard record ${item.ID}`, "error");
+                }
+            }
+            this.showLoader = false;
+        });
+    }
+}
+DashboardBrowserComponent.ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
+DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], decls: 1, vars: 2, consts: [["title", "Dashboards", "itemType", "dashboard", 3, "items", "showLoader", "itemClickEvent", "addButtonClickEvent", "deleteButtonClickEvent"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-generic-browse-list", 0);
+        i0.ɵɵlistener("itemClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("addButtonClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_addButtonClickEvent_0_listener() { return ctx.addNew(); })("deleteButtonClickEvent", function DashboardBrowserComponent_Template_app_generic_browse_list_deleteButtonClickEvent_0_listener($event) { return ctx.deleteItem($event); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("items", ctx.dashboards)("showLoader", ctx.showLoader);
+    } }, styles: [".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  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardBrowserComponent, [{
+        type: Component,
+        args: [{ selector: 'app-dashboard-browser', template: "<app-generic-browse-list title=\"Dashboards\" itemType=\"dashboard\" [items]=\"dashboards\" (itemClickEvent)=\"itemClick($event)\" (addButtonClickEvent)=\"addNew()\" (deleteButtonClickEvent)=\"deleteItem($event)\" [showLoader]=\"showLoader\">\r\n\r\n</app-generic-browse-list>", styles: ["\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  "] }]
+    }], () => [{ type: i1.Router }, { type: i2.SharedService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent", filePath: "src\\lib\\dashboard-browser-component\\dashboard-browser.component.ts", lineNumber: 13 }); })();

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

@@ -1,14 +1,16 @@
-import { Router } from '@angular/router';
-import { ApplicationInfo } from '@memberjunction/core';
-import * as i0 from "@angular/core";
-export declare class DataBrowserComponent {
-    private router;
-    showLoader: boolean;
-    applications: ApplicationInfo[];
-    constructor(router: Router);
-    ngOnInit(): void;
-    LoadData(): Promise<void>;
-    appItemClick(info: ApplicationInfo): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataBrowserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataBrowserComponent, "app-data-browser", never, {}, {}, never, never, false, never>;
-}
+import { Router } from '@angular/router';
+import { ApplicationInfo } from '@memberjunction/core';
+import { SharedService } from '../../public-api';
+import * as i0 from "@angular/core";
+export declare class DataBrowserComponent {
+    sharedService: SharedService;
+    private router;
+    showLoader: boolean;
+    applications: ApplicationInfo[];
+    constructor(sharedService: SharedService, router: Router);
+    ngOnInit(): void;
+    LoadData(): Promise<void>;
+    appItemClick(info: ApplicationInfo): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataBrowserComponent, "app-data-browser", never, {}, {}, never, never, false, never>;
+}