@memberjunction/ng-explorer-core 1.8.0 → 2.0.0

package/dist/lib/join-grid/join-grid.component.js

@@ -0,0 +1,222 @@
+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, Input } from '@angular/core';
+import { RunView } from '@memberjunction/core';
+import { debounceTime, fromEvent } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-grid";
+import * as i3 from "@progress/kendo-angular-buttons";
+function JoinGridComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ErrorMessage, "\n");
+} }
+function JoinGridComponent_div_1_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵtext(1, "Save");
+    i0.ɵɵelementEnd();
+} }
+function JoinGridComponent_div_1_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, JoinGridComponent_div_1_3_ng_template_0_Template, 2, 0, "ng-template", 8);
+} }
+function JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const dataItem_r12 = ctx.$implicit;
+    const item_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate1(" ", dataItem_r12[item_r6.field], " ");
+} }
+function JoinGridComponent_div_1_kendo_grid_column_4_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template, 1, 1, "ng-template", 11);
+} }
+function JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 12);
+} if (rf & 2) {
+    const dataItem_r14 = ctx.$implicit;
+    const item_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("checked", dataItem_r14[item_r6.field])("disabled", !ctx_r9.EditMode);
+} }
+function JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r16.viewData.length, " records ");
+} }
+function JoinGridComponent_div_1_kendo_grid_column_4_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template, 1, 1, "ng-template", 13);
+} }
+const _c0 = () => ({ "font-weight": "bold", "background-color": "#a9c2af" });
+function JoinGridComponent_div_1_kendo_grid_column_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-grid-column", 10);
+    i0.ɵɵtemplate(1, JoinGridComponent_div_1_kendo_grid_column_4_1_Template, 1, 0, null, 6)(2, JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template, 1, 2, "ng-template", 11)(3, JoinGridComponent_div_1_kendo_grid_column_4_3_Template, 1, 0, null, 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = ctx.$implicit;
+    const i_r7 = ctx.index;
+    i0.ɵɵpropertyInterpolate("field", item_r6.field);
+    i0.ɵɵpropertyInterpolate("title", item_r6.title);
+    i0.ɵɵproperty("width", item_r6.width)("headerStyle", i0.ɵɵpureFunction0(6, _c0));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", i_r7 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", i_r7 === 0);
+} }
+function JoinGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "kendo-grid", 4, 5);
+    i0.ɵɵtemplate(3, JoinGridComponent_div_1_3_Template, 1, 0, null, 6)(4, JoinGridComponent_div_1_kendo_grid_column_4_Template, 4, 7, "kendo-grid-column", 7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("resizable", true)("data", ctx_r1.viewData)("rowHeight", 36)("loading", ctx_r1.showloader)("height", ctx_r1.gridHeight)("sortable", true)("resizable", true)("reorderable", true)("selectable", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.visibleColumns);
+} }
+export class JoinGridComponent {
+    constructor() {
+        this.RowsEntity = '';
+        this.ColumnsEntity = '';
+        this.JoinEntity = '';
+        this.JoinRowForeignKey = '';
+        this.JoinColumunForeignKey = '';
+        this.RowsFilter = '';
+        this.ColumnsFilter = '';
+        this.EditMode = false;
+        this.showloader = false;
+        this.viewData = [];
+        this.visibleColumns = [];
+        this.ShowError = false;
+        this.ErrorMessage = '';
+        this.gridHeight = 750;
+        this.resizeSub = null;
+        this._gridMargin = 150;
+    }
+    ngOnInit() {
+        if (!this.RowsEntity || !this.ColumnsEntity || !this.JoinEntity || !this.JoinRowForeignKey || !this.JoinColumunForeignKey) {
+            this.ShowError = true;
+            this.ErrorMessage = 'Missing required parameters';
+        }
+        else {
+            this.LoadData();
+        }
+    }
+    ngAfterViewInit() {
+        this.setGridHeight();
+    }
+    LoadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            this.showloader = true;
+            const promises = [];
+            promises.push(rv.RunView({ EntityName: this.RowsEntity, ExtraFilter: this.RowsFilter }));
+            promises.push(rv.RunView({ EntityName: this.ColumnsEntity, ExtraFilter: this.ColumnsFilter }));
+            const responses = yield Promise.all(promises);
+            if (responses[0].Success && responses[1].Success) {
+                this.getJoinData(responses[0].Results, responses[1].Results);
+            }
+            else {
+                this.ShowError = true;
+                this.ErrorMessage = responses[0].ErrorMessage || responses[1].ErrorMessage;
+            }
+        });
+    }
+    getJoinData(rows, columns) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            // getting the relations between rows and columns
+            const res = yield rv.RunView({ EntityName: this.JoinEntity, ExtraFilter: `${this.JoinRowForeignKey} IN (${rows.map(obj => obj.ID).join(',')}) AND ${this.JoinColumunForeignKey} IN (${columns.map(obj => obj.ID).join(',')})` });
+            if (res.Success) {
+                this.prepareGridData(rows, columns, res.Results);
+            }
+            else {
+                this.showloader = false;
+                this.ShowError = true;
+                this.ErrorMessage = res.ErrorMessage;
+            }
+        });
+    }
+    prepareGridData(rows, columns, joinEntities) {
+        const gridData = [];
+        this.visibleColumns = [{ field: 'first', title: '', width: 80 }];
+        columns.forEach(column => {
+            this.visibleColumns.push({ field: column.Name, title: column.Name, width: 80 });
+        });
+        rows.forEach(row => {
+            let rowData = {
+                first: row.Name
+            };
+            columns.forEach(column => {
+                const join = joinEntities.find(j => j[this.JoinColumunForeignKey] === column.ID && j[this.JoinRowForeignKey] === row.ID);
+                if (join) {
+                    rowData = Object.assign(Object.assign({}, rowData), { [column.Name]: true, [this.JoinColumunForeignKey]: join[this.JoinColumunForeignKey], [this.JoinRowForeignKey]: join[this.JoinRowForeignKey], [this.JoinEntity]: join[this.JoinEntity] });
+                }
+                else {
+                    rowData[column.Name] = false;
+                }
+            });
+            gridData.push(rowData);
+        });
+        this.showloader = false;
+        this.viewData = gridData;
+    }
+    setGridHeight() {
+        // Subscribe to the window resize event
+        this.resizeSub = fromEvent(window, 'resize').pipe(debounceTime(100) // Debounce the resize event to avoid frequent updates
+        ).subscribe(() => {
+            // Update the grid height when the window is resized
+            this.ResizeGrid();
+        });
+        // Set the initial grid height with a slight delay to allow stuff to get set
+        setTimeout(() => {
+            this.ResizeGrid();
+        }, 100);
+    }
+    ResizeGrid() {
+        // this._gridMargin = this.getGridTopPosition();
+        this.gridHeight = window.innerHeight - this._gridMargin;
+    }
+}
+JoinGridComponent.ɵfac = function JoinGridComponent_Factory(t) { return new (t || JoinGridComponent)(); };
+JoinGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JoinGridComponent, selectors: [["app-join-grid"]], inputs: { RowsEntity: "RowsEntity", ColumnsEntity: "ColumnsEntity", JoinEntity: "JoinEntity", JoinRowForeignKey: "JoinRowForeignKey", JoinColumunForeignKey: "JoinColumunForeignKey", RowsFilter: "RowsFilter", ColumnsFilter: "ColumnsFilter", EditMode: "EditMode" }, decls: 2, vars: 2, consts: [["class", "card-container", 4, "ngIf"], ["class", "user-view-grid-wrap", 4, "ngIf"], [1, "card-container"], [1, "user-view-grid-wrap"], ["scrollable", "virtual", 3, "resizable", "data", "rowHeight", "loading", "height", "sortable", "reorderable", "selectable"], ["kendoGrid", ""], [4, "ngIf"], [3, "field", "title", "width", "headerStyle", 4, "ngFor", "ngForOf"], ["kendoGridToolbarTemplate", ""], ["kendoButton", ""], [3, "field", "title", "width", "headerStyle"], ["kendoGridCellTemplate", ""], ["type", "checkbox", 3, "checked", "disabled"], ["kendoGridFooterTemplate", ""]], template: function JoinGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, JoinGridComponent_div_0_Template, 2, 1, "div", 0)(1, JoinGridComponent_div_1_Template, 5, 11, "div", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.ShowError);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", !ctx.ShowError);
+    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.GridComponent, i2.ToolbarTemplateDirective, i2.ColumnComponent, i2.FooterTemplateDirective, i2.CellTemplateDirective, i3.ButtonComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JoinGridComponent, [{
+        type: Component,
+        args: [{ selector: 'app-join-grid', template: "<div class=\"card-container\" *ngIf=\"ShowError\">\n    {{ErrorMessage}}\n</div>\n<div class=\"user-view-grid-wrap\" *ngIf=\"!ShowError\">\n    <kendo-grid \n        #kendoGrid \n        [resizable]=\"true\" \n        [data]=\"viewData\" \n        scrollable=\"virtual\" \n        [rowHeight]=\"36\"\n        [loading]=\"showloader\"\n        [height]=\"gridHeight\"\n        [sortable]=\"true\"\n        [resizable]=\"true\"\n        [reorderable]=\"true\"\n        [selectable]=\"true\">\n\n        <ng-template kendoGridToolbarTemplate *ngIf=\"EditMode\">\n            <button kendoButton>Save</button>\n        </ng-template>\n\n        <kendo-grid-column *ngFor=\"let item of visibleColumns; let i = index\" field=\"{{item.field}}\"\n            title=\"{{item.title}}\" [width]=\"item.width\"\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\">\n            <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n                {{dataItem[item.field]}}\n            </ng-template>\n            <ng-template kendoGridCellTemplate let-dataItem>\n                <input type=\"checkbox\" [checked]=\"dataItem[item.field]\" [disabled]=\"!EditMode\" />\n            </ng-template>\n            <ng-template *ngIf=\"i === 0\" kendoGridFooterTemplate>\n                {{this.viewData.length}} records\n            </ng-template>\n        </kendo-grid-column>\n\n    </kendo-grid>\n</div>" }]
+    }], () => [], { RowsEntity: [{
+            type: Input
+        }], ColumnsEntity: [{
+            type: Input
+        }], JoinEntity: [{
+            type: Input
+        }], JoinRowForeignKey: [{
+            type: Input
+        }], JoinColumunForeignKey: [{
+            type: Input
+        }], RowsFilter: [{
+            type: Input
+        }], ColumnsFilter: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JoinGridComponent, { className: "JoinGridComponent" }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"list-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/list-view/list-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,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAc,UAAU,EAAY,MAAM,sBAAsB,CAAC;;AAExE,qBAKa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM;IAe5D,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAdlF,UAAU,EAAE,OAAO,CAAS;IAC5B,gBAAgB,EAAE,OAAO,CAAS;IAClC,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,gBAAgB,EAAE,OAAO,CAAS;IAClC,QAAQ,EAAE,UAAU,EAAE,CAAM;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAM;IACjC,WAAW,EAAE,MAAM,EAAE,CAAM;IAI3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAM;IAC7B,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;gBAE3B,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAclG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAexB,SAAS,CAAC,IAAI,EAAE,IAAI;IAYpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAE3D,oBAAoB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IAMrD,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUjC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BjC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAInC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAzGpC,iBAAiB;2CAAjB,iBAAiB;CA4G7B"}
+{"version":3,"file":"list-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/list-view/list-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,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAA2B,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAc,UAAU,EAAY,MAAM,sBAAsB,CAAC;;AAGxE,qBAMa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM;IAe5D,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAdlF,UAAU,EAAE,OAAO,CAAS;IAC5B,gBAAgB,EAAE,OAAO,CAAS;IAClC,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,gBAAgB,EAAE,OAAO,CAAS;IAClC,QAAQ,EAAE,UAAU,EAAE,CAAM;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAM;IACjC,WAAW,EAAE,MAAM,EAAE,CAAM;IAI3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAM;IAC7B,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;gBAE3B,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAclG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAexB,SAAS,CAAC,IAAI,EAAE,IAAI;IAYpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAE3D,oBAAoB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IAMrD,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUjC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BjC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAInC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAzGpC,iBAAiB;2CAAjB,iBAAiB;CA4G7B"}

package/dist/lib/list-view/list-view.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,7 +15,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Component } from '@angular/core';
 import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
 import { Metadata } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@memberjunction/ng-shared";
@@ -69,7 +77,7 @@ function ListViewComponent_kendo_dialog_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r1.showCreateLoader);
 } }
-export class ListViewComponent extends BaseBrowserComponent {
+let ListViewComponent = class ListViewComponent extends BaseBrowserComponent {
     constructor(router, route, sharedService) {
         var _a;
         super();
@@ -170,7 +178,7 @@ export class ListViewComponent extends BaseBrowserComponent {
     onSelectionChange(value) {
         this.selectedEntity = this.entities.find(e => `${e.SchemaName}.${e.Name}` === value) || null;
     }
-}
+};
 ListViewComponent.ɵfac = function ListViewComponent_Factory(t) { return new (t || ListViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
 ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["title", "Lists", "itemType", "list", "iconName", "graph", "addText", "Create New List", "ItemEntityName", "Lists", "CategoryEntityName", "List Categories", "resourceName", "List", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "BeforeAddItemEvent", "items", "selectedFolderID", "showLoader"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["title", "Create New List", 3, "close", "minWidth", "width", "height"], ["type", "converging-spinner"], [1, "col-xs-12", "col-sm-6", "example-col"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click", "disabled"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click", "disabled"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "mt-10", 3, "ngModelChange", "ngModel"], [1, "mt-10"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "mt-10", 3, "ngModelChange", "rows", "ngModel"], ["text", "Select an Entity"], [1, "mt-10", 3, "filterChange", "selectionChange", "data", "filterable"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
@@ -182,8 +190,12 @@ ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewC
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.showCreateDialog);
     } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".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}"] });
+ListViewComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Lists')
+], ListViewComponent);
+export { ListViewComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListViewComponent, [{
         type: Component,
         args: [{ selector: 'mj-list-view', template: "<app-generic-browser-list \ntitle=\"Lists\"\nitemType=\"list\"\niconName=\"graph\" \n[items]=\"items\"\naddText=\"Create New List\"\nItemEntityName=\"Lists\"\nCategoryEntityName=\"List Categories\" \nresourceName = \"List\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n(BeforeAddItemEvent)=\"onBeforeAddItemEvent($event)\"\n/>\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n    @if(showCreateLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else {\n        <div class=\"col-xs-12 col-sm-6 example-col\">\n            <kendo-label text=\"Name\">\n                <kendo-textbox  \n                    class=\"mt-10\"\n                    placeholder=\"Enter List Name\" \n                    [(ngModel)]=\"listName\">\n                </kendo-textbox>\n            </kendo-label>\n            <div class=\"mt-10\">\n                <kendo-label text=\"Description\">\n                    <kendo-textarea\n                        class=\"mt-10\"\n                        placeholder=\"Enter Description\"\n                        [rows]=\"3\"\n                        resizable=\"vertical\"\n                        [(ngModel)]=\"listDescription\"\n                    ></kendo-textarea>\n                </kendo-label>\n            </div>\n            <div class=\"mt-10\">\n                <kendo-label text=\"Select an Entity\">\n                    <kendo-dropdownlist \n                        class=\"mt-10\"\n                        [data]=\"entityNames\"\n                        [filterable]=\"true\"\n                        (filterChange)=\"onFilterChange($event)\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                    />\n                </kendo-label>\n            </div>\n        </div>\n    }\n    <kendo-dialog-actions class=\"popup-actions-btn\">\n        <button class=\"cancel-btn\" (click)=\"createList()\" [disabled]=\"!listName || !selectedEntity || showCreateLoader\" kendoButton themeColor=\"info\">\n          Create\n        </button>\n        <button  class=\"yes-btn\" (click)=\"toggleCreateDialog(false)\" [disabled]=\"showCreateLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n          Cancel\n        </button>\n    </kendo-dialog-actions>\n</kendo-dialog>", styles: ["\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 }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListViewComponent, { className: "ListViewComponent", filePath: "src/lib/list-view/list-view.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListViewComponent, { className: "ListViewComponent" }); })();

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

@@ -12,7 +12,7 @@ import { TreeItem } from '../../generic/Item.types';
 import { MJTabStripComponent, TabClosedEvent, TabContextMenuEvent, TabEvent } from '@memberjunction/ng-tabstrip';
 import * as i0 from "@angular/core";
 export interface Tab {
-    id?: number;
+    id?: string;
     label?: string;
     icon?: string;
     data?: any;
@@ -133,7 +133,7 @@ export declare class NavigationComponent implements OnInit, OnDestroy, AfterView
     protected loadLists(): Promise<void>;
     protected loadFiles(): Promise<void>;
     protected loadApplications(md: Metadata): Promise<void>;
-    protected loadResourceType(key: string, resourceType: string, path: string, currentUserID: number): Promise<void>;
+    protected loadResourceType(key: string, resourceType: string, path: string, currentUserID: string): Promise<void>;
     setDrawerConfig(): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/navigation/navigation.component.js

@@ -461,14 +461,14 @@ export class NavigationComponent {
             const rv = new RunView();
             const workspaceParams = {
                 EntityName: "Workspaces",
-                ExtraFilter: `UserID=${md.CurrentUser.ID}`,
-                OrderBy: "UpdatedAt DESC", // by default get the workspace that was most recently updated
+                ExtraFilter: `UserID='${md.CurrentUser.ID}'`,
+                OrderBy: "__mj_UpdatedAt DESC", // by default get the workspace that was most recently updated
                 ResultType: "entity_object" /*we want entity objects back so that we can modify them as needed*/
             };
             const workspaces = yield rv.RunView(workspaceParams);
             if (workspaces.Success) {
                 if (workspaces.Results.length) {
-                    this.workSpace = workspaces.Results[0]; // by default get the first one, and since we are sorting by UpdatedAt DESC above, will be most recently modified one. Future feature for multi-workspace support we'll have to adjust this
+                    this.workSpace = workspaces.Results[0]; // by default get the first one, and since we are sorting by __mj_UpdatedAt DESC above, will be most recently modified one. Future feature for multi-workspace support we'll have to adjust this
                 }
                 else {
                     // no matching record found, so create a new one
@@ -603,10 +603,19 @@ export class NavigationComponent {
             this.loader = true;
             const existingTab = this.findExistingTab(data);
             if (existingTab) {
+                // merge the data that we are provided with in terms of its raw query params with the existing tab
+                // override existing values in the data.Configuration.___rawQueryParams from keys in the data.Configuration.___rawQueryParams
+                existingTab.data.Configuration.___rawQueryParams = Object.assign(Object.assign({}, existingTab.data.Configuration.___rawQueryParams), data.Configuration.___rawQueryParams);
                 const index = this.tabs.indexOf(existingTab);
+                // next, before we set the active tab, we need to merge the query params that we have for this tab with the query params that we have for the tab that we're about to select
+                // when the app first loads there won't be any query params for the tabs, but as we navigate around and the tabs get selected, we'll cache the query params for each tab
+                const tqp = this.tabQueryParams['tab_' + (index + 1)];
+                if (tqp)
+                    this.tabQueryParams['tab_' + (index + 1)] = Object.assign(Object.assign({}, tqp), existingTab.data.Configuration.___rawQueryParams);
+                else
+                    this.tabQueryParams['tab_' + (index + 1)] = existingTab.data.Configuration.___rawQueryParams;
                 // add one because the HOME tab is not in the tabs array but it IS part of our tab structure
                 this.activeTabIndex = index + 1;
-                //this.tabstrip.selectTab(this.activeTabIndex);
                 this.scrollIntoView();
                 if (existingTab.label)
                     this.setAppTitle(existingTab.label);
@@ -616,7 +625,7 @@ export class NavigationComponent {
             }
             else {
                 const newTab = {
-                    id: -1, // initially -1 but will be changed to the WorkspaceItem ID once we save it
+                    id: "", // initially blank but will be changed to the WorkspaceItem ID once we save it
                     data: data,
                     labelLoading: true,
                     contentLoading: false,
@@ -665,7 +674,7 @@ export class NavigationComponent {
         let url = '/resource';
         switch (rt === null || rt === void 0 ? void 0 : rt.Name.toLowerCase().trim()) {
             case 'user views':
-                if (data.ResourceRecordID && !isNaN(data.ResourceRecordID) && data.ResourceRecordID > 0) {
+                if (data.ResourceRecordID) {
                     url += `/view/${data.ResourceRecordID}`;
                 }
                 else if ((_a = data.Configuration) === null || _a === void 0 ? void 0 : _a.Entity) {
@@ -712,15 +721,18 @@ export class NavigationComponent {
         const [path, existingQuery] = url.split('?');
         // Create a URLSearchParams object from the existing query params
         const queryParams = new URLSearchParams(existingQuery);
-        // Your cached query params, assuming it's an object like { key1: 'value1', key2: 'value2' }
         const tabIndex = this.tabs.indexOf(tab) + 1; // we add 1 Because the HOME tab is not in the array so we have to offset by 1 here for our data structure
-        let cachedQueryParams = this.tabQueryParams['tab_' + tabIndex]; // Replace with your actual method to get cached params
+        let cachedQueryParams = this.tabQueryParams['tab_' + tabIndex];
         if (!cachedQueryParams) {
             // there is a case when we are first loading and cached query params might have been stuffed into a 'tab_-1' key because at the time activeTabIndex wasn't yet known. So we need to check for that
             cachedQueryParams = this.tabQueryParams['tab_-1'];
             if (cachedQueryParams) {
                 delete this.tabQueryParams['tab_-1']; // remove it from the -1 key
-                this.tabQueryParams['tab_' + tabIndex] = cachedQueryParams; // stuff it into the correct key
+                const tqp = this.tabQueryParams['tab_' + tabIndex];
+                if (tqp)
+                    this.tabQueryParams['tab_' + tabIndex] = Object.assign(Object.assign({}, tqp), cachedQueryParams); // merge it with the existing key if it exists
+                else
+                    this.tabQueryParams['tab_' + tabIndex] = Object.assign({}, cachedQueryParams); // stuff it into the correct key
             }
         }
         if (cachedQueryParams) {
@@ -754,8 +766,9 @@ export class NavigationComponent {
                 const resource = new resourceReg.SubClass();
                 return yield resource.GetResourceDisplayName(data);
             }
-            else
+            else {
                 return `Workspace Item ${data.ID}`;
+            }
         });
     }
     GetWorkspaceItemIconClass(data) {
@@ -765,8 +778,9 @@ export class NavigationComponent {
                 const resource = new resourceReg.SubClass();
                 return yield resource.GetResourceIconClass(data);
             }
-            else
+            else {
                 return '';
+            }
         });
     }
     /**
@@ -817,13 +831,13 @@ export class NavigationComponent {
                 const md = new Metadata();
                 let wsItem;
                 if (!tab.workspaceItem) {
-                    wsItem = (yield md.GetEntityObject('Workspace Items'));
+                    wsItem = yield md.GetEntityObject('Workspace Items');
                     if (tab.data.ID && !isNaN(tab.data.ID) && tab.data.ID > 0)
                         yield wsItem.Load(tab.data.ID);
                     else {
                         wsItem.NewRecord();
                         wsItem.Name = tab.data.Name ? tab.data.Name : tab.data.ResourceType + ' Record:' + tab.data.ResourceRecordID;
-                        wsItem.WorkSpaceID = this.workSpace.ID;
+                        wsItem.WorkspaceID = this.workSpace.ID;
                         wsItem.ResourceTypeID = (_a = tab.data) === null || _a === void 0 ? void 0 : _a.ResourceTypeID;
                     }
                     tab.workspaceItem = wsItem;
@@ -899,7 +913,7 @@ export class NavigationComponent {
             const index = this.tabs.indexOf(tab);
             if (index >= 0)
                 this.tabs.splice(index, 1);
-            if (!tab.workspaceItem && tab.id && tab.id > 0) {
+            if (!tab.workspaceItem && tab.id && tab.id.length > 0) {
                 // we lazy load the workspaceItem entity objects, so we load it here so we can delete it below, but only when it wasn't already loaded
                 const md = new Metadata();
                 tab.workspaceItem = (yield md.GetEntityObject('Workspace Items'));
@@ -1006,7 +1020,22 @@ export class NavigationComponent {
     LoadDrawer() {
         return __awaiter(this, void 0, void 0, function* () {
             const md = new Metadata();
+            //make sure SharedService_resourceTypes is populated first
+            yield SharedService.RefreshData();
             this.drawerItems.length = 0; // clear the array
+            const items = md.VisibleExplorerNavigationItems.filter(item => item.ShowInNavigationDrawer);
+            items.forEach(item => {
+                const drawerItem = {
+                    id: item.ID,
+                    selected: false,
+                    text: item.Name,
+                    path: item.Route,
+                    icon: item.IconCSSClass
+                };
+                this.drawerItems.push(drawerItem);
+            });
+            this.loading = false;
+            return;
             // the Drawer configuraion has the following sections:
             /*
                * Home - a simple view that shows all the other options - dashboards, reports, data, etc, and ALSO shows Favorites and Most Recently Used Records
@@ -1022,8 +1051,6 @@ export class NavigationComponent {
             yield this.loadSkip(md);
             // Data
             yield this.loadApplications(md);
-            //make sure SharedService_resourceTypes is populated first
-            yield SharedService.RefreshData();
             // Dashboards
             yield this.loadResourceType('Dashboards', 'Dashboards', '/dashboards', md.CurrentUser.ID);
             // Reports
@@ -1036,7 +1063,6 @@ export class NavigationComponent {
             yield this.loadLists();
             // Settings
             yield this.loadSettings(md);
-            this.loading = false;
         });
     }
     loadSkip(md) {
@@ -1198,7 +1224,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
             args: [DrawerComponent, { static: false }]
         }], mjTabStrip: [{
             type: ViewChild,
-            args: ['mjTabstrip']
+            args: ['mjTabstrip', { static: false }]
         }], drawerWrapper: [{
             type: ViewChild,
             args: ['drawerWrapper', { static: false }]
@@ -1212,4 +1238,4 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
             type: HostListener,
             args: ['document:click']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src/lib/navigation/navigation.component.ts", lineNumber: 30 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent" }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;AAInE,qBAKa,qBAAsB,SAAQ,oBAAoB;IAEjD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;gBAApE,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;yCAlDvD,qBAAqB;2CAArB,qBAAqB;CA0DjC"}
+{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAA2B,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;AAKnE,qBAMa,qBAAsB,SAAQ,oBAAoB;IAEjD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;gBAApE,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAwBxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;yCAlDvD,qBAAqB;2CAArB,qBAAqB;CA0DjC"}

package/dist/lib/query-browser-component/query-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) {
@@ -8,13 +14,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Component } from '@angular/core';
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
 import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
 import { LogStatus, Metadata } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@memberjunction/ng-shared";
 import * as i3 from "../generic-browser-list/generic-browser-list.component";
-export class QueryBrowserComponent extends BaseBrowserComponent {
+let QueryBrowserComponent = class QueryBrowserComponent extends BaseBrowserComponent {
     constructor(router, route, sharedService) {
         var _a;
         super();
@@ -37,9 +45,9 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
             this.route.paramMap.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
                 this.selectedFolderID = Number(params.get('folderID')) || null;
                 const md = new Metadata();
-                let categoryFilter = this.selectedFolderID ? `CategoryID = ${this.selectedFolderID}` : `CategoryID IS NULL`;
+                let categoryFilter = this.selectedFolderID ? `CategoryID = '${this.selectedFolderID}'` : `CategoryID IS NULL`;
                 let resourceFilter = `${categoryFilter}`;
-                let resourceCategoryFilter = this.selectedFolderID ? `ParentID = ${this.selectedFolderID}` : `ParentID IS NULL`;
+                let resourceCategoryFilter = this.selectedFolderID ? `ParentID = '${this.selectedFolderID}'` : `ParentID IS NULL`;
                 LogStatus("resourceFilter: " + resourceFilter + " category filter: " + resourceCategoryFilter);
                 yield this.LoadData({
                     sortItemsAfterLoad: true,
@@ -67,7 +75,7 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
         let query = item.Data;
         this.router.navigate(['resource', this.routeNameSingular, query.ID], { queryParams: { edit: true } });
     }
-}
+};
 QueryBrowserComponent.ɵfac = function QueryBrowserComponent_Factory(t) { return new (t || QueryBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
 QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["mj-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create New Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
@@ -76,8 +84,12 @@ QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Query
     } if (rf & 2) {
         i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true)("disableEditButton", true);
     } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\n    height: 80px;\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}"] });
+QueryBrowserComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Queries')
+], QueryBrowserComponent);
+export { QueryBrowserComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryBrowserComponent, [{
         type: Component,
         args: [{ selector: 'mj-query-browser', template: "<app-generic-browser-list \ntitle=\"Queries\" \nitemType=\"query\"\niconName=\"data\" \n[items]=\"items\"\naddText=\"Create New Query\"\nItemEntityName=\"Queries\"\nCategoryEntityName=\"Query Categories\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n[disableAddButton]=\"true\"\n[disableEditButton]=\"true\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n/>", styles: [".k-card-body {\n    height: 80px;\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 }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserComponent, { className: "QueryBrowserComponent", filePath: "src/lib/query-browser-component/query-browser.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserComponent, { className: "QueryBrowserComponent" }); })();