@memberjunction/ng-explorer-core 0.9.204 → 0.9.206

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

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

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

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

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

@@ -109,6 +109,6 @@ FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Favorite
     } }, dependencies: [i2.ItemTemplateDirective, i2.HeaderTemplateDirective, i2.ListViewComponent], styles: [".favorites-list[_ngcontent-%COMP%] {\r\n    width: 400px;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n  .list-view .k-listview-header,   .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n  .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%] {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container[_ngcontent-%COMP%] {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 20px;\r\n  }"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FavoritesComponent, [{
         type: Component,
-        args: [{ selector: 'app-favorites', template: "<kendo-listview\r\n    [data]=\"favorites\"\r\n    class=\"list-view\"\r\n>\r\n    <ng-container class=\"entity-wrap\">\r\n        <ng-template kendoListViewHeaderTemplate>\r\n            <div class=\"header\"> \r\n                <div class=\"head-tag\">\r\n                    <span class=\"k-icon k-i-clock\"></span>\r\n                    Favorites\r\n                </div>\r\n                <div class=\"count\">{{favorites.length}}</div>\r\n                </div>\r\n        </ng-template>\r\n        <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\r\n            <div class=\"list-item\"  (click)=\"favoriteItemClick(dataItem)\">\r\n                <b>{{dataItem.Entity}}</b>: {{favoriteItemDisplayName(dataItem)}}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</kendo-listview>\r\n", styles: [".favorites-list {\r\n    width: 400px;\r\n}", "\r\n.main-area {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header .head-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card .view-icon {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper .k-card-body {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper .view-card {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card .btn-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body .view-card-content h5 {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body .view-card-content p {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area .card-list {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
+        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=\"k-icon k-i-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 {\r\n    width: 400px;\r\n}", "\r\n.main-area {\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n    gap: 24px;\r\n    padding: 24px 0;\r\n}\r\n.list-view {\r\n    padding: 16px;\r\n    min-width: 300px;\r\n    border-radius: 4px;\r\n    background:  #FAFAFA;\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n    border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 4px;\r\n    background: #fff;\r\n    padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    height: auto;\r\n    margin:0;\r\n}\r\n\r\n.header {\r\n    color: #424242;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n.header .head-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color:  #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    background: rgba(0, 0, 0, 0.08);\r\n    border-radius: 50%;\r\n}\r\n.footer {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n    color:  #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    margin: 4px;\r\n}\r\n.card-container {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-shadow: none;\r\n}\r\n.card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n\r\n \r\n\r\n\r\n   \r\n  .view-card .view-icon {\r\n    color: #ff6358;\r\n  }\r\n  .card-wrapper {\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    border-radius: 6px;\r\n  }\r\n  .card-wrapper .k-card-body {\r\n    background: #fff;\r\n    padding: 12px 20px;\r\n  }\r\n  .card-wrapper .view-card {\r\n    overflow: auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: #fafafa;\r\n    padding: 4px 15px;\r\n  }\r\n  .view-card .btn-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .k-card-body .view-card-content h5 {\r\n    color: #424242;\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    margin-bottom: 0;\r\n    letter-spacing: 0.18px;\r\n  }\r\n  .k-card-body .view-card-content p {\r\n    color: #666;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    height: 48px;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-container {\r\n    padding: 0;\r\n    margin: 0;\r\n    box-shadow: none;\r\n  }\r\n  .card-header-entity {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    padding-bottom: 20px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n  \r\n  .card-header-entity .title-wrap h1 {\r\n    color: #424242;\r\n    font-size: 28px;\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    line-height: 28px;\r\n    margin-bottom: 15px;\r\n  }\r\n  .card-header-entity .title-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .card-header-entity .title-wrap p {\r\n    margin: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #424242;\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n  }\r\n  .main-area .card-list {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
     }], () => [{ type: i1.Router }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FavoritesComponent, { className: "FavoritesComponent", filePath: "src\\lib\\favorites\\favorites.component.ts", lineNumber: 11 }); })();

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class FilesComponent {
+    currentItem: 'EntityPermissions' | 'Users' | 'Roles';
+    selectItem(item: 'EntityPermissions' | 'Users' | 'Roles'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilesComponent, "app-files", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=files.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"files.component.d.ts","sourceRoot":"","sources":["../../../src/lib/files/files.component.ts"],"names":[],"mappings":";AAEA,qBAKa,cAAc;IAClB,WAAW,EAAE,mBAAmB,GAAG,OAAO,GAAG,OAAO,CAAuB;IAE3E,UAAU,CAAC,IAAI,EAAE,mBAAmB,GAAG,OAAO,GAAG,OAAO;yCAHpD,cAAc;2CAAd,cAAc;CAM1B"}

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

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-file-storage";
+export class FilesComponent {
+    constructor() {
+        this.currentItem = 'EntityPermissions';
+    }
+    selectItem(item) {
+        this.currentItem = item;
+    }
+}
+FilesComponent.ɵfac = function FilesComponent_Factory(t) { return new (t || FilesComponent)(); };
+FilesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesComponent, selectors: [["app-files"]], decls: 3, vars: 0, consts: [[1, "container"]], template: function FilesComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelement(1, "mj-files-category-tree")(2, "mj-files-grid");
+        i0.ɵɵelementEnd();
+    } }, dependencies: [i1.CategoryTreeComponent, i1.FilesGridComponent], styles: [".container[_ngcontent-%COMP%] {\r\n    display: flex;\r\n  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilesComponent, [{
+        type: Component,
+        args: [{ selector: 'app-files', template: "<div class=\"container\">\r\n    <mj-files-category-tree></mj-files-category-tree>\r\n    <mj-files-grid></mj-files-grid>\r\n</div>\r\n", styles: ["  .container {\r\n    display: flex;\r\n  } "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesComponent, { className: "FilesComponent", filePath: "src\\lib\\files\\files.component.ts", lineNumber: 8 }); })();

package/dist/lib/generic/base-resource-component.d.ts

@@ -0,0 +1,34 @@
+import { BaseEntity } from "@memberjunction/core";
+export declare abstract class BaseResourceComponent {
+    Data: ResourceData;
+    private _loadComplete;
+    get LoadComplete(): boolean;
+    private _loadStarted;
+    get LoadStarted(): boolean;
+    private _loadCompleteEvent;
+    get LoadCompleteEvent(): any;
+    set LoadCompleteEvent(value: any);
+    private _loadStartedEvent;
+    get LoadStartedEvent(): any;
+    set LoadStartedEvent(value: any);
+    private _resourceRecordSavedEvent;
+    get ResourceRecordSavedEvent(): any;
+    set ResourceRecordSavedEvent(value: any);
+    protected NotifyLoadComplete(): void;
+    protected NotifyLoadStarted(): void;
+    protected ResourceRecordSaved(resourceRecordEntity: BaseEntity): void;
+    abstract GetResourceDisplayName(data: ResourceData): Promise<string>;
+}
+export declare class ResourceData {
+    constructor(data?: any);
+    ID: number;
+    Name: string;
+    ResourceTypeID: number;
+    ResourceRecordID: any;
+    Configuration: any;
+    /**
+     * Returns the name of the resource type based on the ResourceTypeID
+     */
+    get ResourceType(): string;
+    get ResourceIcon(): string;
+}

package/dist/lib/generic/base-resource-component.js

@@ -0,0 +1,75 @@
+import { SharedService } from "../../shared/shared.service";
+export class BaseResourceComponent {
+    constructor() {
+        this.Data = new ResourceData();
+        this._loadComplete = false;
+        this._loadStarted = false;
+        this._loadCompleteEvent = null;
+        this._loadStartedEvent = null;
+        this._resourceRecordSavedEvent = null;
+    }
+    get LoadComplete() {
+        return this._loadComplete;
+    }
+    get LoadStarted() {
+        return this._loadStarted;
+    }
+    get LoadCompleteEvent() {
+        return this._loadCompleteEvent;
+    }
+    set LoadCompleteEvent(value) {
+        this._loadCompleteEvent = value;
+    }
+    get LoadStartedEvent() {
+        return this._loadStartedEvent;
+    }
+    set LoadStartedEvent(value) {
+        this._loadStartedEvent = value;
+    }
+    get ResourceRecordSavedEvent() {
+        return this._resourceRecordSavedEvent;
+    }
+    set ResourceRecordSavedEvent(value) {
+        this._resourceRecordSavedEvent = value;
+    }
+    NotifyLoadComplete() {
+        this._loadComplete = true;
+        if (this._loadCompleteEvent) {
+            this._loadCompleteEvent();
+        }
+    }
+    NotifyLoadStarted() {
+        this._loadStarted = true;
+        if (this._loadStartedEvent) {
+            this._loadStartedEvent();
+        }
+    }
+    ResourceRecordSaved(resourceRecordEntity) {
+        this.Data.ResourceRecordID = resourceRecordEntity.PrimaryKey.Value;
+        if (this._resourceRecordSavedEvent) {
+            this._resourceRecordSavedEvent(resourceRecordEntity);
+        }
+    }
+}
+export class ResourceData {
+    constructor(data = null) {
+        if (data) {
+            this.ID = data.ID;
+            this.Name = data.Name;
+            this.ResourceTypeID = data.ResourceTypeID;
+            this.ResourceRecordID = data.ResourceRecordID;
+            this.Configuration = data.Configuration;
+        }
+    }
+    /**
+     * Returns the name of the resource type based on the ResourceTypeID
+     */
+    get ResourceType() {
+        const rt = SharedService.Instance.ResourceTypes.find(rt => rt.ID === this.ResourceTypeID);
+        return rt ? rt.Name : '';
+    }
+    get ResourceIcon() {
+        const rt = SharedService.Instance.ResourceTypes.find(rt => rt.ID === this.ResourceTypeID);
+        return rt ? rt.Icon : '';
+    }
+}

package/dist/lib/generic/dynamic-chart.d.ts

@@ -0,0 +1,33 @@
+import { SeriesType, CategoryAxisTitle } from '@progress/kendo-angular-charts';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { SeriesClickEvent } from '@progress/kendo-angular-charts';
+import * as i0 from "@angular/core";
+export declare class DynamicChartComponent {
+    private _data;
+    get data(): any[];
+    set data(value: any[]);
+    chartTitle: string;
+    chartType: string;
+    xAxis: string | string[] | null;
+    yAxis: string | string[] | null;
+    xLabel: string;
+    yLabel: string;
+    columns: SkipColumnInfo[];
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    get kendoSeriesType(): SeriesType;
+    private _axes;
+    get chartCategoryAxes(): {
+        categories: string[];
+        title: CategoryAxisTitle;
+    }[];
+    protected convertAxisToArray(axis: string | string[] | null): string[];
+    private _series;
+    get chartSeries(): any[];
+    private colors;
+    getSeriesColor(item: any): string;
+    onChartSeriesClick(e: SeriesClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicChartComponent, "app-dynamic-chart", never, { "data": { "alias": "data"; "required": false; }; "chartTitle": { "alias": "chartTitle"; "required": false; }; "chartType": { "alias": "chartType"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "xLabel": { "alias": "xLabel"; "required": false; }; "yLabel": { "alias": "yLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "SkipData": { "alias": "SkipData"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dist/lib/generic/dynamic-chart.js

@@ -0,0 +1,252 @@
+import { Component, Input } from '@angular/core';
+import { EntityFieldTSType, LogError, LogStatus, Metadata } from '@memberjunction/core';
+import { MJEventType, MJGlobal } from '@memberjunction/global';
+import { EventCodes, SharedService } from '../../shared/shared.service';
+import { ResourceData } from './base-resource-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-charts";
+import * as i3 from "@memberjunction/ng-container-directives";
+function DynamicChartComponent_kendo_chart_category_axis_item_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-category-axis-item", 4);
+} if (rf & 2) {
+    const axis_r2 = ctx.$implicit;
+    i0.ɵɵproperty("title", axis_r2.title)("categories", axis_r2.categories);
+} }
+function DynamicChartComponent_kendo_chart_series_item_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-chart-series-item", 5);
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("color", ctx_r1.getSeriesColor(item_r3))("type", ctx_r1.kendoSeriesType)("data", item_r3.data)("name", item_r3.name);
+} }
+export class DynamicChartComponent {
+    constructor() {
+        this._data = [];
+        this.chartTitle = 'Chart Title';
+        this.chartType = 'column';
+        this.xAxis = null;
+        this.yAxis = null;
+        this.xLabel = '';
+        this.yLabel = '';
+        this.columns = [];
+        this._axes = [];
+        this._series = [];
+        // simple default colors
+        this.colors = [
+            '#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe',
+            '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080',
+            '#000000', '#7cb9e8', '#c9ffe5', '#b284be', '#5d8aa8', '#00308f', '#72a0c1', '#e32636', '#c46210', '#efdecd'
+        ];
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        // reset the series and axes when the data changes
+        this._series = [];
+        this._axes = [];
+        this._data = value;
+    }
+    get SkipData() {
+        return this._skipData ? this._skipData : undefined;
+    }
+    set SkipData(d) {
+        this._skipData = d;
+        if (d) {
+            this.data = d.SQLResults.results;
+            this.columns = d.SQLResults.columns;
+            this.xAxis = d.ChartOptions.xAxis;
+            this.xLabel = d.ChartOptions.xLabel;
+            this.yLabel = d.ChartOptions.yLabel;
+            this.yAxis = d.ChartOptions.yAxis;
+            this.chartType = d.DisplayType;
+            this.chartTitle = d.ReportTitle;
+        }
+    }
+    get kendoSeriesType() {
+        return this.chartType;
+    }
+    get chartCategoryAxes() {
+        if (this._axes.length === 0) {
+            const result = [];
+            if (this.xAxis) {
+                const xArray = this.convertAxisToArray(this.xAxis);
+                for (let i = 0; i < xArray.length; i++) {
+                    const xItem = xArray[i];
+                    if (xItem !== null && xItem !== undefined && xItem.length > 0)
+                        result.push({
+                            categories: this.data.map(x => x[xItem]),
+                            title: { text: this.xLabel }
+                        });
+                }
+            }
+            this._axes = result;
+            return result;
+        }
+        else {
+            return this._axes;
+        }
+    }
+    convertAxisToArray(axis) {
+        if (Array.isArray(axis)) {
+            return axis;
+        }
+        else if (axis !== null && axis !== undefined && axis.length > 0) {
+            if (!axis.includes(',')) {
+                return [axis];
+            }
+            else
+                return axis.split(',');
+        }
+        else
+            return [];
+    }
+    get chartSeries() {
+        var _a;
+        if (this._series.length === 0) {
+            const result = [];
+            if (this.yAxis) {
+                const yArray = this.convertAxisToArray(this.yAxis);
+                for (let i = 0; i < yArray.length; i++) {
+                    const yItem = yArray[i];
+                    if (yItem !== null && yItem !== undefined && yItem.length > 0) {
+                        const colDisplayName = ((_a = this.columns.find(col => col.FieldName === yItem)) === null || _a === void 0 ? void 0 : _a.DisplayName) || yItem;
+                        result.push({ data: this.data.map(x => x[yItem]), name: colDisplayName });
+                    }
+                }
+            }
+            this._series = result;
+            return result;
+        }
+        else {
+            return this._series;
+        }
+    }
+    getSeriesColor(item) {
+        var _a;
+        try {
+            const c = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.ChartOptions.color;
+            if (c && c.length > 0) {
+                // use the configured color since it was provided
+                return c;
+            }
+            else {
+                const index = this.chartSeries.indexOf(item);
+                return this.colors[index % this.colors.length];
+            }
+        }
+        catch (ex) {
+            LogError(ex);
+            return '#000000';
+        }
+    }
+    onChartSeriesClick(e) {
+        var _a, _b;
+        try {
+            const drillDownValue = e.category; // contains the category for the clicked series item
+            const ddBaseViewField = (_a = this.SkipData) === null || _a === void 0 ? void 0 : _a.DrillDownBaseViewField;
+            const ddV = (_b = this.SkipData) === null || _b === void 0 ? void 0 : _b.DrillDownView;
+            if (ddBaseViewField && ddV && ddBaseViewField.length > 0 && ddV.length > 0 && drillDownValue && drillDownValue.length > 0) {
+                // we have a valid situation to drill down where we have the configuration and we have a drill down value. 
+                const md = new Metadata();
+                const e = md.Entities.find(x => x.BaseView.trim().toLowerCase() === ddV.trim().toLowerCase());
+                if (e) {
+                    // we have a valid entity for the drill down view
+                    // now that we've validated all of this, we can navigate to the drill down view
+                    // which is simply a dynamic view for a given entity with a filter applied
+                    const rd = new ResourceData();
+                    const ef = e.Fields.find(ef => ef.Name.trim().toLowerCase() === ddBaseViewField.trim().toLowerCase());
+                    // next, fix up the drill down value to wrap with quotes if we need if we are a string or  date, and also if a string, escape any single quotes
+                    let filterVal = drillDownValue;
+                    if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.String) {
+                        filterVal = `'${filterVal.replace(/'/g, "''")}'`;
+                    }
+                    else if ((ef === null || ef === void 0 ? void 0 : ef.TSType) === EntityFieldTSType.Date) {
+                        filterVal = `'${filterVal}'`;
+                    }
+                    rd.ResourceTypeID = SharedService.Instance.ViewResourceType.ID;
+                    rd.ResourceRecordID = 0;
+                    rd.Configuration = {
+                        Entity: e.Name,
+                        ExtraFilter: `${ddBaseViewField} = ${filterVal}`,
+                    };
+                    // now we've built up our ResourceData object, we can raise the event to navigate to the drill down view
+                    LogStatus(`drilling down to ${ddV} with filter ${ddBaseViewField} = ${drillDownValue}`);
+                    MJGlobal.Instance.RaiseEvent({
+                        component: this,
+                        event: MJEventType.ComponentEvent,
+                        eventCode: EventCodes.ViewClicked,
+                        args: rd
+                    });
+                }
+                else
+                    LogError(`Could not find entity for the specified DrillDownView: ${ddV}`);
+            }
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+}
+DynamicChartComponent.ɵfac = function DynamicChartComponent_Factory(t) { return new (t || DynamicChartComponent)(); };
+DynamicChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicChartComponent, selectors: [["app-dynamic-chart"]], inputs: { data: "data", chartTitle: "chartTitle", chartType: "chartType", xAxis: "xAxis", yAxis: "yAxis", xLabel: "xLabel", yLabel: "yLabel", columns: "columns", SkipData: "SkipData" }, decls: 6, vars: 3, consts: [["mjFillContainer", "", 3, "seriesClick"], [3, "text"], [3, "title", "categories", 4, "ngFor", "ngForOf"], [3, "color", "type", "data", "name", 4, "ngFor", "ngForOf"], [3, "title", "categories"], [3, "color", "type", "data", "name"]], template: function DynamicChartComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "kendo-chart", 0);
+        i0.ɵɵlistener("seriesClick", function DynamicChartComponent_Template_kendo_chart_seriesClick_0_listener($event) { return ctx.onChartSeriesClick($event); });
+        i0.ɵɵelement(1, "kendo-chart-title", 1);
+        i0.ɵɵelementStart(2, "kendo-chart-category-axis");
+        i0.ɵɵtemplate(3, DynamicChartComponent_kendo_chart_category_axis_item_3_Template, 1, 2, "kendo-chart-category-axis-item", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "kendo-chart-series");
+        i0.ɵɵtemplate(5, DynamicChartComponent_kendo_chart_series_item_5_Template, 1, 4, "kendo-chart-series-item", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("text", ctx.chartTitle);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartCategoryAxes);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.chartSeries);
+    } }, dependencies: [i1.NgForOf, i2.ChartComponent, i2.CategoryAxisComponent, i2.CategoryAxisItemComponent, i2.SeriesComponent, i2.SeriesItemComponent, i2.TitleComponent, i3.FillContainer], encapsulation: 2 });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicChartComponent, [{
+        type: Component,
+        args: [{
+                selector: 'app-dynamic-chart',
+                template: `
+    <kendo-chart mjFillContainer
+        (seriesClick)="onChartSeriesClick($event)"
+        >
+        <kendo-chart-title [text]="chartTitle"></kendo-chart-title>
+        <kendo-chart-category-axis>
+            <kendo-chart-category-axis-item *ngFor="let axis of chartCategoryAxes" [title]="axis.title" [categories]="axis.categories"></kendo-chart-category-axis-item>
+        </kendo-chart-category-axis>
+        <kendo-chart-series>
+            <kendo-chart-series-item *ngFor="let item of chartSeries" 
+                                     [color]="getSeriesColor(item)"
+                                     [type]="kendoSeriesType" 
+                                     [data]="item.data" 
+                                     [name]="item.name"></kendo-chart-series-item>
+        </kendo-chart-series>
+    </kendo-chart>
+  `
+            }]
+    }], null, { data: [{
+            type: Input
+        }], chartTitle: [{
+            type: Input
+        }], chartType: [{
+            type: Input
+        }], xAxis: [{
+            type: Input
+        }], yAxis: [{
+            type: Input
+        }], xLabel: [{
+            type: Input
+        }], yLabel: [{
+            type: Input
+        }], columns: [{
+            type: Input
+        }], SkipData: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicChartComponent, { className: "DynamicChartComponent", filePath: "src\\lib\\generic\\dynamic-chart.ts", lineNumber: 30 }); })();

package/dist/lib/generic/dynamic-grid.d.ts

@@ -0,0 +1,25 @@
+import { AfterViewInit } from '@angular/core';
+import { SkipColumnInfo, SkipData } from '../ask-skip/ask-skip.component';
+import { DecimalPipe, DatePipe } from '@angular/common';
+import { GridDataResult, PageChangeEvent } from '@progress/kendo-angular-grid';
+import * as i0 from "@angular/core";
+export declare class DynamicGridComponent implements AfterViewInit {
+    private decimalPipe;
+    private datePipe;
+    data: any[];
+    columns: SkipColumnInfo[];
+    pageSize: number;
+    startingRow: number;
+    private _skipData;
+    get SkipData(): SkipData | undefined;
+    set SkipData(d: SkipData | undefined);
+    gridView: GridDataResult;
+    constructor(decimalPipe: DecimalPipe, datePipe: DatePipe);
+    formatData(dataType: string, data: any): any;
+    ngAfterViewInit(): void;
+    pageChange(event: PageChangeEvent): void;
+    private loadGridView;
+    cellClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicGridComponent, "app-dynamic-grid", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "startingRow": { "alias": "startingRow"; "required": false; }; "SkipData": { "alias": "SkipData"; "required": false; }; }, {}, never, never, false, never>;
+}