@memberjunction/ng-explorer-core 0.9.207 → 0.9.209

package/dist/generic/Item.types.d.ts

@@ -1,4 +1,3 @@
-import { BaseEntity } from "@memberjunction/core";
 export declare enum ItemType {
     Folder = "Folder",
     Entity = "Entity"
@@ -7,8 +6,8 @@ export declare class Item {
     Name: string;
     Description: string;
     Type: ItemType;
-    Data: BaseEntity | Folder;
-    constructor(data: BaseEntity | Folder, type: ItemType);
+    Data: any | Folder;
+    constructor(data: any | Folder, type: ItemType);
 }
 /**
  * A folder is a wrapper class for the various Category

package/dist/generic/Item.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.types.d.ts","sourceRoot":"","sources":["../../src/generic/Item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,oBAAY,QAAQ;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB;AAED,qBAAa,IAAI;IACN,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAG,UAAU,GAAG,MAAM,CAAC;gBAEtB,IAAI,EAAE,UAAU,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ;CAkBxD;AAED;;;;GAIG;AACH,qBAAa,MAAM;IACR,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;gBAEtB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;CAK7C"}
+{"version":3,"file":"Item.types.d.ts","sourceRoot":"","sources":["../../src/generic/Item.types.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAChB,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB;AAED,qBAAa,IAAI;IACN,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAG,GAAG,GAAG,MAAM,CAAC;gBAEf,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ;CAkBjD;AAED;;;;GAIG;AACH,qBAAa,MAAM;IACR,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;gBAEtB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;CAK7C"}

package/dist/generic/app-nav-view.types.d.ts

@@ -0,0 +1,6 @@
+export declare class StubData {
+    Name: string;
+    Children: StubData[];
+    constructor(name: string, children: StubData[]);
+}
+//# sourceMappingURL=app-nav-view.types.d.ts.map

package/dist/generic/app-nav-view.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-nav-view.types.d.ts","sourceRoot":"","sources":["../../src/generic/app-nav-view.types.ts"],"names":[],"mappings":"AAAA,qBAAa,QAAQ;IACV,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,EAAE,CAAC;gBAEhB,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;CAIjD"}

package/dist/generic/app-nav-view.types.js

@@ -0,0 +1,6 @@
+export class StubData {
+    constructor(name, children) {
+        this.Name = name;
+        this.Children = children;
+    }
+}

package/dist/lib/app-view/application-view.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ApplicationEntityInfo } from '@memberjunction/core';
+import { UserFavoriteEntity } from '@memberjunction/core-entities';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Item } from '../../generic/Item.types';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import * as i0 from "@angular/core";
+export declare class ApplicationViewComponent extends BaseBrowserComponent implements OnInit {
+    private router;
+    private route;
+    private sharedService;
+    appName: string;
+    appDescription: string;
+    appEntities: ApplicationEntityInfo[];
+    AppEntityButtons: ApplicationEntityButton[];
+    private selectedAppEntity;
+    categoryEntityID: number | null;
+    constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    onAppEntityButtonClicked(appEntityButton: ApplicationEntityButton): Promise<void>;
+    private GetViewsForUser;
+    itemClick(item: Item): void;
+    entityItemClick(info: ApplicationEntityInfo): void;
+    favoriteItemClick(fav: UserFavoriteEntity): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApplicationViewComponent, "application-view", never, {}, {}, never, never, false, never>;
+}
+declare class ApplicationEntityButton {
+    Data: ApplicationEntityInfo;
+    Name: string;
+    Selected: boolean;
+    constructor(data: ApplicationEntityInfo);
+}
+export {};
+//# sourceMappingURL=application-view.component.d.ts.map

package/dist/lib/app-view/application-view.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/app-view/application-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAY,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAU,IAAI,EAAY,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;;AAGxF,qBAKa,wBAAyB,SAAQ,oBAAqB,YAAW,MAAM;IASnE,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAPlF,OAAO,EAAE,MAAM,CAAK;IACpB,cAAc,EAAE,MAAM,CAAK;IAC3B,WAAW,EAAE,qBAAqB,EAAE,CAAM;IAC1C,gBAAgB,EAAE,uBAAuB,EAAE,CAAK;IACvD,OAAO,CAAC,iBAAiB,CAAsC;IACxD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAEzB,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAKlG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBlB,wBAAwB,CAAC,eAAe,EAAE,uBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC;YAqBhF,eAAe;IAetB,SAAS,CAAC,IAAI,EAAE,IAAI;IAI3B,eAAe,CAAC,IAAI,EAAE,qBAAqB;IAO3C,iBAAiB,CAAC,GAAG,EAAE,kBAAkB;yCArFhC,wBAAwB;2CAAxB,wBAAwB;CAgGpC;AAED,cAAM,uBAAuB;IAClB,IAAI,EAAE,qBAAqB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;gBAEb,IAAI,EAAE,qBAAqB;CAK1C"}

package/dist/lib/app-view/application-view.component.js

@@ -0,0 +1,163 @@
+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 } from '@memberjunction/core';
+import { Item, ItemType } from '../../generic/Item.types';
+import { ViewInfo } from '@memberjunction/core-entities';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "../generic-browser-list/generic-browser-list.component";
+function ApplicationViewComponent_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function ApplicationViewComponent_button_10_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const button_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onAppEntityButtonClicked(button_r1)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const button_r1 = ctx.$implicit;
+    i0.ɵɵproperty("toggleable", true)("selected", button_r1.Selected);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", button_r1.Name, " ");
+} }
+export class ApplicationViewComponent extends BaseBrowserComponent {
+    constructor(router, route, sharedService) {
+        super();
+        this.router = router;
+        this.route = route;
+        this.sharedService = sharedService;
+        this.appName = '';
+        this.appDescription = '';
+        this.appEntities = [];
+        this.AppEntityButtons = [];
+        this.selectedAppEntity = null;
+        this.categoryEntityID = null;
+        this.categoryEntityName = "User View Categories";
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.route.paramMap.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
+                const appName = params.get('appName');
+                // Perform any necessary actions with the ViewID, such as fetching data
+                if (appName) {
+                    this.appName = appName;
+                    const md = new Metadata();
+                    const app = md.Applications.find(a => a.Name == appName);
+                    if (app) {
+                        this.appDescription = app.Description;
+                        this.appEntities = app.ApplicationEntities;
+                    }
+                    this.AppEntityButtons = this.appEntities.map(entity => new ApplicationEntityButton(entity));
+                    if (this.AppEntityButtons.length > 0) {
+                        const selectedAppEntity = this.AppEntityButtons[0];
+                        selectedAppEntity.Selected = true;
+                        yield this.onAppEntityButtonClicked(selectedAppEntity);
+                    }
+                }
+            }));
+        });
+    }
+    onAppEntityButtonClicked(appEntityButton) {
+        const _super = Object.create(null, {
+            LoadData: { get: () => super.LoadData },
+            sortItems: { get: () => super.sortItems }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!appEntityButton) {
+                return;
+            }
+            this.showLoader = true;
+            this.appName = appEntityButton.Name;
+            this.selectedAppEntity = appEntityButton.Data;
+            this.categoryEntityID = this.selectedAppEntity.EntityID;
+            const parentFolderIDFilter = this.selectedFolderID ? `ParentFolderID=${this.selectedFolderID}` : 'ParentID IS NULL';
+            const categoryFilter = `EntityID=${this.selectedAppEntity.EntityID} AND ` + parentFolderIDFilter;
+            yield _super.LoadData.call(this, { skiploadEntityData: true, sortItemsAfterLoad: false, categoryItemFilter: categoryFilter, showLoader: true });
+            yield this.GetViewsForUser(appEntityButton.Data);
+            _super.sortItems.call(this);
+            setTimeout(() => {
+                this.showLoader = false;
+            }, 250);
+        });
+    }
+    GetViewsForUser(entityInfo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!entityInfo) {
+                return;
+            }
+            const md = new Metadata();
+            const entity = md.Entities.find(e => e.Name == entityInfo.Entity);
+            if (entity) {
+                const entityViews = yield ViewInfo.GetViewsForUser(entity.ID);
+                for (const view of entityViews) {
+                    this.items.push(new Item(view, ItemType.Entity));
+                }
+            }
+        });
+    }
+    itemClick(item) {
+        console.log("item click");
+    }
+    entityItemClick(info) {
+        if (info) {
+            const paramsArray = ['entity', info.Entity];
+            this.router.navigate(paramsArray);
+        }
+    }
+    favoriteItemClick(fav) {
+        if (fav) {
+            if (fav.Entity === 'User Views') {
+                // opening a view, different route
+                this.router.navigate(['resource', 'view', fav.RecordID]);
+            }
+            else {
+                this.router.navigate(['resource', 'record', fav.RecordID], { queryParams: { Entity: fav.Entity } });
+            }
+        }
+    }
+}
+ApplicationViewComponent.ɵfac = function ApplicationViewComponent_Factory(t) { return new (t || ApplicationViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+ApplicationViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApplicationViewComponent, selectors: [["application-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [[1, "app-container"], [1, "card-header-entity", "cloumn"], [1, "title-wrap"], [1, "row"], [1, "col-xs-12", "col-sm-6", "example-col"], ["selection", "single"], ["kendoButton", "", 3, "toggleable", "selected", "click", 4, "ngFor", "ngForOf"], [1, "main-area"], ["iconName", "aggregateFields", "addText", "Create New View", "ItemEntityName", "User Views", 3, "items", "categoryEntityID", "CategoryEntityName", "selectedFolderID", "showLoader", "viewingResource", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent"], ["kendoButton", "", 3, "toggleable", "selected", "click"]], template: function ApplicationViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div");
+        i0.ɵɵtext(3, " Breadcrumb goes here ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 2)(5, "h1");
+        i0.ɵɵtext(6);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(7, "div", 3)(8, "div", 4)(9, "kendo-buttongroup", 5);
+        i0.ɵɵtemplate(10, ApplicationViewComponent_button_10_Template, 3, 3, "button", 6);
+        i0.ɵɵelementEnd()()()();
+        i0.ɵɵelementStart(11, "div", 7)(12, "app-generic-browser-list", 8);
+        i0.ɵɵlistener("itemClickEvent", function ApplicationViewComponent_Template_app_generic_browser_list_itemClickEvent_12_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_12_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_12_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_12_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_12_listener($event) { return ctx.onEvent($event); });
+        i0.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(6);
+        i0.ɵɵtextInterpolate(ctx.appName);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngForOf", ctx.AppEntityButtons);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("items", ctx.items)("categoryEntityID", ctx.categoryEntityID)("CategoryEntityName", ctx.categoryEntityName)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("viewingResource", false);
+    } }, dependencies: [i3.NgForOf, i4.ButtonGroupComponent, i4.ButtonComponent, i5.GenericBrowserListComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n    margin: 10px;\r\n }\r\n \r\n.entity-list[_ngcontent-%COMP%] {\r\n     width: 500px;\r\n}\r\n.favorites-list[_ngcontent-%COMP%] {\r\n     width: 400px;\r\n}\r\n\r\n.cloumn[_ngcontent-%COMP%] {\r\n    flex-direction: column;\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  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationViewComponent, [{
+        type: Component,
+        args: [{ selector: 'application-view', template: "<div  class=\"app-container\">\r\n    <div class=\"card-header-entity cloumn\">\r\n        <div>\r\n            Breadcrumb goes here\r\n        </div>\r\n        <div class=\"title-wrap\">\r\n            <h1>{{appName}}</h1>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col-xs-12 col-sm-6 example-col\">\r\n                <kendo-buttongroup selection=\"single\">\r\n                    <button\r\n                        *ngFor=\"let button of AppEntityButtons\"\r\n                        kendoButton\r\n                        [toggleable]=\"true\"\r\n                        [selected]=\"button.Selected\"\r\n                        (click)=\"onAppEntityButtonClicked(button)\"\r\n                    >\r\n                        <span>\r\n                            {{button.Name}}\r\n                        </span>\r\n                    </button>\r\n\r\n                </kendo-buttongroup>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"main-area\">\r\n        <app-generic-browser-list \r\n            iconName=\"aggregateFields\" \r\n            [items]=\"items\"\r\n            [categoryEntityID]=\"categoryEntityID\"\r\n            addText=\"Create New View\"\r\n            ItemEntityName=\"User Views\"\r\n            [CategoryEntityName]=\"categoryEntityName\"\r\n            (itemClickEvent)=\"itemClick($event)\" \r\n            [selectedFolderID]=\"selectedFolderID\"\r\n            [showLoader]=\"showLoader\"\r\n            [viewingResource]=false\r\n            (AfterAddFolderEvent)=\"onEvent($event)\"\r\n            (AfterAddItemEvent)=\"onEvent($event)\"\r\n            (AfterDeleteItemEvent)=\"onEvent($event)\"\r\n            (AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n        />\r\n    </div>\r\n</div>\r\n", styles: [".app-container {\r\n    margin: 10px;\r\n }\r\n \r\n.entity-list {\r\n     width: 500px;\r\n}\r\n.favorites-list {\r\n     width: 400px;\r\n}\r\n\r\n.cloumn {\r\n    flex-direction: column;\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  "] }]
+    }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ApplicationViewComponent, { className: "ApplicationViewComponent", filePath: "src\\lib\\app-view\\application-view.component.ts", lineNumber: 16 }); })();
+class ApplicationEntityButton {
+    constructor(data) {
+        this.Data = data;
+        this.Name = data.Entity;
+        this.Selected = false;
+    }
+}

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

@@ -19,11 +19,21 @@ export declare class BaseBrowserComponent {
     protected categoryEntityName: string;
     constructor();
     protected InitPathData(queryParams: Params | undefined): void;
-    protected LoadData(entityItemFilter?: string, categoryItemFilter?: string): Promise<void>;
-    protected GetCategories(extraFilter?: string): Promise<void>;
-    protected GetEntityData(extraFilter?: string): Promise<void>;
-    protected CreateItemsList(): void;
+    protected LoadData(params?: LoadDataParams): Promise<void>;
+    protected sortItems(): void;
+    protected GetEntityData(): Promise<any[]>;
+    protected GetCategories(): Promise<Folder[]>;
+    protected createItemsFromEntityData(entityData: any[]): Item[];
+    protected createItemsFromFolders(folders: Folder[]): Item[];
     protected Navigate(item: Item, router: Router, dataID: string): void;
-    protected onEvent(event: BaseEvent): void;
+    onEvent(event: BaseEvent): void;
 }
+export type LoadDataParams = {
+    entityItemFilter?: string;
+    categoryItemFilter?: string;
+    skiploadEntityData?: boolean;
+    skipLoadCategoryData?: boolean;
+    sortItemsAfterLoad?: boolean;
+    showLoader?: boolean;
+};
 //# sourceMappingURL=base-browser-component.d.ts.map

package/dist/lib/base-browser-component/base-browser-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-browser-component.d.ts","sourceRoot":"","sources":["../../../src/lib/base-browser-component/base-browser-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAY,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAyD,MAAM,4BAA4B,CAAC;AAE9G,qBAAa,oBAAoB;IACtB,UAAU,EAAE,OAAO,CAAS;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9C,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/C,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,kBAAkB,CAAqB;IAE/C,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAM;IAChC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IACjC,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAM;IACzC,SAAS,CAAC,cAAc,EAAE,MAAM,CAAM;IACtC,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAM;;IAS1C,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;cAU7C,QAAQ,CAAC,gBAAgB,CAAC,EAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAc9E,aAAa,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBlD,aAAa,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAYlE,SAAS,CAAC,eAAe,IAAI,IAAI;IAsBjC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAyBpE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAU5C"}
+{"version":3,"file":"base-browser-component.d.ts","sourceRoot":"","sources":["../../../src/lib/base-browser-component/base-browser-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAY,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAyD,MAAM,4BAA4B,CAAC;AAE9G,qBAAa,oBAAoB;IACtB,UAAU,EAAE,OAAO,CAAS;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9C,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/C,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,kBAAkB,CAAqB;IAE/C,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAM;IAChC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IACjC,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAM;IACzC,SAAS,CAAC,cAAc,EAAE,MAAM,CAAM;IACtC,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAM;;IAS1C,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;cAU7C,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAiChE,SAAS,CAAC,SAAS,IAAI,IAAI;cAQX,aAAa,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;cAe/B,aAAa,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;IAgBlD,SAAS,CAAC,yBAAyB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE;IAU9D,SAAS,CAAC,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE;IAa3D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAyB7D,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAYzC;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA"}

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

@@ -34,70 +34,92 @@ export class BaseBrowserComponent {
             this.selectedFolderID = folderID;
         }
     }
-    LoadData(entityItemFilter, categoryItemFilter) {
+    LoadData(params) {
         return __awaiter(this, void 0, void 0, function* () {
             //cache these values so that we can reused them 
             //in the Navigate function
-            this.EntityItemFilter = entityItemFilter;
-            this.CategoryItemFilter = categoryItemFilter;
-            this.showLoader = true;
-            yield this.GetEntityData(entityItemFilter);
-            yield this.GetCategories(categoryItemFilter);
-            this.CreateItemsList();
+            this.EntityItemFilter = (params === null || params === void 0 ? void 0 : params.entityItemFilter) || this.EntityItemFilter;
+            this.CategoryItemFilter = (params === null || params === void 0 ? void 0 : params.categoryItemFilter) || this.CategoryItemFilter;
+            if (params === null || params === void 0 ? void 0 : params.showLoader) {
+                this.showLoader = true;
+            }
+            this.items = [];
+            if (!(params === null || params === void 0 ? void 0 : params.skiploadEntityData)) {
+                const entityData = yield this.GetEntityData();
+                this.items.push(...this.createItemsFromEntityData(entityData));
+                this.entityData = entityData;
+            }
+            if (!(params === null || params === void 0 ? void 0 : params.skipLoadCategoryData)) {
+                const categories = yield this.GetCategories();
+                this.items.push(...this.createItemsFromFolders(categories));
+                this.folders = categories;
+            }
+            if (params === null || params === void 0 ? void 0 : params.sortItemsAfterLoad) {
+                this.sortItems();
+            }
             this.showLoader = false;
         });
     }
-    GetCategories(extraFilter) {
+    //maybe pass in a sort function for custom sorting?
+    sortItems() {
+        this.items.sort(function (a, b) {
+            if (a.Name < b.Name) {
+                return -1;
+            }
+            if (a.Name > b.Name) {
+                return 1;
+            }
+            return 0;
+        });
+    }
+    GetEntityData() {
         return __awaiter(this, void 0, void 0, function* () {
             const rv = new RunView();
-            let filterString = this.selectedFolderID ? `ParentID = ${this.selectedFolderID}` : "ParentID IS NULL";
-            filterString += " AND Name != 'Root'";
-            const folderResult = yield rv.RunView({
-                EntityName: this.categoryEntityName,
-                ExtraFilter: extraFilter || filterString
+            const result = yield rv.RunView({
+                EntityName: this.itemEntityName,
+                ExtraFilter: this.EntityItemFilter
             });
-            if (folderResult && folderResult.Success) {
-                this.folders = folderResult.Results;
+            if (result && result.Success) {
+                return result.Results;
             }
             else {
-                this.folders = [];
+                return [];
             }
         });
     }
-    GetEntityData(extraFilter) {
+    GetCategories() {
         return __awaiter(this, void 0, void 0, function* () {
             const rv = new RunView();
-            const result = yield rv.RunView({
-                EntityName: this.itemEntityName,
-                ExtraFilter: extraFilter
+            const folderResult = yield rv.RunView({
+                EntityName: this.categoryEntityName,
+                ExtraFilter: this.CategoryItemFilter
             });
-            if (result && result.Success) {
-                this.entityData = result.Results;
+            if (folderResult && folderResult.Success) {
+                return folderResult.Results;
+            }
+            else {
+                return [];
             }
         });
     }
-    CreateItemsList() {
-        this.items = [];
-        for (const data of this.entityData) {
+    createItemsFromEntityData(entityData) {
+        let items = [];
+        for (const data of entityData) {
             let item = new Item(data, ItemType.Entity);
-            this.items.push(item);
+            items.push(item);
         }
-        for (const folder of this.folders) {
+        return items;
+    }
+    createItemsFromFolders(folders) {
+        let items = [];
+        for (const folder of folders) {
             const dashboardFolder = new Folder(folder.ID, folder.Name);
             dashboardFolder.ParentFolderID = folder.ParentFolderID;
             dashboardFolder.Description = folder.Description;
             let item = new Item(dashboardFolder, ItemType.Folder);
-            this.items.push(item);
+            items.push(item);
         }
-        this.items.sort(function (a, b) {
-            if (a.Name < b.Name) {
-                return -1;
-            }
-            if (a.Name > b.Name) {
-                return 1;
-            }
-            return 0;
-        });
+        return items;
     }
     Navigate(item, router, dataID) {
         if (!item) {
@@ -117,15 +139,17 @@ export class BaseBrowserComponent {
             //so just reload all of the data
             router.navigate([this.routeName], { queryParams: { folderID: folder.ID } });
             this.selectedFolderID = folder.ID;
-            this.LoadData(this.EntityItemFilter, this.CategoryItemFilter);
+            this.LoadData({});
         }
     }
     onEvent(event) {
         if (event.EventType === EventTypes.AfterAddFolder || event.EventType === EventTypes.AfterAddItem) {
+            //specific type does not matter, we just need a type that has the Item property
             let addEvent = event;
             this.items.push(addEvent.Item);
         }
         else if (event.EventType === EventTypes.AfterDeleteItem || event.EventType === EventTypes.AfterDeleteFolder) {
+            //specific type does not matter, we just need a type that has the Item property
             let deleteEvent = event;
             this.items = this.items.filter((item) => item !== deleteEvent.Item);
         }

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

@@ -1 +1 @@
-{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAEvD,qBAMa,yBAA0B,SAAQ,oBAAoB;IAErD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;gBAArC,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,iBAAiB,IAAI,IAAI;IAwBzB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAtD3B,yBAAyB;2CAAzB,yBAAyB;CAyDrC"}
+{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAEvD,qBAMa,yBAA0B,SAAQ,oBAAoB;IAErD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;gBAArC,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAKxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,iBAAiB,IAAI,IAAI;IAwBzB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAvD3B,yBAAyB;2CAAzB,yBAAyB;CA0DrC"}

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

@@ -32,7 +32,8 @@ export class DashboardBrowserComponent extends BaseBrowserComponent {
             LoadData: { get: () => super.LoadData }
         });
         return __awaiter(this, void 0, void 0, function* () {
-            yield _super.LoadData.call(this);
+            const categoryEntityFilter = "ParentID IS NULL";
+            yield _super.LoadData.call(this, { categoryItemFilter: categoryEntityFilter });
         });
     }
     itemClick(item) {

package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.d.ts

@@ -0,0 +1,14 @@
+import { Router } from "@angular/router";
+import { SharedService } from "@memberjunction/ng-shared";
+import { StubData } from '../../../generic/app-nav-view.types';
+import * as i0 from "@angular/core";
+export declare class ExpansionPanelItemComponent {
+    sharedService: SharedService;
+    private router;
+    items: StubData[];
+    constructor(sharedService: SharedService, router: Router);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelItemComponent, "expansion-panel-item-component", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=expansion-panel-item-component.d.ts.map

package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expansion-panel-item-component.d.ts","sourceRoot":"","sources":["../../../../src/lib/expansion-panel-component/components/expansion-panel-item-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;;AAE/D,qBAKa,2BAA2B;IAIjB,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAF/C,KAAK,EAAE,QAAQ,EAAE,CAAM;gBAEpB,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAEvE,QAAQ,IAAI,IAAI;yCANP,2BAA2B;2CAA3B,2BAA2B;CAiBvC"}

package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.js

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+export class ExpansionPanelItemComponent {
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.items = [];
+    }
+    ngOnInit() {
+        /*
+        const md = new Metadata();
+        this.items = md.Applications.map(app =>
+            new StubData(app.Name, app.ApplicationEntities.map(entity => new StubData(entity.ApplicationName, []))));
+
+        for(const application of md.Applications){
+            this.items.push(new StubData(application.Name, []));
+        }
+        */
+    }
+}
+ExpansionPanelItemComponent.ɵfac = function ExpansionPanelItemComponent_Factory(t) { return new (t || ExpansionPanelItemComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+ExpansionPanelItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpansionPanelItemComponent, selectors: [["expansion-panel-item-component"]], inputs: { items: "items" }, decls: 1, vars: 0, consts: [[1, "wrapper"]], template: function ExpansionPanelItemComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "div", 0);
+    } }, styles: [".wrapper[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpansionPanelItemComponent, [{
+        type: Component,
+        args: [{ selector: 'expansion-panel-item-component', template: "<div class=\"wrapper\">\r\n</div>", styles: [".wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}"] }]
+    }], () => [{ type: i1.SharedService }, { type: i2.Router }], { items: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpansionPanelItemComponent, { className: "ExpansionPanelItemComponent", filePath: "src\\lib\\expansion-panel-component\\components\\expansion-panel-item-component.ts", lineNumber: 11 }); })();

package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts

@@ -0,0 +1,14 @@
+import { Router } from "@angular/router";
+import { SharedService } from "@memberjunction/ng-shared";
+import { StubData } from '../../generic/app-nav-view.types';
+import * as i0 from "@angular/core";
+export declare class ExpansionPanelComponent {
+    sharedService: SharedService;
+    private router;
+    items: StubData[];
+    constructor(sharedService: SharedService, router: Router);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "expansion-panel-component", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=expansion-panel-component.d.ts.map

package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expansion-panel-component.d.ts","sourceRoot":"","sources":["../../../src/lib/expansion-panel-component/expansion-panel-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;;AAE5D,qBAKa,uBAAuB;IAIb,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAF/C,KAAK,EAAE,QAAQ,EAAE,CAAM;gBAEpB,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAEvE,QAAQ,IAAI,IAAI;yCANP,uBAAuB;2CAAvB,uBAAuB;CAiBnC"}

package/dist/lib/expansion-panel-component/expansion-panel-component.js

@@ -0,0 +1,60 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-listview";
+import * as i5 from "@progress/kendo-angular-layout";
+function ExpansionPanelComponent_kendo_expansionpanel_1_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r4 = ctx.dataItem;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(dataItem_r4.Name);
+} }
+function ExpansionPanelComponent_kendo_expansionpanel_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 2)(1, "div", 3)(2, "kendo-listview", 4);
+    i0.ɵɵtemplate(3, ExpansionPanelComponent_kendo_expansionpanel_1_ng_template_3_Template, 2, 1, "ng-template", 5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    i0.ɵɵproperty("title", item_r1.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("height", 400)("data", item_r1.Children);
+} }
+export class ExpansionPanelComponent {
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.items = [];
+    }
+    ngOnInit() {
+        /*
+        const md = new Metadata();
+        this.items = md.Applications.map(app =>
+            new StubData(app.Name, app.ApplicationEntities.map(entity => new StubData(entity.ApplicationName, []))));
+
+        for(const application of md.Applications){
+            this.items.push(new StubData(application.Name, []));
+        }
+        */
+    }
+}
+ExpansionPanelComponent.ɵfac = function ExpansionPanelComponent_Factory(t) { return new (t || ExpansionPanelComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+ExpansionPanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpansionPanelComponent, selectors: [["expansion-panel-component"]], inputs: { items: "items" }, decls: 2, vars: 1, consts: [[1, "wrapper"], [3, "title", 4, "ngFor", "ngForOf"], [3, "title"], [1, "content"], ["containerClass", "k-d-flex k-flex-col k-flex-nowrap", 3, "height", "data"], ["kendoListViewItemTemplate", ""]], template: function ExpansionPanelComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, ExpansionPanelComponent_kendo_expansionpanel_1_Template, 4, 3, "kendo-expansionpanel", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngForOf", ctx.items);
+    } }, dependencies: [i3.NgForOf, i4.ItemTemplateDirective, i4.ListViewComponent, i5.ExpansionPanelComponent], styles: [".wrapper[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n  \r\nkendo-expansionpanel[_ngcontent-%COMP%] {\r\n    width: 300px;\r\n}\r\n  \r\n.content[_ngcontent-%COMP%] {\r\n    display: flex;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpansionPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'expansion-panel-component', template: "<div class=\"wrapper\">\r\n    <kendo-expansionpanel\r\n        *ngFor=\"let item of items; index as i\"\r\n        [title]=\"item.Name\"\r\n    >\r\n        <div class=\"content\">\r\n            <kendo-listview\r\n                [height]=\"400\"\r\n                [data]=\"item.Children\"\r\n                containerClass=\"k-d-flex k-flex-col k-flex-nowrap\"\r\n            >\r\n                <ng-template\r\n                    kendoListViewItemTemplate\r\n                    let-dataItem=\"dataItem\"\r\n                >\r\n                    <h3>{{dataItem.Name}}</h3>\r\n                </ng-template>\r\n            </kendo-listview>\r\n        </div>\r\n    </kendo-expansionpanel>\r\n</div>", styles: [".wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n  \r\nkendo-expansionpanel {\r\n    width: 300px;\r\n}\r\n  \r\n.content {\r\n    display: flex;\r\n}"] }]
+    }], () => [{ type: i1.SharedService }, { type: i2.Router }], { items: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpansionPanelComponent, { className: "ExpansionPanelComponent", filePath: "src\\lib\\expansion-panel-component\\expansion-panel-component.ts", lineNumber: 12 }); })();

package/dist/lib/generic/form-toolbar.d.ts

@@ -1,4 +1,4 @@
-import { BaseFormComponent } from './base-form-component';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import * as i0 from "@angular/core";
 export declare class FormToolbarComponent {
     form: BaseFormComponent;

package/dist/lib/generic/form-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-toolbar.d.ts","sourceRoot":"","sources":["../../../src/lib/generic/form-toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAG1D,qBAca,oBAAoB;IACpB,IAAI,EAAG,iBAAiB,CAAC;yCADzB,oBAAoB;2CAApB,oBAAoB;CAEhC"}
+{"version":3,"file":"form-toolbar.d.ts","sourceRoot":"","sources":["../../../src/lib/generic/form-toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAca,oBAAoB;IACpB,IAAI,EAAG,iBAAiB,CAAC;yCADzB,oBAAoB;2CAApB,oBAAoB;CAEhC"}