@memberjunction/ng-explorer-core 1.8.1 → 2.1.1

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

@@ -1,8 +1,8 @@
 import { Router } from '@angular/router';
 import { ApplicationEntity } from '@memberjunction/core-entities';
-import { SharedService } from '@memberjunction/ng-shared';
+import { BaseNavigationComponent, SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
-export declare class DataBrowserComponent {
+export declare class DataBrowserComponent extends BaseNavigationComponent {
     sharedService: SharedService;
     private router;
     showLoader: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"data-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/data-browser-component/data-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,+BAA+B,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,qBAKa,oBAAoB;IAOZ,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IANxD,UAAU,EAAE,OAAO,CAAQ;IAE3B,eAAe,EAAE,iBAAiB,EAAE,CAAM;IAC1C,oBAAoB,EAAE,iBAAiB,EAAE,CAAM;IAC/C,sBAAsB,EAAE,iBAAiB,EAAE,CAAM;gBAErC,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAEvE,QAAQ,IAAI,IAAI;IAGV,QAAQ;IA4BP,YAAY,CAAC,IAAI,EAAE,iBAAiB;IAMpC,yBAAyB,EAAE,OAAO,CAAS;IAC5C,sBAAsB;IAItB,MAAM,CAAC,KAAK,EAAE,KAAK;IAMnB,0BAA0B,CAAC,IAAI,EAAE,OAAO;yCAzDnC,oBAAoB;2CAApB,oBAAoB;CAmHhC"}
+{"version":3,"file":"data-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/data-browser-component/data-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,+BAA+B,CAAC;AAEzF,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAEnF,qBAMa,oBAAqB,SAAQ,uBAAuB;IAO5C,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IANxD,UAAU,EAAE,OAAO,CAAQ;IAE3B,eAAe,EAAE,iBAAiB,EAAE,CAAM;IAC1C,oBAAoB,EAAE,iBAAiB,EAAE,CAAM;IAC/C,sBAAsB,EAAE,iBAAiB,EAAE,CAAM;gBAErC,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAIvE,QAAQ,IAAI,IAAI;IAGV,QAAQ;IA6BP,YAAY,CAAC,IAAI,EAAE,iBAAiB;IAMpC,yBAAyB,EAAE,OAAO,CAAS;IAC5C,sBAAsB;IAItB,MAAM,CAAC,KAAK,EAAE,KAAK;IAMnB,0BAA0B,CAAC,IAAI,EAAE,OAAO;yCA5DnC,oBAAoB;2CAApB,oBAAoB;CAsHhC"}

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

@@ -1,3 +1,9 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -9,6 +15,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Component } from '@angular/core';
 import { Metadata, RunView } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
@@ -71,8 +79,9 @@ function DataBrowserComponent_div_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.SelectedApplications.length === 0 && !ctx_r2.showLoader ? 2 : -1);
 } }
-export class DataBrowserComponent {
+let DataBrowserComponent = class DataBrowserComponent extends BaseNavigationComponent {
     constructor(sharedService, router) {
+        super();
         this.sharedService = sharedService;
         this.router = router;
         this.showLoader = true;
@@ -90,7 +99,8 @@ export class DataBrowserComponent {
             const rv = new RunView();
             const results = yield rv.RunView({
                 EntityName: 'Applications',
-                ResultType: 'entity_object'
+                ResultType: 'entity_object',
+                OrderBy: 'Name'
             });
             if (results && results.Success) {
                 this.AllApplications = results.Results;
@@ -98,8 +108,8 @@ export class DataBrowserComponent {
             const userApps = yield rv.RunView({
                 EntityName: 'User Applications',
                 ResultType: 'entity_object',
-                ExtraFilter: `UserID = ${new Metadata().CurrentUser.ID}`,
-                OrderBy: 'Sequence'
+                ExtraFilter: `UserID = '${new Metadata().CurrentUser.ID}'`,
+                OrderBy: 'Sequence, Application'
             });
             if (userApps && userApps.Success) {
                 const apps = userApps.Results.map(ua => this.AllApplications.find(a => a.ID === ua.ApplicationID && ua.IsActive)).filter(a => a); // filter out null entries
@@ -138,9 +148,9 @@ export class DataBrowserComponent {
                 const rv = new RunView();
                 const userApps = yield rv.RunView({
                     EntityName: 'User Applications',
-                    ExtraFilter: `UserID=${md.CurrentUser.ID}`,
+                    ExtraFilter: `UserID='${md.CurrentUser.ID}'`,
                     ResultType: 'entity_object',
-                    OrderBy: 'Sequence',
+                    OrderBy: 'Sequence, Application',
                 });
                 // userApps.results is the current DB state, we need to now compare it to the SelectedApplications array
                 // and if there are changes either update sequence values or set IsActive=false for records that are not selected anyomre. We
@@ -189,9 +199,9 @@ export class DataBrowserComponent {
             }
         });
     }
-}
+};
 DataBrowserComponent.ɵfac = function DataBrowserComponent_Factory(t) { return new (t || DataBrowserComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
-DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBrowserComponent, selectors: [["app-data-browser"]], decls: 18, vars: 6, consts: [[1, "data-browser-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "title-wrap-inner"], [1, "breadcrumb", 3, "click"], [1, "fa-solid", "fa-house", "home-icon"], [1, "breadcrumb-separator"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumb-end"], [1, "config-button"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-gear"], ["DisplayField", "Name", "DisplayIconField", "Icon", 3, "DialogClosed", "AvailableRecords", "SelectedRecords", "UnselectedRecords", "DialogVisible"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], ["class", "card-item", 3, "click", 4, "ngFor", "ngForOf"], [1, "card-item"], [1, "card-item", 3, "click"], [1, "card-wrapper"], [1, "view-card-content", "k-cursor-pointer"], [3, "ngClass"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function DataBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBrowserComponent, selectors: [["app-data-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 6, consts: [[1, "data-browser-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "title-wrap-inner"], [1, "breadcrumb", 3, "click"], [1, "fa-solid", "fa-house", "home-icon"], [1, "breadcrumb-separator"], [1, "fa-solid", "fa-chevron-right"], [1, "breadcrumb-end"], [1, "config-button"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-gear"], ["DisplayField", "Name", "DisplayIconField", "Icon", 3, "DialogClosed", "AvailableRecords", "SelectedRecords", "UnselectedRecords", "DialogVisible"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], ["class", "card-item", 3, "click", 4, "ngFor", "ngForOf"], [1, "card-item"], [1, "card-item", 3, "click"], [1, "card-wrapper"], [1, "view-card-content", "k-cursor-pointer"], [3, "ngClass"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function DataBrowserComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "span", 4);
         i0.ɵɵlistener("click", function DataBrowserComponent_Template_span_click_4_listener($event) { return ctx.GoHome($event); });
         i0.ɵɵelement(5, "span", 5);
@@ -221,8 +231,12 @@ DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBr
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", !ctx.showLoader);
     } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.ButtonComponent, i6.CardComponent, i6.CardBodyComponent, i6.CardTitleDirective, i6.CardSubtitleDirective, i7.RecordSelectorDialogComponent], styles: [".data-browser-container[_ngcontent-%COMP%] {\n   padding: 15px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%]   .card-item[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 10px;\n    height: 200px;\n    border: 3px solid transparent;\n}\n\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%]   .card-item[_ngcontent-%COMP%]:hover {\n    border: 3px solid var(--border-active);\n    box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n\n }\n .main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%]   .card-item[_ngcontent-%COMP%]:hover   .view-card-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    color: var(--border-active);\n }\n .view-card-content[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 36px;\n    text-align: center;\n    line-height: 42px;\n    font-weight: 500;\n    color: var(--text-darked);\n }\n .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 18px;\n    line-height: 28px;\n    color: var(--text-darked);\n }\n \n.view-card-content[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%] {\n   position: absolute;\n   top: 20px; \n   left: 20px;  \n   font-size: 32px;\n}\n.card-list[_ngcontent-%COMP%]   .card-item[_ngcontent-%COMP%] {\n   position: relative;  \n}\n\n .card-wrapper[_ngcontent-%COMP%] {\n    height: 100%;\n    border: none;\n }\n .card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;    \n    align-items: center;\n }\n\n .card-header-entity[_ngcontent-%COMP%] {\n   display: flex;\n   justify-content: space-between;\n   align-items: center;\n}\n\n.title-wrap[_ngcontent-%COMP%] {\n   flex-grow: 1;\n   font-size: 24px;\n}\n.title-wrap-inner[_ngcontent-%COMP%] {\n   display: block;\n}\n\n.breadcrumb[_ngcontent-%COMP%] {\n   color: darkblue;\n   cursor: pointer;\n   display: inline;\n   margin-left: 5px;\n   margin-right: 5px;\n}\n\n.breadcrumb-end[_ngcontent-%COMP%] {\n   display: inline;\n   margin-left: 5px;\n}\n\n.breadcrumb-separator[_ngcontent-%COMP%] {\n   font-size: 14px;\n   display: inline;\n   margin-left: 5px;\n   margin-right: 5px;\n}\n\n.home-icon[_ngcontent-%COMP%] {\n   margin-right: 5px;\n   font-size: 18px;\n   vertical-align: middle;\n}\n\n.config-button[_ngcontent-%COMP%] {\n   display: flex;\n   align-items: center;\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header, \n  .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
+DataBrowserComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Data')
+], DataBrowserComponent);
+export { DataBrowserComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
         type: Component,
         args: [{ selector: 'app-data-browser', template: "<div  class=\"data-browser-container\">\n  <div class=\"card-header-entity\">\n      <div class=\"title-wrap\">\n        <div class=\"title-wrap-inner\">\n          <span class=\"breadcrumb\" (click)=\"GoHome($event)\">\n            <span class=\"fa-solid fa-house home-icon\"></span>Home\n          </span>\n          <span class=\"breadcrumb-separator\"><span class=\"fa-solid fa-chevron-right\"></span></span>\n          <span class=\"breadcrumb-end\">Applications</span>\n        </div>\n      </div>\n      <div class=\"config-button\">\n        <button kendoButton (click)=\"ShowAppSelectionDialog()\"><span class=\"fa-solid fa-gear\"></span></button>\n        <mj-record-selector-dialog [AvailableRecords]=\"AllApplications\" \n                                   [SelectedRecords]=\"SelectedApplications\" \n                                   [UnselectedRecords]=\"UnselectedApplications\"\n                                   [DialogVisible]=\"AppSelectionDialogVisible\"\n                                   DisplayField=\"Name\"\n                                   DisplayIconField=\"Icon\"\n                                   (DialogClosed)=\"OnAppSelectionDialogClosed($event)\">\n        </mj-record-selector-dialog>\n      </div>\n  </div>\n  <div class=\"main-area\"> \n      <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\n      <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\n        <div class=\"card-item\" *ngFor=\"let app of SelectedApplications\"  (click)=\"appItemClick(app)\">\n          <kendo-card class=\"card-wrapper\">\n            <kendo-card-body>\n              <div class=\"view-card-content k-cursor-pointer\">\n                @if (app.Icon && app.Icon.length > 0) {\n                  <span [ngClass]=\"app.Icon + ' icon'\"></span>\n                }\n                <h2 kendoCardTitle>{{ app.Name }}</h2>\n                <p kendoCardSubtitle>{{ app.Description }}</p>\n              </div>\n            </kendo-card-body>\n          </kendo-card>\n        </div>\n        @if (SelectedApplications.length === 0 && !showLoader) {\n          <div class=\"card-item\" (click)=\"ShowAppSelectionDialog()\">\n            <kendo-card class=\"card-wrapper\">\n              <kendo-card-body>\n                <div class=\"view-card-content k-cursor-pointer\">\n                  <span class=\"fa-solid fa-gear\"></span>\n                  <h2 kendoCardTitle>Select Apps</h2>\n                  <p kendoCardSubtitle>No apps selected yet, click here to add some</p>\n                </div>\n              </kendo-card-body>\n            </kendo-card>\n          </div>\n        }\n      </div>\n  </div>\n</div>", styles: [".data-browser-container {\n   padding: 15px;\n}\n.main-area .card-list .card-item {\n    background: #fff;\n    border-radius: 10px;\n    height: 200px;\n    border: 3px solid transparent;\n}\n\n.main-area .card-list .card-item:hover {\n    border: 3px solid var(--border-active);\n    box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n\n }\n .main-area .card-list .card-item:hover .view-card-content h2 {\n    color: var(--border-active);\n }\n .view-card-content h2 {\n    font-size: 36px;\n    text-align: center;\n    line-height: 42px;\n    font-weight: 500;\n    color: var(--text-darked);\n }\n .view-card-content p {\n    text-align: center;\n    font-size: 18px;\n    line-height: 28px;\n    color: var(--text-darked);\n }\n \n.view-card-content .icon {\n   position: absolute;\n   top: 20px; \n   left: 20px;  \n   font-size: 32px;\n}\n.card-list .card-item {\n   position: relative;  \n}\n\n .card-wrapper {\n    height: 100%;\n    border: none;\n }\n .card-wrapper .k-card-body {\n    display: flex;\n    justify-content: center;    \n    align-items: center;\n }\n\n .card-header-entity {\n   display: flex;\n   justify-content: space-between;\n   align-items: center;\n}\n\n.title-wrap {\n   flex-grow: 1;\n   font-size: 24px;\n}\n.title-wrap-inner {\n   display: block;\n}\n\n.breadcrumb {\n   color: darkblue;\n   cursor: pointer;\n   display: inline;\n   margin-left: 5px;\n   margin-right: 5px;\n}\n\n.breadcrumb-end {\n   display: inline;\n   margin-left: 5px;\n}\n\n.breadcrumb-separator {\n   font-size: 14px;\n   display: inline;\n   margin-left: 5px;\n   margin-right: 5px;\n}\n\n.home-icon {\n   margin-right: 5px;\n   font-size: 18px;\n   vertical-align: middle;\n}\n\n.config-button {\n   display: flex;\n   align-items: center;\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
     }], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src/lib/data-browser-component/data-browser.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src/lib/data-browser-component/data-browser.component.ts", lineNumber: 14 }); })();

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

@@ -88,8 +88,8 @@ export class ExpansionPanelComponent {
     getFoldersForTreeNode(entityID, selectedFolderID) {
         return __awaiter(this, void 0, void 0, function* () {
             const md = new Metadata();
-            const categoryIDFilter = selectedFolderID ? `ParentID=${selectedFolderID}` : 'ParentID IS NULL';
-            const userViewFilter = `EntityID = ${entityID} AND ` + categoryIDFilter;
+            const categoryIDFilter = selectedFolderID ? `ParentID='${selectedFolderID}'` : 'ParentID IS NULL';
+            const userViewFilter = `EntityID = '${entityID}' AND ` + categoryIDFilter;
             const viewResults = yield this.RunView('User View Categories', userViewFilter);
             return viewResults.map((result) => {
                 let treeFolder = new TreeFolder(result.EntityID, result.ID, result.Name);
@@ -104,8 +104,8 @@ export class ExpansionPanelComponent {
     getUserViewsForTreeNode(entityID, selectedFolderID) {
         return __awaiter(this, void 0, void 0, function* () {
             const md = new Metadata();
-            const categoryIDFilter = selectedFolderID ? `CategoryID=${selectedFolderID}` : 'CategoryID IS NULL';
-            const userViewFilter = `UserID = ${md.CurrentUser.ID} AND EntityID = ${entityID} AND ` + categoryIDFilter;
+            const categoryIDFilter = selectedFolderID ? `CategoryID='${selectedFolderID}'` : 'CategoryID IS NULL';
+            const userViewFilter = `UserID = '${md.CurrentUser.ID}' AND EntityID = '${entityID}' AND ` + categoryIDFilter;
             const viewResults = yield this.RunView('User Views', userViewFilter);
             return viewResults.map((result) => {
                 let treeItem = new TreeItem(result, ItemType.UserView);

package/dist/lib/favorites/favorites.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorites.component.d.ts","sourceRoot":"","sources":["../../../src/lib/favorites/favorites.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAEnE,qBAKa,kBAAkB;IAIjB,OAAO,CAAC,MAAM;IAHnB,SAAS,EAAE,kBAAkB,EAAE,CAAM;IACrC,WAAW,EAAE,MAAM,CAAM;gBAEZ,MAAM,EAAE,MAAM;IAE5B,QAAQ;IA6Bd,iBAAiB,CAAC,GAAG,EAAE,kBAAkB;IAgCzC,uBAAuB,CAAC,GAAG,EAAE,GAAG;yCAnErB,kBAAkB;2CAAlB,kBAAkB;CA6E9B"}
+{"version":3,"file":"favorites.component.d.ts","sourceRoot":"","sources":["../../../src/lib/favorites/favorites.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAGnE,qBAKa,kBAAkB;IAIjB,OAAO,CAAC,MAAM;IAHnB,SAAS,EAAE,kBAAkB,EAAE,CAAM;IACrC,WAAW,EAAE,MAAM,CAAM;gBAEZ,MAAM,EAAE,MAAM;IAE5B,QAAQ;IAsCd,iBAAiB,CAAC,GAAG,EAAE,kBAAkB;IAiCzC,uBAAuB,CAAC,GAAG,EAAE,GAAG;yCA7ErB,kBAAkB;2CAAlB,kBAAkB;CAuF9B"}

package/dist/lib/favorites/favorites.component.js

@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Component } from '@angular/core';
-import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
+import { Metadata, RunView, CompositeKey, LogError } from '@memberjunction/core';
+import { SharedService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@progress/kendo-angular-listview";
@@ -52,13 +53,19 @@ export class FavoritesComponent {
         return __awaiter(this, void 0, void 0, function* () {
             const md = new Metadata();
             const rv = new RunView();
-            let sFilter = `UserID=${md.CurrentUser.ID}`;
-            if (this.ExtraFilter)
+            let sFilter = `UserID='${md.CurrentUser.ID}'`;
+            if (this.ExtraFilter) {
                 sFilter += `AND (${this.ExtraFilter})`;
+            }
             const viewResults = yield rv.RunView({
                 EntityName: 'User Favorites',
                 ExtraFilter: sFilter
             });
+            if (!viewResults.Success) {
+                LogError(viewResults.ErrorMessage);
+                SharedService.Instance.CreateSimpleNotification("Unable to load User Favorites");
+                return;
+            }
             this.favorites = viewResults.Results; // set the result in the list and let the below happen after async and it will update via data binding when done
             const input = this.favorites.map(fav => {
                 let compositeKey = new CompositeKey([{ FieldName: 'ID', Value: fav.RecordID }]);
@@ -134,4 +141,4 @@ FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Favorite
         type: Component,
         args: [{ selector: 'app-favorites', template: "<kendo-listview\n    [data]=\"favorites\"\n    class=\"list-view\"\n>\n    <ng-container class=\"entity-wrap\">\n        <ng-template kendoListViewHeaderTemplate>\n            <div class=\"header\"> \n                <div class=\"head-tag\">\n                    <span class=\"fa-regular fa-clock\"></span>\n                    Favorites\n                </div>\n                <div class=\"count\">{{favorites.length}}</div>\n                </div>\n        </ng-template>\n        <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n            <div class=\"list-item\"  (click)=\"favoriteItemClick(dataItem)\">\n                <b>{{dataItem.Entity}}</b>: {{favoriteItemDisplayName(dataItem)}}\n            </div>\n        </ng-template>\n    </ng-container>\n</kendo-listview>\n", styles: [".favorites-list {\n    width: 400px;\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
     }], () => [{ type: i1.Router }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FavoritesComponent, { className: "FavoritesComponent", filePath: "src/lib/favorites/favorites.component.ts", lineNumber: 11 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FavoritesComponent, { className: "FavoritesComponent", filePath: "src/lib/favorites/favorites.component.ts", lineNumber: 12 }); })();

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

@@ -1,7 +1,9 @@
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
-export declare class FilesComponent {
+export declare class FilesComponent extends BaseNavigationComponent {
     CategoryID: number | undefined;
     categorySelected(newCategoryID: number): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FilesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilesComponent, "app-files", never, {}, {}, never, never, false, never>;
 }

package/dist/lib/files/files.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"files.component.d.ts","sourceRoot":"","sources":["../../../src/lib/files/files.component.ts"],"names":[],"mappings":";AAEA,qBAKa,cAAc;IAClB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gBAAgB,CAAC,aAAa,EAAE,MAAM;yCAHlC,cAAc;2CAAd,cAAc;CAM1B"}
+{"version":3,"file":"files.component.d.ts","sourceRoot":"","sources":["../../../src/lib/files/files.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAEpE,qBAMa,cAAe,SAAQ,uBAAuB;IAClD,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/B,gBAAgB,CAAC,aAAa,EAAE,MAAM;;yCAHlC,cAAc;2CAAd,cAAc;CAU1B"}

package/dist/lib/files/files.component.js

@@ -1,13 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-file-storage";
-export class FilesComponent {
+let FilesComponent = class FilesComponent extends BaseNavigationComponent {
     categorySelected(newCategoryID) {
         this.CategoryID = newCategoryID;
     }
-}
+    constructor() {
+        super();
+    }
+};
 FilesComponent.ɵfac = function FilesComponent_Factory(t) { return new (t || FilesComponent)(); };
-FilesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesComponent, selectors: [["app-files"]], decls: 3, vars: 1, consts: [[1, "container"], [3, "categorySelected"], [3, "CategoryID"]], template: function FilesComponent_Template(rf, ctx) { if (rf & 1) {
+FilesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesComponent, selectors: [["app-files"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [[1, "container"], [3, "categorySelected"], [3, "CategoryID"]], template: function FilesComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "mj-files-category-tree", 1);
         i0.ɵɵlistener("categorySelected", function FilesComponent_Template_mj_files_category_tree_categorySelected_1_listener($event) { return ctx.categorySelected($event); });
         i0.ɵɵelementEnd();
@@ -17,8 +28,12 @@ FilesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesCompone
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("CategoryID", ctx.CategoryID);
     } }, dependencies: [i1.CategoryTreeComponent, i1.FilesGridComponent], styles: [".container[_ngcontent-%COMP%] {\n    display: flex;\n  }"] });
+FilesComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Files')
+], FilesComponent);
+export { FilesComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilesComponent, [{
         type: Component,
         args: [{ selector: 'app-files', template: "<div class=\"container\">\n  <mj-files-category-tree (categorySelected)=\"categorySelected($event)\"></mj-files-category-tree>\n  <mj-files-grid [CategoryID]=\"CategoryID\"></mj-files-grid>\n</div>\n", styles: ["  .container {\n    display: flex;\n  } "] }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesComponent, { className: "FilesComponent", filePath: "src/lib/files/files.component.ts", lineNumber: 8 }); })();
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesComponent, { className: "FilesComponent", filePath: "src/lib/files/files.component.ts", lineNumber: 11 }); })();

package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { SharedService } from '@memberjunction/ng-shared';
 import { Item } from '../../generic/Item.types';
-import { AfterAddFolderEvent, AfterAddItemEvent, AfterDeleteFolderEvent, AfterDeleteItemEvent, AfterUpdateFolderEvent, AfterUpdateItemEvent, BeforeAddFolderEvent, BeforeAddItemEvent, BeforeDeleteFolderEvent, BeforeDeleteItemEvent, BeforeUpdateFolderEvent, BeforeUpdateItemEvent } from '../../generic/Events.types';
+import { AfterAddFolderEvent, AfterAddItemEvent, AfterDeleteFolderEvent, AfterDeleteItemEvent, AfterUpdateFolderEvent, AfterUpdateItemEvent, BeforeAddFolderEvent, BeforeAddItemEvent, BeforeDeleteFolderEvent, BeforeDeleteItemEvent, BeforeUpdateFolderEvent, BeforeUpdateItemEvent, DropdownOptionClickEvent } from '../../generic/Events.types';
 import { CellClickEvent } from '@progress/kendo-angular-grid';
 import { EntityFormDialogComponent } from '@memberjunction/ng-entity-form-dialog';
 import * as i0 from "@angular/core";
@@ -21,7 +21,7 @@ export declare class GenericBrowserListComponent implements OnInit {
     CategoryEntityName: string;
     selectedFolderID: number | null;
     showNotifications: boolean;
-    categoryEntityID: number | null;
+    categoryEntityID: string | null;
     displayAsGrid: boolean;
     resourceName: string;
     /**
@@ -35,6 +35,9 @@ export declare class GenericBrowserListComponent implements OnInit {
      * or as a grid of icons
      */
     displayItemsAsList: boolean;
+    extraDropdownOptions: {
+        text: string;
+    }[];
     BeforeAddFolderEvent: EventEmitter<BeforeAddFolderEvent>;
     BeforeAddItemEvent: EventEmitter<BeforeAddItemEvent>;
     BeforeDeleteFolderEvent: EventEmitter<BeforeDeleteFolderEvent>;
@@ -49,6 +52,7 @@ export declare class GenericBrowserListComponent implements OnInit {
     AfterUpdateItemEvent: EventEmitter<AfterUpdateItemEvent>;
     itemClickEvent: EventEmitter<any>;
     backButtonClickEvent: EventEmitter<void>;
+    dropdownOptionClickEvent: EventEmitter<DropdownOptionClickEvent>;
     viewModeChangeEvent: EventEmitter<'grid' | 'list'>;
     private _resizeDebounceTime;
     private _resizeEndDebounceTime;
@@ -64,9 +68,9 @@ export declare class GenericBrowserListComponent implements OnInit {
     private createNewRecordName;
     entityObjectName: string;
     /**
-     * Data for the create button dropdown
+     * Options for the create button dropdown
      */
-    createButtonDropdownData: {
+    dropdownOptions: {
         text: string;
     }[];
     constructor(sharedService: SharedService);
@@ -97,6 +101,6 @@ export declare class GenericBrowserListComponent implements OnInit {
     toggleCreateFolderView(visible?: boolean): void;
     getIconForResourceType(item: Item): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericBrowserListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericBrowserListComponent, "app-generic-browser-list", never, { "showLoader": { "alias": "showLoader"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disableAddButton": { "alias": "disableAddButton"; "required": false; }; "disableEditButton": { "alias": "disableEditButton"; "required": false; }; "addText": { "alias": "addText"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "ItemEntityName": { "alias": "ItemEntityName"; "required": false; }; "CategoryEntityName": { "alias": "CategoryEntityName"; "required": false; }; "selectedFolderID": { "alias": "selectedFolderID"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "categoryEntityID": { "alias": "categoryEntityID"; "required": false; }; "displayAsGrid": { "alias": "displayAsGrid"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "viewingResource": { "alias": "viewingResource"; "required": false; }; "displayItemsAsList": { "alias": "displayItemsAsList"; "required": false; }; "createButtonDropdownData": { "alias": "createButtonDropdownData"; "required": false; }; }, { "BeforeAddFolderEvent": "BeforeAddFolderEvent"; "BeforeAddItemEvent": "BeforeAddItemEvent"; "BeforeDeleteFolderEvent": "BeforeDeleteFolderEvent"; "BeforeDeleteItemEvent": "BeforeDeleteItemEvent"; "BeforeUpdateFolderEvent": "BeforeUpdateFolderEvent"; "BeforeUpdateItemEvent": "BeforeUpdateItemEvent"; "AfterAddFolderEvent": "AfterAddFolderEvent"; "AfterAddItemEvent": "AfterAddItemEvent"; "AfterDeleteFolderEvent": "AfterDeleteFolderEvent"; "AfterDeleteItemEvent": "AfterDeleteItemEvent"; "AfterUpdateFolderEvent": "AfterUpdateFolderEvent"; "AfterUpdateItemEvent": "AfterUpdateItemEvent"; "itemClickEvent": "itemClickEvent"; "backButtonClickEvent": "backButtonClickEvent"; "viewModeChangeEvent": "viewModeChangeEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericBrowserListComponent, "app-generic-browser-list", never, { "showLoader": { "alias": "showLoader"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disableAddButton": { "alias": "disableAddButton"; "required": false; }; "disableEditButton": { "alias": "disableEditButton"; "required": false; }; "addText": { "alias": "addText"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "ItemEntityName": { "alias": "ItemEntityName"; "required": false; }; "CategoryEntityName": { "alias": "CategoryEntityName"; "required": false; }; "selectedFolderID": { "alias": "selectedFolderID"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "categoryEntityID": { "alias": "categoryEntityID"; "required": false; }; "displayAsGrid": { "alias": "displayAsGrid"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "viewingResource": { "alias": "viewingResource"; "required": false; }; "displayItemsAsList": { "alias": "displayItemsAsList"; "required": false; }; "extraDropdownOptions": { "alias": "extraDropdownOptions"; "required": false; }; }, { "BeforeAddFolderEvent": "BeforeAddFolderEvent"; "BeforeAddItemEvent": "BeforeAddItemEvent"; "BeforeDeleteFolderEvent": "BeforeDeleteFolderEvent"; "BeforeDeleteItemEvent": "BeforeDeleteItemEvent"; "BeforeUpdateFolderEvent": "BeforeUpdateFolderEvent"; "BeforeUpdateItemEvent": "BeforeUpdateItemEvent"; "AfterAddFolderEvent": "AfterAddFolderEvent"; "AfterAddItemEvent": "AfterAddItemEvent"; "AfterDeleteFolderEvent": "AfterDeleteFolderEvent"; "AfterDeleteItemEvent": "AfterDeleteItemEvent"; "AfterUpdateFolderEvent": "AfterUpdateFolderEvent"; "AfterUpdateItemEvent": "AfterUpdateItemEvent"; "itemClickEvent": "itemClickEvent"; "backButtonClickEvent": "backButtonClickEvent"; "dropdownOptionClickEvent": "dropdownOptionClickEvent"; "viewModeChangeEvent": "viewModeChangeEvent"; }, never, never, false, never>;
 }
 //# sourceMappingURL=generic-browser-list.component.d.ts.map

package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generic-browser-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-browser-list/generic-browser-list.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"generic-browser-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-browser-list/generic-browser-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAS,MAAM,EAAqB,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAU,IAAI,EAAa,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,oBAAoB,EAAa,oBAAoB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,wBAAwB,EAAc,MAAM,4BAA4B,CAAC;AAE3W,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;;AAElF,qBAKa,2BAA4B,YAAW,MAAM;IA4ErC,aAAa,EAAE,aAAa;IA3EhB,mBAAmB,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAE1E,UAAU,EAAE,OAAO,CAAQ;IAC3B,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAM;IAC/B,KAAK,EAAE,GAAG,EAAE,CAAM;IAClB,QAAQ,EAAE,MAAM,CAAU;IAC1B,gBAAgB,EAAE,OAAO,CAAS;IAClC,iBAAiB,EAAE,OAAO,CAAS;IACnC,OAAO,EAAE,MAAM,CAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAa;IAC7B,cAAc,EAAE,MAAM,CAAM;IAC5B,kBAAkB,EAAE,MAAM,CAAM;IAChC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACvC,iBAAiB,EAAE,OAAO,CAAQ;IAClC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACvC,aAAa,EAAE,OAAO,CAAS;IAC/B,YAAY,EAAE,MAAM,CAAc;IAClD;;;;OAIG;IACa,eAAe,EAAE,OAAO,CAAS;IACjD;;;OAGG;IACa,kBAAkB,EAAE,OAAO,CAAS;IACpC,oBAAoB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAI7C,oBAAoB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAA4C;IACpG,kBAAkB,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAA0C;IAC9F,uBAAuB,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAA+C;IAC7G,qBAAqB,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAA6C;IACvG,uBAAuB,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAA+C;IAC7G,qBAAqB,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAA6C;IAGvG,mBAAmB,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAA2C;IACjG,iBAAiB,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAyC;IAC3F,sBAAsB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAA8C;IAC1G,oBAAoB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAA4C;IACpG,sBAAsB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAA8C;IAC1G,oBAAoB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAA4C;IAEpG,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAC5D,oBAAoB,EAAE,YAAY,CAAC,IAAI,CAAC,CAA4B;IACpE,wBAAwB,EAAE,YAAY,CAAC,wBAAwB,CAAC,CAAgD;IAChH,mBAAmB,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,CAAuC;IAE1G,OAAO,CAAC,mBAAmB,CAAe;IAC1C,OAAO,CAAC,sBAAsB,CAAe;IAC7C,OAAO,CAAC,kBAAkB,CAA+B;IACzD,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,WAAW,CAAuB;IACnC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAQ;IACjC,kBAAkB,EAAE,OAAO,CAAS;IACpC,oBAAoB,EAAE,OAAO,CAAS;IACtC,wBAAwB,EAAE,OAAO,CAAS;IACjD,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,mBAAmB,CAAoB;IAExC,gBAAgB,EAAE,MAAM,CAAM;IAErC;;OAEG;IACI,eAAe;;QAEpB;gBAEiB,aAAa,EAAE,aAAa;IAMlC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAqB/B,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAI9C,SAAS,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQ1B,iBAAiB;IAIX,wBAAwB;IAgCxB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiD7B,UAAU,CAAC,IAAI,EAAE,IAAI;IA6BrB,mBAAmB,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;YA0BxD,YAAY;YA2CZ,cAAc;YAuCd,sBAAsB;IAWpC,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAST,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAKpC,OAAO,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKzB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/C,OAAO,CAAC,WAAW;IAgBN,iBAAiB,CAAC,IAAI,EAAE,GAAG;IAYjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAuBpB,mBAAmB,CAAC,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IA0B9D,kBAAkB,IAAI,IAAI;IAI1B,gBAAgB,IAAI,MAAM;IAI1B,sBAAsB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI;IAS/C,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;yCAvdtC,2BAA2B;2CAA3B,2BAA2B;CAwevC"}